大区树

src/views/hardware/deviceList/index.vue

@@ -2,7 +2,7 @@
   <section class="app-container">
     <el-row>
       <el-col :span="4">
-        <region></region>
+        <region @selectdRegionCode="selectdRegionCode"></region>
       </el-col>
       <el-col :span="20">
         <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
@@ -92,6 +92,18 @@
             </el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="客户" prop="userId">
+          <el-select v-model="form.userId" clearable placeholder="请选择" @change="userIdChange">
+            <el-option v-for="item in userSelectList" :key="item.id" :label="item.nickName" :value="item.userId">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="项目" prop="projectId">
+          <el-select v-model="form.projectId" clearable placeholder="请选择">
+            <el-option v-for="item in projectSelectList" :key="item.id" :label="item.projectName" :value="item.projectId">
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="国家行政区 省" prop="provinceCode">
           <el-input v-model="form.provinceCode" />
         </el-form-item>
@@ -120,6 +132,8 @@ import {
   del,
 } from "@/api/hardware/device";
 import { select as productSelect } from "@/api/hardware/product";
+import { select as projectSelect } from "@/api/hardware/project";
+import { userSelect } from "@/api/system/user";
 export default {
   name: "DeviceList",
   components: {
@@ -129,6 +143,8 @@ export default {
     return {
       // 产品下拉列表
       productSelectList: [],
+      userSelectList: [],
+      projectSelectList: [],
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -165,6 +181,12 @@ export default {
         productId: [
           { required: true, message: "产品不能为空", trigger: "blur" },
         ],
+        userId: [
+          { required: true, message: "客户不能为空", trigger: "blur" },
+        ],
+        projectId: [
+          { required: true, message: "项目不能为空", trigger: "blur" },
+        ],
       },
     };
   },
@@ -176,9 +198,33 @@ export default {
         this.$message.error(msg);
       }
     })
+    userSelect().then(({ code, msg, select }) => {
+      if (code == 200) {
+        this.queryUserSelectList = select;
+        this.userSelectList = select;
+      } else {
+        this.$message.error(msg);
+      }
+    })
     this.getList();
   },
   methods: {
+    selectdRegionCode({ code }) {
+      this.queryParams.provinceCode = code;
+      this.handleQuery();
+    },
+    userIdChange (userId) {
+      delete this.form.projectId;
+      this.projectSelectList = [];
+      if (!userId) return;
+      projectSelect({ userId }).then(({ code, msg, select }) => {
+        if (code == 200) {
+          this.projectSelectList = select;
+        } else {
+          this.$message.error(msg);
+        }
+      })
+    },
     /** 搜索按钮操作 */
     handleQuery () {
       this.queryParams.pageNum = 1;
@@ -186,7 +232,7 @@ export default {
     },
     /** 重置按钮操作 */
     resetQuery () {
-      this.dateRange = [];
+      this.queryParams = {};
       this.resetForm("queryForm");
       this.handleQuery();
     },
@@ -232,6 +278,14 @@ export default {
     /** 修改按钮操作 */
     handleUpdate (row) {
       this.reset();
+      info(row.id).then(({ code, info, msg }) => {
+        if ( 200 == code ) {
+          this.form = info;
+        } else {
+          this.msgError(msg);
+        }
+      })
+      return
       this.form = row;
       this.open = true;
       this.title = "修改设备";