From ad70f145e8bea957b41043b4a1e37ce37cc5ed1e Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期二, 16 一月 2024 18:39:24 +0800
Subject: [PATCH] 指标完成

---
 src/views/shortmessage/healthinformation/index.vue |   59 ++++++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 36 insertions(+), 23 deletions(-)

diff --git a/src/views/shortmessage/healthinformation/index.vue b/src/views/shortmessage/healthinformation/index.vue
index 1b19a82..586e8b2 100644
--- a/src/views/shortmessage/healthinformation/index.vue
+++ b/src/views/shortmessage/healthinformation/index.vue
@@ -65,19 +65,21 @@
               v-show="showSearch"
               label-width="98px"
             >
-              <el-form-item label="閫傜敤绉戝" prop="userName">
-                <el-select
+              <el-form-item label="閫傜敤绉戝" prop="region">
+                <el-cascader
                   v-model="queryParams.administrative"
-                  placeholder="璇烽�夋嫨"
+                  :options="deptList"
+                  :props="props"
+                  :show-all-levels="false"
+                  clearable
                 >
-                  <el-option
-                    v-for="item in optionks"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
+                  <template slot-scope="{ node, data }">
+                    <span>{{ data.deptName }}</span>
+                    <span v-if="!node.isLeaf">
+                      ({{ data.children.length }})
+                    </span>
+                  </template>
+                </el-cascader>
               </el-form-item>
               <el-form-item label="閫氱煡鏍囬" prop="userName">
                 <el-input
@@ -194,12 +196,14 @@
               <el-table-column type="selection" width="50" align="center" />
               <el-table-column
                 label="搴忓彿"
+                fixed
                 align="center"
                 key="userId"
                 prop="userId"
               />
               <el-table-column
                 label="閫氱煡鏍囬"
+                fixed
                 align="center"
                 key="userName"
                 prop="userName"
@@ -265,6 +269,7 @@
 
               <el-table-column
                 label="鎿嶄綔"
+                fixed="right"
                 align="center"
                 width="300"
                 class-name="small-padding fixed-width"
@@ -420,19 +425,21 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="閫傜敤绉戝" prop="userName">
-              <el-select
-                v-model="indexform.useofstateks"
-                multiple
-                placeholder="璇烽�夋嫨(澶氶��)"
+            <el-form-item label="閫傜敤绉戝" prop="region">
+              <el-cascader
+                v-model="indexform.administrative"
+                :options="deptList"
+                :props="props"
+                :show-all-levels="false"
+                clearable
               >
-                <el-option
-                  v-for="index in optionks"
-                  :key="index.value"
-                  :label="index.label"
-                  :value="index.value"
-                ></el-option>
-              </el-select>
+                <template slot-scope="{ node, data }">
+                  <span>{{ data.deptName }}</span>
+                  <span v-if="!node.isLeaf">
+                    ({{ data.children.length }})
+                  </span>
+                </template>
+              </el-cascader>
             </el-form-item>
           </el-col>
         </el-row>
@@ -512,6 +519,7 @@
   addUser,
   updateUser,
 } from "@/api/system/user";
+import { listDept } from "@/api/system/dept";
 import { getToken } from "@/utils/auth";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
@@ -741,6 +749,8 @@
           },
         ],
       },
+      deptList: [],
+      props: { multiple: true, value: "deptId", label: "deptName" },
     };
   },
   watch: {},
@@ -767,6 +777,9 @@
       //   const { rows } = await listUser();
       //   console.log(rows);
       //   this.list = rows;
+      listDept(this.queryParams).then((response) => {
+        this.deptList = this.handleTree(response.data, "deptId");
+      });
     },
     // 娣诲姞銆佷慨鏀圭被鍒�
     submitsidecolumn() {

--
Gitblit v1.9.3