指令类型不同，回报页面不同

src/views/zczl/zczl/detailZczl.vue

@@ -118,6 +118,18 @@
     </div>
     <div v-if="sub==='HBXG'" class="SP subBox" style="margin-top: 30px;">
       <el-form ref="form" :model="SPform" label-width="100px">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="指令主类:" v-if="info.zczlMainInfo.zllx != mainZllx.mainCode">
+              <span style="color: #1a81e1">{{ mainZllx.mainName }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" >
+            <el-form-item label="指令类型:">
+              <span style="color: #1a81e1">{{ info.zczlMainInfo.zllxStr }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-form-item label="回报内容:">
           <el-input type="textarea" v-model="HBform.hbnr"></el-input>
         </el-form-item>
@@ -148,7 +160,19 @@
     </div>
     <div v-if="sub==='XBXG'" class="SP subBox" style="margin-top: 30px;">
       <el-form ref="form" :model="SPform" label-width="100px">
-        <el-form-item label="回报内容:">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="指令主类:" v-if="info.zczlMainInfo.zllx != mainZllx.mainCode">
+              <span style="color: #1a81e1">{{ mainZllx.mainName }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" >
+            <el-form-item label="指令类型:">
+              <span style="color: #1a81e1">{{ info.zczlMainInfo.zllxStr }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="续报内容:">
           <el-input type="textarea" v-model="HBform.hbnr"></el-input>
         </el-form-item>
         <el-form-item label="附件信息" style="width：100%">
@@ -178,6 +202,18 @@
     </div>
     <div v-if="sub==='HB'" class="SP subBox" style="margin-top: 30px;">
       <el-form ref="form" :model="SPform" label-width="100px">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="指令主类:" v-if="info.zczlMainInfo.zllx != mainZllx.mainCode">
+              <span style="color: #1a81e1">{{ mainZllx.mainName }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" >
+            <el-form-item label="指令类型:">
+              <span style="color: #1a81e1">{{ info.zczlMainInfo.zllxStr }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-form-item label="回报内容:">
           <el-input type="textarea" v-model="HBform.hbnr"></el-input>
         </el-form-item>
@@ -319,7 +355,7 @@
         </el-form-item>
         <el-form-item label="已抄送人:">
           <ul>
-            <li v-for="item in acceptCsPeopleList" :key="item" >
+            <li v-for="item in acceptCsPeopleList" :key="item">
               {{ item }}
             </li>
           </ul>
@@ -590,6 +626,10 @@ export default {
         zczlMainInfo: {},
         zlfjlist: []
       },
+      mainZllx: {
+        mainCode: "",
+        mainName: ""
+      },
       list: [],
     };
   },
@@ -866,7 +906,17 @@ export default {
     this.getJson()
     getZczltoMeInfomation({zczlbh: this.zczlbh, infoType: this.infoType, fpbh: this.fpbh}).then(res => {
       if (res.code === 200) {
-        this.info = res.data
+        this.info = res.data;
+        this.mainZllx.mainCode = this.info.zczlMainInfo.zllx.substring(0, 2) + '00';
+        axios.get(`JsonData/CODE_ZLLXDM.json`).then((response) => {
+          let allZllx = response.data.rows;
+          for (let i = 0; i < allZllx.length; i++) {
+            if(allZllx[i].id == this.mainZllx.mainCode){
+              this.mainZllx.mainName = allZllx[i].label;
+              break;
+            }
+          }
+        })
       }
       this.mainLoading = false;
     })