1

wwl

2025-03-14 fb963a677fcee653be358858a11a51d89dd71f86

1

 package.json

@@ -52,6 +52,7 @@
    "js-cookie": "3.0.1",
    "jsbarcode": "^3.11.6",
    "jsencrypt": "3.0.0-rc.1",
    "lodash": "^4.17.21",
    "moment": "^2.29.4",
    "nprogress": "0.2.0",
    "pinyin-match": "^1.2.2",

 src/views/12.vue

New file
@@ -0,0 +1,212 @@
<template>
  <div class="chat-container">
    <h2 class="chat-title">DeepSeek 聊天室</h2>
    <div class="message-box">
      <textarea 
        v-model="inputMessage" 
        placeholder="请输入您的消息..."
        class="chat-input"
        :disabled="isLoading"
      ></textarea>
      <button 
        @click="sendMessage" 
        class="send-button" 
        :disabled="isLoading"
      >
        {{ isLoading ? '发送中...' : '发送消息' }}
      </button>
    </div>
    <div class="response-area">
      <p class="response-label">回复:</p>
      <div class="response-content">{{ reply || '暂无回复' }}</div>
    </div>
    <p v-if="error" class="error-message">{{ error }}</p>

    <!-- 遮罩层和加载动画 -->
    <div v-if="isLoading" class="loading-overlay">
      <div class="spinner"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Chat',
  data() {
    return {
      inputMessage: '',
      reply: '',
      error: '',
      isLoading: false // 新增加载状态
    };
  },
  methods: {
    async sendMessage() {
      if (!this.inputMessage.trim()) {
        this.error = '消息不能为空';
        return;
      }
      this.error = '';
      this.reply = '';
      this.isLoading = true; // 开始加载

      try {
        const response = await fetch('http://localhost:11434/api/chat', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json'
          },
          body: JSON.stringify({
            model: 'ltkj-jy-ai',
            messages: [
              {
                role: 'system',
                content: this.inputMessage
              }
            ],
            stream: false
          })
        });

        if (!response.ok) {
          throw new Error('网络响应错误');
        }

        const data = await response.json();
        this.reply = data.message?.content || '收到回复，但格式可能不正确';
      } catch (err) {
        this.error = '请求出错: ' + err.message;
        console.error('Fetch 错误:', err);
      } finally {
        this.isLoading = false; // 结束加载
      }
    }
  }
};
</script>

<style scoped>
.chat-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  background: #f5f7fa;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: relative; /* 为遮罩层定位 */
}

.chat-title {
  color: #2c3e50;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Arial', sans-serif;
}

.message-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.chat-input {
  width: 100%;
  height: 120px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  resize: none;
  font-size: 14px;
  background: #fff;
  transition: border-color 0.3s;
}

.chat-input:focus {
  outline: none;
  border-color: #3498db;
  box-shadow: 0 0 5px rgba(52, 152, 219, 0.3);
}

.chat-input:disabled {
  background: #f0f0f0;
  cursor: not-allowed;
}

.send-button {
  padding: 10px 20px;
  background: #3498db;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s;
  align-self: flex-end;
}

.send-button:hover:not(:disabled) {
  background: #2980b9;
}

.send-button:disabled {
  background: #95a5a6;
  cursor: not-allowed;
}

.response-area {
  margin-top: 20px;
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #eee;
}

.response-label {
  margin: 0 0 10px 0;
  color: #7f8c8d;
  font-size: 14px;
}

.response-content {
  color: #2c3e50;
  line-height: 1.5;
  word-wrap: break-word;
}

.error-message {
  color: #e74c3c;
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
}

/* 遮罩层样式 */
.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  z-index: 10;
}

/* 加载动画 */
.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>

 src/views/123+.vue

File was deleted

 src/views/hosp/project/index.vue

@@ -10,7 +10,7 @@
          <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" :render-content="renderContent"  v-loading="loadings"/>
              highlight-current @node-click="handleNodeClick" :render-content="renderContent" v-loading="loadings"/>
          </div>
        </div>
      </el-col>
@@ -39,12 +39,6 @@
            <el-button :disabled="xiugais" type="primary" icon="el-icon-plus" size="mini" @click="handleUpdate1"
              v-hasPermi="['hosp:project:add']">修改</el-button>
          </el-col>
          <!-- <el-col :span="1.5">
        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['hosp:project:edit']">修改</el-button>
      </el-col> -->
          <!-- <el-col :span="1.5">
        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['hosp:project:remove']">删除</el-button>
      </el-col> -->
          <el-col :span="1.5">
            <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport"
              v-hasPermi="['hosp:project:export']">导出</el-button>
@@ -60,13 +54,11 @@
        </el-row>

        <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border>
          <!-- :show-overflow-tooltip="true"  -->
          <el-table-column label="项目名称" prop="proName" fixed="left" :width="flexColumnWidth('rwdtypeName')" />
          <el-table-column label="项目名称" prop="proName" fixed="left" :width="flexColumnWidth('proName')" />
          <el-table-column label="价格(/元)" align="center" prop="proPrice" width="75px"
            :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="数量" align="center" prop="sl" width="65px"
            :show-overflow-tooltip="true"></el-table-column>
          <!-- <el-table-column label="科室名称" align="center" prop="deptName" width="110px" :show-overflow-tooltip="true" /> -->
          <el-table-column label="检查类别" align="center" prop="proCheckType" width="110px"
            :show-overflow-tooltip="true" />
          <el-table-column label="默认值" align="center" prop="proDefault" width="110px" :show-overflow-tooltip="true" />
@@ -75,9 +67,6 @@
              <dict-tag :options="dict.type.tj_result_type" :value="scope.row.resultType" />
            </template>
          </el-table-column>

          <!-- <el-table-column label="检查方式" align="center" prop="proCheckMethod" :show-overflow-tooltip="true"
            width="110px" /> -->
          <el-table-column label="参与小结" align="center" prop="needReport" :show-overflow-tooltip="true" width="75px">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.needReport" />
@@ -120,10 +109,8 @@
          <treeselect :disabled="proParent" v-model="form.proParentId" :options="projectOptions"
            :normalizer="normalizer" :show-count="true" placeholder="选择主项名称" style="width: 260px" @select="obtain" />
        </el-form-item>

        <el-form-item label="明细项目" prop="proName">
          <el-input v-model="form.proName" placeholder="请输入明细项目">
          </el-input>
          <el-input v-model="form.proName" placeholder="请输入明细项目"></el-input>
        </el-form-item>
        <el-form-item label="项目价格" prop="proPrice">
          <el-input v-model="form.proPrice" :disabled="isPriceDisabled" placeholder="请输入项目价格" />
@@ -146,12 +133,6 @@
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <!-- <el-form-item label="空腹" prop="isEat">
          <el-select v-model="form.isEat" placeholder="请选择是否空腹" style="width: 200px">
            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item> -->
        <el-form-item label="性别" prop="proSex">
          <el-select v-model="form.proSex" placeholder="请选择体检人性别" style="width: 200px" clearable>
            <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
@@ -161,7 +142,6 @@
        <el-form-item label="项目类型" prop="proType">
          <el-input v-model="form.proType" placeholder="请输入项目类型" />
        </el-form-item>

        <el-form-item label="科室名称" prop="deptId">
          <el-select v-model="form.deptId" placeholder="请选择科室名称" @change="changeType" filterable style="width: 260px">
            <el-option v-for="item in parentNameList" :key="item.deptId" :label="item.deptName" :value="item.deptId" />
@@ -209,7 +189,6 @@
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="结果类型" prop="resultType">
          <el-select v-model="form.resultType" placeholder="请选择结果类型" style="width: 200px" filterable clearable>
            <el-option v-for="dict in dict.type.tj_result_type" :key="dict.value" :label="dict.label"
@@ -220,13 +199,10 @@
          <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed">
            his项目名称
          </span>

          <el-input v-model="form.hisXmmc" placeholder="his项目名称" style="width: 200px">
          </el-input>
          <el-input v-model="form.hisXmmc" placeholder="his项目名称" style="width: 200px"></el-input>
        </el-form-item>
        <el-form-item label="his项目名称" prop="hisXmmc" v-if="key == 'N'">
          <el-input v-model="form.hisXmmc" placeholder="请输入明细项目" style="width: 260px">
          </el-input>
          <el-input v-model="form.hisXmmc" placeholder="请输入明细项目" style="width: 260px"></el-input>
        </el-form-item>
        <el-form-item label="his编码" prop="hisXmbm">
          <el-input v-model="form.hisXmbm" placeholder="请输入his编码" style="width: 260px" />
@@ -238,11 +214,8 @@
          <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuerys">
            LIS项目
          </span>

          <el-input v-model="form.lisXmmc" placeholder="请输入LIS项目" style="width: 200px">
          </el-input>
          <el-input v-model="form.lisXmmc" placeholder="请输入LIS项目" style="width: 200px"></el-input>
        </el-form-item>

        <el-form-item label="LIS编码" prop="lisXmbm">
          <el-input v-model="form.lisXmbm" placeholder="请输入his编码" style="width: 260px" />
        </el-form-item>
@@ -250,7 +223,7 @@
          <el-input v-model="form.proRemark" placeholder="请输入备注" style="width: 200px" />
        </el-form-item>
        <el-form-item label="排序" prop="xh">
          <el-input v-model="form.xh" placeholder="请输入备注" style="width: 200px" />
          <el-input v-model="form.xh" placeholder="请输入排序" style="width: 200px" />
        </el-form-item>
      </el-form>
      <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus"
@@ -262,15 +235,12 @@
          <template slot-scope="scope">
            <el-select filterable v-model="scope.row.makings" placeholder="请选择收费项目" @change="getSelectValue">
              <el-option v-for="(item, index) in consumableList" :key="index" :label="item.makings"
                :value="item.makings">
              </el-option>
                :value="item.makings"></el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="规格" align="center" prop="specifications">
        </el-table-column>
        <el-table-column label="价格" align="center" prop="price">
        </el-table-column>
        <el-table-column label="规格" align="center" prop="specifications"></el-table-column>
        <el-table-column label="价格" align="center" prop="price"></el-table-column>
        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
          <template slot-scope="scope">
            <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)"
@@ -328,7 +298,6 @@
    <el-dialog title="收费项目" :visible.sync="dialogTableVisible" width="80%" :close-on-click-modal="false">
      <div class="app-container">
        <el-row :gutter="24">
          <!--部门数据-->
          <el-col :span="6" :xs="24">
            <div style="height: 560px; overflow-y: scroll">
              <div class="head-container">
@@ -364,7 +333,6 @@
              <el-table-column label="项目编码" align="center" prop="xmbm" />
              <el-table-column label="项目名称" align="center" prop="xmmc" />
              <el-table-column label="拼音码" align="center" prop="pym" />
              <!-- <el-table-column label="五笔码" align="center" prop="wbm"  /> -->
              <el-table-column label="参考单价" align="center" prop="ckdj" />
              <el-table-column label="一级最高限价" align="center" prop="yjzgxj" />
              <el-table-column label="二级最高限价" align="center" prop="ejzgxj" />
@@ -398,6 +366,8 @@
</template>

<script>
import debounce from 'lodash/debounce';
import cnchar from 'cnchar';
import Packagese from "@/components/Packagese";
import {
  getProject,
@@ -418,7 +388,6 @@
import IconSelect from "@/components/IconSelect";
import { listConsumables } from "@/api/hosp/consumables";
import { Message } from "element-ui";
import cnchar from 'cnchar';
import {
  listSfxm,
  getSfxm,
@@ -446,19 +415,18 @@
  data() {
    let checkPhoneNum = (rule, value, callback) => {
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
      if (value == "" && value == undefined && !value) {
        return callback("");
      } else if (value != undefined && value != "") {
      if (value == "" || value == undefined || !value) {
        return callback();
      } else if (!patter.test(value)) {
        return callback("");
        return callback(new Error("请输入有效的手机号"));
      } else {
        return callback();
      }
    };
    return {
      xiugais: true,
      xiugaiList: [],
      // 部门树选项
      deptOptions: undefined,
      deptOptions: [],
      dialogTableVisible: false,
      isPriceDisabled: false,
      sfxmList: [],
@@ -470,43 +438,29 @@
      xmmc: "",
      chargeId: [],
      List: false,
      // 部门名称
      deptName: "",
      deptOption: [],
      ChangeList: [],
      // 遮罩层
      loading: true,
      loadings: false,
      key: "",
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      treeId: ["532"],
      ListId: [],
      noclick: false,
      // 体检耗材表格数据
      consumableList: [],
      tjStandardList: [],
      // 表格树数据
      deptList: [],
      parentNameList: [],
      sfxmId: null,
      // 体检项目表格数据
      projectList: [],
      // 菜单树选项
      projectOptions: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 是否展开，默认全部折叠
      isExpandAll: false,
      showPrise: false,
      showRentPrise: false,
@@ -517,12 +471,8 @@
      proParent: false,
      id: "",
      isSubmitting: false,
      // 重新渲染表格状态
      refreshTable: true,
      // 查询参数
      queryParams: {
        // pageNum: 1,
        // pageSize: 10,
        proName: null,
        proEngName: null,
        checkType: null,
@@ -541,7 +491,6 @@
        pageSize: 10,
        id: null,
      },
      // 表单参数
      form: {
        proParentId: "",
        deptId: "",
@@ -551,7 +500,7 @@
        sfzhfy: "Y",
        hisdj: "",
        sl: "",
        xh:"0",
        xh: "0",
        proStatus: "0",
        proName: "",
        proPrice: "",
@@ -561,9 +510,8 @@
        proMetering: "",
        proScope: "",
        proSex: "2",
        resultType: "", // 初始值
        resultType: "",
      },
      // 表单校验
      rules: {
        createTime: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
@@ -575,36 +523,29 @@
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        proName: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
          { required: true, message: "项目名称不能为空", trigger: "blur" },
        ],
        proPrice: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
          { required: true, message: "项目价格不能为空", trigger: "blur" },
        ],
        deptId: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
        // proStandard: [
        //   { required: true, message: "项目标准值不能为空", trigger: "blur" },
        // ],
        deptId: [
          { required: true, message: "科室名称不能为空", trigger: "change" },
        ],
      },
      pinyinCache: new Map(),
    };
  },
  watch: {
    // 根据名称筛选部门树
    deptName(val) {
      this.$refs.tree.filter(val);
      this.debounceFilter(val);
    },
    treeId(newVal, oldVal) {
    treeId(newVal) {
      if (newVal && newVal.length > 0) {
        this.$nextTick(() => {
          // Find the last ID in the treeId array
          const lastId = newVal[newVal.length - 1] || "532"; // Default to 100 if undefined
          // Search for the node in deptOptions
          const lastId = newVal[newVal.length - 1] || "532";
          const node = this.findNodeById(this.deptOptions, lastId);

          if (node) {
            // Set the current key for the tree
            this.$refs.tree.setCurrentKey(lastId);

            // Simulate clicking on the node
            const nodeElement = document.querySelector(`.el-tree-node[data-key="${lastId}"] .el-tree-node__content`);
            if (nodeElement) {
              nodeElement.click();
@@ -613,52 +554,95 @@
        });
      }
    },
    // 根据名称筛选部门树
    xmmc(val) {
      this.$refs.tree.filter(val);
    },
    chargeId(newVal, oldVal) {
    chargeId(newVal) {
      if (newVal) {
        this.$nextTick(() => {
          // document.getElementById("changtree").click();;
          document
            .querySelector(
              "#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content"
            )
            .click();
            ?.click();
        });
      }
    },
  },

  created() {
    this.getConsumables();
    this.getDeptList();
    this.getDeptTree();

    this.getDeptTree().then(() => {
      this.precomputePinyin();
    });
  },
  mounted() {
    this.getDeptTree();
    this.getDeptTree().then(() => {
      this.precomputePinyin();
    });
  },
  methods: {
    debounceFilter: debounce(function(val) {
      this.$refs.tree.filter(val);
    }, 300),
    precomputePinyin() {
      const traverse = (nodes) => {
        nodes.forEach(node => {
          if (node.label) {
            const lowerSpell = node.label.spell('low', 'array').join('');
            const upperSpell = node.label.spell('up', 'array').join('');
            this.pinyinCache.set(node.id, { lowerSpell, upperSpell, label: node.label });
          }
          if (node.children) traverse(node.children);
        });
      };
      traverse(this.deptOptions);
    },
    filterNode(value, data) {
      if (!value) return true;
      const cached = this.pinyinCache.get(data.id);
      if (!cached) return false;
      return (
        cached.label.includes(value) ||
        cached.lowerSpell.includes(value) ||
        cached.upperSpell.includes(value)
      );
    },
    filterNode2(value, data) {
      if (!value) return true;
      return data.xmmc.includes(value);
    },
    findNodeById(nodes, id) {
      for (let node of nodes) {
        if (node.id === id) return node;
        if (node.children) {
          let result = this.findNodeById(node.children, id);
          if (result) return result;
        }
      }
      return null;
    },
    renderContent(h, { node, data }) {
      return h(
        "span",
        {
          style: {
            color: data.status === "1" ? "red" : "inherit",
            fontSize: "14px",
          },
        },
        data.label
      );
    },
    handleQuerys() {
      this.$refs.aaa.open = true;
      this.$refs.aaa.getAllList();
      this.$refs.aaa.title = "数据字典";
    },
    handleChanges(param1) {
      // if(this.form.pacCode == "不详"){
      //   this.form.cusIdcard = param1[0].xh;
      // }else{
      //   this.form.cusIdcard = param1[0].pacCode;
      // }

      this.form.lisXmbm = param1[0].pacCode;
      this.form.lisXmmc = param1[0].pacName;
    },
    //是否显示选中的值
    display(value) { },
    /** 查询体检项目列表 */
    getList() {
      this.loading = true;
      let data = {
@@ -669,12 +653,9 @@
      };
      getAllChildListById(data).then((response) => {
        this.projectList = response.data.list;
        // console.log("进来了列表并且获取到了值", this.projectList);

        this.loading = false;
      });
    },
    /** 查询体检耗材列表 */
    getConsumables() {
      this.loading = true;
      listConsumables(this.queryParams).then((response) => {
@@ -682,20 +663,16 @@
        this.loading = false;
      });
    },

    /** 新增按钮操作 */
    handleAdd(row) {
      this.form.hisXmbm = "";
      this.form.hisXmmc = "";
      this.form.hisdj = "";
      // this.reset();
      this.loading = true;
      this.proParent = false;
      this.form.proPrice = 0.0;
      this.form.proName = "";
      this.form.proId = null;
      this.form.resultType = "1";
      //  ProjectTree
      getlist().then((response) => {
        if (response.code == 200) {
          this.loading = false;
@@ -705,26 +682,10 @@
          this.key = response.data.key;
          this.projectOptions.push(project);
          if (row.proId) {
            for (var i = 0; i < project.children.length; i++) {
              if (project.children[i].proId === row.proId) {
                this.form.proParentId = row.proId;
                break;
              } else {
                this.form.proParentId = 0;
              }
            }

            this.form.proParentId = row.proId || 0;
            this.open = true;
          } else if (this.treeDate.id) {
            for (var i = 0; i < project.children.length; i++) {
              if (project.children[i].proId === this.treeDate.id) {
                this.form.proParentId = this.treeDate.id;
                break;
              } else {
                this.form.proParentId = 0;
              }
            }

            this.form.proParentId = this.treeDate.id || 0;
            this.projectOptions.forEach((item) => {
              item.children.forEach((item1) => {
                if (this.form.proParentId == item1.proId) {
@@ -738,37 +699,20 @@
          }
        }
      });

      this.title = "体检项目信息维护";
      if (this.queryParams.deptId) {
        this.form.deptId = this.queryParams.deptId;
      } else {
        this.form.deptId = null;
      }
      // this.form.proId = this.queryParams.proId;
      this.form.deptId = this.queryParams.deptId || null;
      this.form.proCheckMethod = "N";

      if ((this.key = "Y")) {
      if (this.key === "Y") {
        gettreeList().then((response) => {
          this.deptOptionstree = response.data;
        });
      }
    },

    // 打开input弹框
    getDetailed() {
      this.querycharge.xmmc = "";
      this.querycharge.pym = "";
      if (this.selectList) {
        if (this.selectList.proName === "主类目") {
          this.dialogTableVisible = false;
        } else {
          this.dialogTableVisible = true;
          this.$nextTick(() => {
            this.chargeId.push(this.deptOptionstree[0].id);
          });
          this.getlistSfxm();
        }
      if (this.selectList?.proName === "主类目") {
        this.dialogTableVisible = false;
      } else if (this.form.proParentId) {
        if (this.form.proParentId != 0) {
          this.dialogTableVisible = true;
@@ -776,7 +720,7 @@
            this.chargeId.push(this.deptOptionstree[0].id);
          });
          this.getlistSfxm();
        } else if (this.form.proParentId == 0) {
        } else {
          this.dialogTableVisible = false;
        }
      } else {
@@ -786,11 +730,8 @@
    changeType() {
      this.$forceUpdate();
    },

    obtain(vals) {
      if (this.projectOptions) {
        this.selectList = vals;
      }
      this.selectList = vals;
      if (this.selectList.proName === "主类目") {
        this.showPrise = true;
        this.showRentPrise = false;
@@ -805,51 +746,39 @@
      this.List = true;
      listSfxm(this.querycharge).then((response) => {
        this.sfxmList = response.rows;

        response.rows.forEach((item, index) => {
          item.newID =
            (this.querycharge.pageNum - 1) * this.querycharge.pageSize +
            index +
            1;
          item.newID = (this.querycharge.pageNum - 1) * this.querycharge.pageSize + index + 1;
        });
        this.total = response.total;
        this.loading = false;
      });
    },

    Synchronizationfees() {
      tbhisproprice().then((response) => {
        this.$modal.msgSuccess("批量同步费用成功");
      });
    },
    // input弹框搜索
    handlecharge() {
      this.querycharge.pageNum = 1;
      this.List = true;
      this.getlistSfxm();
    },

    handleNodecharge(data) {
      this.queryParam.id = data.id;

      this.List = false;
      this.getListByXmId();
    },

    getListByXmId() {
      this.loading = true;
      getListByXmId(this.queryParam).then((response) => {
        this.sfxmList = response.data.date;
        response.data.date.forEach((item, index) => {
          item.newID =
            (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1;
          item.newID = (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1;
        });
        this.total = response.data.total;
        this.loading = false;
      });
    },

    /** 转换菜单数据结构 */
    normalizer(node) {
      if (node.children && !node.children.length) {
        delete node.children;
@@ -860,106 +789,30 @@
        children: node.children,
      };
    },
    // // 查询体检项目列表(树形结构)
    getData() {
      /** 查询部门下拉树结构 */
      getAllChildListById().then((response) => {
        this.projectOptions = [];
        const project = { proId: 0, proName: "主类目", children: [] };
        project.children = this.handleTree(response.data.list, "proId");
        this.key = response.data.key;
        // if (this.key == "Y") {
        //   this.key = response.data.key
        // } else if (response.data.key == "N") {
        //   this.key = response.data.key
        // }
        this.projectOptions.push(project);
      });
    },
    /** 查询部门列表 */
    getDeptList() {
      listDept(this.queryParams).then((response) => {
        this.parentNameList = response.data;
        this.deptList = this.handleTree(response.data, "proId");
      });
    },
    /** 查询部门下拉树结构 */
    getDeptTree() {

      deptTree111().then((response) => {
      return deptTree111().then((response) => {
        this.deptOptions = response.data;
        this.treeId.push(this.treeDate.id);
      });

    },
    findNodeById(nodes, id) {
      for (let node of nodes) {
        if (node.id === id) {
          return node;
        }
        if (node.children) {
          let result = this.findNodeById(node.children, id);
          if (result) return result;
        }
      }
      return null;
    },
    renderContent(h, { node, data }) {
      return h(
        "span",
        {
          style: {
            color: data.status === "1" ? "red" : "inherit", // 动态设置颜色
            fontSize: "14px",
          },
        },
        data.label // 显示节点的 label
      );
    },

    // 筛选节点
    filterNode2(value, data) {
      if (!value) return true;
      return data.xmmc.indexOf(value) !== -1;
    },
    // 筛选节点
    // filterNode(value, data) {
    //   console.log(value, data)
    //   if (!value) return true;
    //   return data.label.indexOf(value) !== -1;
    // },
    filterNode(value, data) {
        if (!value) return true;
        if (data.label.indexOf(value) !== -1) return true;
        // 匹配小写
        let arr = data.label.spell('low', 'array');
        let spell = arr.join('');
        let lengths = [0];
        for (var i = 0; i < arr.length - 1; i++) {
            lengths.push(lengths[i] + arr[i].length);
        };
        //判断label完整拼音 中 输入值的 index 是不是等于某个汉字第一个拼音字母的index值
        if(lengths.indexOf(spell.indexOf(value)) !== -1) return true
        // 大写
        let arrUp = data.label.spell('up', 'array');
        let spellUp = arrUp.join('');
        let lengthsUp = [0];
        for (var i = 0; i < arrUp.length - 1; i++) {
            lengthsUp.push(lengthsUp[i] + arrUp[i].length);
        };
        return lengthsUp.indexOf(spellUp.indexOf(value)) !== -1;      
    },

    // 节点单击事件
    handleNodeClick(date) {

      // console.log("调用了handleNodeClick ", date.id, this.id)
      this.treeDate = date;
      if (date.qf == "0") {
        this.xiugais = true;
      } else {
        this.xiugais = false;
      }
      this.xiugais = date.qf === "0";
      let proId = date.id;
      getInfoByProId(proId).then((response) => {
        this.xiugaiList = response.data;
@@ -968,36 +821,18 @@
      this.queryParams.proId = date.id;
      let data = {
        proId: this.queryParams.proId,
        proName: this.queryParams.proNamez,
        proName: this.queryParams.proName,
      };
      this.loading = true;
      getAllChildListById(data).then((response) => {
        if (response.code == 200) {
          if (response.data.list.length >= 1) {
            this.projectList = this.handleTree(response.data.list, "proId");
            this.ListId.push(this.projectList[0].proId);
            this.key = response.data.key;
          } else {
            this.projectList = [];
          }

          // if (this.key == "Y") {
          //   this.key = response.data.key
          // } else if (response.data.key == "N") {
          //   this.key = response.data.key
          // }
          this.projectList = response.data.list.length >= 1 ? this.handleTree(response.data.list, "proId") : [];
          this.ListId = this.projectList.length ? [this.projectList[0].proId] : [];
          this.key = response.data.key;
          this.loading = false;
        }
      });
    },
    selectSingleRow({ row, rowIndex }) {
      if (rowIndex === 1) {
        return "warning-row";
      }
      return "";
    },

    /** 展开/折叠操作 */
    toggleExpandAll() {
      this.refreshTable = false;
      this.isExpandAll = !this.isExpandAll;
@@ -1005,24 +840,17 @@
        this.refreshTable = true;
      });
    },
    // 取消按钮
    cancel() {
      // this.$tab.refreshPage();
      this.open = false;
      this.queryParam.id = this.id;
      let data = {
        proId: this.queryParams.proId,
      };
      getAllChildListById(data).then((response) => {

      let data = { proId: this.queryParams.proId };
      getAllChildListById(data).then(() => {
        this.loading = false;
      });
    },

    handleClose() {
      this.cancel();
    },
    // 表单重置
    reset() {
      this.form = {
        proParentId: null,
@@ -1030,7 +858,7 @@
        proEngName: null,
        proPrice: "0.00",
        proRemark: null,
        xh:"0",
        xh: "0",
        createBy: null,
        createTime: null,
        updateBy: null,
@@ -1051,55 +879,37 @@
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      // this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams.proId = undefined;
      this.$refs.tree.setCurrentKey(null);
      this.handleQuery();
    },

    flexColumnWidth(column) {
      if (!column) {
        return;
      }
      let maxlength = 160; //在此处设置默认宽度
      if (column == "rwdtypeName") {
        //在此处为了保证表头不换行，可以根据表头名称长度设置默认宽度
        // column1 就是对应表格中的prop属性值，比如上面的 rwdtypeName
        maxlength = 160;
      }
      if (!column) return;
      let maxlength = 160;
      if (column === "proName") maxlength = 160;
      for (let i = 0; i < this.projectList.length; i++) {
        if (this.projectList[i][column]) {
          let now_temp = this.projectList[i][column] + "";
          let flexWidth = 0;
          for (const char of now_temp) {
            if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) {
              //英文字母 8 像素
              flexWidth += 8;
            } else if (char >= "\u4e00" && char <= "\u9fa5") {
              //中文文字 15 像素
              flexWidth += 15;
            } else {
              //其他字符 10 像素
              flexWidth += 10;
            }
          }
          if (flexWidth > maxlength) {
            maxlength = flexWidth;
          }
          if (flexWidth > maxlength) maxlength = flexWidth;
        }
      }
      //el-table中 cell 有左右的 padding 个 10 像素
      return maxlength + 20 + "px";
    },

    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ChangeList = selection;
      this.ids = selection.map((item) => item.id);
@@ -1107,87 +917,49 @@
      this.multiple = !selection.length;
      if (selection.length > 1) {
        let del_row = selection.shift();
        this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中
        this.$refs.tb.toggleRowSelection(del_row, false);
      }
    },

    // 新增行
    addmembers() {
      if (this.form.proName) {
        if (!this.form.consumablesList) {
          this.form.consumablesList = [];
          this.form.consumablesList.push({
            // id: parseInt(length),
            id: "",
            makings: "",
            specifications: "",
            price: "",
            Selection,
          });
        } else {
          this.form.consumablesList.push({
            // id: parseInt(length),
            id: "",
            makings: "",
            specifications: "",
            price: "",
            Selection,
          });
        }
        this.form.consumablesList.push({
          id: "",
          makings: "",
          specifications: "",
          price: "",
        });
        if (!this.form.tjStandardList) {
          this.form.tjStandardList = [];
          this.form.tjStandardList.push({
            stanId: "",
            tjSex: "",
            tjType: "",
            tjStandardGtValue: "",
            tjStandardLtValue: "",
            company: "",
            Selection,
          });
        } else {
          this.form.tjStandardList.push({
            stanId: "",
            tjSex: "",
            tjType: "",
            tjStandardGtValue: "",
            tjStandardLtValue: "",
            company: "",
            Selection,
          });
        }
        this.form.tjStandardList.push({
          stanId: "",
          tjSex: "",
          tjType: "",
          tjStandardGtValue: "",
          tjStandardLtValue: "",
          company: "",
        });
      } else {
        Message.warning("请先填写项目名称");
      }
      this.$forceUpdate();
    },
    // 删除行
    Delete(index) {
      if (this.form.consumablesList.length == 0) {
        this.$alert("请先选择要删除的数据", "提示", {
          confirmButtonText: "确定",
        });
      } else {
      if (this.form.consumablesList.length) {
        this.form.consumablesList.splice(index, 1);
      }
      if (this.form.tjStandardList.length == 0) {
        this.$alert("请先选择要删除的数据", "提示", {
          confirmButtonText: "确定",
        });
      } else {
      if (this.form.tjStandardList.length) {
        this.form.tjStandardList.splice(index, 1);
      }
    },
    handleUpdate1() {
      this.form = this.xiugaiList;

      this.form.proStatus = this.form.proStatus.toString();
      this.proParent = true;
      // 设置项目价格禁用
      this.isPriceDisabled = true;
      // if(){
      //   this.proParent = true
      // }
      getlist().then((response) => {
        if (response.code == 200) {
          this.loading = false;
@@ -1199,68 +971,26 @@
        }
      });
      this.open = true;

    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      console.log('调用了handleUpdate');

      this.reset();
      this.getData();
      // this.form = row;
      const proId = row.proId || this.ids;
      this.proParent = false;
      this.isPriceDisabled = false;
      getProject(proId).then((response) => {
        this.form = response.data;
        if (this.form.proParentId === "0") {
          this.showPrise = true;
          this.showRentPrise = false;
        } else {
          this.showPrise = false;
          this.showRentPrise = true;
        }
        // this.form.deptId = Number(this.form.deptId);
        if (this.form.proStandard === 0) {
          this.showPrise = true;
          this.showRentPrise = false;
        } else {
          this.showPrise = false;
          this.showRentPrise = true;
        }
        this.showPrise = this.form.proParentId === "0";
        this.showRentPrise = !this.showPrise;
        this.form.proStatus = this.form.proStatus.toString();
        this.form.consumablesList = response.data.consumablesList;
        this.form.tjStandardList = response.data.tjStandardList;
        if (this.form.tjStandardList != null) {
        if (this.form.tjStandardList) {
          this.form.tjStandardList.forEach((item) => {
            if (item.tjSex === 0 || item.tjSex === "男") {
              item.tjSex = "男";
            } else if (item.tjSex === 1 || item.tjSex === "女") {
              item.tjSex = "女";
            } else {
              item.tjSex = null;
            }
            if (item.tjType === 0) {
              item.tjType = "婴儿";
            }
            if (item.tjType === 1) {
              item.tjType = "幼儿";
            }
            if (item.tjType === 2) {
              item.tjType = "儿童";
            }
            if (item.tjType === 3) {
              item.tjType = "少年";
            }
            if (item.tjType === 4) {
              item.tjType = "青年";
            }
            if (item.tjType === 5) {
              item.tjType = "中年";
            }
            if (item.tjType === 6) {
              item.tjType = "老年";
            }
            item.tjSex = item.tjSex === "0" || item.tjSex === "男" ? "男" : (item.tjSex === "1" || item.tjSex === "女" ? "女" : null);
            item.tjType = {
              0: "婴儿", 1: "幼儿", 2: "儿童", 3: "少年", 4: "青年", 5: "中年", 6: "老年"
            }[item.tjType] || item.tjType;
          });
        }
        getlist().then((response) => {
@@ -1277,10 +1007,6 @@
        this.title = "体检项目信息维护";
      });
    },
    changeValue(value) {
      // this.form.deptName = value;
      this.form.deptId = value;
    },
    getSelectValue(val) {
      this.form.consumablesList.forEach((formitem) => {
        if (formitem.makings === val) {
@@ -1294,40 +1020,20 @@
        }
      });
    },

    // sex(sval) {
    //   if (this.form.tjStandardList) {
    //     this.form.tjStandardList.forEach((sitem) => {
    //       if (sitem.tjSex === "男") {
    //         sitem.tjSex = 0;
    //       } else {
    //         sitem.tjSex = 1;
    //       }
    //     });
    //   }
    // },

    /** 提交按钮 */
    submitForm() {
      this.noclick = true;
      this.$refs["form"].validate(valid => {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          const isUpdate = this.form.proId != null;

          // 处理性别和年龄组的转换
          if (this.form.tjStandardList) {
            this.form.tjStandardList.forEach(item => {
            this.form.tjStandardList.forEach((item) => {
              item.tjSex = item.tjSex === "男" || item.tjSex === "0" ? "0" : (item.tjSex === "女" || item.tjSex === "1" ? "1" : null);
              item.tjType = {
                "婴儿": 0, "幼儿": 1, "儿童": 2, "少年": 3, "青年": 4, "中年": 5, "老年": 6
              }[item.tjType] || null;
            });
          }

          // 设置 lisXmbm
          this.form.lisXmbm = this.form.lisXmbm;

          // 根据 key 值选择不同的操作流程
          if (this.key === "N") {
            this.processSubmission(isUpdate, false);
          } else if (this.key === "Y") {
@@ -1337,41 +1043,38 @@
        }
      });
    },

    processSubmission(isUpdate, isY) {
      if (isUpdate) {
        updateProject(this.form).then(response => {
        updateProject(this.form).then((response) => {
          this.$modal.msgSuccess("修改成功");
          this.handleSuccess(isY);
        });
      } else {
        // 新增逻辑
        if (this.form.proParentId === 0) {
          this.form.tjStandardList = null;
        } else {
          this.form.consumablesList = null;
        }

        if (this.form.deptId === null || this.form.proParentId === null) {
        if (!this.form.deptId || !this.form.proParentId) {
          this.$message.error("请填写父项名称或科室名称");
          this.open = true;
        } else {
          addProject(this.form).then(response => {
          addProject(this.form).then((response) => {
            this.$modal.msgSuccess("新增成功");
            this.handleSuccess(isY);
          });
        }
      }
    },

    handleSuccess(isY) {
      this.cancel();
      this.getList();
      if (this.proParent || isY) {
        this.getDeptTree();
        this.getDeptTree().then(() => {
          this.precomputePinyin();
        });
      }
    },
    // 收费项目确认
    submit() {
      this.ChangeList.forEach((item) => {
        this.form.proPrice = item.ckdj;
@@ -1382,13 +1085,11 @@
      });
      this.dialogTableVisible = false;
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const proIds = row.proId || this.ids;
      this.$modal
        .confirm('是否确认删除体检项目编号为"' + proIds + '"的数据项？')
        .then(function () {
          // return delProject(proIds);
        .then(() => {
          return delProject(proIds).then((response) => {
            if (response.msg === "该项目正在使用暂时不能删除") {
              Message.warning(response.msg);
@@ -1400,40 +1101,31 @@
          this.getList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => { });
        .catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download(
        "hosp/project/export",
        {
          ...this.queryParams,
        },
        { ...this.queryParams },
        `project_${new Date().getTime()}.xlsx`
      );
    },
  },
};
</script>

<style scoped>
.scrollable-container {
  width: 200px;
  /* 设置容器的宽度 */
  height: 629px;
  /* 设置容器的高度 */
  overflow: auto;
  /* 允许内容溢出时显示滚动条 */
  border: 1px solid #ccc;
  /* 可选：添加边框以更好地显示容器 */
  position: relative;
  /* 可选：使容器内的绝对定位元素能够正确显示 */
}

.content {
  width: 1000px;
  /* 设置内容的宽度，以触发水平滚动条 */
  height: 1000px;
  /* 设置内容的高度，以触发垂直滚动条 */
}

.el-table__header-wrapper .el-checkbox {
@@ -1477,4 +1169,4 @@
.el-scrollbar__wrap {
  overflow-x: hidden;
}
</style>
</style>