From 3b774a197bd7087ee42999937ccc1e7e048eb1aa Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期四, 11 一月 2024 18:03:17 +0800 Subject: [PATCH] 指标完成 --- src/views/shortmessage/healthinformation/index.vue | 56 +++++++++++++++++++++++++++++++++----------------------- 1 files changed, 33 insertions(+), 23 deletions(-) diff --git a/src/views/shortmessage/healthinformation/index.vue b/src/views/shortmessage/healthinformation/index.vue index 1b19a82..138c50c 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 @@ -420,19 +422,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 +516,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 +746,8 @@ }, ], }, + deptList: [], + props: { multiple: true, value: "deptId", label: "deptName" }, }; }, watch: {}, @@ -767,6 +774,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