增加 详情按钮

src/views/modules/changeManagement/changeRecord.vue

@@ -89,6 +89,7 @@
         label="操作">
         <template slot-scope="scope">
           <el-link v-if="authUpdate && scope.row.changeStatus !== '已完成'" style="cursor: pointer" @click="updateModal(scope.row)">编辑</el-link>
+          <el-link v-if="authUpdate && scope.row.changeStatus == '已完成'" style="cursor: pointer" @click="showModal()">详情</el-link>
           <el-link v-if="authIssue && scope.row.changeStatus === '草稿'" style="cursor: pointer" @click="issueModal(scope.row)">下达</el-link>
           <el-link v-if="authDelete && scope.row.changeStatus === '草稿'" style="cursor: pointer" @click="deleteChangeRecord(scope.row)">删除</el-link>
         </template>
@@ -108,7 +109,7 @@
 
     <!-- 变更单模态框 -->
     <el-dialog :title="changeTitle" :close-on-click-modal="false" top="10vh" v-drag :visible.sync="modalFlag" width="1060px" :showClose="false">
-      <el-tabs tab-position="left" type="border-card" v-model="activeName" @tab-click="refreshChangeTab" style="width: 100%;height: 720px;">
+      <el-tabs tab-position="left" :disabled="showModalFlag" type="border-card" v-model="activeName" @tab-click="refreshChangeTab" style="width: 100%;height: 720px;">
         <el-tab-pane label="基本信息" name="basicInformation" v-loading="submitLoading">
           <div style="height: 675px">
             <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-top: -5px;">
@@ -239,7 +240,7 @@
 <!--                <dict-data-select v-model="modalData.gpContinueToMeetDemand" style="width: 423px" dict-type="change_gp_continue_to_meet_demand"></dict-data-select>-->
 <!--              </el-form-item>-->
 <!--            </el-form>-->
-            <el-form :inline="true" label-position="top" style="margin-top: 50px">
+            <el-form :inline="true" :disabled="showModalFlag" label-position="top" style="margin-top: 50px">
               <el-button type="primary" @click="addChangeDetail">新增</el-button>
               <div class="rq">
                 <el-table
@@ -455,7 +456,7 @@
 
         <el-tab-pane label="TP&执行信息" name="actionInformation" v-loading="submitLoading">
           <div style="height: 670px">
-            <el-button type="primary" @click="chooseFeasibilityAssessmentModel">选择评估信息</el-button>
+            <el-button type="primary" :disabled="showModalFlag" @click="chooseFeasibilityAssessmentModel">选择评估信息</el-button>
             <div class="rq">
               <el-table
                 :data="chooseItemList2"
@@ -540,7 +541,7 @@
             <div style="text-align: center ;font-size: 11px">
               <span> --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- </span>
             </div>
-            <el-button type="primary" @click="chooseModel">选择执行信息</el-button>
+            <el-button type="primary" :disabled="showModalFlag" @click="chooseModel">选择执行信息</el-button>
             <div class="rq">
               <el-table
                 :data="chooseItemList"
@@ -601,7 +602,7 @@
           <div style="height: 705px">
             <el-form :inline="true" label-position="top" style="margin-top: -19px">
               <el-form-item label=" ">
-                <el-button type="primary" @click="chooseCSModel">选择会签信息</el-button>
+                <el-button type="primary" :disabled="showModalFlag" @click="chooseCSModel">选择会签信息</el-button>
               </el-form-item>
               <el-form-item label="印刷方式/Print Type">
                 <dict-data-select v-model="modalData.printing" disabled style="width: 198px" dict-type="change_printing"></dict-data-select>
@@ -653,7 +654,7 @@
         </el-tab-pane>
       </el-tabs>
       <el-footer style="height:35px;margin-top: 15px;text-align:center">
-        <template v-if="modalData.changeStatus === '草稿' || (modalData.changeStatus === '审批中' && ((modalData.createBy2 && modalData.createBy2.split(';').includes(createBy2)) || superAdmin))">
+        <template v-if="!showModalFlag&&(modalData.changeStatus === '草稿' || (modalData.changeStatus === '审批中' && ((modalData.createBy2 && modalData.createBy2.split(';').includes(createBy2)) || superAdmin)))">
           <el-button type="primary" :loading="saveLoading" @click="saveData">保存</el-button>
         </template>
         <el-button type="primary" @click="modalFlag = false">关闭</el-button>
@@ -2994,6 +2995,7 @@
         currentChooseCSItemList: [],
         // ======== 模态框开关控制 ========
         modalFlag: false,
+        showModalFlag: false,
         modalDisableFlag: false,
         ecnTypeModalFlag: false,
         chooseModelFlag: false,
@@ -3787,6 +3789,11 @@
         this.activeName = 'basicInformation'
         this.modalFlag = true
         this.modalDisableFlag = true
+        this.showModalFlag = false
+      },
+      showModal(){
+        this.showModalFlag = true
+        this.modalFlag = true
       },
 
       // 下达