htui-yllkbz 1.3.30 → 1.3.34

package/src/packages/HtBaseData/index.vue

@@ -1,24 +1,26 @@
 <template>
   <div>
-
     <!-- 选择部门 -->
-    <template v-if="
+    <template
+      v-if="
         state.configJson['departmentId'] &&
-        state.configJson['departmentId'].show
-      ">
+          state.configJson['departmentId'].show
+      "
+    >
       <!-- multiple: state.configJson['departmentId'].multiple, -->
-      <el-cascader v-if="!state.configJson['departmentId'].panel"
-                   :disabled="!!disabled"
-                   class="component-item"
-                   :class="comClass"
-                   :style="comStyle || ''"
-                   :filterable="!state.configJson['departmentId'].multiple"
-                   :clearable="state.configJson['departmentId'].clearable"
-                   :placeholder="`请选择部门`"
-                   :collapse-tags="state.configJson['departmentId'].collapseTags"
-                   v-model="state.selectVal['departmentId']"
-                   :show-all-levels="state.configJson['departmentId'].showAllLevels"
-                   :props="{
+      <el-cascader
+        v-if="!state.configJson['departmentId'].panel"
+        :disabled="!!disabled"
+        class="component-item"
+        :class="comClass"
+        :style="comStyle || ''"
+        :filterable="!state.configJson['departmentId'].multiple"
+        :clearable="state.configJson['departmentId'].clearable"
+        :placeholder="`请选择部门`"
+        :collapse-tags="state.configJson['departmentId'].collapseTags"
+        v-model="state.selectVal['departmentId']"
+        :show-all-levels="state.configJson['departmentId'].showAllLevels"
+        :props="{
           label: 'name',
           value: 'id',
           children: 'children',
@@ -27,18 +29,20 @@
           checkStrictly: state.configJson['departmentId'].checkStrictly,
           multiple: state.configJson['departmentId'].multiple,
         }"
-                   @click.native="selectClick($event)"
-                   ref="departmentId"
-                   @change="setSelctData('departmentId',$event)"
-                   :options="organizationUsersTree">
+        @click.native="selectClick($event)"
+        ref="departmentId"
+        @change="setSelctData('departmentId', $event)"
+        :options="organizationUsersTree"
+      >
       </el-cascader>
-      <el-cascader-panel v-if="state.configJson['departmentId'].panel"
-                         class="component-item"
-                         :class="comClass"
-                         :style="comStyle || ''"
-                         :placeholder="`请选择部门`"
-                         v-model="state.selectVal['departmentId']"
-                         :props="{
+      <el-cascader-panel
+        v-if="state.configJson['departmentId'].panel"
+        class="component-item"
+        :class="comClass"
+        :style="comStyle || ''"
+        :placeholder="`请选择部门`"
+        v-model="state.selectVal['departmentId']"
+        :props="{
           label: 'name',
           value: 'id',
           children: 'children',
@@ -47,43 +51,52 @@
           checkStrictly: state.configJson['departmentId'].checkStrictly,
           multiple: state.configJson['departmentId'].multiple,
         }"
-                         ref="departmentId"
-                         @change="setSelctData('departmentId',$event)"
-                         :options="organizationUsersTree">
+        ref="departmentId"
+        @change="setSelctData('departmentId', $event)"
+        :options="organizationUsersTree"
+      >
         <template slot-scope="{ data }">
           <span>{{ data.label }}</span>
         </template>
       </el-cascader-panel>
     </template>
     <!-- 选择人员 -->
-    <el-select v-model="state.selectVal['userId']"
-               placeholder="请选择人员"
-               filterable
-               :disabled="!!disabled"
-               :style="comStyle || ''"
-               class="component-item"
-               @click.native="selectClick($event)"
-               v-if="state.configJson['userId'] && state.configJson['userId'].show"
-               :multiple="state.configJson['userId'].multiple">
-      <el-option v-for="item in userDataList"
-                 :key="item.id"
-                 :label="item.value"
-                 :value="item.id"
-                 :title="`所在部门：${item.organizationNames}`">
+    <el-select
+      v-model="state.selectVal['userId']"
+      placeholder="请选择人员"
+      :filterable="!state.configJson['userId'].multiple"
+      :disabled="!!disabled"
+      :style="comStyle || ''"
+      class="component-item"
+      @click.native="selectClick($event)"
+      v-if="state.configJson['userId'] && state.configJson['userId'].show"
+      :multiple="state.configJson['userId'].multiple"
+    >
+      <el-option
+        v-for="item in userDataList"
+        :key="item.id"
+        :label="item.value"
+        :value="item.id"
+        :title="`所在部门：${item.organizationNames}`"
+      >
         <span>
-          <p class="ht-user-dot"
-             :class="
+          <p
+            class="ht-user-dot"
+            :class="
               item.dutyOfficer && !item.dutyOfficer.status
                 ? 'ht-user-dot-disabled'
                 : ''
             "
-             v-if="item.dutyOfficer"></p>
-          <p class="ht-user-name"
-             :class="
+            v-if="item.dutyOfficer"
+          ></p>
+          <p
+            class="ht-user-name"
+            :class="
               item.dutyOfficer && !item.dutyOfficer.status
                 ? 'ht-user-disabled'
                 : ''
-            ">
+            "
+          >
             {{ item.value
             }}<span v-if="item.phoneNumber"> ({{ item.phoneNumber }}) </span>
           </p>
@@ -91,22 +104,25 @@
       </el-option>
     </el-select>
     <!-- 选择部门下人员 -->
-    <template v-if="
+    <template
+      v-if="
         state.configJson['departmentUser'] &&
-        state.configJson['departmentUser'].show
-      ">
-      <el-cascader v-if="!state.configJson['departmentUser'].panel"
-                   :disabled="!!disabled"
-                   class="component-item"
-                   filterable
-                   :class="comClass"
-                   :style="comStyle || ''"
-                   :clearable="state.configJson['departmentUser'].clearable"
-                   :placeholder="`请选择部门下人员`"
-                   :collapse-tags="state.configJson['departmentUser'].collapseTags"
-                   v-model="state.selectVal['departmentUser']"
-                   :show-all-levels="state.configJson['departmentUser'].showAllLevels"
-                   :props="{
+          state.configJson['departmentUser'].show
+      "
+    >
+      <el-cascader
+        v-if="!state.configJson['departmentUser'].panel"
+        :disabled="!!disabled"
+        class="component-item"
+        :filterable="!state.configJson['departmentUser'].multiple"
+        :class="comClass"
+        :style="comStyle || ''"
+        :clearable="state.configJson['departmentUser'].clearable"
+        :placeholder="`请选择部门下人员`"
+        :collapse-tags="state.configJson['departmentUser'].collapseTags"
+        v-model="state.selectVal['departmentUser']"
+        :show-all-levels="state.configJson['departmentUser'].showAllLevels"
+        :props="{
           label: 'name',
           value: 'id',
           children: 'childrenList',
@@ -115,13 +131,15 @@
           checkStrictly: state.configJson['departmentUser'].checkStrictly,
           multiple: state.configJson['departmentUser'].multiple,
         }"
-                   ref="departmentUser"
-                   @click.native="selectClick($event)"
-                   @change="setSelctData('departmentUser',$event)"
-                   :options="organizationUsersTreeUser">
+        ref="departmentUser"
+        @click.native="selectClick($event)"
+        @change="setSelctData('departmentUser', $event)"
+        :options="organizationUsersTreeUser"
+      >
         <template slot-scope="{ data }">
-          <p class="ht-user-dot"
-             style="
+          <p
+            class="ht-user-dot"
+            style="
               padding: 0;
               margin: 0;
               float: left;
@@ -133,28 +151,32 @@
               border-radius: 10px;
               margin-right: 4px;
             "
-             :style="
+            :style="
               data.dutyOfficer && !data.dutyOfficer.status
                 ? 'background: #ccc;'
                 : ''
             "
-             v-if="data.dutyOfficer"></p>
-          <p class="ht-user-name"
-             style="padding: 0; margin: 0; float: left"
-             :style="
+            v-if="data.dutyOfficer"
+          ></p>
+          <p
+            class="ht-user-name"
+            style="padding: 0; margin: 0; float: left"
+            :style="
               data.dutyOfficer && !data.dutyOfficer.status ? 'color:#ddd' : ''
-            ">
+            "
+          >
             {{ data.label }}
           </p>
         </template>
       </el-cascader>
-      <el-cascader-panel v-else
-                         :style="panStyle"
-                         filterable
-                         class="component-item"
-                         :placeholder="`请选择部门下人员`"
-                         v-model="state.selectVal['departmentUser']"
-                         :props="{
+      <el-cascader-panel
+        v-else
+        :style="panStyle"
+        :filterable="!state.configJson['departmentUser'].multiple"
+        class="component-item"
+        :placeholder="`请选择部门下人员`"
+        v-model="state.selectVal['departmentUser']"
+        :props="{
           label: 'name',
           value: 'id',
           children: 'childrenList',
@@ -163,12 +185,14 @@
           checkStrictly: state.configJson['departmentUser'].checkStrictly,
           multiple: state.configJson['departmentUser'].multiple,
         }"
-                         ref="departmentUser"
-                         @change="setSelctData('departmentUser',$event)"
-                         :options="organizationUsersTreeUser">
+        ref="departmentUser"
+        @change="setSelctData('departmentUser', $event)"
+        :options="organizationUsersTreeUser"
+      >
         <template slot-scope="{ data }">
-          <p class="ht-user-dot"
-             style="
+          <p
+            class="ht-user-dot"
+            style="
               padding: 0;
               margin: 0;
               float: left;
@@ -180,17 +204,20 @@
               border-radius: 10px;
               margin-right: 4px;
             "
-             :style="
+            :style="
               data.dutyOfficer && !data.dutyOfficer.status
                 ? 'background: #ccc;'
                 : ''
             "
-             v-if="data.dutyOfficer"></p>
-          <p class="ht-user-name"
-             style="padding: 0; margin: 0; float: left"
-             :style="
+            v-if="data.dutyOfficer"
+          ></p>
+          <p
+            class="ht-user-name"
+            style="padding: 0; margin: 0; float: left"
+            :style="
               data.dutyOfficer && !data.dutyOfficer.status ? 'color:#ddd' : ''
-            ">
+            "
+          >
             {{ data.label }}
           </p>
         </template>
@@ -200,27 +227,33 @@
     <template v-for="item in state.resData.dictionaryCategory.items">
       <!-- 选择严重等级 -->
       <template v-if="item.code == 'SeverityLevel'">
-        <el-select v-if="state.configJson[item.code] && state.configJson[item.code].show"
-                   v-model="state.selectVal[item.code]"
-                   :disabled="!!disabled"
-                   :key="item.id"
-                   :style="comStyle || ''"
-                   placeholder="请选择严重等级"
-                   filterable
-                   class="component-item"
-                   @click.native="selectClick($event)"
-                   @change="setSelctItem(item.code)">
-          <el-option v-for="item in SeverityLevel"
-                     :key="item.id"
-                     :style="panStyle"
-                     :label="item.name"
-                     :value="`${item.value}`"
-                     :title="`${item.name}(${item.value})`">
+        <el-select
+          v-if="state.configJson[item.code] && state.configJson[item.code].show"
+          v-model="state.selectVal[item.code]"
+          :disabled="!!disabled"
+          :key="item.id"
+          :style="comStyle || ''"
+          placeholder="请选择严重等级"
+          :filterable="!state.configJson[item.code].multiple"
+          class="component-item"
+          @click.native="selectClick($event)"
+          @change="setSelctItem(item.code)"
+        >
+          <el-option
+            v-for="item in SeverityLevel"
+            :key="item.id"
+            :style="panStyle"
+            :label="hideCode ? item.name : `${item.name}(${item.value})`"
+            :value="`${item.value}`"
+            :title="`${item.name}(${item.value})`"
+          >
             <span>
-              <b class="item-origin"
-                 :style="{
+              <b
+                class="item-origin"
+                :style="{
                   'border-color': `${item.color}`,
-                }"></b>
+                }"
+              ></b>
               {{ item.name }}
             </span>
             <span v-if="item.phoneNumber"> ({{ item.phoneNumber }}) </span>
@@ -229,28 +262,34 @@
       </template>
       <!-- 选择响应列表 -->
       <template v-else-if="item.code == 'ResponseList'">
-        <el-select v-if="state.configJson[item.code] && state.configJson[item.code].show"
-                   v-model="state.selectVal[item.code]"
-                   :key="item.id"
-                   :disabled="!!disabled"
-                   :style="comStyle || ''"
-                   placeholder="请选择响应列表"
-                   filterable
-                   class="component-item"
-                   @click.native="selectClick($event)"
-                   @change="setSelctItem(item.code)">
-          <el-option v-for="item in ResponseList"
-                     :key="item.id"
-                     :style="panStyle"
-                     :label="item.name"
-                     :value="item.value"
-                     :title="`${item.name}(${item.value})`">
+        <el-select
+          v-if="state.configJson[item.code] && state.configJson[item.code].show"
+          v-model="state.selectVal[item.code]"
+          :key="item.id"
+          :disabled="!!disabled"
+          :style="comStyle || ''"
+          placeholder="请选择响应列表"
+          :filterable="!state.configJson[item.code].multiple"
+          class="component-item"
+          @click.native="selectClick($event)"
+          @change="setSelctItem(item.code)"
+        >
+          <el-option
+            v-for="item in ResponseList"
+            :key="item.id"
+            :style="panStyle"
+            :label="hideCode ? item.name : `${item.name}(${item.value})`"
+            :value="item.value"
+            :title="`${item.name}(${item.value})`"
+          >
             <span>
-              <b v-if="item.color"
-                 class="item-origin"
-                 :style="{
+              <b
+                v-if="item.color"
+                class="item-origin"
+                :style="{
                   'border-color': `${item.color}`,
-                }"></b>
+                }"
+              ></b>
               {{ item.name }}
             </span>
             <span v-if="item.phoneNumber"> ({{ item.phoneNumber }}) </span>
@@ -259,21 +298,24 @@
       </template>
       <!-- 基础数据级联选择 -->
       <template v-else>
-        <template v-if="state.configJson[item.code] && state.configJson[item.code].show">
-          <el-cascader v-if="!state.configJson[item.code].panel"
-                       :placeholder="`请选择${item.name}`"
-                       :disabled="!!disabled"
-                       class="component-item"
-                       :style="comStyle || ''"
-                       :key="item.id"
-                       filterable
-                       :clearable="state.configJson[item.code].clearable"
-                       @click.native="selectClick($event)"
-                       v-model="state.selectVal[item.code]"
-                       :collapse-tags="state.configJson[item.code].collapseTags"
-                       :show-all-levels="state.configJson[item.code].showAllLevels"
-                       :props="{
-              label: 'name',
+        <template
+          v-if="state.configJson[item.code] && state.configJson[item.code].show"
+        >
+          <el-cascader
+            v-if="!state.configJson[item.code].panel"
+            :placeholder="`请选择${item.name}`"
+            :disabled="!!disabled"
+            class="component-item"
+            :style="comStyle || ''"
+            :key="item.id"
+            :filterable="!state.configJson[item.code].multiple"
+            :clearable="state.configJson[item.code].clearable"
+            @click.native="selectClick($event)"
+            v-model="state.selectVal[item.code]"
+            :collapse-tags="state.configJson[item.code].collapseTags"
+            :show-all-levels="state.configJson[item.code].showAllLevels"
+            :props="{
+              label: hideCode ? 'name' : 'label',
               value: 'id',
               children: 'children',
               expandTrigger: 'click',
@@ -281,18 +323,20 @@
               checkStrictly: state.configJson[item.code].checkStrictly,
               multiple: state.configJson[item.code].multiple,
             }"
-                       :ref="`${item.code}`"
-                       @change="setSelctData(item.code,$event)"
-                       :options="getbaseDataInfo[item.id]"></el-cascader>
-          <el-cascader-panel v-else
-                             @click.native="selectClick($event,)"
-                             :placeholder="`请选择${item.name}`"
-                             class="component-item"
-                             :key="item.id"
-                             :style="panStyle"
-                             v-model="state.selectVal[item.code]"
-                             :props="{
-              label: 'name',
+            :ref="`${item.code}`"
+            @change="setSelctData(item.code, $event)"
+            :options="getbaseDataInfo[item.id]"
+          ></el-cascader>
+          <el-cascader-panel
+            v-else
+            @click.native="selectClick($event)"
+            :placeholder="`请选择${item.name}`"
+            class="component-item"
+            :key="item.id"
+            :style="panStyle"
+            v-model="state.selectVal[item.code]"
+            :props="{
+              label: hideCode ? 'name' : 'label',
               value: 'id',
               children: 'children',
               expandTrigger: 'click',
@@ -300,9 +344,10 @@
               checkStrictly: state.configJson[item.code].checkStrictly,
               multiple: state.configJson[item.code].multiple,
             }"
-                             :ref="`${item.code}`"
-                             @change="setSelctData(item.code,$event)"
-                             :options="getbaseDataInfo[item.id]"></el-cascader-panel>
+            :ref="`${item.code}`"
+            @change="setSelctData(item.code, $event)"
+            :options="getbaseDataInfo[item.id]"
+          ></el-cascader-panel>
         </template>
       </template>
     </template>
@@ -317,21 +362,21 @@
 </template>
 
 <script lang="ts">
-import { Vue, Prop, Emit, Component, Watch } from "vue-property-decorator";
+import { Vue, Prop, Emit, Component, Watch } from 'vue-property-decorator';
 
 import {
   BaseDataDto,
   DictionaryCategoryDto,
   DictionaryDataDto,
   SeverityLevelDto,
-} from "@/plugins/commonApi";
+} from '@/plugins/commonApi';
 /* eslint-disable @typescript-eslint/camelcase */
 import {
   ListResultDto_1OfOfOrganizationUnitWithUsersAndContractsAnd_0AndCulture_neutralAndPublicKeyToken_null,
   OrganizationUnitWithDetailsDto,
   OrganizationUnitDto,
-} from "@/plugins/Auth";
-import { _axios, baseConfig } from "vue-kst-auth";
+} from '@/plugins/Auth';
+import { _axios, baseConfig } from 'vue-kst-auth';
 interface Inuser {
   concurrencyStamp: string;
   email: string;
@@ -470,7 +515,7 @@ interface State {
   };
 }
 @Component({
-  name: "HtBaseData",
+  name: 'HtBaseData',
   components: {},
 })
 export default class CommonDatas extends Vue {
@@ -478,6 +523,8 @@ export default class CommonDatas extends Vue {
   @Prop() configJson?: string;
   /** 自定义class */
   @Prop() comClass?: string;
+  /** 隐藏编码 */
+  @Prop() hideCode?: boolean;
   /** 自定义style */
   @Prop() comStyle?: string;
   /** 自定义style */
@@ -504,10 +551,9 @@ export default class CommonDatas extends Vue {
       users: {
         items: [],
       },
-      SessionState: "",
+      SessionState: '',
       userInOrganiza: [],
-      organizationUsers:
-        new ListResultDto_1OfOfOrganizationUnitWithUsersAndContractsAnd_0AndCulture_neutralAndPublicKeyToken_null(),
+      organizationUsers: new ListResultDto_1OfOfOrganizationUnitWithUsersAndContractsAnd_0AndCulture_neutralAndPublicKeyToken_null(),
     },
     selectVal: {},
     selectValData: {},
@@ -519,7 +565,7 @@ export default class CommonDatas extends Vue {
     if (!baseConfig.getLoginState()) {
       return;
     }
-    const data = window.localStorage.getItem("commonDatas");
+    const data = window.localStorage.getItem('commonDatas');
     if (data) {
       this.state.resData = Object.assign(this.state.resData, JSON.parse(data));
     }
@@ -530,31 +576,31 @@ export default class CommonDatas extends Vue {
       const { items } = this.state.resData.dictionaryCategory;
       let configJson: any = {
         departmentId: {
-          name: "部门树结构",
+          name: '部门树结构',
           show: true,
           showAllLevels: false,
           multiple: false,
-          code: "departmentId",
+          code: 'departmentId',
           data: {},
           checkStrictly: true,
           panel: false,
         },
         departmentUser: {
-          name: "部门下人员",
+          name: '部门下人员',
           show: true,
           showAllLevels: false,
           multiple: false,
-          code: "departmentUser",
+          code: 'departmentUser',
           data: {},
           checkStrictly: false,
           panel: false,
         },
         userId: {
-          name: "部门人员",
+          name: '部门人员',
           show: true,
           showAllLevels: false,
           multiple: false,
-          code: "userId",
+          code: 'userId',
           data: {},
           checkStrictly: false,
           panel: false,
@@ -573,7 +619,7 @@ export default class CommonDatas extends Vue {
             data: {},
             checkStrictly: true,
             panel: false,
-            key: "a1c72763-0ed5-0ba8-5131-39fdf96dfe9a",
+            key: 'a1c72763-0ed5-0ba8-5131-39fdf96dfe9a',
           },
         };
       });
@@ -594,7 +640,7 @@ export default class CommonDatas extends Vue {
       if (Object.prototype.hasOwnProperty.call(this.state.configJson, key)) {
         const element = this.state.configJson[key];
 
-        this.$set(this.state.selectVal, key, element.key || "");
+        this.$set(this.state.selectVal, key, element.key || '');
       }
     }
   }
@@ -602,7 +648,7 @@ export default class CommonDatas extends Vue {
   /** 重写window的一个方法，解决web components组件获取样式报错问题 */
   rewriteGetComputedStyle() {
     const getComputedStyle = window.getComputedStyle;
-    window.getComputedStyle = function (element: any, property) {
+    window.getComputedStyle = function(element: any, property) {
       return getComputedStyle(element.host || element, property);
     };
   }
@@ -611,15 +657,15 @@ export default class CommonDatas extends Vue {
     const code = this.state.selectVal[key];
     let codelist: string[];
     if (!Array.isArray(code)) {
-      codelist = code ? code.toString().split(",") : [];
+      codelist = code ? code.toString().split(',') : [];
     }
     switch (key) {
-      case "SeverityLevel":
+      case 'SeverityLevel':
         this.state.selectValData[key] = this.SeverityLevel.filter((item) =>
           codelist.some((val) => val == item.value?.toString())
         );
         break;
-      case "ResponseList":
+      case 'ResponseList':
         this.state.selectValData[key] = this.SeverityLevel.filter((item) =>
           codelist.some((val) => val == item.id)
         );
@@ -632,7 +678,7 @@ export default class CommonDatas extends Vue {
   /** 动态设置显示面板位置 */
 
   selectClick(e: any) {
-    console.log("ee", e);
+    console.log('ee', e);
     // 下拉选择框列表
     //const list = window.document.getElementsByClassName("el-select-dropdown");
     // (list as any).forEach((element: any) => {
@@ -681,7 +727,7 @@ export default class CommonDatas extends Vue {
       this.state.selectValData[key] = [];
       checkNodes.forEach(
         (item: { data?: { id: string; name: string } } | undefined) => {
-          const { data } = item || { data: "" };
+          const { data } = item || { data: '' };
           if (data && !this.state.selectValData[key].includes(data)) {
             this.state.selectValData[key].push(data);
           }
@@ -692,7 +738,7 @@ export default class CommonDatas extends Vue {
       this.state.selectValData[key] = [];
     }
     this.$emit(
-      "change",
+      'change',
       this.state.selectValData[key] ? this.state.selectValData : { [key]: [] }
     );
   }
@@ -715,9 +761,9 @@ export default class CommonDatas extends Vue {
     /** 获取基础数据列表 */
     const { items: baseItems } = this.state.resData.baseData;
     this.state.resData.dictionaryCategory.items.forEach((item) => {
-      body[item.id || ""] = [];
+      body[item.id || ''] = [];
       if (this.org) {
-        body[item.id || ""] = this.recursion(
+        body[item.id || ''] = this.recursion(
           baseItems.filter(
             (val) =>
               val.category == item.code &&
@@ -725,7 +771,7 @@ export default class CommonDatas extends Vue {
           )
         );
       } else {
-        body[item.id || ""] = this.recursion(
+        body[item.id || ''] = this.recursion(
           baseItems.filter((val) => val.category == item.code)
         );
       }
@@ -736,7 +782,7 @@ export default class CommonDatas extends Vue {
   get ResponseList() {
     return (
       this.state.resData.dictionaryData.filter(
-        (val) => val.categoryCode == "ResponseList"
+        (val) => val.categoryCode == 'ResponseList'
       ) || []
     );
   }
@@ -826,7 +872,7 @@ export default class CommonDatas extends Vue {
 
     return recursion(this.organizationUsersTree);
   }
-  @Watch("configJson", { deep: true })
+  @Watch('configJson', { deep: true })
   watchCongiJson(val: any, old: any) {
     this.state.configJson = JSON.parse(val);
     if (val !== old) {
@@ -834,7 +880,7 @@ export default class CommonDatas extends Vue {
         if (Object.prototype.hasOwnProperty.call(this.state.configJson, key)) {
           const element = this.state.configJson[key];
 
-          this.$set(this.state.selectVal, key, element.key || "");
+          this.$set(this.state.selectVal, key, element.key || '');
         }
       }
     }