From 16ab2673285119a38a78f635c0b74384b423c55e Mon Sep 17 00:00:00 2001
From: lkk <364857242@qq.com>
Date: 星期二, 29 四月 2025 17:12:50 +0800
Subject: [PATCH] 1

---
 src/views/hosp/advicerules/index.vue |  369 ++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 281 insertions(+), 88 deletions(-)

diff --git a/src/views/hosp/advicerules/index.vue b/src/views/hosp/advicerules/index.vue
index 484251f..e3620df 100644
--- a/src/views/hosp/advicerules/index.vue
+++ b/src/views/hosp/advicerules/index.vue
@@ -60,8 +60,7 @@
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="success"
-          plain
+          type="primary"
           icon="el-icon-edit"
           size="mini"
           :disabled="single"
@@ -72,8 +71,7 @@
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="danger"
-          plain
+          type="primary"
           icon="el-icon-delete"
           size="mini"
           :disabled="multiple"
@@ -82,7 +80,7 @@
           >鍒犻櫎
         </el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="warning"
           plain
@@ -102,98 +100,147 @@
           v-hasPermi="['hosp:advicerules:export']"
           >瀵煎嚭
         </el-button>
-      </el-col>
+      </el-col> -->
       <right-toolbar
         :showSearch.sync="showSearch"
         @queryTable="getList"
       ></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="3" :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>
+      <el-col :span="20" :xs="24">
+        <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 class="pag">
+          <div class="pag1">
+            <pagination
+              v-show="total > 0"
+              :total="total"
+              :page.sync="queryParams.pageNum"
+              :limit.sync="queryParams.pageSize"
+              @pagination="getListByXmId"
+            />
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+<!-- 
     <pagination
       v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
-    />
+    /> -->
 
     <!-- 娣诲姞鎴栦慨鏀逛綋妫�椤圭洰寤鸿瑙勫垯鏂拌〃瀵硅瘽妗� -->
     <el-dialog
@@ -262,11 +309,24 @@
           />
         </el-form-item>
         <el-form-item label="寮傚父鏍囧織" prop="ycbz">
-          <el-input
+          <!-- <el-input
             v-model="form.ycbz"
             style="width: 200px"
             placeholder="璇疯緭鍏ュ紓甯告爣蹇�"
-          />
+          /> -->
+          <el-select
+            v-model="form.ycbz"
+            placeholder="璇烽�夋嫨寮傚父鏍囧織"
+            style="width: 200px"
+            clearable
+          >
+            <el-option
+              v-for="item in ycdata"
+              :key="item.value"
+              :label="item.label"
+              :value="item.label"
+            ></el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="鐤剧梾" prop="sfjb">
           <el-checkbox v-model="form.sfjb" true-label="鏄�" false-label="鍚�">
@@ -292,6 +352,21 @@
             true-label="鏄�"
             false-label=""
           ></el-checkbox>
+        </el-form-item>
+        <el-form-item label="鎬у埆" prop="xb">
+          <el-select
+            v-model="form.xb"
+            placeholder="璇烽�夋嫨浣撴浜烘�у埆"
+            style="width: 200px"
+            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
@@ -469,6 +544,7 @@
   delAdvicerules,
   addAdvicerules,
   updateAdvicerules,
+  getTjProAdvicerulesKsList,
 } from "@/api/hosp/advicerules";
 import { listAdvice } from "@/api/advice/advice";
 import { getToken } from "@/utils/auth";
@@ -476,12 +552,29 @@
 
 export default {
   name: "Advicerules",
+  dicts: ["sys_user_sex"],
   data() {
     return {
       // 閬僵灞�
       loading: true,
       // 閫変腑鏁扮粍
       ids: [],
+      ycdata: [
+        { label: "鈫�", value: "up" },
+        { label: "鈫�", value: "down" },
+        { label: "闃虫��", value: "positive" },
+        { label: "寮遍槼鎬�", value: "weak_positive" },
+        { label: "4+", value: "4plus" },
+        { label: "3+", value: "3plus" },
+        { label: "2+", value: "2plus" },
+        { label: "1+", value: "1plus" },
+        { label: "+1", value: "plus1" },
+        { label: "+2", value: "plus2" },
+        { label: "+3", value: "plus3" },
+        { label: "+4", value: "plus4" },
+        { label: "+", value: "plus" },
+        { label: "+-", value: "plus_minus" },
+      ],
       // 闈炲崟涓鐢�
       single: true,
       // 闈炲涓鐢�
@@ -494,15 +587,22 @@
       // 浣撴椤圭洰寤鸿瑙勫垯鏂拌〃琛ㄦ牸鏁版嵁
       advicerulesList: [],
       adviceList: [],
+      deptOptions: [],
+      treeId: [],
       // 寮瑰嚭灞傛爣棰�
       title: "",
       // 鏄惁鏄剧ず寮瑰嚭灞�
       open: false,
       key: "",
+      xmmc: "",
       moduleName: "exampleModule", // 绀轰緥妯″潡鍚�
       businessName: "exampleBusiness", // 绀轰緥涓氬姟鍚�
       objs: {},
       departmentOptions: [],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
       // 鏌ヨ鍙傛暟
       queryParams: {
         pageNum: 1,
@@ -529,9 +629,13 @@
         pageSize: 10,
       },
       // 琛ㄥ崟鍙傛暟
-      form: {},
+      form: {
+        xb: "2",
+      },
       // 琛ㄥ崟鏍¢獙
-      rules: {},
+      rules: {
+        ks: [{ required: true, message: " ", trigger: ["blur", "change"] }],
+      },
       upload: {
         // 鏄惁鏄剧ず寮瑰嚭灞傦紙鐢ㄦ埛瀵煎叆锛�
         open: false,
@@ -552,15 +656,80 @@
   created() {
     this.getList();
   },
+  watch: {
+    // 鏍规嵁鍚嶇О绛涢�夐儴闂ㄦ爲
+    xmmc(val) {
+      this.$refs.tree.filter(val);
+    },
+    treeId(newVal, oldVal) {
+      if (newVal) {
+        this.$nextTick(() => {
+          const node = document.querySelector(
+            ".el-tree-node__children .el-tree-node__content"
+          );
+          if (node) {
+            node.click();
+          } else {
+            console.warn("娌℃湁鎵惧埌 el-tree 鑺傜偣锛屾棤娉曡Е鍙戠偣鍑�");
+          }
+        });
+      }
+    },
+  },
   methods: {
     /** 鏌ヨ浣撴椤圭洰寤鸿瑙勫垯鏂拌〃鍒楄〃 */
     getList() {
+      // 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();
+      });
+    },
+
+    handleNodeClick(data) {
+      this.formIn = data;
+      this.queryParams.ks = data.label;
+      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;
       });
+    },
+
+    // 绛涢�夎妭鐐�
+    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) {
@@ -575,6 +744,12 @@
     cancel() {
       this.open = false;
       this.reset();
+    },
+    formatSex(row) {
+      const dictItem = this.dict.type.sys_user_sex.find(
+        (item) => item.value === row.xb
+      );
+      return dictItem ? dictItem.label : "";
     },
     // 琛ㄥ崟閲嶇疆
     reset() {
@@ -599,6 +774,7 @@
         createBy: null,
         updateBy: null,
         deleted: null,
+        xb: "2",
       };
       this.resetForm("form");
     },
@@ -697,6 +873,7 @@
     submitForm() {
       this.$refs["form"].validate((valid) => {
         if (valid) {
+          this.form.xb = this.form.xb === "1" ? "1" : null;
           if (this.form.id != null) {
             updateAdvicerules(this.form).then((response) => {
               console.log(response, 1111333);
@@ -788,3 +965,19 @@
 };
 </script>
 
+<style scoped>
+.scrollable-container {
+  width: 200px;
+  height: 520px;
+  overflow: auto;
+  border: 1px solid #ccc;
+  position: relative;
+}
+
+.content {
+  width: 1000px;
+  /* 璁剧疆鍐呭鐨勫搴︼紝浠ヨЕ鍙戞按骞虫粴鍔ㄦ潯 */
+  height: 1000px;
+  /* 璁剧疆鍐呭鐨勯珮搴︼紝浠ヨЕ鍙戝瀭鐩存粴鍔ㄦ潯 */
+}
+</style>
\ No newline at end of file

--
Gitblit v1.8.0