chenrui 2 лет назад
Родитель
Сommit
3a95b907d4

+ 1 - 3
src/views/purchasingManagement/purchaseReturn/addModal.vue

@@ -17,7 +17,7 @@
         :label-col="formItemLayout.labelCol"
         :wrapper-col="formItemLayout.wrapperCol" >
         <a-form-model-item label="供应商名称" prop="supplierSn">
-          <supplier v-model="form.supplierSn" placeholder="请输入供应商名称"></supplier>
+          <supplier v-model="form.supplierSn" :disabledFlag="itemSn?true:false" placeholder="请输入供应商名称"></supplier>
         </a-form-model-item>
         <a-form-model-item label="退货原因" prop="returnReason">
           <v-select
@@ -28,7 +28,6 @@
             placeholder="请选择退货原因"
             allowClear></v-select>
         </a-form-model-item>
-
         <a-form-model-item label="补充说明" prop="explainInfo">
           <a-textarea
             id="purchaseReturn"
@@ -102,7 +101,6 @@ export default {
           { required: true, message: '请选择退货原因', trigger: 'change' }
         ]
       },
-      receiptNoList: [], //  供应商  下拉数据
       attachAction: process.env.VUE_APP_API_BASE_URL + '/uploadGetFileInfo'
     }
   },

+ 4 - 4
src/views/purchasingManagement/purchaseReturn/detailModal.vue

@@ -28,9 +28,9 @@
       </a-descriptions>
       <a-alert type="info" style="margin-bottom:10px">
         <div slot="message">
-          <span>产品款数:<strong>{{ statisticsObj.putQty }}</strong>;</span>
-          <span>申请退货总数量:<strong>{{ statisticsObj.qty }}</strong>;</span>
-          <span>退货金额:<strong>{{ statisticsObj.totalCost }}</strong></span>
+          <span>产品款数:<strong>{{ statisticsObj&&statisticsObj.putQty|| '--' }}</strong>;</span>
+          <span>申请退货总数量:<strong>{{ statisticsObj&&statisticsObj.qty||'--' }}</strong>;</span>
+          <span>退货金额:<strong>{{ statisticsObj&&statisticsObj.totalCost || '--' }}</strong></span>
         </div>
       </a-alert>
       <s-table
@@ -78,7 +78,7 @@ export default {
       statisticsObj: null, // 统计金额数据
       // 加载数据方法 必须为 Promise 对象
       loadData: parameter => {
-        return sparePartsReturnQueryPage(Object.assign(parameter, { sn: this.itemSn })).then(res => {
+        return sparePartsReturnQueryPage(Object.assign(parameter, { sparePartsReturnSn: this.itemSn })).then(res => {
           let data
           if (res.status == 200) {
             data = res.data

+ 19 - 27
src/views/purchasingManagement/purchaseReturn/list.vue

@@ -37,7 +37,7 @@
                   v-model="queryParam.state"
                   ref="state"
                   id="purchaseReturn-state"
-                  code="SPARE_PARTS_STATE"
+                  code="SPARE_PARTS_RETURN_STATE"
                   placeholder="请选择审核状态"
                   allowClear
                 ></v-select>
@@ -90,7 +90,7 @@
           <span class="link-bule" @click="handleDetail(record)">{{ record.sparePartsReturnNo }}</span>
         </template>
         <!-- 操作 -->
-        <!-- state 待提交 WAIT_SUBMIT 待审核 WAIT_AUDIT 已完结  -->
+        <!-- state 待提交 WAIT_SUBMIT 待审核 WAIT_AUDIT 已完结 FINISH 审核不通过 AUDIT_REJECT -->
         <template slot="action" slot-scope="text, record">
           <a-button
             size="small"
@@ -103,20 +103,20 @@
             size="small"
             type="link"
             class="button-warning"
-            @click="openReviewModal = true"
+            @click="handleSH(record)"
             v-if="record.state !='WAIT_SUBMIT'"
             id="allocateBillList-examine-btn">审核进度</a-button>
           <a-button
             size="small"
             type="link"
-            v-if="record.state == 'FINISH_AUDIT'"
+            v-if="record.state == 'FINISH'"
             @click="handleEdit(record)"
             class="button-info"
             id="bulkWarehousingOrderList-edit-btn">同步到ERP</a-button>
           <a-button
             size="small"
             type="link"
-            v-if="record.state == 'NOAGREE_AUDIT'"
+            v-if="record.state == 'AUDIT_REJECT'"
             @click="handleResubmit(record)"
             class="button-info"
             id="bulkWarehousingOrderList-edit-btn">再次提交</a-button>
@@ -130,13 +130,13 @@
         </template>
       </s-table>
     </a-spin>
-    <!-- 选择基本信息弹框 -->
+    <!-- 新增、详情弹窗-->
     <add-modal v-drag :openModal="openModal" @ok="handleOk" @close="openModal=false" />
     <detailModal v-drag :openModal="openDetailModal" :itemSn="itemSn" @close="closeDetailModal" />
     <!-- 导出提示框 -->
     <reportModal :visible="showExport" @close="showExport=false"></reportModal>
     <!-- 审核进度弹窗 -->
-    <reviewProgressModal v-drag :openModal="openReviewModal" @close="openReviewModal=false"></reviewProgressModal>
+    <reviewProgressModal v-drag :itemSn="itemSn" :openModal="openReviewModal" @close="openReviewModal=false"></reviewProgressModal>
   </a-card>
 </template>
 
@@ -152,7 +152,7 @@ import reportModal from '@/views/common/reportModal.vue'
 import { hdExportExcel } from '@/libs/exportExcel'
 import { toFixedDecimal } from '@/libs/tools.js'
 import supplier from '@/views/common/supplier.js'
-import { sparePartsReturnList, sparePartsReturnDelete, sparePartsAudit, sparePartsDetailExport, againSubmit } from '@/api/sparePartsReturn'
+import { sparePartsReturnList, sparePartsReturnDelete, sparePartsDetailExport, againSubmit } from '@/api/sparePartsReturn'
 export default {
   name: 'PurchaseReturnList',
   mixins: [commonMixin],
@@ -161,11 +161,12 @@ export default {
     return {
       spinning: false,
       disabled: false, //  查询、重置按钮是否可操作
-      openModal: false, // 基本信息弹框是否显示
+      openModal: false, // 新增弹框是否显示
+      openDetailModal: false, // 详情弹窗
+      openReviewModal: false, // 审核进度弹窗
       showExport: false,
       exportLoading: false,
       tableHeight: 0,
-      auditInfo: null,
       // 查询参数
       queryParam: {
         beginDate: undefined,
@@ -187,7 +188,6 @@ export default {
         { title: '审核状态', dataIndex: 'stateDictValue', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
         { title: '操作', scopedSlots: { customRender: 'action' }, width: '9%', align: 'center' }
       ],
-      loading: false,
       // 加载数据方法 必须为 Promise 对象
       loadData: parameter => {
         this.disabled = true
@@ -206,24 +206,15 @@ export default {
           return data
         })
       },
-      openDetailModal: false,
-      itemSn: null,
-      warehousingSn: null,
-      rowSelectionInfo: null,
-      openReviewModal: false,
-      openWarehousingDetailModal: false
+      itemSn: null // 采购退货SN
     }
   },
   methods: {
-    // 提交时间
+    // 创建时间
     dateChange (date) {
       this.queryParam.beginDate = date[0]
       this.queryParam.endDate = date[1]
     },
-    // 表格选中项
-    rowSelectionFun (obj) {
-      this.rowSelectionInfo = obj || null
-    },
     //  导出
     handleExport () {
       const _this = this
@@ -247,6 +238,11 @@ export default {
     handleEdit (row) {
       this.$router.push({ name: 'purchaseReturnEdit', query: { returnSn: row.sparePartsReturnSn, no: row.sparePartsReturnNo, sn: row.supplierSn } })
     },
+    // 审核进度
+    handleSH (row) {
+      this.itemSn = row.sparePartsReturnSn
+      this.openReviewModal = true
+    },
     // 再次提交
     handleResubmit (row) {
       const _this = this
@@ -256,7 +252,7 @@ export default {
         centered: true,
         onOk () {
           _this.spinning = true
-          againSubmit({ sn: row.sparePartsReturnSn }).then(res => {
+          againSubmit({ sparePartsReturnSn: row.sparePartsReturnSn }).then(res => {
             if (res.status == 200) {
               _this.$message.success(res.message)
               _this.$refs.table.refresh()
@@ -326,10 +322,6 @@ export default {
     setTableH () {
       const tableSearchH = this.$refs.tableSearch.offsetHeight
       this.tableHeight = window.innerHeight - tableSearchH - 235
-    },
-    // 提交
-    handleSubmit (data) {
-
     }
   },
   watch: {

+ 49 - 21
src/views/purchasingManagement/purchaseReturn/purchaseReturnDeatil.vue

@@ -23,7 +23,7 @@
               <a-descriptions-item label="退货原因">{{ detailsData&&detailsData.returnReason || '--' }}</a-descriptions-item>
               <a-descriptions-item label="补充说明" :span="3">{{ detailsData&&detailsData.explainInfo || '--' }}</a-descriptions-item>
               <a-descriptions-item label="附件" :span="3">
-                <span v-if="detailsData&&detailsData.attachmentList">
+                <span v-if="detailsData&&detailsData.attachmentList&&detailsData.attachmentList.length>0">
                   <a target="_blank" style="color: #00aaff;text-decoration: underline;margin-right: 15px;" :href="item.filePath" v-for="item in detailsData.attachmentList" :key="item.id">
                     {{ item.fileName }}
                   </a>
@@ -37,7 +37,7 @@
       <a-card size="small" :bordered="false" class="salesReturnEdit-cont">
         <!-- <div>已入库产品信息</div>
         <a-divider /> -->
-        <queryPart ref="partQuery" :newLoading="isInster" @add="saveProduct"></queryPart>
+        <queryPart ref="partQuery" :newLoading="isInster" @add="saveProduct" @bachAdd="saveMoreProduct"></queryPart>
       </a-card>
       <a-card size="small" :bordered="false" class="salesReturnEdit-cont">
         <a-alert style="margin-bottom: 10px;" type="info">
@@ -91,7 +91,7 @@
               :max="record.currentStockQty"
               placeholder="请输入"
               style="width: 100%;"
-              @blur="e => onCellBlur(e.target.value, record, 'qty')"
+              @blur="e => onCellBlur(e.target.value, record)"
             />
           </template>
 
@@ -120,8 +120,6 @@
     </div>
     <!-- 选择审核人员 -->
     <chooseDepartUserModal ref="chooseDepart" :openModal="openDepartUserModal" @close="openDepartUserModal = false" @submit="handleSubmit"></chooseDepartUserModal>
-    <!-- 导入产品 -->
-    <!-- <importGuideModal :openModal="openGuideModal" :params="{salesReturnBillSn: $route.params.sn}" @close="closeGuideModel" @ok="hanldeOk" /> -->
     <!-- 批量设置退货原因 -->
     <commonModal modalTit="批量设置退货原因" :openModal="showPlModal" @cancel="showPlModal = false" @ok="setPlReturnReason">
       <div style="text-align: center;">
@@ -147,12 +145,8 @@ import commonModal from '@/views/common/commonModal.vue'
 import EditableCell from '@/views/common/editInput.js'
 import chooseDepartUserModal from './chooseDepartUserModal.vue'
 import returnReason from '@/views/common/returnReason'
-import { salesReturnDetail, salesReturnSubmit, salesReturnBatchInsert, salesReturnPrint, salesReturnExport } from '@/api/salesReturn'
+import { salesReturnDetail, salesReturnBatchInsert, salesReturnPrint, salesReturnExport } from '@/api/salesReturn'
 import {
-  salesReturnDetailList,
-  salesReturnDetailDel,
-  salesReturnDetailInsert,
-  salesReturnDetailUpdateQty,
   salesReturnDetailUpdateReason,
   salesReturnDetailSetReason
 } from '@/api/salesReturnDetail'
@@ -265,7 +259,7 @@ export default {
       // 加载数据方法 必须为 Promise 对象
       loadData: parameter => {
         this.disabled = true
-        this.productForm.sn = this.$route.query.returnSn
+        this.productForm.sparePartsReturnSn = this.$route.query.returnSn
         return sparePartsReturnQueryPage(Object.assign(parameter, this.productForm)).then(res => {
           let data
           if (res.status == 200) {
@@ -273,12 +267,8 @@ 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].initialQty
-              // data.list[i].returnReasonBackups = data.list[i].returnReason
             }
             this.disabled = false
-            // this.chooseLoadData = data.list
-            // this.total = res.data.count
           }
           return data
         })
@@ -388,7 +378,7 @@ export default {
         onOk () {
           _this.delLoading = true
           _this.spinning = true
-          sparePartsReturnDetailDelete({ detailSn: row.id }).then(res => {
+          sparePartsReturnDetailDelete({ detailSn: row.sparePartsReturnDetailSn }).then(res => {
             if (res.status == 200) {
               _this.resetTable(false)
             }
@@ -408,13 +398,27 @@ export default {
       this.productForm.productName = ''
       this.productForm.productCode = ''
       this.$refs.table.refresh(!!flag)
-      // this.getOrderDetail()
+      this.$refs.partQuery.resetSearchForm()
     },
     // 已选产品  blur
-    onCellBlur (val, record, type) {
+    onCellBlur (val, record) {
       const ajax_data = {
-        id: record.id,
-        qty: val
+        sparePartsReturnSn: this.sparePartsReturnSn,
+        sparePartsReturnNo: this.sparePartsReturnNo,
+        sparePartsDetailSn: record.sparePartsDetailSn,
+        productSn: record.productSn,
+        sparePartsReturnDetailSn: record.sparePartsReturnDetailSn,
+        stockDetailSn: record.stockDetailSn,
+        productCode: record.productCode,
+        putQty: record.putQty, // 入库数量
+        returnedQty: record.returnedQty, // 已退数量
+        qty: val, // 申退数量
+        cost: record.cost, // 成本
+        stockBatchNo: record.stockBatchNo, // 批次号
+        warehouseSn: record.warehouseSn, // 仓库sn
+        warehouseLocationSn: record.warehouseLocationSn, // 仓位sn
+        sparePartsNo: record.sparePartsNo,
+        sparePartsSn: record.sparePartsSn
       }
       this.saveEdit(ajax_data)
     },
@@ -430,6 +434,7 @@ export default {
         sparePartsReturnNo: this.sparePartsReturnNo,
         sparePartsDetailSn: row.sparePartsDetailSn,
         productSn: row.productSn,
+        stockDetailSn: row.stockDetailSn,
         productCode: row.productCode,
         putQty: row.productQty, // 入库数量
         returnedQty: row.returnedQty, // 已退数量
@@ -444,11 +449,34 @@ export default {
       this.spinning = true
       this.saveEdit(paramsData)
     },
+    saveMoreProduct (data) {
+      var ajax_data = []
+      data.forEach(item => {
+        const obj = {
+          sparePartsReturnSn: this.sparePartsReturnSn,
+          sparePartsReturnNo: this.sparePartsReturnNo,
+          sparePartsDetailSn: item.sparePartsDetailSn,
+          productSn: item.productSn,
+          stockDetailSn: item.stockDetailSn,
+          productCode: item.productCode,
+          putQty: item.productQty, // 入库数量
+          returnedQty: item.returnedQty, // 已退数量
+          qty: item.qty, // 申退数量
+          cost: item.productCost, // 成本
+          stockBatchNo: item.sparePartsBatchNo, // 批次号
+          warehouseSn: item.warehouseSn, // 仓库sn
+          warehouseLocationSn: item.warehouseLocationSn, // 仓位sn
+          sparePartsNo: item.sparePartsNo,
+          sparePartsSn: item.sparePartsSn
+        }
+        ajax_data.push(obj)
+      })
+      this.saveEdit(ajax_data)
+    },
     saveEdit (params) {
       sparePartsReturnDetailSave(params).then(res => {
         if (res.status == 200) {
           this.resetSearchForm(true)
-          // this.$message.success(res.message)
         }
         this.isInster = false
         this.spinning = false

+ 19 - 9
src/views/purchasingManagement/purchaseReturn/queryPart.vue

@@ -30,8 +30,7 @@
               <a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="salesReturnList-reset">重置</a-button>
             </a-col>
             <a-col :md="12" :sm="24" style="margin-bottom: 10px;display: flex;align-items: center;">
-              <a-button style="margin-right: 5px" @click="resetSearchForm" :disabled="disabled" id="salesReturnList-reset">批量添加</a-button>
-              <a-button style="margin-right: 5px" @click="resetSearchForm" :disabled="disabled" id="salesReturnList-reset">整单添加</a-button>
+              <a-button style="margin-right: 5px" @click="handleBatchAdd" :disabled="disabledFlag" id="salesReturnList-reset">批量添加</a-button>
               <a-checkbox @change="onChange">
                 显示最大可退数量为0的产品
               </a-checkbox>
@@ -50,7 +49,6 @@
       @rowSelection="rowSelectionFun"
       :columns="columns"
       :data="loadData"
-      :customRow="handleClickRow"
       :defaultLoadData="false"
       :scroll="{ y: 300 }"
       bordered>
@@ -106,16 +104,18 @@ export default {
   data () {
     return {
       buyerSn: '',
-      priceType: '',
       queryParam: { //  查询条件
         productName: '', // 产品名称
         productCode: '', //  产品编码
         beginDate: '',
         endDate: '',
-        sparePartsNo: ''
+        sparePartsNo: '',
+        isZero: 0
       },
       warehousingDate: [], // 入库时间
       disabled: false, //  查询、重置按钮是否可操作
+      selectArr: null,
+      disabledFlag: true,
       columns: [
         { title: '序号', dataIndex: 'no', width: '6%', align: 'center' },
         { title: '入库单号', dataIndex: 'sparePartsNo', width: '24%', align: 'center', customRender: function (text) { return text || '--' } },
@@ -160,7 +160,8 @@ export default {
       this.$refs.chooseTable.refresh(true)
     },
     onChange (e) {
-      console.log(`checked = ${e.target.checked}`)
+      this.queryParam.isZero = e.target.checked ? 1 : 0
+      this.refreshData()
     },
     //  入库时间  change
     dateChange (date) {
@@ -171,12 +172,21 @@ export default {
       this.buyerSn = buyerSn
       this.resetSearchForm()
     },
-    // 选择配件
+    // 添加
     handleAdd (row) {
       this.$emit('add', row)
     },
-    refreshData () {
-      this.$refs.chooseTable.refresh()
+    rowSelectionFun (obj) {
+      this.selectArr = obj.selectedRows
+      if (obj && obj.selectedRows.length > 0) {
+        this.disabledFlag = false
+      } else {
+        this.disabledFlag = true
+      }
+    },
+    // 批量添加
+    handleBatchAdd () {
+      this.$emit('bachAdd', this.selectArr)
     }
   }
 }

+ 46 - 69
src/views/purchasingManagement/purchaseReturn/reviewProgressModal.vue

@@ -1,116 +1,93 @@
 <template>
   <a-modal
     centered
-    class="reviewProgress-modal"
     :footer="null"
     :maskClosable="false"
     title="采购退货的审核进度"
     v-model="isShow"
     @cancel="isShow=false"
-    :width="960">
-    <div>
-      <div>说明:以下信息来自钉钉</div>
-      <div class="timeDesc">提审时间:2023-01-06 17:56:56</div>
+    width="50%">
+    <p>说明:以下信息来自钉钉</p>
+    <p style="font-weight:bold;">提审时间:2023-01-06 17:56:56</p>
+    <a-spin :spinning="spinning" tip="Loading...">
       <s-table
-        class="sTable"
+        class="sTable fixPagination"
         ref="table"
         size="small"
-        :rowKey="(record) => record.stockPutSn"
+        :rowKey="(record) => record.id"
         :columns="columns"
         :data="loadData"
-        :defaultLoadData="false"
+        :scroll="{ y: 500 }"
+        :showPagination="false"
+        :defaultLoadData="true"
         bordered>
       </s-table>
-    </div>
+    </a-spin>
   </a-modal>
 </template>
 
 <script>
 import { STable } from '@/components'
-import { stockPutDetailList } from '@/api/stockPut'
+import { getProcessInstance } from '@/api/expenseManagement'
 export default {
-  name: 'ReviewProgressModal',
+  name: 'VerifyModal',
   components: { STable },
   props: {
-    openModal: { //  弹框显示状态
+    openModal: {
       type: Boolean,
       default: false
     },
     itemSn: {
       type: [Number, String],
       default: ''
-    },
-    nowData: {
-      type: Object,
-      default: () => {
-        return {}
-      }
     }
   },
   data () {
     return {
-      isShow: this.openModal, //  是否打开弹框
-      detailsData: null, //  详情数据
-      columns: [
-        { title: '序号', dataIndex: 'no', width: '7%', align: 'center' },
-        { title: '人员姓名', dataIndex: 'productCode', width: '20%', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '人员类型', dataIndex: 'productName', width: '45%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
-        { title: '状态', dataIndex: 'putQty', width: '14%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '审批意见', dataIndex: 'putQty', width: '14%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '附件', dataIndex: 'putCost', width: '14%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '操作时间', dataIndex: 'putQty', width: '14%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }
-      ],
+      spinning: false,
+      isShow: this.openModal,
+      columns: [{ title: '序号', dataIndex: 'no', width: '8%', align: 'center' },
+        { title: '人员姓名', width: '12%', dataIndex: 'userName', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '人员类型', dataIndex: 'userType', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '状态', dataIndex: 'state', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '审批意见', dataIndex: 'remark', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
+        { title: '附件', dataIndex: 'hasAttachments', width: '20%', align: 'center', customRender: function (text) { return text != '0' ? '请在钉钉中查看附件内容' : '--' } },
+        { title: '操作时间', dataIndex: 'date', width: '20%', align: 'center', customRender: function (text) { return text || '--' } }],
       // 加载数据方法 必须为 Promise 对象
       loadData: parameter => {
-        // return stockPutDetailList(Object.assign(parameter, { sn: this.itemSn })).then(res => {
-        //   let data
-        //   if (res.status == 200) {
-        //     data = res.data
-        //     const no = (data.pageNo - 1) * data.pageSize
-        //     for (var i = 0; i < data.list.length; i++) {
-        //       data.list[i].no = no + i + 1
-        //     }
-        //     this.disabled = false
-        //   }
-        //   return data
-        // })
+        this.spinning = true
+        delete parameter.tableId
+        delete parameter.index
+        return getProcessInstance({ businessType: 'SPARE_PARTS_RETURN', businessSn: this.itemSn }).then(res => {
+          let data
+          if (res.status == 200) {
+            data = res.data
+            const no = 0
+            for (var i = 0; i < data.length; i++) {
+              data[i].no = no + i + 1
+            }
+            this.disabled = false
+          }
+          this.spinning = false
+          return data
+        })
       }
     }
   },
-  methods: {},
   watch: {
-    //  父页面传过来的弹框状态
-    openModal (newValue, oldValue) {
-      this.isShow = newValue
+    openModal (nVal, oVal) {
+      this.isShow = nVal
     },
-    //  重定义的弹框状态
-    isShow (newValue, oldValue) {
-      if (!newValue) {
+    isShow (nVal, oVal) {
+      if (!nVal) {
         this.$emit('close')
         this.$refs.table.clearTable()
+      } else {
+        this.$nextTick(() => {
+          this.$refs.table.refresh()
+        })
       }
     }
-    // itemSn (newValue, oldValue) {
-    //   if (this.isShow && newValue) {
-    //     const _this = this
-    //     setTimeout(() => {
-    //       _this.$refs.table.refresh(true)
-    //     }, 200)
-    //   }
-    // }
   }
 }
 </script>
-
-<style lang="less">
-  .reviewProgress-modal{
-    .ant-modal-body {
-      padding: 24px 40px;
-    }
-    .timeDesc{
-        font-weight: bold;
-        line-height: 40px;
-    }
-  }
-
-</style>