将国内海外编辑页面改为树形选择

2021-10-21 11:30:35 +08:00
parent 9fbe5c0e1c
commit 142953fe50
4 changed files with 769 additions and 285 deletions
@@ -22,6 +22,7 @@ import GenerationNumber from './generationNumber' // 生成企标编号组件
 import RoleUserTree from './roleUserTree' // 根据部门和角色查询人员
 import DeptRoleTree from './deptRoleTree' // 根据部门查询角色
 import RoleTree from './roleTree' // 查询所有机构及人员
+import MechanismTree from './mechanismTree'
 import SQTree from './SQTree'
 import OrgTable from './OrgTable'
 import MySelect from './mySelect'
@@ -49,6 +50,7 @@ const install = function (Vue) {
  Vue.component('SQTree', SQTree)
  Vue.component('OrgTable', OrgTable)
  Vue.component('RoleTree', RoleTree)
+  Vue.component('MechanismTree', MechanismTree)
  Vue.component('MySelect', MySelect)
 }

@@ -0,0 +1,256 @@
+<template>
+  <div class="roleTree">
+    <el-drawer
+      :title="isTitle"
+      :visible.sync="isVisible2"
+      :wrapperClosable="false"
+      @close="handleTreeDrawerCancel"
+      size="400px">
+      <el-form
+        ref="attributeEO"
+        class="label-input-form"
+        :inline="true"
+      >
+        <el-form-item class="form-item-disabled" style="margin: 10px;">
+          <el-input
+            v-model="filterText"
+            placeholder="请输入部门"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="demo-drawer-content">
+        <el-tree
+          class="filter-tree tree-line"
+          :data="treeData"
+          :props="defaultProps"
+          :current-node-key="nodeKeyId"
+          node-key="id"
+          :filter-node-method="filterNode"
+          highlight-current
+          :auto-expand-parent="true"
+          show-checkbox
+          ref="tree"
+          :load="loadNode"
+          @check="drawerCheck"
+          :expand-on-click-node="false"
+          @node-click="handleNodeClick">
+         <span class="custom-tree-node" slot-scope="{ node, data }">
+           <span :class="node.disabled ? 'is-show' : 'is-leaf-none'"></span>
+           <span> {{ node.label }} </span>
+         </span>
+        </el-tree>
+      </div>
+      <div id="roleFormButton" class="demo-drawer-footer">
+        <el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">
+          确定
+        </el-button>
+
+        <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="handleTreeDrawerCancel">取消
+        </el-button>
+      </div>
+      <loading style="z-index: 2099;" :loading="treeLoading">导入中...</loading>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "MechanismTree",
+  props: {
+    checkBox: { // 单选/多选
+      type: Boolean,
+      default: false,
+    },
+    isTitle: { // 标题
+      type: String
+    },
+    isVisible: { // drawer开关
+      type: Boolean,
+      default: false,
+    },
+    nodeList: { // 回显
+      type: Array,
+      default: () => {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      roleList: [],
+      nodeKeyId: '',
+      isVisible2: false,
+      filterText: '',
+      defaultProps: {
+        children: 'children',
+        label: 'name',
+        isLeaf: (data, node) => {
+          if (!node.disabled) {
+            return true
+          }
+        }
+      },
+      treeData1: [],
+      treeData: [],
+      open1: true,
+      treeLoading: false,
+      roleRow: {}
+    }
+  },
+  methods: {
+    treeClass() {
+
+    },
+    handleTreeDrawerCancel() {
+      this.filterText = ''
+      this.isVisible2 = false
+    },
+    saveUserInfo() {
+      this.isVisible2 = false
+      this.$emit('checkedRole', this.roleList)
+    },
+    loadNode(node, resolve) {
+      if (node.level === 0) {
+        return resolve(this.treeData);
+      }
+    },
+    drawerCheck(data) {
+      if (this.checkBox) {
+        // 单选判断
+        var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
+        if (getlist.length == 1) {
+          this.roleRow = getlist[0]
+        } else {
+          this.$refs.tree.setCheckedKeys([data.id]);
+          this.roleRow = this.$refs.tree.getCheckedNodes()[0]
+        }
+        this.roleList = [this.roleRow]
+      } else {
+        this.roleList = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes())
+      }
+    },
+    getTree() {
+      this.$http.get('SarInstitution/institution', {}, {
+        _this: this,
+        loading: 'treeLoading'
+      }, res => {
+        this.treeData = res.data
+        console.log(this.treeData);
+        this.nodeKeyId = this.treeData[0].id
+        this.id = res.data[0].id
+      }, e => {
+        console.log(e);
+      })
+    },
+    handleNodeClick(data) {
+      this.id = data.id
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.name.indexOf(value) !== -1;
+    },
+  },
+  watch: {
+    isVisible(val) {
+      this.isVisible2 = val
+    },
+    isVisible2(val) {
+      this.$emit('update:isVisible', val)
+    },
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    },
+  },
+  mounted() {
+    this.getTree()
+  }
+}
+</script>
+
+<style lang="less" scoped>
+/deep/ .el-tree-node__content {
+  padding-left: 0px !important;
+}
+
+/deep/ .is-leaf {
+  background-image: none;
+  background-size: 100% 100%;
+}
+/deep/ .is-leaf-none {
+  position: relative;
+  display: inline-block;
+  width: 15px;
+  height: 15px;
+  background: url('~@/assets/images/shangqi/img/personnel.png');
+  background-size: 100% 100%;
+}
+
+/deep/ .is-show {
+  position: relative;
+  display: inline-block;
+  width: 15px;
+  height: 15px;
+  background: url('~@/assets/images/shangqi/img/mechanism.png');
+  background-size: 100% 100%;
+}
+
+/deep/ .tree-line {
+  min-height: calc(100vh - 170px);
+  .el-tree-node {
+    position: relative;
+    padding-left: 0px; // 缩进量
+    line-height: 30px;
+  }
+
+  .el-tree-node__children {
+    padding-left: 16px; // 缩进量
+  }
+
+  // 竖线
+  .el-tree-node::before {
+    content: "";
+    height: 100%;
+    width: 1px;
+    position: absolute;
+    left: -3px;
+    top: -26px;
+    border-left: 1px dashed #858990e0;
+  }
+
+  // 当前层最后一个节点的竖线高度固定
+  .el-tree-node:last-child::before {
+    height: 38px; // 可以自己调节到合适数值
+  }
+
+  // 横线
+  .el-tree-node::after {
+    content: "";
+    width: 11px;
+    height: 20px;
+    position: absolute;
+    left: -3px;
+    top: 12px;
+    border-width: 1px;
+    border-top: 1px dashed #858990e0;
+  }
+
+  // 去掉最顶层的虚线，放最下面样式才不会被上面的覆盖了
+  & > .el-tree-node::after {
+    border-top: none;
+  }
+
+  & > .el-tree-node::before {
+    border-left: none;
+  }
+
+  // 展开关闭的icon
+  .el-tree-node__expand-icon {
+    font-size: 16px;
+    // 叶子节点（无子节点）
+    &.is-leaf {
+      color: transparent;
+      // display: none; // 也可以去掉
+    }
+  }
+}
+</style>
@@ -262,7 +262,9 @@
              <!--                </el-tooltip>-->
              <!--              </template>-->
              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ textStatusMap[scope.row.textStatus] }}</span>
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    textStatusMap[scope.row.textStatus]
+                  }}</span>
                <span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
              </template>
            </el-table-column>
@@ -272,7 +274,7 @@
                  <el-dropdown trigger="click" @command="handleCommand">
                    <i class="iconfont">&#xe61e;</i>
                    <el-dropdown-menu slot="dropdown">
-                      <el-dropdown-item v-btn-permission="'cac1eb379eb8e3b987cbb2e4599adb50'"
+                      <el-dropdown-item v-btn-permission="''"
                                        v-if="scope.row.collectBtn"
                                        :command="[scope.row, '收藏']"
                      >
@@ -334,31 +336,31 @@
            :rules="sarStandardsInfoRules"
            class="label-input-form"
          >
-            <!--            <el-form-item-->
-            <!--                prop="isRelateAccess"-->
-            <!--                label-width="150px"-->
-            <!--                class="add-form-item"-->
-            <!--                title="A类必填项多，仅A类可纳入法规清单。"-->
-            <!--            >-->
-            <!--              <template slot="label">重要度<i class="el-icon-warning-outline"></i></template>-->
-            <!--              <el-select v-model="sarStandardsInfoEO.isRelateAccess" @change="isRegulationsChange">-->
-            <!--                <el-option value="1" label="A" key="1"></el-option>-->
-            <!--                <el-option value="0" label="B" key="0"></el-option>-->
-            <!--              </el-select>-->
-            <!--            </el-form-item>-->
-            <!--            <el-form-item label="适用区域" prop="country" label-width="150px" class="add-form-item form-item-disabled">-->
-            <!--              <el-select v-model="sarStandardsInfoEO.country" disabled >-->
-            <!--                <el-option v-for="opt in countryOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label }}</el-option>-->
-            <!--              </el-select>-->
-            <!--            </el-form-item>-->
-            <!--            <el-form-item label="文本说明" prop="synopsis" label-width="150px" class="add-form-item">-->
-            <!--              <el-input-->
-            <!--                type="text"-->
-            <!--                v-model="sarStandardsInfoEO.synopsis"-->
-            <!--                placeholder="请输入"-->
-            <!--                clearable-->
-            <!--              ></el-input>-->
-            <!--            </el-form-item>-->
+            <!--                        <el-form-item
+                                        prop="isRelateAccess"
+                                        label-width="150px"
+                                        class="add-form-item"
+                                        title="A类必填项多，仅A类可纳入法规清单。"
+                                    >
+                                      <template slot="label">重要度<i class="el-icon-warning-outline"></i></template>
+                                      <el-select v-model="sarStandardsInfoEO.isRelateAccess" @change="isRegulationsChange">
+                                        <el-option value="1" label="A" key="1"></el-option>
+                                        <el-option value="0" label="B" key="0"></el-option>
+                                      </el-select>
+                                    </el-form-item>
+                                    <el-form-item label="适用区域" prop="country" label-width="150px" class="add-form-item form-item-disabled">
+                                      <el-select v-model="sarStandardsInfoEO.country" disabled >
+                                        <el-option v-for="opt in countryOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label }}</el-option>
+                                      </el-select>
+                                    </el-form-item>
+                                    <el-form-item label="文本说明" prop="synopsis" label-width="150px" class="add-form-item">
+                                      <el-input
+                                        type="text"
+                                        v-model="sarStandardsInfoEO.synopsis"
+                                        placeholder="请输入"
+                                        clearable
+                                      ></el-input>
+                                    </el-form-item>-->
            <!--      动态数据-->
            <template v-for="(displayLocation, index) in dynamicFormField">
              <el-col :span="24" :key="index">
@@ -628,7 +630,41 @@
                  </template>
                </template>
                <template v-else-if="field.attrType === 'SEL_OPTS' && field.attrField !== 'ZRLX'">
-                  <template>
+                  <template v-if="field.attrField === 'ZRBM'">
+                    <el-form-item
+                      prop="ZRBM"
+                      label-width="150px"
+                      class="add-form-item"
+                    >
+                      <template slot="label">责任部门</template>
+                      <el-input
+                        :key="field.attrField"
+                        :config="field"
+                        clearable
+                        v-model="sarStandardsInfoEO['ZRBM']"
+                        :disabled="formdisableflag" placeholder="选择责任部门"
+                        @click.native="choiceZRBM('ZRBMId', '责任部门', sarStandardsInfoEO.ZRBMId)">
+                      </el-input>
+                    </el-form-item>
+                  </template>
+                  <template v-else-if="field.attrField === 'ZRGCS'">
+                    <el-form-item
+                      prop="ZRGCSUser"
+                      label-width="150px"
+                      class="add-form-item"
+                    >
+                      <template slot="label">责任工程师</template>
+                      <el-input
+                        :key="field.attrField"
+                        :config="field"
+                        clearable
+                        v-model="sarStandardsInfoEO['ZRGCS']"
+                        :disabled="formdisableflag" placeholder="选择责任工程师"
+                        @click.native="choiceRole('ZRGCSUserId', '责任工程师', sarStandardsInfoEO.ZRGCSUserId)">
+                      </el-input>
+                    </el-form-item>
+                  </template>
+                  <template v-else>
                    <custom-select-array
                      :key="field.attrField"
                      :config="field"
@@ -1083,7 +1119,7 @@
        :url="url"
        :urlChild="urlChild"
        :defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys1"
-        :nodeKey="nodeKeyCode" @popoverHide="popoverHideBusVs"  @popoverHideCancel="popoverHideBusVsCancel"></tree-select-new>
+        :nodeKey="nodeKeyCode" @popoverHide="popoverHideBusVs" @popoverHideCancel="popoverHideBusVsCancel"></tree-select-new>
      <tree-select-new
        width="500"
        :lazy=true
@@ -1094,7 +1130,7 @@
        :url="url"
        :urlChild="urlChild"
        :defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys2"
-        :nodeKey="nodeKeyCode" @popoverHide="popoverHideCarVs"   @popoverHideCancel="popoverHideCarVsCancel()" ></tree-select-new>
+        :nodeKey="nodeKeyCode" @popoverHide="popoverHideCarVs" @popoverHideCancel="popoverHideCarVsCancel()"></tree-select-new>
      <tree-select-new
        width="500"
        :lazy=true
@@ -1120,212 +1156,212 @@
          </el-button>
        </div>
      </el-dialog>
-      <!--      <table-tools-bar v-model="isAdvancedSearch" @search="getDomesticStandardTableBtn(sarStandardsSearch)"-->
-      <!--                       @reset="clearAllSearch('sarStandardsSearch')" >-->
-      <!--        <div slot="content">-->
-      <!--          <el-form :model="sarStandardsSearch" :inline="true" class="label-input-form table-lattice" style="display: flex;flex-wrap: wrap">-->
-      <!--&lt;!&ndash;            标准号&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.standardNo')"  class="serch-form-item">-->
-      <!--              <el-input v-model="sarStandardsSearch.standNumber" :placeholder="$t('m.lookUpByStandardNumber')" clearable :maxlength="100"-->
-      <!--                        @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            标准名称&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.standName')" class="serch-form-item">-->
-      <!--              <el-input v-model="sarStandardsSearch.standName" :placeholder="$t('m.searchByStandardName')" clearable :maxlength="500"-->
-      <!--                        @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            标准英文名称&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.standardEnglishName')" class="serch-form-item">-->
-      <!--              <el-input v-model="sarStandardsSearch.standEnName" :placeholder="$t('m.searchAccordingToStandardEnglishName')" clearable :maxlength="500"-->
-      <!--                        @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            标准类别&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.standardCategory')"  class="serch-form-item">-->
-      <!--              <search-select-->
-      <!--                v-model="sarStandardsSearch.standSort"-->
-      <!--                :placeholder="$t('m.standardCategoryTips')"-->
-      <!--                @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"-->
-      <!--                :options="standSortOptions"-->
-      <!--                clearable/>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            文本状态&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.standStateShow')"  class="serch-form-item">-->
-      <!--              <el-select v-model="sarStandardsSearch.textStatus" :placeholder="$t('m.lookupByStandardStatus')" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in standStateOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            代替标准号&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.substituteStandardNumber')"  class="serch-form-item">-->
-      <!--              <el-input v-model="sarStandardsSearch.dtbjh" :placeholder="$t('m.lookUpByAlternativeCriteria')" clearable :maxlength="100"-->
-      <!--                        @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            标准年份&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.standardYear')"  class="serch-form-item">-->
-      <!--              <el-date-picker-->
-      <!--                  v-model="sarStandardsSearch.standYear"-->
-      <!--                  type="date"-->
-      <!--                  placeholder="根据标准年份查找">-->
-      <!--              </el-date-picker>-->
-      <!--            </el-form-item>-->
-      <!--            &lt;!&ndash;            标准发布日期&ndash;&gt;-->
-      <!--            <el-form-item label="标准发布日期"  class="serch-form-item">-->
-      <!--              <el-date-picker-->
-      <!--                  v-model="sarStandardsSearch.issueTime"-->
-      <!--                  type="date"-->
-      <!--                  placeholder="根据标准发布日期查找">-->
-      <!--              </el-date-picker>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            标准性质&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.standNatureShow')" class="serch-form-item">-->
-      <!--              <el-select v-model="sarStandardsSearch.standNature" placeholder="请选择标准性质" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            是否纳入标准清单&ndash;&gt;-->
-      <!--            <el-form-item title="是否纳入标准清单" label="是否纳入标准清单">-->
-      <!--              <el-select v-model="sarStandardsSearch.isRelateAccess" class="advanced-one" placeholder="根据是否纳入标准清单查找">-->
-      <!--                <el-option value="yes" label="是"></el-option>-->
-      <!--                <el-option value="no" label="否"></el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            实施日期&ndash;&gt;-->
-      <!--            <el-form-item label="实施日期">-->
-      <!--              <el-date-picker-->
-      <!--                  v-model="sarStandardsSearch.putTime"-->
-      <!--                  type="date"-->
-      <!--                  placeholder="根据实施日期查找">-->
-      <!--              </el-date-picker>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            新车型实施日期&ndash;&gt;-->
-      <!--            <el-form-item title="新车型实施日期" label="新车型实施日期">-->
-      <!--              <el-date-picker-->
-      <!--                  v-model="sarStandardsSearch.XCXTime"-->
-      <!--                  type="date"-->
-      <!--                  placeholder="根据新车型实施日期查找">-->
-      <!--              </el-date-picker>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            在产车实施日期&ndash;&gt;-->
-      <!--            <el-form-item title="在产车实施日期" label="在产车实施日期">-->
-      <!--              <el-date-picker-->
-      <!--                  v-model="sarStandardsSearch.ZCCTime"-->
-      <!--                  type="date"-->
-      <!--                  placeholder="根据在产车实施日期查找">-->
-      <!--              </el-date-picker>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            归口管理部门&ndash;&gt;-->
-      <!--            <el-form-item label="归口管理部门">-->
-      <!--              <el-input v-model="sarStandardsSearch.nameShow" clearable placeholder="根据归口管理部门查找"-->
-      <!--                        @keyup.enter.native="btnSearch"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            起草单位&ndash;&gt;-->
-      <!--            <el-form-item label="起草单位">-->
-      <!--              <el-select v-model="sarStandardsSearch.qcdw" placeholder="根据起草单位查找" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in qcdwOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            我司参与深度&ndash;&gt;-->
-      <!--            <el-form-item label="我司参与深度">-->
-      <!--              <el-select v-model="sarStandardsSearch.nameShow" placeholder="请选择我司参与深度" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in cysdOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
+      <!--            <table-tools-bar v-model="isAdvancedSearch" @search="getDomesticStandardTableBtn(sarStandardsSearch)"
+                                   @reset="clearAllSearch('sarStandardsSearch')" >
+                    <div slot="content">
+                      <el-form :model="sarStandardsSearch" :inline="true" class="label-input-form table-lattice" style="display: flex;flex-wrap: wrap">
+            &lt;!&ndash;            标准号&ndash;&gt;
+                        <el-form-item :label="$t('m.standardNo')"  class="serch-form-item">
+                          <el-input v-model="sarStandardsSearch.standNumber" :placeholder="$t('m.lookUpByStandardNumber')" clearable :maxlength="100"
+                                    @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            标准名称&ndash;&gt;
+                        <el-form-item :label="$t('m.standName')" class="serch-form-item">
+                          <el-input v-model="sarStandardsSearch.standName" :placeholder="$t('m.searchByStandardName')" clearable :maxlength="500"
+                                    @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            标准英文名称&ndash;&gt;
+                        <el-form-item :label="$t('m.standardEnglishName')" class="serch-form-item">
+                          <el-input v-model="sarStandardsSearch.standEnName" :placeholder="$t('m.searchAccordingToStandardEnglishName')" clearable :maxlength="500"
+                                    @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            标准类别&ndash;&gt;
+                        <el-form-item :label="$t('m.standardCategory')"  class="serch-form-item">
+                          <search-select
+                            v-model="sarStandardsSearch.standSort"
+                            :placeholder="$t('m.standardCategoryTips')"
+                            @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"
+                            :options="standSortOptions"
+                            clearable/>
+                        </el-form-item>
+            &lt;!&ndash;            文本状态&ndash;&gt;
+                        <el-form-item :label="$t('m.standStateShow')"  class="serch-form-item">
+                          <el-select v-model="sarStandardsSearch.textStatus" :placeholder="$t('m.lookupByStandardStatus')" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in standStateOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            代替标准号&ndash;&gt;
+                        <el-form-item :label="$t('m.substituteStandardNumber')"  class="serch-form-item">
+                          <el-input v-model="sarStandardsSearch.dtbjh" :placeholder="$t('m.lookUpByAlternativeCriteria')" clearable :maxlength="100"
+                                    @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            标准年份&ndash;&gt;
+                        <el-form-item :label="$t('m.standardYear')"  class="serch-form-item">
+                          <el-date-picker
+                              v-model="sarStandardsSearch.standYear"
+                              type="date"
+                              placeholder="根据标准年份查找">
+                          </el-date-picker>
+                        </el-form-item>
+                        &lt;!&ndash;            标准发布日期&ndash;&gt;
+                        <el-form-item label="标准发布日期"  class="serch-form-item">
+                          <el-date-picker
+                              v-model="sarStandardsSearch.issueTime"
+                              type="date"
+                              placeholder="根据标准发布日期查找">
+                          </el-date-picker>
+                        </el-form-item>
+            &lt;!&ndash;            标准性质&ndash;&gt;
+                        <el-form-item :label="$t('m.standNatureShow')" class="serch-form-item">
+                          <el-select v-model="sarStandardsSearch.standNature" placeholder="请选择标准性质" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            是否纳入标准清单&ndash;&gt;
+                        <el-form-item title="是否纳入标准清单" label="是否纳入标准清单">
+                          <el-select v-model="sarStandardsSearch.isRelateAccess" class="advanced-one" placeholder="根据是否纳入标准清单查找">
+                            <el-option value="yes" label="是"></el-option>
+                            <el-option value="no" label="否"></el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            实施日期&ndash;&gt;
+                        <el-form-item label="实施日期">
+                          <el-date-picker
+                              v-model="sarStandardsSearch.putTime"
+                              type="date"
+                              placeholder="根据实施日期查找">
+                          </el-date-picker>
+                        </el-form-item>
+            &lt;!&ndash;            新车型实施日期&ndash;&gt;
+                        <el-form-item title="新车型实施日期" label="新车型实施日期">
+                          <el-date-picker
+                              v-model="sarStandardsSearch.XCXTime"
+                              type="date"
+                              placeholder="根据新车型实施日期查找">
+                          </el-date-picker>
+                        </el-form-item>
+            &lt;!&ndash;            在产车实施日期&ndash;&gt;
+                        <el-form-item title="在产车实施日期" label="在产车实施日期">
+                          <el-date-picker
+                              v-model="sarStandardsSearch.ZCCTime"
+                              type="date"
+                              placeholder="根据在产车实施日期查找">
+                          </el-date-picker>
+                        </el-form-item>
+            &lt;!&ndash;            归口管理部门&ndash;&gt;
+                        <el-form-item label="归口管理部门">
+                          <el-input v-model="sarStandardsSearch.nameShow" clearable placeholder="根据归口管理部门查找"
+                                    @keyup.enter.native="btnSearch"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            起草单位&ndash;&gt;
+                        <el-form-item label="起草单位">
+                          <el-select v-model="sarStandardsSearch.qcdw" placeholder="根据起草单位查找" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in qcdwOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            我司参与深度&ndash;&gt;
+                        <el-form-item label="我司参与深度">
+                          <el-select v-model="sarStandardsSearch.nameShow" placeholder="请选择我司参与深度" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in cysdOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>

-      <!--&lt;!&ndash;            能源类型&ndash;&gt;-->
-      <!--            <el-form-item label="能源类型">-->
-      <!--              <el-select v-model="sarStandardsSearch.energyKind" placeholder="请选择能源类型" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in nylxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            适用车型&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.applicableModels')"  class="serch-form-item">-->
-      <!--              <el-select v-model="sarStandardsSearch.applyArctic" :placeholder="$t('m.searchAccordingToThApplicableModel')" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            适用产品线（新增字段）&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.applicableProductLine')"  class="serch-form-item">-->
-      <!--              <el-select v-model="sarStandardsSearch.sycpx" :placeholder="$t('m.searchByApplicableProductLine')" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in sycpxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            适用认证&ndash;&gt;-->
-      <!--            <el-form-item label="适用认证">-->
-      <!--              <el-select v-model="sarStandardsSearch.syzr" placeholder="根据适用认证查找" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in syzrOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            责任部门&ndash;&gt;-->
-      <!--            <el-form-item label="责任部门">-->
-      <!--              <el-select v-model="sarStandardsSearch.zrbm" placeholder="根据责任部门查找" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in zrbmOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            责任工程师&ndash;&gt;-->
-      <!--            <el-form-item label="责任工程师">-->
-      <!--              <el-select v-model="sarStandardsSearch.dutyEngineer" placeholder="根据责任工程师查找" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in zrgcsOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            关联模块-VPPS编码&ndash;&gt;-->
-      <!--            <el-form-item title="关联模块-VPPS编码" label="关联模块-VPPS编码" prop="standNumber">-->
-      <!--              <el-input v-model="sarStandardsSearch.svpps" clearable-->
-      <!--                        placeholder="根据关联模块-VPPS编码查找"-->
-      <!--                        @keyup.enter.native="btnSearch"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            代替标准号&ndash;&gt;-->
-      <!--            <el-form-item label="代替标准号">-->
-      <!--              <el-input v-model="sarStandardsSearch.replaceStandNum" clearable placeholder="根据代替标准号查找"-->
-      <!--                        @keyup.enter.native="btnSearch"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            关联模块-中文名称&ndash;&gt;-->
-      <!--            <el-form-item title="关联模块-中文名称" label="关联模块-中文名称" prop="standNumber">-->
-      <!--              <el-input v-model="sarStandardsSearch.standNumber" clearable-->
-      <!--                        placeholder="根据关联模块-中文名称"-->
-      <!--                        @keyup.enter.native="btnSearch"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            采标编号&ndash;&gt;-->
-      <!--            <el-form-item label="采标编号" prop="nameShow">-->
-      <!--              <el-input v-model="sarStandardsSearch.nameShow" clearable placeholder="根据采标编号查找"-->
-      <!--                        @keyup.enter.native="btnSearch"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            采标程度&ndash;&gt;-->
-      <!--            <el-form-item label="采标程度" prop="standNumber">-->
-      <!--              <el-input v-model="sarStandardsSearch.standNumber" clearable-->
-      <!--                        placeholder="根据采标程度查找"-->
-      <!--                        @keyup.enter.native="btnSearch"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            引用标准&ndash;&gt;-->
-      <!--            <el-form-item label="引用标准">-->
-      <!--              <el-input v-model="sarStandardsSearch.citeStand" clearable placeholder="根据引用标准查找"-->
-      <!--                        @keyup.enter.native="btnSearch"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            被引用标准&ndash;&gt;-->
-      <!--            <el-form-item label="被引用标准">-->
-      <!--              <el-input v-model="sarStandardsSearch.citedStand" clearable-->
-      <!--                        placeholder="根据被引用标准查找"-->
-      <!--                        @keyup.enter.native="btnSearch"></el-input>-->
-      <!--            </el-form-item>-->
-      <!--&lt;!&ndash;            关联模块（新增字段）&ndash;&gt;-->
-      <!--            <el-form-item :label="$t('m.associatedModule')"  class="serch-form-item">-->
-      <!--              <el-select v-model="sarStandardsSearch.cycvppsbm" :placeholder="$t('m.SearchByAssociatedModule')" clearable-->
-      <!--                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
-      <!--                <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}-->
-      <!--                </el-option>-->
-      <!--              </el-select>-->
-      <!--            </el-form-item>-->
-      <!--          </el-form>-->
-      <!--        </div>-->
-      <!--      </table-tools-bar>-->
+            &lt;!&ndash;            能源类型&ndash;&gt;
+                        <el-form-item label="能源类型">
+                          <el-select v-model="sarStandardsSearch.energyKind" placeholder="请选择能源类型" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in nylxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            适用车型&ndash;&gt;
+                        <el-form-item :label="$t('m.applicableModels')"  class="serch-form-item">
+                          <el-select v-model="sarStandardsSearch.applyArctic" :placeholder="$t('m.searchAccordingToThApplicableModel')" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            适用产品线（新增字段）&ndash;&gt;
+                        <el-form-item :label="$t('m.applicableProductLine')"  class="serch-form-item">
+                          <el-select v-model="sarStandardsSearch.sycpx" :placeholder="$t('m.searchByApplicableProductLine')" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in sycpxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            适用认证&ndash;&gt;
+                        <el-form-item label="适用认证">
+                          <el-select v-model="sarStandardsSearch.syzr" placeholder="根据适用认证查找" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in syzrOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            责任部门&ndash;&gt;
+                        <el-form-item label="责任部门">
+                          <el-select v-model="sarStandardsSearch.zrbm" placeholder="根据责任部门查找" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in zrbmOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            责任工程师&ndash;&gt;
+                        <el-form-item label="责任工程师">
+                          <el-select v-model="sarStandardsSearch.dutyEngineer" placeholder="根据责任工程师查找" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in zrgcsOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+                          </el-select>
+                        </el-form-item>
+            &lt;!&ndash;            关联模块-VPPS编码&ndash;&gt;
+                        <el-form-item title="关联模块-VPPS编码" label="关联模块-VPPS编码" prop="standNumber">
+                          <el-input v-model="sarStandardsSearch.svpps" clearable
+                                    placeholder="根据关联模块-VPPS编码查找"
+                                    @keyup.enter.native="btnSearch"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            代替标准号&ndash;&gt;
+                        <el-form-item label="代替标准号">
+                          <el-input v-model="sarStandardsSearch.replaceStandNum" clearable placeholder="根据代替标准号查找"
+                                    @keyup.enter.native="btnSearch"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            关联模块-中文名称&ndash;&gt;
+                        <el-form-item title="关联模块-中文名称" label="关联模块-中文名称" prop="standNumber">
+                          <el-input v-model="sarStandardsSearch.standNumber" clearable
+                                    placeholder="根据关联模块-中文名称"
+                                    @keyup.enter.native="btnSearch"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            采标编号&ndash;&gt;
+                        <el-form-item label="采标编号" prop="nameShow">
+                          <el-input v-model="sarStandardsSearch.nameShow" clearable placeholder="根据采标编号查找"
+                                    @keyup.enter.native="btnSearch"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            采标程度&ndash;&gt;
+                        <el-form-item label="采标程度" prop="standNumber">
+                          <el-input v-model="sarStandardsSearch.standNumber" clearable
+                                    placeholder="根据采标程度查找"
+                                    @keyup.enter.native="btnSearch"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            引用标准&ndash;&gt;
+                        <el-form-item label="引用标准">
+                          <el-input v-model="sarStandardsSearch.citeStand" clearable placeholder="根据引用标准查找"
+                                    @keyup.enter.native="btnSearch"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            被引用标准&ndash;&gt;
+                        <el-form-item label="被引用标准">
+                          <el-input v-model="sarStandardsSearch.citedStand" clearable
+                                    placeholder="根据被引用标准查找"
+                                    @keyup.enter.native="btnSearch"></el-input>
+                        </el-form-item>
+            &lt;!&ndash;            关联模块（新增字段）&ndash;&gt;
+                        <el-form-item :label="$t('m.associatedModule')"  class="serch-form-item">
+                          <el-select v-model="sarStandardsSearch.cycvppsbm" :placeholder="$t('m.SearchByAssociatedModule')" clearable
+                                     @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                            <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}
+                            </el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-form>
+                    </div>
+                  </table-tools-bar>-->
      <!--    高级筛选-->
      <el-drawer
        title="高级搜索"
@@ -1627,6 +1663,18 @@
      @confirm="isTreeOk"
    ></org-table>
    <loading style="z-index: 2099;" :loading="importLoading">导入中...</loading>
+    <Role-tree
+      is-title="选择人员信息"
+      :is-visible.sync="modalshowflagRole"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+    <Mechanism-tree
+      is-title="选择部门信息"
+      :is-visible.sync="modalshowflagZRBM"
+      :nodeList="nodeListZRBM"
+      @checkedRole="drawerCheckZRBM"
+    />
  </div>
 </template>

@@ -1646,6 +1694,7 @@ import CustomEopDatePick from '@/components/CustomFormComponents/DatePickerWithT
 import CustomDatePickWithText, {formatText} from '@/components/CustomFormComponents/DatePickerGroupWithText'
 import CustomSVPPS from '@/components/CustomFormComponents/SVPPS'
 import CustomRoleTree from '@/components/CustomFormComponents/roleTree'
+import MechanismTree from '@/components/mechanismTree'
 import CustomDatePickWithText2 from '@/components/CustomFormComponents/DatePickerWithText2'
 import {interfaceUrl} from '@/sysConfig'
 import TreeSelect from '@/components/treeSelect/treeSelect.vue';
@@ -1671,10 +1720,15 @@ export default {
    CustomRoleTree,
    CustomDatePickWithText2,
    TreeSelect,
+    MechanismTree,
    TreeSelectNew
  },
  data() {
    return {
+      nodeList: [],
+      nodeListZRBM: [],
+      modalshowflagRole: false,
+      modalshowflagZRBM: false,
      filterText: '', // 国内法规过滤
      props: {
        label: 'menuName',
@@ -1960,6 +2014,8 @@ export default {
      }, // 标准新增过程中用到的对象
      standClass: [], // 标准类别
      sarStandardsInfoEO: {
+        ZRGCSUser: '',
+        ZRGCSUserId: '',
        regionShow: '亚洲',
        region: '2T8PFTSYE7',
        issueUnit: '', // 发布部门
@@ -2406,11 +2462,11 @@ export default {
      this.modalShowFlag1 = false
      this.$forceUpdate()
    },
-    popoverHideCancel(){
-      this.modalShowFlag1  = false
+    popoverHideCancel() {
+      this.modalShowFlag1 = false
    },
    popoverHideBusVs(checkedIds, checkedData, isShow, isLoadChild, topId) {
-      if (checkedData  && checkedData.length != 0) {
+      if (checkedData && checkedData.length != 0) {
        if (checkedData.length > 0) {
          this.sarStandardsInfoEO.CYCVPPSBM = checkedData.map(item => item.code).join(",")
          this.sarStandardsInfoEO.CYCVPPSCN = checkedData.map(item => item.chineseName).join(",")
@@ -2423,11 +2479,11 @@ export default {

      this.$forceUpdate()
    },
-    popoverHideBusVsCancel(){
+    popoverHideBusVsCancel() {
      this.modalShowFlag2 = false
    },
    popoverHideCarVs(checkedIds, checkedData, isShow, isLoadChild, topId) {
-      if (checkedData  && checkedData.length != 0) {
+      if (checkedData && checkedData.length != 0) {
        if (checkedData.length > 0) {
          this.sarStandardsInfoEO.KCCVPPSBM = checkedData.map(item => item.code).join(",")
          this.sarStandardsInfoEO.KCCVPPSCN = checkedData.map(item => item.chineseName).join(",")
@@ -2440,11 +2496,11 @@ export default {

      this.$forceUpdate()
    },
-    popoverHideCarVsCancel(){
+    popoverHideCarVsCancel() {
      this.modalShowFlag3 = false
    },
    popoverHideModel(checkedIds, checkedData, isShow, isLoadChild, topId) {
-      if (checkedData  && checkedData.length != 0) {
+      if (checkedData && checkedData.length != 0) {
        if (checkedData.length > 0) {
          this.sarStandardsInfoEO.DYBXH = checkedData.map(item => item.model).join(",")
          this.sarStandardsInfoEO.DYMC = checkedData.map(item => item.name).join(",")
@@ -2456,7 +2512,7 @@ export default {
      }
      this.$forceUpdate()
    },
-    popoverHideModelCancel(){
+    popoverHideModelCancel() {
      this.modalShowFlag4 = false
    },
    busVsFunc() {
@@ -3539,6 +3595,7 @@ export default {
          this.validateStandNumber(this.sarStandardsInfoEO).then((flag) => {
            if (flag) {
              // 时间格式修改
+              this.ZRGCS = this.sarStandardsInfoEO.ZRGCSUserId
              let nowstandinfo = JSON.parse(JSON.stringify(this.sarStandardsInfoEO))
              if (nowstandinfo.putTime != null && nowstandinfo.putTime !== '') {
                nowstandinfo.putTime = this.$dateFormat(this.sarStandardsInfoEO.putTime, 'yyyy-MM-dd hh:mm:ss')
@@ -4891,7 +4948,49 @@ export default {
      data.forEach(item => {
        this.$set(this.textStatusMap, item.value, item.label)
      })
-    }
+    },
+    choiceRole(type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.drawerTitle = title
+      this.modalshowflagRole = true
+    },
+    drawerCheck(data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      this.sarStandardsInfoEO.ZRGCSUserId = idList;
+      this.sarStandardsInfoEO['ZRGCS'] = nameList;
+    },
+    choiceZRBM(type, title, id) {
+      this.nodeListZRBM = []
+      this.nodeListZRBM.push(id)
+      this.drawerTitle = title
+      this.modalshowflagZRBM = true
+    },
+    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
+        }
+      })
+      this.sarStandardsInfoEO.ZRBMId = idList;
+      this.sarStandardsInfoEO['ZRBM'] = nameList;
+    },
  },
  computed: {
    // 是否拥有拖拽权限
@@ -5015,7 +5114,7 @@ export default {
  background: url('~@/assets/images/shangqi/img/tree.png');
  background-size: 100% 100%;
 }
-#domesticStandardDatabase{
+  #domesticStandardDatabase{
  height: 100%;
  .content {
    height: calc(~'100% - 105px - 56px')
@@ -136,12 +136,12 @@
                   title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
                   v-btn-permission="'8871ed1be74cf65851659514880bb50a'"><i class="iconfont">&#xe6e9;</i>导出
        </el-button>
-<!--        <el-button class="common-button-default delete-button"
-                   :loading="delLoading"
-                   size="mini"
-                   @click="deleteStand(2)"
-                   v-btn-permission="'4d01342db0f56f01bfceaee7b46904f4'"><i class="iconfont">&#xe61b;</i>批量删除
-        </el-button>-->
+        <!--        <el-button class="common-button-default delete-button"
+                           :loading="delLoading"
+                           size="mini"
+                           @click="deleteStand(2)"
+                           v-btn-permission="'4d01342db0f56f01bfceaee7b46904f4'"><i class="iconfont">&#xe61b;</i>批量删除
+                </el-button>-->
        <el-button class="common-button-default"
                   size="mini" @click="configurationStandard"
                   v-btn-permission="'590049684c0af005c6b3d1f0ebcf897e'"><i class="iconfont">&#xe669;</i>配置标准
@@ -151,11 +151,11 @@
                   @click="deleteStandFromKind(2)"
                   v-btn-permission="'29bf24bbd156c06f136cc89b1c7b2bb0'"><i class="iconfont">&#xe611;</i>移除标准
        </el-button>
-<!--&lt;!&ndash;        <el-button class="common-button-default"
-                   size="mini" :loading="searching"
-                   @click="uploadImportModal(1)"
-                   v-btn-permission="'4mFaJU3fTS'"><i class="iconfont">&#xe825;</i>模板下载&ndash;&gt;
-        </el-button>-->
+        <!--&lt;!&ndash;        <el-button class="common-button-default"
+                           size="mini" :loading="searching"
+                           @click="uploadImportModal(1)"
+                           v-btn-permission="'4mFaJU3fTS'"><i class="iconfont">&#xe825;</i>模板下载&ndash;&gt;
+                </el-button>-->
      </div>
      <div class="content">
        <div class="table-wrap">
@@ -191,7 +191,9 @@
                <a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
                    scope.row.standSortShow
                  }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
-                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standSortShow
+                  }}
                  {{ scope.row.standNumber }}</a>
              </template>
            </el-table-column>
@@ -201,9 +203,15 @@
              label="标准名称"
            >
              <template slot-scope="scope">
-                <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-                <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+                <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standName
+                  }}</a>
+                <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standName
+                  }}</a>
+                <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
+                    scope.row.standName
+                  }}</a>
              </template>
            </el-table-column>
            <el-table-column
@@ -213,13 +221,13 @@
              label="发布日期">
              <template slot-scope="scope">
                <div v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">
-                    {{ formatIssueDate(scope.row.issueTime) }}
+                  {{ formatIssueDate(scope.row.issueTime) }}
                </div>
                <div v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">
                  {{ formatIssueDate(scope.row.issueTime) }}
                </div>
                <div v-else style="color: #333333">
-                    {{ formatIssueDate(scope.row.issueTime) }}
+                  {{ formatIssueDate(scope.row.issueTime) }}
                </div>
              </template>
            </el-table-column>
@@ -230,9 +238,13 @@
              label="实施日期">
              <template slot-scope="scope">
                <!--                {{ formatIssueDate(scope.row.putTime) }}-->
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0,10) : '-' }}</span>
-                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0,10) : '-' }}</span>
-                <span v-else style="color: #333333">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0,10) : '-' }}</span>
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-'
+                  }}</span>
+                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                    scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-'
+                  }}</span>
+                <span v-else style="color: #333333">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>

              </template>
            </el-table-column>
@@ -242,9 +254,15 @@
              width="150px"
              label="新车型实施日期">
              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0,10) : '-' }}</span>
-                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0,10) : '-' }}</span>
-                <span v-else style="color: #333333">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0,10) : '-' }}</span>
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
+                  }}</span>
+                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                    scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
+                  }}</span>
+                <span v-else style="color: #333333">{{
+                    scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
+                  }}</span>
              </template>
            </el-table-column>
            <el-table-column
@@ -253,9 +271,15 @@
              width="150px"
              label="在产车实施日期">
              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0,10) : '-' }}</span>
-                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0,10) : '-' }}</span>
-                <span v-else style="color: #333333">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0,10) : '-' }}</span>
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
+                  }}</span>
+                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                    scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
+                  }}</span>
+                <span v-else style="color: #333333">{{
+                    scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
+                  }}</span>
              </template>
            </el-table-column>
            <el-table-column
@@ -269,12 +293,16 @@
              <!--                </el-tooltip>-->
              <!--              </template>-->
              <template slot-scope="scope">
-                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ textStatusMap[scope.row.textStatus] }}</span>
-                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{ textStatusMap[scope.row.textStatus] }}</span>
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    textStatusMap[scope.row.textStatus]
+                  }}</span>
+                <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                    textStatusMap[scope.row.textStatus]
+                  }}</span>
                <span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
              </template>
            </el-table-column>
-            <el-table-column label="操作" align="center" width="50" >
+            <el-table-column label="操作" align="center" width="50">
              <template slot-scope="scope">
                <div @click.stop style="display: inline-block">
                  <el-dropdown trigger="click" @command="handleCommand">
@@ -983,12 +1011,48 @@
                  ></custom-select>
                </template>
                <template v-else-if="field.attrType === 'SEL_OPTS' && field.attrField !== 'ZRLX'">
-                  <custom-select-array
-                    :key="field.attrField"
-                    :config="field"
-                    v-model="sarStandardsInfoEO[field.attrField]"
-                    :disabled="formdisableflag"
-                  ></custom-select-array>
+                  <template v-if="field.attrField === 'ZRBM'">
+                    <el-form-item
+                      prop="ZRBM"
+                      label-width="150px"
+                      class="add-form-item"
+                    >
+                      <template slot="label">责任部门</template>
+                      <el-input
+                        :key="field.attrField"
+                        :config="field"
+                        clearable
+                        v-model="sarStandardsInfoEO['ZRBM']"
+                        :disabled="formdisableflag" placeholder="选择责任部门"
+                        @click.native="choiceZRBM('ZRBMId', '责任部门', sarStandardsInfoEO.ZRBMId)">
+                      </el-input>
+                    </el-form-item>
+                  </template>
+                  <template v-else-if="field.attrField === 'ZRGCS'">
+                    <el-form-item
+                      prop="ZRGCSUser"
+                      label-width="150px"
+                      class="add-form-item"
+                    >
+                      <template slot="label">责任工程师</template>
+                      <el-input
+                        :key="field.attrField"
+                        :config="field"
+                        clearable
+                        v-model="sarStandardsInfoEO['ZRGCS']"
+                        :disabled="formdisableflag" placeholder="选择责任工程师"
+                        @click.native="choiceRole('ZRGCSUserId', '责任工程师', sarStandardsInfoEO.ZRGCSUserId)">
+                      </el-input>
+                    </el-form-item>
+                  </template>
+                  <template v-else>
+                    <custom-select-array
+                      :key="field.attrField"
+                      :config="field"
+                      v-model="sarStandardsInfoEO[field.attrField]"
+                      :disabled="formdisableflag"
+                    ></custom-select-array>
+                  </template>
                </template>
              </template>
            </template>
@@ -1434,7 +1498,7 @@
        :url="url"
        :urlChild="urlChild"
        :defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys2"
-        :nodeKey="nodeKeyCode" @popoverHide="popoverHideCarVs"  @popoverHideCancel="popoverHideCarVsCancel"></tree-select-new>
+        :nodeKey="nodeKeyCode" @popoverHide="popoverHideCarVs" @popoverHideCancel="popoverHideCarVsCancel"></tree-select-new>
      <tree-select-new
        width="500"
        :lazy=true
@@ -1473,6 +1537,18 @@
      @confirm="isTreeOk"
    ></org-table>
    <loading style="z-index: 2099;" :loading="exportLoading">导入中...</loading>
+    <Role-tree
+      is-title="选择人员信息"
+      :is-visible.sync="modalshowflagRole"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+    <Mechanism-tree
+      is-title="选择部门信息"
+      :is-visible.sync="modalshowflagZRBM"
+      :nodeList="nodeListZRBM"
+      @checkedRole="drawerCheckZRBM"
+    />
  </div>
 </template>

@@ -1492,6 +1568,7 @@ import CustomEopDatePick from '@/components/CustomFormComponents/DatePickerWithT
 import CustomDatePickWithText, {formatText} from '@/components/CustomFormComponents/DatePickerGroupWithText'
 import CustomSVPPS from '@/components/CustomFormComponents/SVPPS'
 import CustomRoleTree from '@/components/CustomFormComponents/roleTree'
+import MechanismTree from '@/components/mechanismTree'
 import CustomDatePickWithText2 from '@/components/CustomFormComponents/DatePickerWithText2'
 import {interfaceUrl} from "@/sysConfig";
 import TreeSelect from '@/components/treeSelect/treeSelect.vue';
@@ -1515,12 +1592,19 @@ export default {
    CustomDatePickWithText,
    CustomSVPPS,
    CustomRoleTree,
+    MechanismTree,
    CustomDatePickWithText2,
    TreeSelect,
    TreeSelectNew
  },
  data() {
    return {
+      // 人员树形和部门树形参数
+      nodeList: [],
+      nodeListZRBM: [],
+      modalshowflagRole: false,
+      modalshowflagZRBM: false,
+
      textStatusMap: {}, // 文本状态id与name对应
      treeList: [],
      props: {
@@ -2235,7 +2319,7 @@ export default {
      this.modalShowFlag2 = false
      this.$forceUpdate()
    },
-    popoverHideBusVsCancel(){
+    popoverHideBusVsCancel() {
      this.modalShowFlag2 = false
    },
    popoverHideCarVs(checkedIds, checkedData, isShow, isLoadChild, topId) {
@@ -2250,7 +2334,7 @@ export default {
      }
      this.modalShowFlag3 = false
      this.$forceUpdate()
-    },popoverHideCarVsCancel(){
+    }, popoverHideCarVsCancel() {
      this.modalShowFlag3 = false
    },
    popoverHideModel(checkedIds, checkedData, isShow, isLoadChild, topId) {
@@ -2265,7 +2349,7 @@ export default {
      }
      this.modalShowFlag4 = false
      this.$forceUpdate()
-    },popoverHideModelCancel(){
+    }, popoverHideModelCancel() {
      this.modalShowFlag4 = false
    },
    // 将文本状态的id与name对应
@@ -4566,7 +4650,49 @@ export default {
            break
        }
      }
-    }
+    },
+    choiceRole(type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.drawerTitle = title
+      this.modalshowflagRole = true
+    },
+    drawerCheck(data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      this.sarStandardsInfoEO.ZRGCSUserId = idList;
+      this.sarStandardsInfoEO['ZRGCS'] = nameList;
+    },
+    choiceZRBM(type, title, id) {
+      this.nodeListZRBM = []
+      this.nodeListZRBM.push(id)
+      this.drawerTitle = title
+      this.modalshowflagZRBM = true
+    },
+    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
+        }
+      })
+      this.sarStandardsInfoEO.ZRBMId = idList;
+      this.sarStandardsInfoEO['ZRBM'] = nameList;
+    },
  },
  computed: {
    // 是否拥有拖拽权限
@@ -4779,6 +4905,7 @@ export default {
      .el-card {
        min-width: min-content;
      }
+
      height: 95%;
      width: calc(~'100% - 15px');
      position: absolute;