类型修改

src/views/client/index.vue

@@ -14,7 +14,13 @@
       <el-table-column prop="name" label="租户名称" align="center" show-overflow-tooltip></el-table-column>
       <el-table-column prop="contacts" label="联系人" align="center" show-overflow-tooltip></el-table-column>
       <el-table-column prop="address" label="联系人地址" align="center" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="type" label="类型" align="center" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="type" label="类型" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>
+            {{(select.filter(item=>item.dictChildValue==scope.row.type))[0].dictChildLabel}}
+          </span>
+        </template>
+      </el-table-column>
       <el-table-column label="是否启用" align="center" show-overflow-tooltip>
          <template slot-scope="scope">
         <span v-if="scope.row.state==0">否</span>
@@ -140,7 +146,7 @@
             <el-form-item label="类型" prop="type">
               <!-- <el-input v-model="ruleForm.type" placeholder="请输入类型"></el-input> -->
               <el-select v-model="ruleForm.type" filterable placeholder="请选择类型" style="width: 100%">
-                <el-option v-for="item in select" :key="item.id" :value="item.dictChildLabel"></el-option>
+                <el-option v-for="item in select" :key="item.id" :value="item.dictChildValue" :label="item.dictChildLabel"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -277,30 +283,24 @@ export default {
     getList() {
       this.loading = true
       this.$api.getTenantList(this.queryParams).then(response => {
-        for (let i = 0; i < response.data.length; i++) {
-          for (let j = 0; j < this.trans.length; j++) {
-            if (response.data[i].type === this.select[j].dictChildValue) {
-              response.data[i].type = this.trans[j]
-            }
-          }
-        }
         this.tableData = response.data
-        // console.log(response.data)
-        
         this.total = response.pageColumn.total
         this.loading = false
       }).catch(error => {
         this.loading = false
       })
     },
-    // getSelect() {
-    //   this.$api.getDict().then(reponse => {
-    //     for (let i = 0; i < reponse.data.TENANT_TYPE.length; i++) {
-    //       this.select[i] = reponse.data.TENANT_TYPE[i]
-    //     }
-    //     // this.$set(this.select, reponse.data.TENANT_TYPE)
-    //   })
-    // },
+    getFunction() {
+      this.$api.getFunctionList().then(response => {
+        // console.log(response.data)
+        this.authority = response.data
+        // this.tableData = response.data
+        // this.total=response.pageColumn.total
+        // this.loading = false
+      }).catch(error => {
+        this.loading = true
+      })
+    },
     handleCurrentChange(val) {
       this.queryParams.current = val;
       this.getList();