From dbb3445dc720a8f36b3424e73f2e02a6b0f9deb6 Mon Sep 17 00:00:00 2001
From: zhangherong <571457620@qq.com>
Date: 星期日, 27 四月 2025 11:31:57 +0800
Subject: [PATCH] art: 从沃克项目迁移设备管理代码到航宇

---
 src/views/flowable/workflow/repairOrder/RepairOrderApprovalModal.vue |  648 ++++++++++++++++++++++++++++++----------------------------
 1 files changed, 334 insertions(+), 314 deletions(-)

diff --git a/src/views/flowable/workflow/repairOrder/RepairOrderApprovalModal.vue b/src/views/flowable/workflow/repairOrder/RepairOrderApprovalModal.vue
index 0660b32..4384150 100644
--- a/src/views/flowable/workflow/repairOrder/RepairOrderApprovalModal.vue
+++ b/src/views/flowable/workflow/repairOrder/RepairOrderApprovalModal.vue
@@ -1,337 +1,357 @@
 <template>
-  <a-modal
-    :title="title"
-    :width="width"
+  <j-modal
+    :width="1200"
     :visible="visible"
-    :footer="null"
+    :title="title"
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
     @cancel="handCancel"
+    @ok="submitForm"
+    :mask-closable="false"
+    :confirmLoading="confirmLoading"
+    centered
   >
-    <a-card :bordered="false">
-      <div>
-        <b>{{ selectShenpiData.title }}</b>
-        <br>
-        <br>
-        <a-tag color="blue">
-          澶勭悊浜� {{ selectShenpiData.assignee }}
-        </a-tag>
-        <a-tag color="blue">
-          鍒涘缓鏃堕棿 {{ selectShenpiData.createTime }}
-        </a-tag>
-        <br>
-        <br>
-        <button @click="fetchAndShowBmp" class="btn-custom">鎵撳紑娴佺▼鍥�</button>
-        <div v-if="imageSrc">
-          <img :src="imageSrc" alt="Fetched Image" />
-        </div>
-        <hr class="shallow-hr">
-      </div>
-      <div>
-        <b>鎸囨淳璇︽儏</b>
-        <br>
-        <a-form :form='form'>
-          <a-spin :spinning="spinning">
-            <a-tabs default-active-key='1' @change='callback'>
-              <a-tab-pane key='1' tab='鍩烘湰淇℃伅'>
-                <a-form-model ref='form' :model='tableRowRecord' :rules='validatorRules'>
-                  <a-row>
-                    <a-col :span='span'>
-                      <a-form-model-item label='浜у搧鍚嶇О' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='productName'>
-                        <a-input :disabled='coldisabled' v-model='tableRowRecord.productName'></a-input>
-                      </a-form-model-item>
-                    </a-col>
-                    <a-col :span='span'>
-                      <a-form-model-item label='閮ㄤ欢鍚嶇О' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='componentId'>
-                        <a-input :disabled='coldisabled' v-model='tableRowRecord.componentName'></a-input>
-                      </a-form-model-item>
-                    </a-col>
-                  </a-row>
-                </a-form-model>
-              </a-tab-pane>
-              <a-tab-pane key='2' tab='娴佺▼鑺傜偣'>
-                <a-card>
-                  <a-timeline style="padding:0 1% 0 12%" >
-                    <a-timeline-item color='white' v-for="(item,index1) in hitaskDataSource" :key="index1">
-                      <div class="bottom">
-                        <p>寮�濮嬫椂闂达細{{item.startTime}}</p>
-                        <p>缁撴潫鏃堕棿锛歿{item.endTime}}</p>
-                        <p>澶勭悊浜猴細{{item.assignee}}</p>
-                        <p>鍔炵悊绫诲瀷锛歿{item.bllx_dictText}}</p>
-                        <p v-if="item.name == '鎻愪氦鐢宠'">鎸囨淳鍘熷洜锛歿{item.cause}}</p>
-                        <p v-else >澶勭悊鎰忚锛歿{item.cause}}</p>
-                        <div  class="left_qiu"><span>{{item.name}}</span></div>
-                      </div>
-                    </a-timeline-item>
-                  </a-timeline>
-                </a-card>
-              </a-tab-pane>
-            </a-tabs>
-          </a-spin>
-        </a-form>
-      </div>
-      <div>
-        <hr class="shallow-hr">
-        <br>
-        <b>瀹℃壒璇︽儏</b>
-        <br>
-        <a-form-model ref="form" :model="approveData" :rules="validatorRules" slot="detail">
+    <a-spin :spinning="spinning">
+      <a-form-model ref="form" :model='tableRowRecord' :rules='validatorRules' :labelCol='labelCol'
+                    :wrapperCol='wrapperCol'>
+        <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;">鎶ヤ慨鍩虹淇℃伅</a-divider>
+
+        <a-row>
+          <a-col :span='threeColSpan'>
+            <a-form-model-item label='宸ュ崟缂栧彿'>
+              <a-input :readOnly='inputReadOnly' v-model='tableRowRecord.repairCode'/>
+            </a-form-model-item>
+          </a-col>
+          <a-col :span='threeColSpan'>
+            <a-form-model-item label='璁惧缂栧彿'>
+              <lx-search-equipment-select disabled v-model='tableRowRecord.equipmentId'/>
+            </a-form-model-item>
+          </a-col>
+          <a-col :span='threeColSpan'>
+            <a-form-model-item label='缁翠慨璐熻矗浜�'>
+              <a-input :readOnly='inputReadOnly' v-model='tableRowRecord.repairer'/>
+            </a-form-model-item>
+          </a-col>
+        </a-row>
+
+        <a-row>
+          <a-col :span="threeColSpan">
+            <a-form-model-item label="鏁呴殰寮�濮嬫椂闂�">
+              <a-input :readOnly='inputReadOnly' v-model="tableRowRecord.faultStartTime"/>
+            </a-form-model-item>
+          </a-col>
+
+          <a-col :span="threeColSpan">
+            <a-form-model-item label="鏄惁鍋滄満">
+              <j-dict-select-tag type='radio' v-model='tableRowRecord.breakdownFlag' dictCode='breakdown_flag'
+                                 disabled/>
+            </a-form-model-item>
+          </a-col>
+        </a-row>
+
+        <a-row>
+          <a-col :span='threeColSpan*3'>
+            <a-form-model-item label='鎶ヤ慨鍥剧墖' :labelCol='labelColLong' :wrapperCol='wrapperColLong'>
+              <lx-upload :returnUrl="false" :isMultiple="true" file-type="image" disabled :number="3"
+                         v-model="tableRowRecord.reportImageFiles"/>
+            </a-form-model-item>
+          </a-col>
+        </a-row>
+
+        <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;">鏄惁闇�瑕侀鐢ㄥ浠�</a-divider>
+
+        <a-tabs v-model="activeTabKey">
+          <a-tab-pane key="1" tab="棰嗙敤澶囦欢">
+            <a-row>
+              <a-col :span="twoColSpan*2">
+                <a-form-model-item label="鏄惁闇�瑕侀鐢ㄥ浠�" prop="isUseSpare">
+                  <a-radio-group v-model="tableRowRecord.isUseSpare"
+                                 :disabled="isDisableUseSpare">
+                    <a-radio :value="1">鏄�</a-radio>
+                    <a-radio :value="0">鍚�</a-radio>
+                  </a-radio-group>
+                </a-form-model-item>
+              </a-col>
+
+              <template v-if="tableRowRecord.isUseSpare===0">
+                <a-col :span="twoColSpan*2">
+                  <a-form-model-item label="鏁呴殰鍘熷洜" prop="faultReason">
+                    <a-input :readOnly="disableSubmit||tableRowRecord.repairStatus!=='UNDER_REPAIR'"
+                             v-model="tableRowRecord.faultReason" rows="4"
+                             placeholder="璇疯緭鍏ユ晠闅滃師鍥�"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="twoColSpan*2">
+                  <a-form-model-item label="缁翠慨缁撴灉鎻忚堪" prop="repairDescription">
+                    <a-textarea :readOnly="disableSubmit||tableRowRecord.repairStatus!=='UNDER_REPAIR'"
+                                v-model="tableRowRecord.repairDescription"
+                                placeholder="璇疯緭鍏ョ淮淇粨鏋滄弿杩�"/>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="twoColSpan*2">
+                  <a-form-model-item label="缁翠慨鍥剧墖">
+                    <lx-upload :returnUrl="false" :isMultiple="true" file-type="image" :number="3"
+                               :disabled="disableSubmit||tableRowRecord.repairStatus!=='UNDER_REPAIR'"
+                               v-model="tableRowRecord.imageFiles"/>
+                  </a-form-model-item>
+                </a-col>
+              </template>
+            </a-row>
+          </a-tab-pane>
+
+          <template v-if="selectShenpiData.procInstId">
+            <a-tab-pane key='2' tab='娴佺▼鑺傜偣'>
+              <a-card :bordered="false">
+                <a-timeline>
+                  <a-timeline-item v-for="(item,index) in hitaskDataSource" :key="index">
+                    <div>
+                      <h3 style="font-weight: bold;">{{item.taskName}}</h3>
+                      <div>澶勭悊浜猴細{{item.assignee_dictText}}</div>
+                      <div v-if="index !==0">澶勭悊鏃堕暱锛歿{item.duration}}</div>
+                      <div v-if="item.name !== '鎻愪氦鐢宠'">澶勭悊绫诲瀷锛歿{item.sequenceFlowName}}</div>
+                      <div v-if="item.description">澶勭悊鎰忚锛歿{item.description}}</div>
+                    </div>
+                  </a-timeline-item>
+                </a-timeline>
+              </a-card>
+            </a-tab-pane>
+
+            <a-tab-pane key='3' tab='娴佺▼鍥�'>
+              <img :src="imageSrc" alt="Fetched Image"/>-->
+            </a-tab-pane>
+          </template>
+        </a-tabs>
+
+        <template v-if="tableRowRecord.isUseSpare===1&&isDisableUseSpare">
+          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;">绠$悊鍛橀鐢ㄥ浠�
+          </a-divider>
+
           <a-row>
-            <a-col :span="24" class="btxx">
-              <a-form-item label="瀹℃壒鐘舵��" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                <j-dict-select-tag  type='list' v-model='assignFileStream.status' dictCode='dnc_assign_stream_status' placeholder="璇烽�夋嫨瀹℃壒鐘舵��"  />
-              </a-form-item>
-            </a-col>
-            <a-col :span="24" class="btxx">
-              <a-form-model-item  label="瀹℃壒鎰忚" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                <a-textarea v-model="assignFileStream.approveContent" rows="4" placeholder="璇疯緭鍏ュ鎵规剰瑙�"/>
-              </a-form-model-item >
+            <a-col :span="twoColSpan*2">
+              <a-form-model-item prop="sparePartDescription" label="澶囦欢鎻忚堪">
+                <a-textarea placeholder="璇疯緭鍏ュ浠舵弿杩�" :readOnly="disableSubmit||tableRowRecord.repairStatus!=='WAIT_SPARES'"
+                            v-model="tableRowRecord.sparePartDescription"></a-textarea>
+              </a-form-model-item>
             </a-col>
           </a-row>
-          <div class="table-operator" style="text-align: right;">
-            <a-button  @click="handleQueXiaoTask" type="primary" icon="close">鍙栨秷</a-button>
-            <a-button @click="submitForm">鎻� 浜�</a-button>
-          </div>
-        </a-form-model>
-      </div>
-    </a-card>
+        </template>
 
+        <template v-if="Boolean(tableRowRecord.sparePartDescription)&&isDisplayRepairResult">
+          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;">缁翠慨缁撴灉涓婃姤</a-divider>
+          <a-row>
+            <a-col :span="twoColSpan*2">
+              <a-form-model-item label="鏁呴殰鍘熷洜" prop="faultReason">
+                <a-input :readOnly="disableSubmit||isDisableSubmitRepairResult" v-model="tableRowRecord.faultReason"
+                         rows="4" placeholder="璇疯緭鍏ユ晠闅滃師鍥�"/>
+              </a-form-model-item>
+            </a-col>
+          </a-row>
 
-  </a-modal>
+          <a-row>
+            <a-col :span="twoColSpan*2">
+              <a-form-model-item label="缁翠慨缁撴灉鎻忚堪" prop="repairDescription">
+                <a-textarea :readOnly="disableSubmit||isDisableSubmitRepairResult"
+                            v-model="tableRowRecord.repairDescription"
+                            placeholder="璇疯緭鍏ョ淮淇粨鏋滄弿杩�"/>
+              </a-form-model-item>
+            </a-col>
+          </a-row>
+
+          <a-row>
+            <a-col :span="twoColSpan*2">
+              <a-form-model-item label="缁翠慨鍥剧墖">
+                <lx-upload :disabled="disableSubmit||isDisableSubmitRepairResult" :returnUrl="false" :isMultiple="true"
+                           file-type="image" :number="3"
+                           v-model="tableRowRecord.imageFiles"/>
+              </a-form-model-item>
+            </a-col>
+          </a-row>
+        </template>
+      </a-form-model>
+    </a-spin>
+  </j-modal>
 </template>
 
 <script>
+  import '@assets/less/TableExpand.less'
+  import { getAction, deleteAction, postAction, downFile, httpAction } from '@api/manage'
+  import LxSearchEquipmentSelect from '../../../eam/equipment/modules/LxSearchEquipmentSelect'
 
-import '@assets/less/TableExpand.less'
-import { mixinDevice } from '@/utils/mixin'
-import { getAction, deleteAction, postAction, downFile, httpAction } from '@api/manage'
-
-export default {
-  name: 'RepairOrderApprovalModal',
-  mixins: [mixinDevice],
-  props: {
-    selectShenpiData: {
-      type: Object,
-      required: true
-    }
-  },
-
-  data() {
-    return {
-      form: this.$form.createForm(this),
-      span: 12,
-      span1: 8,
-      coldisabled: true,
-      spinning: false,
-      tableRowRecord: {},
-      assignFileStream:{},
-      tableDataSource: [],
-      usageDataSource: [],
-      hitaskDataSource:[],
-      bomForm: {},
-      approveContent:"",
-      imageSrc: null,
-      drawerVisible: true,
-      labelCol: {
-        xs: { span: 24 },
-        sm: { span: 5 }
-      },
-      wrapperCol: {
-        xs: { span: 30 },
-        sm: { span: 16 }
-      },
-      validatorRules: {
-      },
-      approveData: {},
-      flowData: {},
-      title: '',
-      width: 1000,
-      visible: false,
-      // 琛ㄥご
-      url: {
-        queryBomDataById: '/eam/eamRepairOrder/queryById',
-        diagramView: '/assign/flow/diagramView',
-        queryHisTaskList:'/dncFlow/dispatchFile/queryHisTaskList',
-        approve:"/activit/assign/file/approve",
-      },
-      dictOptions: {},
-      superFieldList: [],
-      workflowSource: []
-    }
-  },
-  created() {
-  },
-  computed: {},
-  methods: {
-    callback() {
+  export default {
+    name: 'RepairOrderApprovalModal',
+    components: { LxSearchEquipmentSelect },
+    props: {
+      selectShenpiData: {
+        type: Object,
+        required: true
+      }
     },
-    handCancel() {
-      this.visible = false
-    },
-    clearTableSource() {
-      this.tableDataSource = []
-      this.usageDataSource = []
-    },
-    fetchAndShowBmp() {
-      console.log('flowData----->', this.flowData)
-      try {
-        let parm = {
-          processDefinitionId: this.flowData.processDefinitionId,
-          processInstanceId:this.flowData.processInstanceId,
-          TaskDefinitionKey:this.flowData.processDefinitionKey
+    data() {
+      return {
+        title: '',
+        threeColSpan: 8,
+        twoColSpan: 12,
+        inputReadOnly: true,
+        disableSubmit: false,
+        confirmLoading: false,
+        spinning: false,
+        tableRowRecord: {},
+        hitaskDataSource: [],
+        imageSrc: null,
+        activeTabKey: '1',
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 6 }
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 }
+        },
+        labelColLong: {
+          xs: { span: 24 },
+          sm: { span: 2 }
+        },
+        wrapperColLong: {
+          xs: { span: 24 },
+          sm: { span: 20 }
+        },
+        validatorRules: {
+          isUseSpare: [
+            { required: true, message: '璇烽�夋嫨鏄惁闇�瑕侀鐢ㄥ浠�' }
+          ],
+          sparePartDescription: [
+            { required: true, message: '璇疯緭鍏ュ浠舵弿杩�' }
+          ],
+          faultReason: [
+            { required: true, message: '璇疯緭鍏ユ晠闅滃師鍥�' }
+          ],
+          repairDescription: [
+            { required: true, message: '璇疯緭鍏ョ淮淇粨鏋滄弿杩�' }
+          ]
+        },
+        approveData: {},
+        visible: false,
+        // 琛ㄥご
+        url: {
+          queryBomDataById: '/eam/eamRepairOrder/queryById',
+          diagramView: '/assign/flow/diagramView',
+          queryHisTaskList: '/assign/flow/queryHisTaskList',
+          approve: '/eam/eamRepairOrder/perform'
         }
-        downFile(this.url.diagramView,parm,'get').then((res=>{
-          console.log('Pica------>',res)
-          const urlObject = window.URL.createObjectURL(new Blob([res]))
-          this.imageSrc = urlObject
-        }))
-      } catch (error) {
-        console.error('Error fetching image blob:', error)
-        alert('鏃犳硶鍔犺浇鍥剧墖锛岃绋嶅悗鍐嶈瘯銆�')
       }
     },
-    handleQueXiaoTask(){
-      this.visible = false
-      this.routeReload()
+    computed: {
+      isDisableUseSpare() {
+        return this.disableSubmit || this.tableRowRecord.repairStatus !== 'UNDER_REPAIR' || Boolean(this.tableRowRecord.sparePartDescription)
+      },
+      isDisplayRepairResult() {
+        return ['UNDER_REPAIR', 'WAIT_CONFIRM', 'COMPLETE'].includes(this.tableRowRecord.repairStatus)
+      },
+      isDisableSubmitRepairResult() {
+        return ['WAIT_CONFIRM', 'COMPLETE'].includes(this.tableRowRecord.repairStatus)
+      }
     },
-    submitForm () {
-      const that = this;
-      if (!that.assignFileStream.status==null || that.assignFileStream.status===undefined){
-        this.$message.warning('璇烽�夋嫨瀹℃壒鐘舵�侊紒')
-        return false;
-      }
-      if (!that.assignFileStream.approveContent==null || that.assignFileStream.approveContent===undefined) {
-        this.$message.warning('璇疯緭鍏ュ鎵规剰瑙侊紒')
-        return false;
-      }
-      // 瑙﹀彂琛ㄥ崟楠岃瘉
-      this.form.validateFields((err, values) => {
-        if (!err) {
-          that.confirmLoading = true;
-          let url=this.url.approve
-          let method = 'post';
-          let flowTaskVo = {}
-          flowTaskVo.status=that.assignFileStream.status;
-          flowTaskVo.approveContent =that.assignFileStream.approveContent;
-          flowTaskVo.comment =that.assignFileStream.approveContent;
-          flowTaskVo.secretLevel = that.assignFileStream.secretLevel;
-          flowTaskVo.dataId = this.selectShenpiData.dataId
-          flowTaskVo.taskId = this.selectShenpiData.id
-          flowTaskVo.userId = this.selectShenpiData.assignee
-          flowTaskVo.instanceId = this.selectShenpiData.procInstId
-          flowTaskVo.targetKey = this.selectShenpiData.taskDefKey
-          flowTaskVo.values = this.selectShenpiData.variables
-          flowTaskVo.assignee = this.selectShenpiData.assignee
-          flowTaskVo.secretLevel = that.assignFileStream.secretLevel;
-          console.log("琛ㄥ崟鎻愪氦鏁版嵁",flowTaskVo)
-          httpAction(url,flowTaskVo,method).then((res)=>{
-            if(res.success){
-              that.$message.success(res.message);
-              that.$emit('ok');
-            }else{
-              that.$message.warning(res.message);
-            }
-          }).finally(() => {
-            that.confirmLoading = false;
+    methods: {
+      /**
+       * 鑾峰彇娴佺▼鑺傜偣鍜屾祦绋嬪浘
+       * @param record 寰呭姙璁板綍淇℃伅
+       */
+      getAllApproveData(record) {
+        if (!record.procInstId) return
+        console.log('record----->', record)
+        const { procInstId, processDefinitionId, processInstanceId, processDefinitionKey } = record
+        const param = { procInstId }
+        const imageParam = { processDefinitionId, processInstanceId, TaskDefinitionKey: processDefinitionKey }
+        const that = this
+
+        getAction(this.url.queryHisTaskList, param)
+          .then(res => {
+            that.hitaskDataSource = res.result
           })
-        }
 
-      })
-    },
-    getAllApproveData(item) {
-      console.log('selectShenpiData----->', this.selectShenpiData)
-      this.flowData = item
-      let param = {
-        'id': item.dataId
-      }
-      let parmhis={
-        'procInstId': item.dataId
-      }
-      getAction(this.url.queryHisTaskList,parmhis).then(res=>{
-        this.hitaskDataSource=res.result
-        getAction(this.url.queryBomDataById, param).then((res => {
-          if (res.success) {
-            this.tableRowRecord = res.result
-            console.log('this.tableRowRecord----->', this.tableRowRecord)
+        downFile(this.url.diagramView, imageParam, 'get')
+          .then((res => {
+            const urlObject = window.URL.createObjectURL(new Blob([res]))
+            that.imageSrc = urlObject
+          }))
+          .catch(err => {
+            that.$notification.error({
+              message: '娑堟伅',
+              description: res.message
+            })
+          })
+      },
+
+      /**
+       * 鑾峰彇寰呭姙璁板綍鐨勫熀鏈俊鎭�
+       * @param record 寰呭姙璁板綍淇℃伅
+       */
+      getBasicInformation(record) {
+        this.spinning = true
+        const that = this
+        const param = { id: record.dataId }
+        this.tableRowRecord = {}
+        this.activeTabKey = '1'
+        getAction(this.url.queryBomDataById, param)
+          .then((res => {
+            if (res.success) {
+              that.tableRowRecord = Object.assign({}, res.result, {
+                isUseSpare: res.result.isUseSpare === null ? 0 : res.result.isUseSpare,
+                imageFiles: JSON.parse(res.result.imageFiles),
+                reportImageFiles: JSON.parse(res.result.reportImageFiles)
+              })
+              console.log('this.tableRowRecord----->', that.tableRowRecord)
+            }
+          }))
+          .finally(() => {
+            that.spinning = false
+          })
+      },
+
+      submitForm() {
+        const that = this
+        // 瑙﹀彂琛ㄥ崟楠岃瘉
+        this.$refs.form.validate(valid => {
+          if (valid) {
+            that.confirmLoading = that.spinning = true
+            const { isUseSpare, faultReason, repairDescription, sparePartDescription, imageFiles, equipmentId } = that.tableRowRecord
+            const { dataId, id, procInstId, taskDefKey, variables } = that.selectShenpiData
+
+            const flowTaskVo = {}
+            flowTaskVo.isUseSpare = isUseSpare
+            flowTaskVo.faultReason = faultReason
+            flowTaskVo.repairDescription = repairDescription
+            flowTaskVo.sparePartDescription = sparePartDescription
+            flowTaskVo.imageFilesResult = imageFiles
+            flowTaskVo.equipmentId = equipmentId
+            flowTaskVo.id = dataId
+            flowTaskVo.dataId = dataId
+            flowTaskVo.taskId = id
+            flowTaskVo.instanceId = procInstId
+            flowTaskVo.targetKey = taskDefKey
+            flowTaskVo.values = variables
+            console.log('琛ㄥ崟鎻愪氦鏁版嵁', flowTaskVo)
+            httpAction(this.url.approve, flowTaskVo, 'post')
+              .then((res) => {
+                if (res.success) {
+                  that.$message.success(res.message)
+                  that.handCancel()
+                  that.$emit('searchReset')
+                } else {
+                  that.$message.warning(res.message)
+                }
+              }).finally(() => {
+              that.confirmLoading = that.spinning = false
+            })
+          } else {
+            return false
           }
-        }))
-      }).finally(
-        this.visible = true,
-        console.log('this.approveData---->', this.approveData)
-      )
+        })
+      },
+
+      handCancel() {
+        this.visible = false
+        if (this.$refs.form) this.$refs.form.clearValidate()
+      }
     }
   }
-}
-</script>
-<style scoped>
-.shallow-hr {
-  border: 0;
-  height: 1px; /* 鍒嗙晫绾跨殑楂樺害 */
-  background-color: rgba(0, 0, 0, 0.1); /* 浣跨敤 RGBA 棰滆壊锛屽苟璁剧疆杈冧綆鐨勯�忔槑搴� */
-  margin: 20px 0; /* 鍒嗙晫绾夸笂涓嬬殑澶栬竟璺� */
-}
-.btn-custom {
-  background-color: #4CAF50; /* 缁胯壊鑳屾櫙 */
-  color: white; /* 鐧借壊鏂囧瓧 */
-  border: none; /* 鏃犺竟妗� */
-  padding: 5px 15px; /* 鍐呰竟璺� */
-  text-align: center; /* 鏂囧瓧灞呬腑 */
-  text-decoration: none; /* 鏃犱笅鍒掔嚎 */
-  display: inline-block; /* 琛屽唴鍧楀厓绱� */
-  font-size: 12px; /* 瀛椾綋澶у皬 */
-  margin: 4px 2px; /* 澶栬竟璺� */
-  cursor: pointer; /* 榧犳爣鎮仠鏃舵樉绀烘墜鍨� */
-  border-radius: 4px; /* 鍦嗚杈规 */
-}
-
-.bold-large-label {
-  font-weight: bold;
-  font-size: 20px; /* 鎴栦綘闇�瑕佺殑浠讳綍澶у皬 */
-}
-.left_qiu{
-  position: absolute;
-  left: -74px;
-  top: 0;
-  width:54px;
-  border-radius: 50%;
-  height:54px;
-  font-size: 13px;
-  margin: auto;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  background: #0099ff;
-  transform: translate(0, 0);
-}
-/deep/ .ant-timeline-item-tail{
-  left: -29px !important;
-}
-.left_qiu span{
-  width: 3em;
-  display: block;
-  color: #fff;
-  text-align: center;
-}
-.img{
-  width: 75%;
-}
-
-.wrap{
-  clear: both;
-  width: 100%;
-  display: flex;
-  height: 50px;
-  border: 1px solid #ccc;
-  /* background-color: aqua; */
-}
-.box{
-  width:21%;
-  height:50px;
-  border-right: 1px solid #ccc;
-  line-height: 50px;
-  /* background: red; */
-  text-align:center;
-  margin: auto;
-}
-
-@import '~@assets/less/common.less';
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file

--
Gitblit v1.9.3