标准库 - 分解单编辑 - 责任工程师用树形架构

src/pages/details/otherStandardDetails/index.vue

@@ -909,16 +909,30 @@
               v-model="resolveListForm.applyArctic"
           ></custom-select-array>
         </template>
-        <el-form-item
-            label="责任工程师"
-            class="add-form-item"
-        >
-          <el-input
-              style="width: 45%"
-              v-model="resolveListForm.dutyEngineer"
-              clearable
-          />
-        </el-form-item>
+
+        <!--            责任工程师-->
+        <template>
+          <el-form-item
+              prop="ZRGCSUser"
+              label-width="150px"
+              class="add-form-item"
+          >
+            <template slot="label">责任工程师</template>
+            <el-input v-model="resolveListForm.dutyEngineer" placeholder="查询责任工程师"
+                      @click.native="choiceZRRS('zrgcs', '查询责任工程师', resolveListForm.dutyEngineer)">
+            </el-input>
+          </el-form-item>
+        </template>
+<!--        <el-form-item-->
+<!--            label="责任工程师"-->
+<!--            class="add-form-item"-->
+<!--        >-->
+<!--          <el-input-->
+<!--              style="width: 45%"-->
+<!--              v-model="resolveListForm.dutyEngineer"-->
+<!--              clearable-->
+<!--          />-->
+<!--        </el-form-item>-->
         <el-form-item
             label="符合性状态"
             class="add-form-item"
@@ -963,6 +977,18 @@
         >
       </div>
     </el-drawer>
+    <Role-tree
+        :is-title="drawerTitle"
+        :is-visible.sync="modalShowRoleFlag"
+        @checkedRole="checkedRole2"
+        :nodeList="nodeList2"
+    ></Role-tree>
+    <Mechanism-tree
+        is-title="选择部门信息"
+        :is-visible.sync="modalshowflagZRBM"
+        :nodeList="nodeListZRBM"
+        @checkedRole="drawerCheckZRBM"
+    />
     <!--新增标准条款-->
     <el-drawer
         :title="itemModalTitle"
@@ -1764,6 +1790,13 @@ export default {
         attrName: '适用车型',
         options:[]
       },  // 适用车辆类型下拉框
+      modalshowflagZRBM: false,
+      nodeListZRBM: [],
+      nodeList2:[],
+      nodeList:[],
+      userType:'',
+      drawerTitle:'',
+      modalShowRoleFlag:false,
       emergyKindOptions: [], // 能源种类下拉框
       requestOptions: [],
       BZFGGXOUIUJ: [], // 企标覆盖关系
@@ -2500,6 +2533,51 @@ export default {
       })
       this.modalItemaddShowflag = false
     },
+    drawerCheckZRBM(data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach(item => {
+        // if (item.hasChild === '0' && item.children === null) {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+        // }
+      })
+      if (this.drawerTitle === '责任部门'){
+        this.sarStandardsInfoEO.ZRBMId = idList;
+        this.sarStandardsInfoEO['ZRBM'] = nameList;
+      }else if (this.drawerTitle === '查询责任部门'){
+        this.advanceSearchMapping['ZRBM'] = nameList
+      }
+    },
+    choiceZRRS (type, title, id) {
+      console.log('2077',type, title, id)
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.userType = type
+      this.drawerTitle = title
+      this.modalShowRoleFlag = true
+    },
+    checkedRole2 (data) {
+      console.log('1712',this.drawerTitle)
+      let idList = ''
+      let nameList = ''
+      data.forEach( item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      if (this.drawerTitle === '查询责任工程师'){
+        this.resolveListForm.dutyEngineer = nameList
+      }
+
+    },
     select(selection, row) {
       // 清除 所有勾选项
       this.$refs.multipleTable.clearSelection()
@@ -2536,7 +2614,9 @@ export default {
       if (typeof this.resolveListForm.zccssrq !== 'string'){
         this.resolveListForm.zccssrq = this.resolveListForm.zccssrq.join(',')
       }
-      this.resolveListForm.applyArctic = this.resolveListForm.applyArctic.join(',')
+      if (typeof this.resolveListForm.applyArctic !== 'string'){
+        this.resolveListForm.applyArctic = this.resolveListForm.applyArctic.join(',')
+      }
       this.$http.putData(
           'SarStandItems/sar-stand-items/updateSarItemAndInterpretation',
           this.resolveListForm,