From d65aa7fee641733e13fcbcd6c326d6bd27a45d96 Mon Sep 17 00:00:00 2001
From: qx <1084500556@qq.com>
Date: 星期二, 15 四月 2025 11:52:54 +0800
Subject: [PATCH] qx
---
src/views/hosp/advicerules/index.vue | 339 +++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 239 insertions(+), 100 deletions(-)
diff --git a/src/views/hosp/advicerules/index.vue b/src/views/hosp/advicerules/index.vue
index d64735b..abbb93c 100644
--- a/src/views/hosp/advicerules/index.vue
+++ b/src/views/hosp/advicerules/index.vue
@@ -109,90 +109,127 @@
></right-toolbar>
</el-row>
- <el-table
- v-loading="loading"
- :data="advicerulesList"
- @selection-change="handleSelectionChange"
- >
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label="搴忓彿" width="50" align="center">
- <template slot-scope="scope">
- {{ scope.$index + 1 }}
- <!-- 浣跨敤 $index 鏉ユ樉绀哄簭鍙凤紝浠�1寮�濮� -->
- </template>
- </el-table-column>
- <el-table-column label="缂栫爜" align="center" prop="bm" />
- <el-table-column label="绉戝" align="center" prop="ks" />
- <el-table-column label="妫�鏌ラ」鐩�" align="center" prop="jcxm" />
- <el-table-column
- label="涓昏璇婃柇"
- align="center"
- :show-overflow-tooltip="true"
- width="120"
- prop="zyzd"
- />
- <el-table-column
- label="寤鸿鍚嶇О"
- align="center"
- :show-overflow-tooltip="true"
- width="150"
- prop="jymc"
- />
- <el-table-column
- label="寤鸿鍐呭"
- align="center"
- :show-overflow-tooltip="true"
- width="200"
- prop="jynr"
- />
- <el-table-column label="鑼冨洿" align="center" prop="fwz" />
- <el-table-column label="鑼冨洿鏈�灏忓��" align="center" prop="fwzxz" />
- <el-table-column label="鑼冨洿鏈�澶у��" align="center" prop="fwzdz" />
- <el-table-column label="寮傚父鏍囧織" align="center" prop="ycbz" />
- <el-table-column label="鏄惁鐤剧梾" align="center" prop="sfjb">
- </el-table-column>
- <el-table-column label="鏄惁甯歌鐥�" align="center" prop="sfcjb">
- </el-table-column>
- <el-table-column label="鏄惁鎱㈡�х梾" align="center" prop="sfmxb">
- </el-table-column>
- <el-table-column
- label="鏄惁閲嶅ぇ鐤剧梾"
- align="center"
- width="120"
- prop="sfzdjb"
- ></el-table-column>
- <el-table-column
- label="鎿嶄綔"
- align="center"
- class-name="small-padding fixed-width"
- >
- <template slot-scope="scope">
- <el-button
- size="mini"
- type="text"
- icon="el-icon-edit"
- @click="handleUpdate(scope.row)"
- v-hasPermi="['hosp:advicerules:edit']"
+ <el-row :gutter="20" style="display: flex">
+ <el-col :span="4" :xs="24">
+ <div class="head-container">
+ <el-input
+ v-model="xmmc"
+ placeholder="璇疯緭鍏ラ」鐩悕"
+ clearable
+ size="small"
+ prefix-icon="el-icon-search"
+ style="margin-bottom: 20px"
+ />
+ </div>
+ <div class="scrollable-container">
+ <div class="content">
+ <el-tree
+ :data="deptOptions"
+ :props="defaultProps"
+ :expand-on-click-node="false"
+ :filter-node-method="filterNode"
+ ref="tree"
+ node-key="id"
+ :default-expanded-keys="treeId"
+ highlight-current
+ @node-click="handleNodeClick"
+ />
+ </div>
+ </div>
+ </el-col>
+ <div style="width: 100%">
+ <el-table
+ v-loading="loading"
+ :data="advicerulesList"
+ @selection-change="handleSelectionChange"
+ height="520"
+ >
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column label="搴忓彿" width="50" align="center">
+ <template slot-scope="scope">
+ {{ scope.$index + 1 }}
+ <!-- 浣跨敤 $index 鏉ユ樉绀哄簭鍙凤紝浠�1寮�濮� -->
+ </template>
+ </el-table-column>
+ <el-table-column label="缂栫爜" align="center" prop="bm" />
+ <el-table-column label="绉戝" align="center" prop="ks" />
+ <el-table-column label="妫�鏌ラ」鐩�" align="center" prop="jcxm" />
+ <el-table-column
+ label="涓昏璇婃柇"
+ align="center"
+ :show-overflow-tooltip="true"
+ width="120"
+ prop="zyzd"
+ />
+ <el-table-column
+ label="寤鸿鍚嶇О"
+ align="center"
+ :show-overflow-tooltip="true"
+ width="150"
+ prop="jymc"
+ />
+ <el-table-column
+ label="寤鸿鍐呭"
+ align="center"
+ :show-overflow-tooltip="true"
+ width="200"
+ prop="jynr"
+ />
+ <el-table-column
+ label="鎬у埆"
+ align="center"
+ prop="xb"
+ :formatter="formatSex"
+ />
+ <el-table-column label="鑼冨洿" align="center" prop="fwz" />
+ <el-table-column label="鑼冨洿鏈�灏忓��" align="center" prop="fwzxz" />
+ <el-table-column label="鑼冨洿鏈�澶у��" align="center" prop="fwzdz" />
+ <el-table-column label="寮傚父鏍囧織" align="center" prop="ycbz" />
+ <el-table-column label="鏄惁鐤剧梾" align="center" prop="sfjb">
+ </el-table-column>
+ <el-table-column label="鏄惁甯歌鐥�" align="center" prop="sfcjb">
+ </el-table-column>
+ <el-table-column label="鏄惁鎱㈡�х梾" align="center" prop="sfmxb">
+ </el-table-column>
+ <el-table-column
+ label="鏄惁閲嶅ぇ鐤剧梾"
+ align="center"
+ width="120"
+ prop="sfzdjb"
+ ></el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ class-name="small-padding fixed-width"
>
- </el-button>
- <el-button
- size="mini"
- type="text"
- icon="el-icon-delete"
- @click="handleDelete(scope.row)"
- v-hasPermi="['hosp:advicerules:remove']"
- >
- </el-button>
- </template>
- </el-table-column>
- </el-table>
-
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['hosp:advicerules:edit']"
+ >
+ </el-button>
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['hosp:advicerules:remove']"
+ >
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ </el-row>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
- @pagination="getList"
+ @pagination="getListByXmId"
/>
<!-- 娣诲姞鎴栦慨鏀逛綋妫�椤圭洰寤鸿瑙勫垯鏂拌〃瀵硅瘽妗� -->
@@ -240,9 +277,9 @@
/>
</el-form-item>
- <el-form-item label="鑼冨洿" prop="fw">
+ <el-form-item label="鑼冨洿" prop="fwz">
<el-input
- v-model="form.fw"
+ v-model="form.fwz"
placeholder="璇疯緭鍏ヨ寖鍥�"
style="width: 200px"
/>
@@ -268,6 +305,7 @@
placeholder="璇疯緭鍏ュ紓甯告爣蹇�"
/>
</el-form-item>
+
<el-form-item label="鐤剧梾" prop="sfjb">
<el-checkbox v-model="form.sfjb" true-label="鏄�" false-label="鍚�">
</el-checkbox>
@@ -276,37 +314,37 @@
<el-checkbox
v-model="form.sfcjb"
true-label="鏄�"
- false-label="鍚�"
+ false-label=""
></el-checkbox>
- <!-- <el-input
- v-model="form.sfcjb"
- style="width: 200px"
- placeholder="璇疯緭鍏ユ槸鍚﹀父瑙佺梾"
- /> -->
</el-form-item>
<el-form-item label="鎱㈡�х梾" prop="sfmxb">
<el-checkbox
v-model="form.sfmxb"
true-label="鏄�"
- false-label="鍚�"
+ false-label=""
></el-checkbox>
- <!-- <el-input
- v-model="form.sfmxb"
- style="width: 200px"
- placeholder="璇疯緭鍏ユ槸鍚︽參鎬х梾"
- /> -->
</el-form-item>
<el-form-item label="閲嶅ぇ鐤剧梾" prop="sfzdjb">
<el-checkbox
v-model="form.sfzdjb"
true-label="鏄�"
- false-label="鍚�"
+ false-label=""
></el-checkbox>
- <!-- <el-input
- v-model="form.sfzdjb"
+ </el-form-item>
+ <el-form-item label="鎬у埆" prop="xb">
+ <el-select
+ v-model="form.xb"
+ placeholder="璇烽�夋嫨浣撴浜烘�у埆"
style="width: 200px"
- placeholder="璇疯緭鍏ユ槸鍚﹂噸澶х柧鐥�"
- /> -->
+ clearable
+ >
+ <el-option
+ v-for="dict in dict.type.sys_user_sex"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
</el-form-item>
<el-form-item label="寤鸿鍚嶇О" prop="jymc" style="display: block">
<el-input
@@ -484,6 +522,7 @@
delAdvicerules,
addAdvicerules,
updateAdvicerules,
+ getTjProAdvicerulesKsList,
} from "@/api/hosp/advicerules";
import { listAdvice } from "@/api/advice/advice";
import { getToken } from "@/utils/auth";
@@ -491,6 +530,7 @@
export default {
name: "Advicerules",
+ dicts: ["sys_user_sex"],
data() {
return {
// 閬僵灞�
@@ -509,8 +549,11 @@
// 浣撴椤圭洰寤鸿瑙勫垯鏂拌〃琛ㄦ牸鏁版嵁
advicerulesList: [],
adviceList: [],
+ deptOptions: [],
+ treeId: [],
// 寮瑰嚭灞傛爣棰�
title: "",
+ xmmc: "",
// 鏄惁鏄剧ず寮瑰嚭灞�
open: false,
key: "",
@@ -518,6 +561,10 @@
businessName: "exampleBusiness", // 绀轰緥涓氬姟鍚�
objs: {},
departmentOptions: [],
+ defaultProps: {
+ children: "children",
+ label: "label",
+ },
// 鏌ヨ鍙傛暟
queryParams: {
pageNum: 1,
@@ -532,6 +579,7 @@
sfcjb: null,
sfmxb: null,
sfzdjb: null,
+ sfzdjb: null,
},
queryParam1: {
page: 1,
@@ -544,7 +592,9 @@
pageSize: 10,
},
// 琛ㄥ崟鍙傛暟
- form: {},
+ form: {
+ xb: "2",
+ },
// 琛ㄥ崟鏍￠獙
rules: {},
upload: {
@@ -567,15 +617,73 @@
created() {
this.getList();
},
+ watch: {
+ // 鏍规嵁鍚嶇О绛涢�夐儴闂ㄦ爲
+ xmmc(val) {
+ this.$refs.tree.filter(val);
+ },
+ treeId(newVal, oldVal) {
+ if (newVal) {
+ this.$nextTick(() => {
+ document
+ .querySelector(".el-tree-node__children .el-tree-node__content")
+ .click();
+ });
+ }
+ },
+ },
methods: {
/** 鏌ヨ浣撴椤圭洰寤鸿瑙勫垯鏂拌〃鍒楄〃 */
getList() {
- this.loading = true;
+ /* this.loading = true;
listAdvicerules(this.queryParams).then((response) => {
this.advicerulesList = response.rows;
this.total = response.total;
this.loading = false;
+ }); */
+ getTjProAdvicerulesKsList().then((response) => {
+ this.deptOptions = response.data.map((name, index) => {
+ return {
+ id: index + 1, // 鍙嚜瀹氫箟鍞竴 ID
+ label: name, // el-tree 榛樿鐨勬樉绀哄瓧娈�
+ };
+ });
+
+ // 璁剧疆榛樿灞曞紑椤�
+ this.treeId = [this.deptOptions[0]?.id];
+ this.queryParams.proId = this.deptOptions[0]?.id;
+ this.getListByXmId();
});
+ },
+ getListByXmId() {
+ this.loading = true;
+ listAdvicerules(this.queryParams).then((response) => {
+ response.rows.forEach((item, index) => {
+ item.newID =
+ (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
+ index +
+ 1;
+ });
+ this.advicerulesList = response.rows;
+ this.total = response.total;
+ this.loading = false;
+ });
+ },
+ handleNodeClick(data) {
+ this.formIn = data;
+ this.queryParams.ks = data.label;
+ this.getListByXmId();
+ },
+
+ // 绛涢�夎妭鐐�
+ filterNode(value, data) {
+ if (!value) return true;
+ // return data.label.indexOf(value) !== -1;
+ return (
+ data.label &&
+ typeof data.label === "string" &&
+ data.label.indexOf(value) !== -1
+ );
},
idFn(value) {
@@ -614,8 +722,11 @@
createBy: null,
updateBy: null,
deleted: null,
+ xb: "2",
};
- this.resetForm("form");
+ if (this.$refs.form) {
+ this.$refs.form.resetFields();
+ }
},
/** 鎼滅储鎸夐挳鎿嶄綔 */
handleQuery() {
@@ -629,6 +740,13 @@
clearForm() {
this.queryParam.bt = ""; // 娓呯┖鏍囬
this.queryParam.nr = ""; // 娓呯┖寤鸿鍐呭
+ },
+
+ formatSex(row) {
+ const dictItem = this.dict.type.sys_user_sex.find(
+ (item) => item.value === row.xb
+ );
+ return dictItem ? dictItem.label : "";
},
handleSelectionChange1(selection) {
@@ -704,6 +822,7 @@
this.open = true;
this.title = "淇敼浣撴椤圭洰寤鸿瑙勫垯鏂拌〃";
});
+
deptTreeSelect().then((response) => {
this.departmentOptions = response.data[0].children;
});
@@ -803,4 +922,24 @@
},
};
</script>
+<style scoped>
+.scrollable-container {
+ width: 260px;
+ /* 璁剧疆瀹瑰櫒鐨勫搴� */
+ height: 629px;
+ /* 璁剧疆瀹瑰櫒鐨勯珮搴� */
+ overflow: auto;
+ /* 鍏佽鍐呭婧㈠嚭鏃舵樉绀烘粴鍔ㄦ潯 */
+ border: 1px solid #ccc;
+ /* 鍙�夛細娣诲姞杈规浠ユ洿濂藉湴鏄剧ず瀹瑰櫒 */
+ position: relative;
+ /* 鍙�夛細浣垮鍣ㄥ唴鐨勭粷瀵瑰畾浣嶅厓绱犺兘澶熸纭樉绀� */
+}
+.content {
+ width: 1000px;
+ /* 璁剧疆鍐呭鐨勫搴︼紝浠ヨЕ鍙戞按骞虫粴鍔ㄦ潯 */
+ height: 1000px;
+ /* 璁剧疆鍐呭鐨勯珮搴︼紝浠ヨЕ鍙戝瀭鐩存粴鍔ㄦ潯 */
+}
+</style>
--
Gitblit v1.8.0