lilei 1 năm trước cách đây
mục cha
commit
d03c79080a

+ 32 - 26
src/views/salesManagement/salesQueryNew/comps/productList.vue

@@ -377,37 +377,38 @@ export default {
           return data
         })
       },
-      showSearchBox: false,
-      showDescBox: false,
+      showSearchBox: false, // 是否显示筛选条件
+      showDescBox: false, // 收起展开规则详细
       openWarehouseModal: false, // 打开仓库设置
       openGuideModal: false, //  导入产品引导
-      delLoading: false,
-      chooseDisabled: false,
+      delLoading: false, // 删除logding
       disabled: false, //  查询、重置按钮是否可操作
       queryParam: {
-        warehouseSn: undefined,
-        productCode: '',
-        productName: '',
-        productBrandSn: undefined,
+        warehouseSn: undefined, // 仓库
+        productCode: '', // 产品编码
+        productName: '', // 产品名称
+        productBrandSn: undefined, // 产品品牌
         productTypeSn1: '', //  产品一级分类
         productTypeSn2: '', //  产品二级分类
         productTypeSn3: '' //  产品三级分类
       },
-      productType: [],
-      rowSelectionInfo: null,
-      warehouseDataList: [],
-      openUpActiveModal: false,
-      descDetail: null,
+      productType: [], // 已选产品分类
+      rowSelectionInfo: null, // 已选产品数据
+      warehouseDataList: [], // 仓库列表数据
+      openUpActiveModal: false, // 更换促销活动弹框
+      descDetail: null, // 规则详细数据
       promoProductClz: null, // 活动产品分类
-      disablePromo: false,
-      countData: null,
-      warehouseTit: ''
+      disablePromo: false, // 是否禁用活动
+      countData: null, // 统计信息
+      warehouseTit: '' // 仓库设置唐卡标题
     }
   },
   computed: {
+    // 已选产品数量
     selectTotal () {
       return this.rowSelectionInfo && this.rowSelectionInfo.selectedRowKeys.length || 0
     },
+    // 表格列
     columns () {
       const arr = [
         { title: '序号', dataIndex: 'no', width: '4%', align: 'center' },
@@ -418,10 +419,10 @@ export default {
         { title: '库存', dataIndex: 'stockQty', scopedSlots: { customRender: 'stockQty' }, width: '6%', align: 'center' },
         { title: '出库仓库', scopedSlots: { customRender: 'warehouseBox' }, width: '10%', align: 'center' },
         { title: '单位', dataIndex: 'productEntity.unit', width: '4%', align: 'center', customRender: function (text) { return text || '--' } },
-        // { title: '售价小计', dataIndex: 'totalAmount', width: '8%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '操作', scopedSlots: { customRender: 'action' }, width: '12%', align: 'center' }
       ]
-      if (this.$hasPermissions('B_salesEdit_salesPrice')) { // 售价权限
+      // 售价权限
+      if (this.$hasPermissions('B_salesEdit_salesPrice')) {
         arr.splice(3, 0, { title: '售价', dataIndex: 'price', width: '6%', align: 'right', scopedSlots: { customRender: 'price' } })
         arr.splice(4, 0, { title: '价格级别', dataIndex: 'priceLevelDictValue', width: '6%', align: 'center', customRender: function (text) { return text || '--' } })
         let idx = 0
@@ -441,17 +442,21 @@ export default {
     }
   },
   methods: {
+    // 仓库下拉列表筛选
     filterOption (input, option) {
       return (
         option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
       )
     },
+    // 仓库列表加载完成
     warehouseLoad (sn, list) {
       this.warehouseDataList = list
     },
+    // 显示查询条件
     showSearch () {
       this.showSearchBox = !this.showSearchBox
     },
+    // 显示规则详细
     showDesc (descDetail) {
       this.showDescBox = !this.showDescBox
       this.descDetail = descDetail
@@ -459,6 +464,7 @@ export default {
       this.descDetail.quotaAmount = Number(this.descDetail.quotaAmount).toFixed(2)
       this.$emit('showDesc', this.showDescBox)
     },
+    // 打开产品弹框
     openCpModal () {
       this.$emit('openCpModal', 1, this.id, this.countData)
     },
@@ -466,7 +472,7 @@ export default {
     rowSelectionFun (obj) {
       this.rowSelectionInfo = obj || null
     },
-    //  产品分类  change
+    //  选择产品分类
     changeProductType (val, opt) {
       this.queryParam.productTypeSn1 = val[0] ? val[0] : ''
       this.queryParam.productTypeSn2 = val[1] ? val[1] : ''
@@ -474,7 +480,6 @@ export default {
     },
     // 禁用活动
     disableActive (flag) {
-      console.log(flag, '------')
       this.disablePromo = flag
     },
     // 统计
@@ -490,7 +495,7 @@ export default {
         }
       })
     },
-    //  重置
+    //  重置查询
     resetSearchForm (flag) {
       this.queryParam.productCode = ''
       this.queryParam.productName = ''
@@ -571,6 +576,7 @@ export default {
       }
       this.setWarehouseInfo(ajax_data)
     },
+    // 选择仓库确认
     chooseWarehouseOk (sn) {
       const _this = this
       const snArr = []
@@ -586,6 +592,7 @@ export default {
       }
       _this.setWarehouseInfo(ajax_data)
     },
+    // 更改仓库信息
     setWarehouseInfo (data) {
       const _this = this
       _this.spinning = true
@@ -600,6 +607,7 @@ export default {
         _this.spinning = false
       })
     },
+    // 更多操作下拉菜单
     handleMenuClick (e) {
       const _this = this
       if (e.key == 0) { // 仓库设置
@@ -627,7 +635,7 @@ export default {
       }, record)
       this.openUpActiveModal = true
     },
-    // 已选产品  blur
+    // 已选产品数量修改
     onCellBlur (val, record) {
       const _this = this
       //  光标移出,值发生改变再调用编辑接口
@@ -650,7 +658,6 @@ export default {
         record.qty = record.qtyBackups
       }
     },
-
     // 删除产品
     handleDel (row) {
       const _this = this
@@ -686,6 +693,7 @@ export default {
       // 更换活动
       this.$emit('upActive', this.promo, data, params)
     },
+    // 更换活动成功
     upAcitveSuccess () {
       this.spinning = false
       this.openUpActiveModal = false
@@ -693,7 +701,6 @@ export default {
     },
     // 添加产品
     insterProduct (row, promotionFlag, promoProductClz) {
-      console.log(row, promotionFlag, promoProductClz)
       // 防止多次添加产品
       if (this.isInster) { return }
       this.saveNewProduct(row, promotionFlag, promoProductClz)
@@ -703,7 +710,6 @@ export default {
       this.$message.loading('正在添加产品...', 1)
       this.isInster = true
       this.spinning = true
-      console.log(row)
       const params = {
         salesPromoSn: this.promo.salesPromoSn,
         promoRuleSn: this.promo.promoRuleSn,
@@ -746,6 +752,7 @@ export default {
       this.openGuideModal = true
       this.promoProductClz = e.key
     },
+    // 关闭导入弹框
     closeGuideModel () {
       this.openGuideModal = false
       this.promoProductClz = ''
@@ -762,7 +769,6 @@ export default {
         params.promoRuleSn = this.promo.promoRuleSn
         params.promoProductClz = this.promoProductClz
       }
-
       salesBatchInsert(params).then(res => {
         if (res.status == 200) {
           this.$message.success('产品导入成功', 2.5)

+ 39 - 27
src/views/salesManagement/salesQueryNew/comps/productNormalList.vue

@@ -212,19 +212,19 @@ export default {
       default: false
     },
     newLoading: Boolean,
-    detailData: {
+    detailData: { // 销售单详情
       type: Object,
       default: function () { return null }
     },
-    warehouseSn: {
+    warehouseSn: { // 仓库sn
       type: String,
       default: ''
     },
-    salesBillSn: {
+    salesBillSn: { // 销售单sn
       type: String,
       default: ''
     },
-    showTotal: {
+    showTotal: { // 是否显示总计
       type: Boolean,
       default: true
     }
@@ -244,6 +244,7 @@ export default {
             const no = (data.pageNo - 1) * data.pageSize
             for (var i = 0; i < data.list.length; i++) {
               data.list[i].no = no + i + 1
+              // 存储变更前的数量和仓库
               data.list[i].qtyBackups = data.list[i].qty
               data.list[i].warehouseBackups = data.list[i].warehouseSn
             }
@@ -253,50 +254,51 @@ export default {
           return data
         })
       },
-      showSearch: false,
+      showSearch: false, // 收起展开搜索
       openWarehouseModal: false, // 打开仓库设置
       openGuideModal: false, //  导入产品引导
-      delLoading: false,
-      chooseDisabled: false,
+      delLoading: false, // 删除loading
       disabled: false, //  查询、重置按钮是否可操作
       queryParam: {
-        warehouseSn: undefined,
-        productCode: '',
-        productName: '',
-        productBrandSn: undefined,
+        warehouseSn: undefined, // 仓库
+        productCode: '', // 产品编码
+        productName: '', // 产品名称
+        productBrandSn: undefined, // 产品品牌
         productTypeSn1: '', //  产品一级分类
         productTypeSn2: '', //  产品二级分类
         productTypeSn3: '' //  产品三级分类
       },
-      productType: [],
-      rowSelectionInfo: null,
-      warehouseDataList: [],
-      countData: null,
-      isInster: false,
-      warehouseTit: ''
+      productType: [], // 产品分类
+      rowSelectionInfo: null, // 已选的产品数据
+      warehouseDataList: [], // 仓库列表
+      countData: null, // 统计数据
+      isInster: false, // 是否添加
+      warehouseTit: '' // 仓库设置弹框标题
     }
   },
   computed: {
+    // 已选产品数量
     selectTotal () {
       return this.rowSelectionInfo && this.rowSelectionInfo.selectedRowKeys.length || 0
     },
+    // 表格高度
     tableHeight () {
       return window.innerHeight - 395
     },
+    // 表格列定义
     columns () {
       const arr = [
         { title: '序号', dataIndex: 'no', width: '4%', align: 'center' },
         { title: '产品编码', dataIndex: 'productEntity.code', scopedSlots: { customRender: 'productCode' }, width: '13%', align: 'center' },
         { title: '产品名称', dataIndex: 'productEntity.name', scopedSlots: { customRender: 'productName' }, width: '20%', align: 'left' },
-        // { title: '售价', dataIndex: 'price', width: '8%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '销售数量', scopedSlots: { customRender: 'salesNums' }, width: '8%', align: 'center' },
         { title: '库存', dataIndex: 'stockQty', scopedSlots: { customRender: 'stockQty' }, width: '8%', align: 'center' },
         { title: '出库仓库', scopedSlots: { customRender: 'warehouseBox' }, width: '15%', align: 'center' },
         { title: '单位', dataIndex: 'productEntity.unit', width: '6%', align: 'center', customRender: function (text) { return text || '--' } },
-        // { title: '售价小计', dataIndex: 'totalAmount', width: '8%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '操作', scopedSlots: { customRender: 'action' }, width: '10%', align: 'center' }
       ]
-      if (this.$hasPermissions('B_salesEdit_salesPrice')) { // 售价权限
+      // 售价权限
+      if (this.$hasPermissions('B_salesEdit_salesPrice')) {
         arr.splice(3, 0, { title: '售价', dataIndex: 'price', width: '8%', align: 'right', customRender: text => ((text || text == 0) ? this.toThousands(text) : '--') })
         arr.splice(4, 0, { title: '价格级别', dataIndex: 'priceLevelDictValue', width: '8%', align: 'center', customRender: function (text) { return text || '--' } })
         arr.splice(8, 0, { title: '售价小计', dataIndex: 'totalAmount', width: '8%', align: 'right', customRender: text => ((text || text == 0) ? this.toThousands(text) : '--') })
@@ -305,11 +307,13 @@ export default {
     }
   },
   methods: {
+    // 仓库下拉列表筛选
     filterOption (input, option) {
       return (
         option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
       )
     },
+    // 仓库下拉列表数据加载完成
     warehouseLoad (sn, list) {
       this.warehouseDataList = list
     },
@@ -317,10 +321,11 @@ export default {
     rowSelectionFun (obj) {
       this.rowSelectionInfo = obj || null
     },
+    // 打开产品列表弹框
     openCpModal () {
       this.$emit('openCpModal', 0, 'productNormalList')
     },
-    // 统计
+    // 获取统计
     getCount () {
       salesDetaiCount(Object.assign(this.queryParam, { showStock: true })).then(res => {
         if (res.status == 200) {
@@ -328,6 +333,7 @@ export default {
         }
       })
     },
+    // 删除全部已选产品
     handleBatchDelAll () {
       const _this = this
       if (_this.dataSource.length == 0) {
@@ -343,6 +349,7 @@ export default {
           deleteAll({ salesBillSn: _this.salesBillSn }).then(res => {
             if (res.status == 200) {
               _this.$refs.table.refresh(false)
+              // 触发事件给父级组件
               _this.$emit('insterOk', 'normal')
               _this.$message.success(res.message)
             }
@@ -374,6 +381,7 @@ export default {
           }).then(res => {
             if (res.status == 200) {
               _this.$refs.table.refresh(false)
+              // 触发事件给父级组件
               _this.$emit('insterOk', 'normal')
               _this.$message.success(res.message)
             }
@@ -382,7 +390,7 @@ export default {
         }
       })
     },
-    // 设置单个出库仓库
+    // 单个设置出库仓库
     handleWarehouseBox (row) {
       const snArr = [row.salesBillDetailSn]
       const ajax_data = {
@@ -392,6 +400,7 @@ export default {
       }
       this.setWarehouseInfo(ajax_data)
     },
+    // 选择仓库确认
     chooseWarehouseOk (sn) {
       const _this = this
       const snArr = []
@@ -406,6 +415,7 @@ export default {
       }
       _this.setWarehouseInfo(ajax_data)
     },
+    // 修改仓库
     setWarehouseInfo (data) {
       const _this = this
       _this.spinning = true
@@ -425,6 +435,7 @@ export default {
       this.queryParam.productTypeSn2 = val[1] ? val[1] : ''
       this.queryParam.productTypeSn3 = val[2] ? val[2] : ''
     },
+    // 操作下拉菜单
     handleMenuClick (e) {
       const _this = this
       if (e.key == 0) { // 仓库设置
@@ -444,7 +455,7 @@ export default {
         this.handleBatchDelAll()
       }
     },
-    // 已选产品  blur
+    // 已选产品 修改销售数量
     onCellBlur (val, record) {
       const _this = this
       //  光标移出,值发生改变再调用编辑接口
@@ -466,7 +477,7 @@ export default {
         record.qty = record.qtyBackups
       }
     },
-    // 重置
+    // 重置查询
     resetSearchForm (flag) {
       this.queryParam.productCode = ''
       this.queryParam.productName = ''
@@ -504,7 +515,6 @@ export default {
     },
     // 添加产品
     insterProduct (row, promotionFlag) {
-      console.log(row, promotionFlag)
       // 防止多次添加产品
       if (this.isInster) { return }
       this.saveNewProduct(row, promotionFlag)
@@ -536,6 +546,7 @@ export default {
         if (res.status == 200) {
           this.$message.success('产品添加成功', 2.5)
           this.resetSearchForm(true)
+          // 触发事件给父级组件
           this.$emit('insterOk', 'normal')
         }
         this.spinning = false
@@ -545,20 +556,21 @@ export default {
         this.isInster = false
       })
     },
+    // 导入产品弹框关闭
     closeGuideModel () {
       this.openGuideModal = false
     },
-    // 批量导入产品
+    // 批量导入产品确认
     hanldeOk (data, salesPromoSn) {
       const params = {
         salesBillSn: this.detailData.salesBillSn,
         salesBillDetailList: data
       }
-
       salesBatchInsert(params).then(res => {
         if (res.status == 200) {
           this.$message.success('产品导入成功', 2.5)
           this.resetSearchForm(true)
+          // 触发事件给父级组件
           this.$emit('insterOk', 'normal')
         }
       })

+ 34 - 20
src/views/salesManagement/salesQueryNew/edit.vue

@@ -182,27 +182,30 @@ export default {
       spinning: false,
       activeList: [], // 活动列表
       newActiveList: [], // 新活动列表
-      activeDesKey: {},
+      activeDesKey: {}, // 活动规则详情数据
       salesBillSn: null, // 销售单sn
       detailData: { discountAmount: 0, id: null, salesBillSn: '' }, // 订单基础数据
-      warehouseSn: undefined,
+      warehouseSn: undefined, // 仓库sn
+      // 有价格变更前后总金额
       updataData: {
         totalRealAmount: '',
         totalAmount: ''
       },
       priceUpdateModal: false, // 价格更新弹窗
-      showDetail: false,
-      showCpModal: false,
-      cpCurRefId: '',
-      disabledActiveOption: null,
-      yhDetail: null,
-      showNewActiveModal: false
+      showDetail: false, // 显示详细基本信息
+      showCpModal: false, // 添加产品弹框
+      cpCurRefId: '', // 当前操作的活动id
+      disabledActiveOption: null, // 禁用活动选项
+      yhDetail: null, // 优惠明细
+      showNewActiveModal: false // 新活动弹框
     }
   },
   computed: {
+    // 是否显示统计信息
     showTotal () {
       return this.activeList.length > 0
     },
+    // 详细地址
     shippingAddress () {
       const shippingAddrProvinceName = this.detailData && this.detailData.salesBillExtEntity && this.detailData.salesBillExtEntity.shippingAddrProvinceName ? this.detailData.salesBillExtEntity.shippingAddrProvinceName : ''
       const shippingAddrCityName = this.detailData && this.detailData.salesBillExtEntity && this.detailData.salesBillExtEntity.shippingAddrCityName ? this.detailData.salesBillExtEntity.shippingAddrCityName : ''
@@ -220,6 +223,7 @@ export default {
     handleBack () {
       this.$router.push({ name: 'salesQueryNewList', query: { closeLastOldTab: true } })
     },
+    // 收起展开活动区域
     tooglePanel (item) {
       item.isActive = !item.isActive
       this.activeList.splice()
@@ -252,7 +256,7 @@ export default {
         }
       })
     },
-    // 判断是否全部调用完
+    // 轮询判断是否全部加载完了
     isAllLoadFinish (mlist) {
       const nid = setInterval(() => {
         const ret = []
@@ -265,7 +269,6 @@ export default {
           clearInterval(nid)
           this.spinning = false
         }
-        console.log(ret)
       }, 50)
     },
     // 刷新所有表格数据
@@ -273,9 +276,10 @@ export default {
       const activeList = this.activeList.filter(item => item.isActive)
       const mlist = []
       this.spinning = true
-      // 加载正常产品列表
+      // 刷新正常产品列表
       this.$refs.productNormalList.resetSearchForm()
       mlist.push(this.$refs.productNormalList)
+
       // 刷新所有活动产品列表
       activeList.map(item => {
         const row = this.$refs['productList-' + item.promoRuleSn][0]
@@ -307,7 +311,7 @@ export default {
         this.updateAllTable()
       }, 500)
     },
-    // 获取是否有新活动
+    // 获取是否有新活动,有则弹出弹框
     async getNewActive () {
       const hasNewActive = await salesQueryUnPartPromo({ salesBillSn: this.$route.params.sn, enabledFlag: '1' }).then(res => res.data)
       if (hasNewActive.length) {
@@ -315,20 +319,18 @@ export default {
         this.showNewActiveModal = true
       }
     },
+    // 新活动弹框,确认
     showNewActiveOk () {
       this.showNewActiveModal = false
       this.getOrderDetail(true)
     },
-    // 添加产品,包括正常和活动的产品
+    // 添加产品后,关闭弹框
     closeProductModal (type) {
       this.cpCurRefId = ''
       this.showCpModal = false
-      // 刷新表格
-      // this.insterActiveOk(['normal','promo'][type])
     },
     // 打开选择产品弹框
     openProductModal (type, refId, countData) {
-      console.log(type, refId, countData)
       const promo = this.activeList.find(item => item.promoRuleSn == refId)
       if (promo) {
         promo.countData = countData
@@ -339,14 +341,15 @@ export default {
     },
     // 添加活动产品成功的回调
     insterActiveOk (type) {
-      console.log(type)
       const mlist = []
       this.spinning = true
+      // 如果时活动产品
       if (type == 'promo') {
         // 刷新正常产品列表
         this.$refs.productNormalList.resetSearchForm()
         mlist.push(this.$refs.productNormalList)
       }
+      // 如果时正常产品
       if (type == 'normal') {
         // 刷新活动产品列表
         const activeList = this.activeList.filter(item => item.isActive)
@@ -358,9 +361,10 @@ export default {
       }
       // 判断是否全部调用完
       this.isAllLoadFinish(mlist)
+      // 重新获取详情信息
       this.getOrderDetail()
     },
-    // 新增产品
+    // 单击新增产品
     insterProduct (row, promotionFlag, type) {
       // 正常产品
       if (type == 0) {
@@ -390,10 +394,12 @@ export default {
             nt && nt.resetSearchForm()
             mlist.push(nt)
           }
+
           // 刷新正常活动
           const pnt = this.$refs.productNormalList
           pnt && pnt.resetSearchForm()
           mlist.push(pnt)
+
           // 刷新当前活动
           const ot = this.$refs['productList-' + oldPromo.promoRuleSn][0]
           ot && ot.upAcitveSuccess()
@@ -407,7 +413,7 @@ export default {
         }
       })
     },
-    // 选择价格类型  并更新
+    // 价格变更,需要选择价格类型  并更新价格
     updatePrice (type) {
       const ajax_data = {
         salesBillSn: this.salesBillSn,
@@ -416,6 +422,7 @@ export default {
       if (type == 0) {
         this.submitResult(ajax_data)
       } else {
+        // 批量更新价格
         updateBatch(this.updataData.detailList).then(res => {
           this.priceUpdateModal = false
           if (res.status == 200) {
@@ -434,9 +441,11 @@ export default {
       if (this.detailData && this.detailData.salesBillSource == 'PURCHASE') {
         submitCheck({ salesBillSn: this.salesBillSn }).then(res => {
           if (res.status == 200) {
+            // 如果有价格变更记录
             if (res.data.detailList.length > 0) {
               this.updataData = res.data
               this.$nextTick(() => {
+                // 打开变更价格弹框
                 this.priceUpdateModal = true
               })
             } else {
@@ -453,7 +462,6 @@ export default {
       const _this = this
       // 校验活动规则
       const vaildActive = await salesPromoValidaSubmit({ salesBillSn: this.salesBillSn }).then(res => res.data)
-      // console.log(vaildActive)
       const a = vaildActive.filter(item => item.type == 1) // 不可提交
       const b = vaildActive.filter(item => item.type == 0) // 可跳过继续提交
       // 弹出不符合规则弹框,不可提交
@@ -500,6 +508,7 @@ export default {
         }
       }
     },
+    // 提交销售单
     async submitOrder (data) {
       this.spinning = true
       const res = await salesWriteSubmit(data)
@@ -517,6 +526,7 @@ export default {
       item.promotionRule.upperLimitAmount = item.promotion.upperLimitAmount ? Number(item.promotion.upperLimitAmount).toFixed(2) : ''
       row && row.showDesc(item.promotionRule)
     },
+    // 展开活动规则详情回调
     showDescOk (v, item) {
       item.showDesc = v
       if (!item.isActive) {
@@ -622,13 +632,17 @@ export default {
         }
       })
     },
+    // 选择禁用活动选项
     changeDaOpt (e) {
       this.disabledActiveOption = e.target.value
     },
+    // 页面初始化
     pageInit () {
       this.salesBillSn = this.$route.params.sn
       this.warehouseSn = this.$route.params.sn ? this.$route.params.wSn : ''
+      // 获取销售单详情
       this.getOrderDetail(true)
+      // 是否有新活动
       this.getNewActive()
     }
   },

+ 4 - 2
src/views/salesManagement/salesQueryNew/setPriceModal.vue

@@ -39,10 +39,12 @@ export default {
   mixins: [commonMixin],
   props: {
     show: [Boolean],
+    // 变更前总金额
     totalRealAmount: {
       type: [String, Number],
       default: ''
     },
+    // 变更后总金额
     totalAmount: {
       type: [String, Number],
       default: ''
@@ -52,8 +54,8 @@ export default {
     return {
       opened: this.show,
       spinning: false,
-      priceVal: undefined,
-      confirmLoading: false,
+      priceVal: undefined, // 价格类型
+      confirmLoading: false, // 按钮loading
       radioStyle: {
         display: 'block',
         height: '30px',