su

su1124

2024-04-26 00212ed8e808fc7b76c04389224e65f27f074fb2

 src/views/hosp/project/index.vue

@@ -6,11 +6,13 @@
          <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search"
            style="margin-bottom: 15px" />
        </div>
        <div class="head-container">
          <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>
        <el-scrollbar style="height: 629px; width: 100%">
          <div class="head-container">
            <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>
        </el-scrollbar>
      </el-col>
      <el-col :span="20" :xs="24">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
@@ -31,6 +33,10 @@
            <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd"
              v-hasPermi="['hosp:project:add']">新增</el-button>
          </el-col>
          <el-col :span="1.5">
            <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> -->
@@ -47,11 +53,7 @@
          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
        </el-row>

        <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border row-key="proId"
          :expand-row-keys="ListId" :row-class-name="selectSingleRow" :tree-props="{
            children: 'tjProjectList',
            hasChildren: 'tjProjectList.length>0',
          }">
        <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="项目价格(单位/元)" align="center" prop="proPrice" width="75px"
@@ -104,8 +106,8 @@
    <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body :before-close="handleClose">
      <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true">
        <el-form-item label="主项名称" prop="proParentId">
          <treeselect v-model="form.proParentId" :options="projectOptions" :normalizer="normalizer" :show-count="true"
            placeholder="选择主项名称" style="width: 260px" @select="obtain" />
          <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" v-if="key == 'Y'">
          <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed">
@@ -150,7 +152,7 @@
          </el-select>
        </el-form-item> -->
        <el-form-item label="性别" prop="proSex">
          <el-select v-model="form.proSex" placeholder="请选择体检人性别" style="width: 200px">
          <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"
              :value="dict.value"></el-option>
          </el-select>
@@ -160,8 +162,8 @@
        </el-form-item>

        <el-form-item label="科室名称" prop="deptId">
          <el-select v-model="form.deptId" placeholder="请选择科室名称" @change="changeValue" filterable style="width: 260px">
            <el-option v-for="dict in parentNameList" :key="dict.deptId" :label="dict.deptName" :value="dict.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" />
          </el-select>
        </el-form-item>
        <el-form-item label="启用标志" prop="proStatus">
@@ -197,8 +199,19 @@
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="LIS项目" prop="lisXmmc">
          <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuerys">
            LIS项目
            <!-- <el-tooltip effect="dark" content="明细项目" placement="bottom">
              <i class='el-icon-question' @click="getDetailed" />
            </el-tooltip> -->
          </span>

          <el-input v-model="form.lisXmmc" placeholder="请输入LIS项目">
          </el-input>
        </el-form-item>
        <el-form-item label="备注" prop="proRemark">
          <el-input v-model="form.proRemark" placeholder="请输入备注" style="width: 510px" />
          <el-input v-model="form.proRemark" placeholder="请输入备注" style="width: 200px" />
        </el-form-item>
      </el-form>
      <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus"
@@ -339,17 +352,23 @@
        <el-button type="primary" @click="submit">确 定</el-button>
      </div>
    </el-dialog>
    <Packagese ref="aaa" @add="handleChanges" />
  </div>
</template>

<script>
import Packagese from "@/components/Packagese";
import {
  getProject,
  delProject,
  addProject,
  updateProject,
  ProjectTree,
  getlist,
  deptTree,
  deptTree111,
  getAllChildListById,
  getInfoByProId,
} from "@/api/hosp/project";
import { listDept } from "@/api/system/dept";
import Treeselect from "@riophae/vue-treeselect";
@@ -380,7 +399,7 @@
    "tj_result_type",
    "sys_yes_no",
  ],
  components: { Treeselect, IconSelect },
  components: { Treeselect, IconSelect, Packagese },
  data() {
    let checkPhoneNum = (rule, value, callback) => {
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
@@ -393,6 +412,8 @@
      }
    };
    return {
      xiugais: true,
      xiugaiList: [],
      // 部门树选项
      deptOptions: undefined,
      dialogTableVisible: false,
@@ -447,6 +468,7 @@
        children: "children",
        label: "label",
      },
      proParent: false,
      id: "",
      // 重新渲染表格状态
      refreshTable: true,
@@ -458,6 +480,7 @@
        proEngName: null,
        checkType: null,
        deptId: undefined,
        proId: undefined,
      },
      querycharge: {
        pageNum: 1,
@@ -465,6 +488,7 @@
        xmmc: null,
        pym: null,
      },
      treeDate: {},
      queryParam: {
        page: 1,
        pageSize: 10,
@@ -472,7 +496,15 @@
      },
      // 表单参数
      form: {
       needReport :"Y"
        proParentId: "",
        deptId: "",
        needReport: "Y",
        proStatus: "0",
        proName: "",
        proPrice: "",
        sfxmId: "",
        lisXmbm: "",
        lisXmmc: "",
      },
      // 表单校验
      rules: {
@@ -536,6 +568,21 @@
    this.getDeptTree();
  },
  methods: {
    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) { },
    /** 查询体检项目列表 */
@@ -553,9 +600,11 @@
        proName: this.queryParams.proName,
        checkType: this.queryParams.checkType,
        deptId: this.queryParams.deptId,
        proId: this.queryParams.proId,
      };
      ProjectTree(data).then((response) => {
        this.projectList = this.handleTree(response.data.list, "proId");
      getAllChildListById(data).then((response) => {
        // this.projectList = this.handleTree(response.data.list, "proId");
        this.projectList = response.data.list;
        this.loading = false;
      });
    },
@@ -572,10 +621,12 @@
    handleAdd(row) {
      // this.reset();
      this.loading = true;
      this.form.proPrice = 0.00
      this.form.proName = ""
      this.form.proId = null
      ProjectTree().then((response) => {
      this.proParent = false
      this.form.proPrice = 0.0;
      this.form.proName = "";
      this.form.proId = null;
      //  ProjectTree
      getlist().then((response) => {
        if (response.code == 200) {
          this.loading = false;
          this.projectOptions = [];
@@ -583,24 +634,37 @@
          project.children = this.handleTree(response.data.list, "proId");
          this.key = response.data.key;
          this.projectOptions.push(project);
          if (row) {
          if (row.proId) {
            this.form.proParentId = row.proId;
            this.open = true;
          } else {
          } else if(this.treeDate.id){
            this.form.proParentId = this.treeDate.id
            this.projectOptions.forEach(item => {
              item.children.forEach(item1 => {
                if(this.form.proParentId == item1.proId){
                  this.form.deptId = item1.deptId
                }
              })
            })
            this.open = true;
          }else{
            this.open = true;
          }

        }
      });
      this.title = "体检项目信息维护";

      this.form.deptId = this.queryParams.deptId;
      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.proCheckMethod = "N";
     

      if ((this.key = "Y")) {
        gettreeList().then((response) => {
          this.deptOptionstree = response.data;
        
        });
      }
    },
@@ -612,18 +676,17 @@
          this.dialogTableVisible = false;
        } else {
          this.dialogTableVisible = true;
          this.$nextTick(()=>{
          this.$nextTick(() => {
            this.chargeId.push(this.deptOptionstree[0].id);
          })
          });
          this.getlistSfxm();
         
        }
      } else if (this.form.proParentId) {
        if (this.form.proParentId != 0) {
          this.dialogTableVisible = true;
          this.$nextTick(()=>{
          this.$nextTick(() => {
            this.chargeId.push(this.deptOptionstree[0].id);
          })
          });
          this.getlistSfxm();
        } else if (this.form.proParentId == 0) {
          this.dialogTableVisible = false;
@@ -632,16 +695,19 @@
        this.$message.error("请选择主项名称");
      }
    },
    changeType() {
      this.$forceUpdate()
    },

    obtain(vals) {
      if (this.projectOptions) {
        this.selectList = vals;
        console.log(this.selectList);
      }
      if (this.selectList.proName === "主类目") {
        this.showPrise = true;
        this.showRentPrise = false;
      } else {
        this.form.deptId = this.selectList.deptId
        this.showPrise = false;
        this.showRentPrise = true;
      }
@@ -701,7 +767,7 @@
    // // 查询体检项目列表(树形结构)
    getData() {
      /** 查询部门下拉树结构 */
      ProjectTree().then((response) => {
      getAllChildListById().then((response) => {
        this.projectOptions = [];
        const project = { proId: 0, proName: "主类目", children: [] };
        project.children = this.handleTree(response.data.list, "proId");
@@ -723,7 +789,7 @@
    },
    /** 查询部门下拉树结构 */
    getDeptTree() {
      deptTree().then((response) => {
      deptTree111().then((response) => {
        this.deptOptions = response.data;
        this.treeId.push(this.deptOptions[0].id);
      });
@@ -741,13 +807,24 @@
    },
    // 节点单击事件
    handleNodeClick(date) {
      this.treeDate = date
      if (date.qf == "0") {
        this.xiugais = true;
      } else {
        this.xiugais = false;
      }
      let proId = date.id;
      getInfoByProId(proId).then((response) => {
        this.xiugaiList = response.data;
      });
      this.id = date.id;
      this.queryParams.deptId = date.id;
      this.queryParams.proId = date.id;
      let data = {
        deptId: this.queryParams.deptId,
        proId: this.queryParams.proId,
        proName: this.queryParams.proNamez,
      };
      this.loading = true;
      ProjectTree(data).then((response) => {
      getAllChildListById(data).then((response) => {
        if (response.code == 200) {
          if (response.data.list.length >= 1) {
            this.projectList = this.handleTree(response.data.list, "proId");
@@ -787,12 +864,12 @@
      this.open = false;
      this.queryParam.id = this.id;
      let data = {
        deptId: this.queryParams.deptId,
        proId: this.queryParams.proId,
      };
      ProjectTree(data).then((response) => {
        this.projectList = this.handleTree(response.data.list, "proId");
        this.ListId.push(this.projectList[0].proId);
        this.key = response.data.key;
      getAllChildListById(data).then((response) => {
        // this.projectList = this.handleTree(response.data.list, "proId");
        // this.ListId.push(this.projectList[0].proId);
        // this.key = response.data.key;
        this.loading = false;
      });
    },
@@ -835,7 +912,7 @@
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams.deptId = undefined;
      this.queryParams.proId = undefined;
      this.$refs.tree.setCurrentKey(null);
      this.handleQuery();
    },
@@ -954,12 +1031,31 @@
        this.form.tjStandardList.splice(index, 1);
      }
    },
    handleUpdate1() {
      this.open = true;
      this.form = this.xiugaiList;
      this.proParent = true
      // if(){
      //   this.proParent = true
      // }
      getlist().then((response) => {
        if (response.code == 200) {
          this.loading = false;
          this.projectOptions = [];
          const project = { proId: 0, proName: "主类目", children: [] };
          project.children = this.handleTree(response.data.list, "proId");
          this.key = response.data.key;
          this.projectOptions.push(project);
        }
      })
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      this.getData();
      // this.form = row;
      const proId = row.proId || this.ids;
      this.proParent = false
      getProject(proId).then((response) => {
        this.form = response.data;
        if (this.form.proParentId === "0") {
@@ -969,7 +1065,7 @@
          this.showPrise = false;
          this.showRentPrise = true;
        }
        this.form.deptId = Number(this.form.deptId);
        // this.form.deptId = Number(this.form.deptId);
        if (this.form.proStandard === 0) {
          this.showPrise = true;
          this.showRentPrise = false;
@@ -977,7 +1073,7 @@
          this.showPrise = false;
          this.showRentPrise = true;
        }
        this.form.proStatus =  this.form.proStatus.toString()
        this.form.proStatus = this.form.proStatus.toString();
        this.form.consumablesList = response.data.consumablesList;
        this.form.tjStandardList = response.data.tjStandardList;
        if (this.form.tjStandardList != null) {
@@ -1012,7 +1108,16 @@
            }
          });
        }

        getlist().then((response) => {
          if (response.code == 200) {
            this.loading = false;
            this.projectOptions = [];
            const project = { proId: 0, proName: "主类目", children: [] };
            project.children = this.handleTree(response.data.list, "proId");
            this.key = response.data.key;
            this.projectOptions.push(project);
          }
        })
        this.open = true;
        this.title = "体检项目信息维护";
      });
@@ -1085,11 +1190,17 @@
                  }
                });
              }
              
              
              this.form.lisXmbm = this.form.lisXmbm;
              updateProject(this.form).then((response) => {
                this.$modal.msgSuccess("修改成功");
                this.cancel();
                if (this.proParent == true) {
                  this.getDeptTree();
                  this.cancel();
                } else {
                  this.cancel();
                  this.getList();
                }

              });
            } else {
              if (this.form.proParentId === 0) {
@@ -1102,10 +1213,11 @@
                this.$message.error("请填写父项名称或科室名称");
                this.open = true;
              } else {
               
                this.form.lisXmbm = this.form.lisXmbm;
                addProject(this.form).then((response) => {
                  this.$modal.msgSuccess("新增成功");
                  this.cancel();
                  this.getList();
                });
              }
            }
@@ -1148,10 +1260,17 @@
                  }
                });
              }
        
              this.form.lisXmbm = this.form.lisXmbm;
              updateProject(this.form).then((response) => {
                this.$modal.msgSuccess("修改成功");
                this.cancel();
                if (this.proParent == true) {
                  this.getDeptTree();
                  this.cancel();
                } else {
                  this.cancel();
                  this.getList();
                }

              });
            } else {
              if (this.form.proParentId === 0) {
@@ -1164,10 +1283,11 @@
                this.$message.error("请填写父项名称或科室名称");
                this.open = true;
              } else {
              
                this.form.lisXmbm = this.form.lisXmbm;
                addProject(this.form).then((response) => {
                  this.$modal.msgSuccess("新增成功");
                  this.cancel();
                  this.getList();
                });
              }
            }
@@ -1246,4 +1366,14 @@
  background-color: #e5f3ff !important;
  color: #333 !important;
}

.el-scrollbar__bar.is-vertical {
  opacity: 1;
  padding-right: 5px;
  width: 7px;
}

.el-scrollbar__wrap {
  overflow-x: hidden;
}
</style>