detailModal.vue 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449
  1. <template>
  2. <a-modal
  3. centered
  4. class="dealerPromotions-basicInfo-modal"
  5. :footer="null"
  6. :maskClosable="false"
  7. title="详情"
  8. v-model="isShow"
  9. @cancel="isShow=false"
  10. width="80%">
  11. <a-spin :spinning="spinning" tip="Loading...">
  12. <a-form-model
  13. id="dealerPromotions-basicInfo-form"
  14. ref="ruleForm"
  15. :model="form"
  16. :label-col="formItemLayout.labelCol"
  17. :wrapper-col="formItemLayout.wrapperCol" >
  18. <a-form-model-item label="规则简称" v-if="form.description">
  19. {{ form.description }}
  20. </a-form-model-item>
  21. <a-form-model-item label="规则门槛" v-if="form.gateFlag">
  22. {{ form.gateFlag==='1'?'有':'无' }}
  23. <div v-if="form.gateFlag==='1'">
  24. <span v-if="form.gateType==='RATIO_AMOUNT'">购买门槛产品金额 {{ form.gateValue*100 }}% 作为配额 </span>
  25. <span v-if="form.gateType==='MIN_AMOUNT'">购买门槛产品满最低金额 {{ form.gateValue }} 元,不限制配额。</span>
  26. <span v-if="form.gateType==='FIXED_AMOUNT'&&form.promotionRuleType !='PROMO_PROD'">购买满 {{ form.gateValue }} 元门槛产品,可使用 {{ form.quotaAmount }} 元配额,采购规则中的正价商品(配额算销售额)</span>
  27. <span v-if="form.gateType==='FIXED_AMOUNT'&&form.promotionRuleType ==='PROMO_PROD'">购买每满 {{ form.gateValue }} {{ form.gateUnit==='YUAN'?'元':'个' }}门槛产品,可采购 {{ form.quotaAmount }} 个特价产品(配额算销售额)</span>
  28. </div>
  29. </a-form-model-item>
  30. <!-- 买产品送产品 -->
  31. <a-form-model-item label="满赠规则" prop="regularSameFlag" v-if="form.promotionRuleType ==='BUY_PROD_GIVE_PROD'">
  32. <div v-if="form.giveRuleList&&form.giveRuleList.length>0">
  33. <div v-for="item in form.giveRuleList" :key="item.scopeLevel">{{ form.giveRuleList.length>1?item.scopeLevel+'、' :'' }}{{ item.regularSameFlag==='1'?'同款':'不同款' }}产品购买满 {{ item.regularValue }} {{ item.regularUnit==='YUAN'?'元':'个' }}正价产品,送 {{ item.promotionValue }} 个促销产品</div>
  34. <div v-if="form.restrictFlag&&form.restrictFlag==1">限制正价产品{{ form.restrictCategory }}款 </div>
  35. <div v-if="form.convertExpenseFlag&&form.convertExpenseFlag==1">可转费用报销单</div>
  36. </div>
  37. <span v-else>--</span>
  38. </a-form-model-item>
  39. <!-- 买产品送采购额 -->
  40. <a-form-model-item label="满赠规则" prop="regularSameFlag" v-if="form.promotionRuleType ==='BUY_PROD_GIVE_MONEY'">
  41. <div>{{ form.giveRuleType==='SUM_MONEY'?'金额叠加':'按比例' }}</div>
  42. <div v-if="form.giveRuleList&&form.giveRuleList.length>0">
  43. <div v-if="form.giveRuleType==='SUM_MONEY'">购买满{{ form.giveRuleList[0].regularValue }}{{ form.giveRuleList[0].regularUnit==='YUAN'?'元':'个' }}正价产品,送{{ form.giveRuleList[0].promotionValue }}元<span v-if="form.giveRuleList[0].regularUnit==='YUAN'">({{ perCentNum }}%促销品采购额)</span></div>
  44. <div v-if="form.giveRuleType==='RATIO' &&form.giveRuleList && form.giveRuleList.length>0 ">
  45. <div v-for="item in form.giveRuleList" :key="item.scopeLevel">
  46. {{ form.giveRuleList.length>1?item.scopeLevel+'、' :'' }}产品购买满{{ item.regularValue }}{{ item.regularUnit==='YUAN'?'元':'个' }}正价产品,送正价产品总金额的{{ item.promotionValue }}%为促销品采购额
  47. </div>
  48. </div>
  49. </div>
  50. </a-form-model-item>
  51. <!-- 特价产品 -->
  52. <a-form-model-item label="特价规则" prop="regularSameFlag" v-if="form.promotionRuleType ==='PROMO_PROD'">
  53. {{ form.discountType==='0'?'手动输入特价':form.discountType==='1'?'各级别价打折':'各级别价直降' }}
  54. <a-table
  55. v-show="form.discountType!=0"
  56. class="sTable"
  57. ref="setTable"
  58. size="small"
  59. :rowKey="(record) => record.regularValue"
  60. rowKeyName="regularValue"
  61. :columns="setColumns"
  62. :data-source="setTableData"
  63. :pagination="false"
  64. style="width:60%;"
  65. bordered>
  66. </a-table>
  67. </a-form-model-item>
  68. <a-form-model-item label="数量叠加" prop="accrualFlag" v-if="form.promotionRuleType ==='BUY_PROD_GIVE_PROD'&&form.accrualFlag">
  69. {{ form.accrualFlag==='1'?'是':'否' }}
  70. </a-form-model-item>
  71. <a-form-model-item label="促销品是否与正品一致" v-if="form.regularPromotionSameFlag" prop="regularPromotionSameFlag">
  72. {{ form.regularPromotionSameFlag==='1'?'是':'否' }}
  73. </a-form-model-item>
  74. <a-form-model-item label="采购额适用范围" v-if="form.scopeFlag" prop="scopeFlag" >
  75. {{ form.scopeFlag==='1'?'全部产品':'部分产品' }}
  76. </a-form-model-item>
  77. </a-form-model>
  78. <a-card size="small" :bordered="false" class="pages-wrap">
  79. <a-radio-group v-model="chooseVal" button-style="solid">
  80. <a-radio-button value="a" v-show="form.gateFlag==='1'">
  81. 门槛产品
  82. </a-radio-button>
  83. <a-radio-button value="b" v-show="form.promotionRuleType!='PROMO_PROD'">
  84. 正价产品
  85. </a-radio-button>
  86. <a-radio-button value="c" v-show="(form.regularPromotionSameFlag==='0'||form.scopeFlag==='0')&&form.promotionRuleType!='BUY_PROD_GIVE_PROD'">
  87. 促销产品
  88. </a-radio-button>
  89. <a-radio-button :value="'c'+i" v-for="(item,i) in form.giveRuleList" :key="i" v-show="(form.regularPromotionSameFlag==='0'||form.scopeFlag==='0')&&form.promotionRuleType=='BUY_PROD_GIVE_PROD'&&form.giveRuleList">
  90. {{ form.giveRuleList.length>1? '促销产品'+'(阶梯'+(i*1+1) +')' :'促销产品' }}
  91. </a-radio-button>
  92. <a-radio-button value="d" v-show="form.promotionRuleType=='PROMO_PROD'">
  93. 特价产品
  94. </a-radio-button>
  95. </a-radio-group>
  96. <!-- 列表 -->
  97. <div v-show="chooseVal==='a'||chooseVal==='b'||chooseVal==='c'">
  98. <a-table
  99. class="sTable"
  100. style="margin-top:10px;max-height:340px;"
  101. ref="table"
  102. size="small"
  103. :rowKey="(record) => record.productScopeSn"
  104. :columns="columns"
  105. :data-source="chooseVal==='a'?form.gateProductList:chooseVal==='b'?form.regularProductList:form.giftProductList"
  106. :scroll="{ y: 330 }"
  107. :pagination="false"
  108. bordered
  109. >
  110. <!-- 产品分类 -->
  111. <template slot="productType" slot-scope="text, record">
  112. <div class="tabBox" v-if="record.productTypeList && record.productTypeList.length>0">
  113. <a-tag style="margin-bottom:5px;" v-for="item in record.productTypeList" :key="item.id">{{ item.productTypeName3? item.productTypeName2+'/'+item.productTypeName3:(item.productTypeName2&&!item.productTypeName3)?item.productTypeName2:item.productTypeName1 }}</a-tag>
  114. </div>
  115. </template>
  116. <!-- 品牌 -->
  117. <template slot="productBrand" slot-scope="text, record">
  118. <div class="tabBox" v-if="record.productBrandList && record.productBrandList.length>0">
  119. <a-tag style="margin-bottom:5px;" v-for="item in record.productBrandList" :key="item.id">{{ item.productBrandName }}</a-tag>
  120. </div>
  121. </template>
  122. <!-- 产品 -->
  123. <template slot="product" slot-scope="text, record">
  124. <div class="tabBox" v-if="record.productThisList && record.productThisList.length>0">
  125. <a-tag style="margin-bottom:5px;" v-for="item in record.productThisList" :key="item.id">{{ item.productCode }}</a-tag>
  126. </div>
  127. </template>
  128. <!-- 设置起订量 -->
  129. <template slot="setNum" slot-scope="text, record">
  130. <a-tag style="width:60%;margin-bottom:5px;margin-right:0;">{{ record.unitTypeDictValue }}</a-tag>
  131. <a-tag style="width:60%;margin-right:0;">{{ record.unitQty }}</a-tag>
  132. </template>
  133. </a-table>
  134. </div>
  135. <!-- 买产品送产品列表 -->
  136. <div v-if="form.giftProductMap && form.giveRuleList&& form.giveRuleList.length>0">
  137. <div v-for="(con,k) in form.giveRuleList" :key="k" v-show="chooseVal==('c'+k)">
  138. <a-table
  139. class="sTable"
  140. style="margin-top:10px;max-height:340px;"
  141. ref="table"
  142. size="small"
  143. :rowKey="(record) => record.id"
  144. :columns="columns"
  145. :data-source="form.giftProductMap['GIFT'+(k*1+1)]"
  146. :scroll="{ y: 330 }"
  147. :pagination="false"
  148. bordered
  149. >
  150. <!-- 产品分类 -->
  151. <template slot="productType" slot-scope="text, record">
  152. <div class="tabBox" v-if="record.productTypeList && record.productTypeList.length>0">
  153. <a-tag style="margin-bottom:5px;" v-for="item in record.productTypeList" :key="item.id">{{ item.productTypeName3? item.productTypeName2+'/'+item.productTypeName3:(item.productTypeName2&&!item.productTypeName3)?item.productTypeName2:item.productTypeName1 }}</a-tag>
  154. </div>
  155. </template>
  156. <!-- 品牌 -->
  157. <template slot="productBrand" slot-scope="text, record">
  158. <div class="tabBox" v-if="record.productBrandList && record.productBrandList.length>0">
  159. <a-tag style="margin-bottom:5px;" v-for="item in record.productBrandList" :key="item.id">{{ item.productBrandName }}</a-tag>
  160. </div>
  161. </template>
  162. <!-- 产品 -->
  163. <template slot="product" slot-scope="text, record">
  164. <div class="tabBox" v-if="record.productThisList && record.productThisList.length>0">
  165. <a-tag style="margin-bottom:5px;" v-for="item in record.productThisList" :key="item.id">{{ item.productCode }}</a-tag>
  166. </div>
  167. </template>
  168. <!-- 设置起订量 -->
  169. <template slot="setNum" slot-scope="text, record">
  170. <a-tag style="width:60%;margin-bottom:5px;margin-right:0;">{{ record.unitTypeDictValue }}</a-tag>
  171. <a-tag style="width:60%;margin-right:0;">{{ record.unitQty }}</a-tag>
  172. </template>
  173. </a-table>
  174. </div>
  175. </div>
  176. <!-- 特价产品 -->
  177. <div v-show="chooseVal=='d'">
  178. <a-table
  179. class="sTable"
  180. style="margin-top:10px;max-height:340px;"
  181. ref="table"
  182. size="small"
  183. :rowKey="(record) => record.productScopeSn"
  184. :columns="specialColumns"
  185. :data-source="form.specialProductList"
  186. :scroll="{ y: 330 }"
  187. :pagination="false"
  188. bordered
  189. >
  190. <!-- 产品分类 -->
  191. <template slot="productType" slot-scope="text, record">
  192. <div class="tabBox" v-if="record.productTypeList && record.productTypeList.length>0">
  193. <a-tag style="margin-bottom:5px;" v-for="item in record.productTypeList" :key="item.id">{{ item.productTypeName3? item.productTypeName2+'/'+item.productTypeName3:(item.productTypeName2&&!item.productTypeName3)?item.productTypeName2:item.productTypeName1 }}</a-tag>
  194. </div>
  195. </template>
  196. <!-- 品牌 -->
  197. <template slot="productBrand" slot-scope="text, record">
  198. <div class="tabBox" v-if="record.productBrandList && record.productBrandList.length>0">
  199. <a-tag style="margin-bottom:5px;" v-for="item in record.productBrandList" :key="item.id">{{ item.productBrandName }}</a-tag>
  200. </div>
  201. </template>
  202. <!-- 产品 -->
  203. <template slot="product" slot-scope="text, record">
  204. <div class="tabBox" v-if="record.productThisList && record.productThisList.length>0">
  205. <a-tag style="margin-bottom:5px;" v-for="item in record.productThisList" :key="item.id">{{ item.productCode }}</a-tag>
  206. </div>
  207. <span v-else>--</span>
  208. </template>
  209. <!-- 设置起订量 -->
  210. <template slot="setNum" slot-scope="text, record">
  211. <a-tag style="width:90%;margin-bottom:5px;margin-right:0;">{{ record.unitTypeDictValue }}</a-tag>
  212. <a-tag style="width:90%;margin-right:0;">{{ record.unitQty }}</a-tag>
  213. </template>
  214. </a-table>
  215. </div>
  216. </a-card>
  217. <div class="btn-cont">
  218. <a-button id="dealerPromotions-basicInfo-modal-back" @click="isShow = false">关闭</a-button>
  219. </div>
  220. </a-spin>
  221. </a-modal>
  222. </template>
  223. <script>
  224. import { commonMixin } from '@/utils/mixin'
  225. import { getRuleDetail } from '@/api/promotion'
  226. export default {
  227. name: 'DetailModal',
  228. mixins: [commonMixin],
  229. props: {
  230. openModal: { // 弹框显示状态
  231. type: Boolean,
  232. default: false
  233. },
  234. itemSn: {
  235. type: String,
  236. default: ''
  237. }
  238. },
  239. data () {
  240. return {
  241. isShow: this.openModal, // 是否打开弹框
  242. spinning: false,
  243. formItemLayout: {
  244. labelCol: { span: 4 },
  245. wrapperCol: { span: 20 }
  246. },
  247. form: {
  248. promotionRuleType: undefined,
  249. gateFlag: undefined, // 门槛
  250. gateValue: undefined,
  251. quotaAmount: undefined,
  252. regularSameFlag: undefined, // 满赠规则 不同款商品
  253. regularQty: undefined,
  254. promotionQty: undefined,
  255. regularAmount: undefined,
  256. giveAmount: undefined,
  257. restrictFlag: undefined, // 限制正价产品款数
  258. restrictCategory: undefined,
  259. accrualFlag: undefined, // 数量叠加
  260. minOrderFlag: undefined, // 起订金额
  261. minOrderAmount: undefined,
  262. upperLimitFlag: undefined, // 活动经费上限
  263. upperLimitAmount: undefined,
  264. regularPromotionSameFlag: undefined,
  265. productTypeArr: [],
  266. productTypeList: [],
  267. productBrandArr: [],
  268. productBrandList: [],
  269. productThisList: []
  270. },
  271. chooseVal: 'a',
  272. columns: [
  273. { title: '产品分类', width: '30%', scopedSlots: { customRender: 'productType' }, align: 'center' },
  274. { title: '品牌', width: '35%', scopedSlots: { customRender: 'productBrand' }, align: 'center' },
  275. { title: '产品', width: '35%', scopedSlots: { customRender: 'product' }, align: 'center' },
  276. { title: '设置起订量', width: '20%', scopedSlots: { customRender: 'setNum' }, align: 'center' }
  277. ]
  278. }
  279. },
  280. computed: {
  281. perCentNum () {
  282. const val = (this.form.giveRuleList[0].regularValue && this.form.giveRuleList[0].regularValue != 0) ? Math.floor(((this.form.giveRuleList[0].promotionValue / this.form.giveRuleList[0].regularValue) * 100).toFixed(2)) : 0
  283. return val
  284. },
  285. setColumns () {
  286. const _this = this
  287. var arr = []
  288. if (_this.form.discountType === '1') {
  289. arr = [
  290. { title: '省价折扣', dataIndex: 'provinceValue', width: '33%', align: 'center', customRender: function (text) { return text || '--' } },
  291. { title: '市价折扣', dataIndex: 'cityValue', width: '33%', align: 'center', customRender: function (text) { return text || '--' } },
  292. { title: '特约折扣', dataIndex: 'specialValue', width: '33%', align: 'center', customRender: function (text) { return text || '--' } }
  293. ]
  294. } else if (_this.form.discountType === '2') {
  295. arr = [
  296. { title: '省价直降', dataIndex: 'provinceValue', width: '33%', align: 'center', customRender: function (text) { return text || '--' } },
  297. { title: '市价直降', dataIndex: 'cityValue', width: '33%', align: 'center', customRender: function (text) { return text || '--' } },
  298. { title: '特约直降', dataIndex: 'specialValue', width: '33%', align: 'center', customRender: function (text) { return text || '--' } }
  299. ]
  300. }
  301. return arr
  302. },
  303. specialColumns () {
  304. const _this = this
  305. const arr = [
  306. { title: '产品分类', width: '11%', scopedSlots: { customRender: 'productType' }, align: 'center' },
  307. { title: '品牌', width: '11%', scopedSlots: { customRender: 'productBrand' }, align: 'center' },
  308. { title: '产品', scopedSlots: { customRender: 'product' }, width: '11%', align: 'center' },
  309. { title: '省级原价', dataIndex: 'provincePrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } },
  310. { title: '省级特价', dataIndex: 'provinceDiscountPrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } },
  311. // { title: '省级折扣', dataIndex: 'provinceDiscountRate', width: '6%', align: 'center', customRender: function (text) { return ((text || text == 0) ? (text + '%') : '--') } },
  312. { title: '市级原价', dataIndex: 'cityPrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } },
  313. { title: '市级特价', dataIndex: 'cityDiscountPrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } },
  314. // { title: '市级折扣', dataIndex: 'cityDiscountRate', width: '6%', align: 'center', customRender: function (text) { return ((text || text == 0) ? (text + '%') : '--') } },
  315. { title: '特约原价', dataIndex: 'specialPrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } },
  316. { title: '特约特价', dataIndex: 'specialDiscountPrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } },
  317. // { title: '特约折扣', dataIndex: 'specialDiscountRate', width: '6%', align: 'center', customRender: function (text) { return ((text || text == 0) ? (text + '%') : '--') } },
  318. { title: '设置起订量', width: '7%', scopedSlots: { customRender: 'setNum' }, align: 'center' }
  319. ]
  320. if (_this.form.discountType == '0' || _this.form.discountType == '1') {
  321. arr.splice(5, 0, { title: '省级折扣', dataIndex: 'provinceDiscountRate', width: '6%', align: 'center', customRender: function (text) { return ((text || text == 0) ? (text + '%') : '--') } })
  322. arr.splice(8, 0, { title: '市级折扣', dataIndex: 'cityDiscountRate', width: '6%', align: 'center', customRender: function (text) { return ((text || text == 0) ? (text + '%') : '--') } })
  323. arr.splice(11, 0, { title: '特约折扣', dataIndex: 'specialDiscountRate', width: '6%', align: 'center', customRender: function (text) { return ((text || text == 0) ? (text + '%') : '--') } })
  324. } else {
  325. arr.splice(5, 0, { title: '省价直降金额', dataIndex: 'provinceSubtract', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? ('-' + text) : '--') } })
  326. arr.splice(8, 0, { title: '市价直降金额', dataIndex: 'citySubtract', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? ('-' + text) : '--') } })
  327. arr.splice(11, 0, { title: '特约直降金额', dataIndex: 'specialSubtract', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? ('-' + text) : '--') } })
  328. }
  329. return arr
  330. }
  331. },
  332. methods: {
  333. // 重置
  334. resetSearchForm () {
  335. this.form = {
  336. promotionRuleType: undefined,
  337. gateFlag: undefined, // 门槛
  338. gateValue: undefined,
  339. quotaAmount: undefined,
  340. regularSameFlag: undefined, // 满赠规则 不同款商品
  341. regularQty: undefined,
  342. promotionQty: undefined,
  343. regularAmount: undefined,
  344. giveAmount: undefined,
  345. restrictFlag: undefined, // 限制正价产品款数
  346. restrictCategory: undefined,
  347. accrualFlag: undefined, // 数量叠加
  348. minOrderFlag: undefined, // 起订金额
  349. minOrderAmount: undefined,
  350. upperLimitFlag: undefined, // 活动经费上限
  351. upperLimitAmount: undefined,
  352. regularPromotionSameFlag: undefined
  353. }
  354. },
  355. // 获取列表详情
  356. getDetail () {
  357. getRuleDetail({ sn: this.itemSn }).then(res => {
  358. if (res.status == 200) {
  359. const resultObj = res.data
  360. if (resultObj.gateFlag == '1') {
  361. this.chooseVal = 'a'
  362. } else {
  363. if (resultObj.promotionRuleType == 'BUY_PROD_GIVE_PROD') {
  364. this.chooseVal = 'b'
  365. } else if (resultObj.promotionRuleType == 'BUY_PROD_GIVE_MONEY') {
  366. this.chooseVal = 'b'
  367. } else {
  368. this.chooseVal = 'd'
  369. }
  370. // if (resultObj.giveRuleList && resultObj.giveRuleList.length > 0) {
  371. // this.chooseVal = 'c0'
  372. // } else {
  373. // this.chooseVal = resultObj.promotionRuleType == 'PROMO_PROD' ? 'd' : 'b'
  374. // }
  375. }
  376. this.form = { ...this.form, ...resultObj }
  377. this.setTableData = [{
  378. provinceValue: this.form.provinceValue,
  379. cityValue: this.form.cityValue,
  380. specialValue: this.form.specialValue
  381. }]
  382. }
  383. })
  384. }
  385. },
  386. watch: {
  387. // 父页面传过来的弹框状态
  388. openModal (newValue, oldValue) {
  389. this.isShow = newValue
  390. },
  391. // 重定义的弹框状态
  392. isShow (newValue, oldValue) {
  393. if (!newValue) {
  394. this.$emit('close')
  395. this.resetSearchForm()
  396. } else {
  397. this.getDetail()
  398. }
  399. }
  400. }
  401. }
  402. </script>
  403. <style lang="less" scoped>
  404. .dealerPromotions-basicInfo-modal{
  405. .ant-modal-body {
  406. padding: 40px 40px 24px;
  407. }
  408. .dealerPromotions-basicInfo-con{
  409. margin-top:10px;
  410. }
  411. .ant-form-item{
  412. margin-bottom:0 !important;
  413. }
  414. .buyerBox{
  415. border:1px solid #d9d9d9;margin-top:10px;border-radius:4px;padding:4px 10px;background:#f2f2f2;max-height:130px;overflow-y:scroll;
  416. }
  417. .btn-cont {
  418. text-align: center;
  419. margin: 35px 0 10px;
  420. }
  421. .tabBox{
  422. max-height:100px;
  423. overflow-y:scroll;
  424. }
  425. .tabBox::-webkit-scrollbar {
  426. width: 0px;
  427. }
  428. .ant-form-item-control .ant-input[disabled]{
  429. color:#333333;
  430. background:#ffffff;
  431. }
  432. .ant-radio-button-wrapper-disabled{
  433. color:#333333;
  434. padding:0 16px;
  435. }
  436. .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked{
  437. background-color: #ed1c24 !important;
  438. color:#ffffff;
  439. padding:0 16px;
  440. }
  441. /deep/.ant-select-disabled .ant-select-selection, .ant-cascader-picker-disabled{
  442. color:#333 !important;
  443. background:#fff;
  444. }
  445. }
  446. </style>