|
|
@@ -0,0 +1,1636 @@
|
|
|
+<template>
|
|
|
+ <div class="druglist">
|
|
|
+ <!-- 顶部筛选 -->
|
|
|
+ <div class="screening">
|
|
|
+ <div class="screening-title flex-vertical-center-l">
|
|
|
+ <img src="~@/assets/filters.png" alt />
|
|
|
+ </div>
|
|
|
+ <div class="screening-form flex-vertical-center-l flex-wrap">
|
|
|
+ <div class="screening-item flex-vertical-center-l">
|
|
|
+ <span>医共体名称：</span>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ size="mini"
|
|
|
+ placeholder="请选择"
|
|
|
+ v-model="searchData.ygtid"
|
|
|
+ @change="onSearchYgtChange"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.pid"
|
|
|
+ v-for="(item, index) in doctorBodyList"
|
|
|
+ :key="index"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="screening-item flex-vertical-center-l">
|
|
|
+ <span>医疗机构名称：</span>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ size="mini"
|
|
|
+ placeholder="请选择"
|
|
|
+ clearable
|
|
|
+ v-model="searchData.stitutionsId"
|
|
|
+ @change="onSearchInstitutionChange"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ v-for="(item, index) in institutionList"
|
|
|
+ :key="index"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="screening-item flex-vertical-center-l">
|
|
|
+ <span>科室名称：</span>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ size="mini"
|
|
|
+ placeholder="请选择"
|
|
|
+ clearable
|
|
|
+ v-model="searchData.departmentidSelsource"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ v-for="(item, index) in departList"
|
|
|
+ :key="index"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-button type="primary" size="mini" @click="search()">搜索</el-button>
|
|
|
+ <el-button type="warning" size="mini" @click="clearFilter()"
|
|
|
+ >清空</el-button
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-button type="primary" size="mini" @click="openEditDialog()"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 底部表格数据 -->
|
|
|
+ <div class="table">
|
|
|
+ <div class="today-table">
|
|
|
+ <div class="table-container">
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ stripe
|
|
|
+ style="width: 100%"
|
|
|
+ border
|
|
|
+ height="100%"
|
|
|
+ cell-class-name="cell-max-height"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="id"
|
|
|
+ label="序号"
|
|
|
+ width="50"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="name"
|
|
|
+ width="200"
|
|
|
+ label="非药物目录名称"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="ygtName"
|
|
|
+ width="200"
|
|
|
+ label="医共体"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="stitutionsName"
|
|
|
+ width="200"
|
|
|
+ label="医疗机构"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="departmentName"
|
|
|
+ label="科室"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="describe"
|
|
|
+ label="非药物目录描述"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" width="300">
|
|
|
+ <div class="flex-center operation" slot-scope="scope">
|
|
|
+ <div class="flex-center" @click="openEditDialog(scope.row)">
|
|
|
+ 修改
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="flex-center bg-yellow"
|
|
|
+ @click="openMapPage(scope.row)"
|
|
|
+ >
|
|
|
+ 映射管理
|
|
|
+ </div>
|
|
|
+ <div class="flex-center" @click="openEditProject(scope.row)">
|
|
|
+ 编辑项目
|
|
|
+ </div>
|
|
|
+ <div class="flex-center bg-yellow">
|
|
|
+ 导入
|
|
|
+ <input
|
|
|
+ type="file"
|
|
|
+ accept=".xlsx,.xls"
|
|
|
+ runat="server"
|
|
|
+ @change="uploadXSL($event, scope.row)"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="flex-center bg-yellow"
|
|
|
+ @click="exportData(scope.row)"
|
|
|
+ >
|
|
|
+ 导出
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="flex-center bg-green"
|
|
|
+ @click="downloadTemplate(scope.row)"
|
|
|
+ >
|
|
|
+ 模版下载
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="flex-vertical-center-r today-page">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout=" prev, pager, next, jumper, total"
|
|
|
+ :total="total"
|
|
|
+ :page-size="limit"
|
|
|
+ @current-change="sizeC($event)"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <popup
|
|
|
+ distanceTop="5vh"
|
|
|
+ :showDialog="showEditDialog"
|
|
|
+ :loading="editLoading"
|
|
|
+ @cancle="
|
|
|
+ showEditDialog = false;
|
|
|
+ editLoading = false;
|
|
|
+ "
|
|
|
+ @confim="submitEditData()"
|
|
|
+ :title="editData.pid ? '修改非药物目录' : '新增非药物目录'"
|
|
|
+ >
|
|
|
+ <div class="flex-center" slot="body">
|
|
|
+ <div class="form">
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">非药物目录名称：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="editData.name"
|
|
|
+ placeholder="请输入非药物目录名称"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">医共体：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ placeholder="请选择医共体"
|
|
|
+ v-model="editData.ygtid"
|
|
|
+ @change="onEditYgtChange"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.pid"
|
|
|
+ v-for="(item, index) in doctorBodyList"
|
|
|
+ :key="index"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span> </span>
|
|
|
+ <div class="name">医疗机构：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ placeholder="请选择医疗机构"
|
|
|
+ clearable
|
|
|
+ v-model="editData.stitutionsId"
|
|
|
+ @change="onEditInstitutionChangeSingle"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ v-for="(item, index) in editInstitutionList"
|
|
|
+ :key="index"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span> </span>
|
|
|
+ <div class="name">科室：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ placeholder="请选择科室"
|
|
|
+ clearable
|
|
|
+ multiple
|
|
|
+ v-model="editData.departmentidSelsource"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ v-for="(item, index) in editDepartList"
|
|
|
+ :key="index"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex-plane-center-l">
|
|
|
+ <span> </span>
|
|
|
+ <div class="name">非药物目录描述：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ v-model="editData.describe"
|
|
|
+ placeholder="请输入描述"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </popup>
|
|
|
+
|
|
|
+ <!-- 编辑项目弹窗 -->
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="showProjectDialog"
|
|
|
+ :title="projectDialogTitle"
|
|
|
+ width="100%"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ top="0"
|
|
|
+ custom-class="project-full-dialog"
|
|
|
+ :fullscreen="true"
|
|
|
+ >
|
|
|
+ <div class="project-dialog">
|
|
|
+ <div class="project-toolbar">
|
|
|
+ <el-button type="primary" size="mini" @click="openItemDialog()"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="projectListData"
|
|
|
+ stripe
|
|
|
+ border
|
|
|
+ height="calc(100vh - 180px)"
|
|
|
+ size="mini"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ width="50"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="itemCode"
|
|
|
+ label="编码"
|
|
|
+ width="100"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="itemName"
|
|
|
+ label="项目名称"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="connotation"
|
|
|
+ label="项目内涵"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="excludedContent"
|
|
|
+ label="除外内容"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="pricingUnit"
|
|
|
+ label="计价单位"
|
|
|
+ width="80"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="price"
|
|
|
+ label="价格"
|
|
|
+ width="80"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="remark"
|
|
|
+ label="备注"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="limitPayScope"
|
|
|
+ label="限定支付范围"
|
|
|
+ width="140"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column label="详情默认值" width="100" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{
|
|
|
+ getOptionLabel(detailDefaultOptions, scope.row.detailDefault)
|
|
|
+ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="详情是否必填" width="110" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.detailIsnull === "1" ? "是" : "否" }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="singleNumber"
|
|
|
+ label="单次数量"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{
|
|
|
+ getOptionLabel(singleQuantityOptions, scope.row.singleNumber)
|
|
|
+ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="详情累计项" width="100" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ getDetailCumulativeLabel(scope.row.detailCumulative) }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="countCoefficient"
|
|
|
+ label="计数系数"
|
|
|
+ width="80"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="minTreatmentDuration"
|
|
|
+ label="最少治疗时长(分钟)"
|
|
|
+ width="120"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column label="分类" width="80" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ getOptionLabel(categoryOptions, scope.row.classify) }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span class="op-text op-blue" @click="openItemDialog(scope.row)"
|
|
|
+ >修改</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="op-text op-orange"
|
|
|
+ @click="deleteProjectItem(scope.row)"
|
|
|
+ >删除</span
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="flex-vertical-center-r today-page" style="margin-top: 10px">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="prev, pager, next, jumper, total"
|
|
|
+ :total="projectTotal"
|
|
|
+ :page-size="projectLimit"
|
|
|
+ @current-change="projectPageChange($event)"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 项目新增/修改弹窗 -->
|
|
|
+ <popup
|
|
|
+ distanceTop="10vh"
|
|
|
+ :showDialog="showItemDialog"
|
|
|
+ :loading="false"
|
|
|
+ @cancle="showItemDialog = false"
|
|
|
+ @confim="submitItemData()"
|
|
|
+ :title="itemEditData.pid ? '修改项目' : '新增项目'"
|
|
|
+ width="50%"
|
|
|
+ >
|
|
|
+ <div class="flex-center" slot="body">
|
|
|
+ <div class="form" style="width: 100%">
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">编码：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.itemCode"
|
|
|
+ placeholder="请输入编码"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">项目名称：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.itemName"
|
|
|
+ placeholder="请输入项目名称"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span> </span>
|
|
|
+ <div class="name">项目内涵：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.connotation"
|
|
|
+ placeholder="请输入项目内涵"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span> </span>
|
|
|
+ <div class="name">除外内容：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.excludedContent"
|
|
|
+ placeholder="请输入除外内容"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">计价单位：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.pricingUnit"
|
|
|
+ placeholder="请输入计价单位"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">价格：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.price"
|
|
|
+ placeholder="请输入价格"
|
|
|
+ type="number"
|
|
|
+ @input="itemEditData.price = itemEditData.price.replace(/[^0-9.]/g, '')"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span> </span>
|
|
|
+ <div class="name">备注：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.remark"
|
|
|
+ placeholder="请输入备注"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span> </span>
|
|
|
+ <div class="name">限定支付范围：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.limitPayScope"
|
|
|
+ placeholder="请输入限定支付范围"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">详情默认值：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="itemEditData.detailDefault"
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in detailDefaultOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">详情是否必填：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="itemEditData.detailIsnull"
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in detailRequiredOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">单次数量：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="itemEditData.singleNumber"
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in singleQuantityOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span> </span>
|
|
|
+ <div class="name">详情累计项：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="itemEditData.detailCumulative"
|
|
|
+ placeholder="请选择"
|
|
|
+ multiple
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in detailCumulativeOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span> </span>
|
|
|
+ <div class="name">计数系数：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.countCoefficient"
|
|
|
+ placeholder="请输入计数系数"
|
|
|
+ type="number"
|
|
|
+ @input="itemEditData.countCoefficient = itemEditData.countCoefficient.replace(/[^0-9]/g, '')"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">最少治疗时长：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-input
|
|
|
+ v-model="itemEditData.minTreatmentDuration"
|
|
|
+ placeholder="请输入最少治疗时长"
|
|
|
+ type="number"
|
|
|
+ @input="itemEditData.minTreatmentDuration = itemEditData.minTreatmentDuration.replace(/[^0-9]/g, '')"
|
|
|
+ >
|
|
|
+ <template slot="append">分钟</template>
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item flex flex-col-center">
|
|
|
+ <span>*</span>
|
|
|
+ <div class="name">分类：</div>
|
|
|
+ <div class="input">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="itemEditData.classify"
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in categoryOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </popup>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import popup from "@/components/Propup.vue";
|
|
|
+import {
|
|
|
+ getNondrugList,
|
|
|
+ addNondrugCatalog,
|
|
|
+ updateNondrugCatalog,
|
|
|
+ getCatalogDetailsList,
|
|
|
+ addNondrugItem,
|
|
|
+ updateNondrugItem,
|
|
|
+ batchDeleteNondrugItem,
|
|
|
+ importNondrug,
|
|
|
+ exportNondrug,
|
|
|
+ downloadNondrugTemplate,
|
|
|
+} from "@/api/nonDrug.js";
|
|
|
+
|
|
|
+import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
|
|
|
+import {
|
|
|
+ getDoctorBodySelect,
|
|
|
+ getMedSelect,
|
|
|
+ getDepartSelect,
|
|
|
+} from "@/api/system.js";
|
|
|
+import { errLog } from "vxe-pc-ui";
|
|
|
+
|
|
|
+let cache = new Map();
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ popup,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ searchData: {
|
|
|
+ ygtid: "",
|
|
|
+ stitutionsId: "",
|
|
|
+ departmentidSelsource: "",
|
|
|
+ },
|
|
|
+ // 搜索区域下拉列表
|
|
|
+ institutionList: [],
|
|
|
+ departList: [],
|
|
|
+
|
|
|
+ tableData: [],
|
|
|
+ page: 1,
|
|
|
+ limit: 10,
|
|
|
+ total: 0,
|
|
|
+
|
|
|
+ // 编辑表单
|
|
|
+ showEditDialog: false,
|
|
|
+ editLoading: false,
|
|
|
+ editData: {
|
|
|
+ ygtid: "",
|
|
|
+ stitutionsId: "",
|
|
|
+ departmentidSelsource: [],
|
|
|
+ name: "",
|
|
|
+ describe: "",
|
|
|
+ },
|
|
|
+ // 编辑区域下拉列表
|
|
|
+ editInstitutionList: [],
|
|
|
+ editDepartList: [],
|
|
|
+
|
|
|
+ pid: "",
|
|
|
+ nowPid: "",
|
|
|
+
|
|
|
+ // 医共体
|
|
|
+ doctorBodyList: [],
|
|
|
+
|
|
|
+ // 编辑项目弹窗
|
|
|
+ showProjectDialog: false,
|
|
|
+ projectDialogTitle: "",
|
|
|
+ currentProjectPid: "",
|
|
|
+ currentProjectRow: null,
|
|
|
+ projectListData: [],
|
|
|
+ projectPage: 1,
|
|
|
+ projectLimit: 10,
|
|
|
+ projectTotal: 0,
|
|
|
+
|
|
|
+ // 项目新增/修改
|
|
|
+ showItemDialog: false,
|
|
|
+ itemEditData: {},
|
|
|
+
|
|
|
+ // 下拉选项（从 data/classify.json 加载）
|
|
|
+ detailDefaultOptions: [],
|
|
|
+ detailRequiredOptions: [
|
|
|
+ { label: "是", value: "1" },
|
|
|
+ { label: "否", value: "0" },
|
|
|
+ ],
|
|
|
+ singleQuantityOptions: [],
|
|
|
+ detailCumulativeOptions: [],
|
|
|
+ categoryOptions: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ async created() {
|
|
|
+ this.getCascaderA();
|
|
|
+ await this.loadClassifyOptions();
|
|
|
+ await this.getList();
|
|
|
+ this.nowPid = this.getuserinfo.organizationid;
|
|
|
+ },
|
|
|
+ destroyed() {
|
|
|
+ cache.clear();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // ===== 加载下拉选项 =====
|
|
|
+ async loadClassifyOptions() {
|
|
|
+ try {
|
|
|
+ const res = await fetch(`${window.BASE_URL}data/classify.json`);
|
|
|
+ const data = await res.json();
|
|
|
+ this.categoryOptions = data.classify || [];
|
|
|
+ this.detailDefaultOptions = data.detailDefault || [];
|
|
|
+ this.detailCumulativeOptions = data.detailCumulative || [];
|
|
|
+ this.singleQuantityOptions = data.singleNumber || [];
|
|
|
+ } catch (e) {
|
|
|
+ console.error("加载分类选项失败", e);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // ===== 搜索区域联动 =====
|
|
|
+ async onSearchYgtChange(ygtid) {
|
|
|
+ this.searchData.stitutionsId = "";
|
|
|
+ this.searchData.departmentidSelsource = "";
|
|
|
+ this.institutionList = [];
|
|
|
+ this.departList = [];
|
|
|
+ if (ygtid) await this.loadInstitutionList(ygtid, "search");
|
|
|
+ },
|
|
|
+ async onSearchInstitutionChange(institutionId) {
|
|
|
+ this.searchData.departmentidSelsource = "";
|
|
|
+ this.departList = [];
|
|
|
+ if (institutionId) await this.loadDepartList(institutionId, "search");
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 编辑区域联动 =====
|
|
|
+ async onEditYgtChange(ygtid) {
|
|
|
+ this.editData.stitutionsId = "";
|
|
|
+ this.editData.departmentidSelsource = [];
|
|
|
+ this.editInstitutionList = [];
|
|
|
+ this.editDepartList = [];
|
|
|
+ if (ygtid) await this.loadInstitutionList(ygtid, "edit");
|
|
|
+ },
|
|
|
+ async onEditInstitutionChangeSingle(institutionId) {
|
|
|
+ this.editData.departmentidSelsource = [];
|
|
|
+ this.editDepartList = [];
|
|
|
+ if (institutionId) await this.loadDepartList(institutionId, "edit");
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 通用数据加载 =====
|
|
|
+ async loadInstitutionList(organizationId, type) {
|
|
|
+ const key = "inst_" + organizationId;
|
|
|
+ let nodes = cache.has(key)
|
|
|
+ ? cache.get(key)
|
|
|
+ : await getMedSelect({ organizationId })
|
|
|
+ .then((res) =>
|
|
|
+ res && +res.ResultCode === 0
|
|
|
+ ? res.Data.map((item) => ({
|
|
|
+ label: item.name,
|
|
|
+ value: item.pid,
|
|
|
+ }))
|
|
|
+ : [],
|
|
|
+ )
|
|
|
+ .catch(() => []);
|
|
|
+ cache.set(key, nodes);
|
|
|
+ if (type === "search") this.institutionList = nodes;
|
|
|
+ else this.editInstitutionList = nodes;
|
|
|
+ return nodes;
|
|
|
+ },
|
|
|
+ async loadDepartList(institutionId, type) {
|
|
|
+ const nodes = await this.getDepartNodes(institutionId);
|
|
|
+ if (type === "search") this.departList = nodes;
|
|
|
+ else this.editDepartList = nodes;
|
|
|
+ return nodes;
|
|
|
+ },
|
|
|
+ async getDepartNodes(institutionId) {
|
|
|
+ const key = "dept_" + institutionId;
|
|
|
+ if (cache.has(key)) return cache.get(key);
|
|
|
+ const nodes = await getDepartSelect({ institutionId })
|
|
|
+ .then((res) =>
|
|
|
+ res && +res.ResultCode === 0
|
|
|
+ ? res.Data.map((item) => ({ label: item.name, value: item.pid }))
|
|
|
+ : [],
|
|
|
+ )
|
|
|
+ .catch(() => []);
|
|
|
+ cache.set(key, nodes);
|
|
|
+ return nodes;
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 获取医共体 =====
|
|
|
+ async getCascaderA() {
|
|
|
+ const res = await getDoctorBodySelect();
|
|
|
+ if (res && +res.ResultCode === 0) {
|
|
|
+ this.doctorBodyList = res.Data;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 映射管理跳转 =====
|
|
|
+ openMapPage(row) {
|
|
|
+ this.$router.push({
|
|
|
+ path: `/index/nondrugmaplist?pid=${row.pid}&ygtid=${row.ygtid ||
|
|
|
+ ""}&ygtName=${encodeURIComponent(
|
|
|
+ row.ygtName || "",
|
|
|
+ )}&stitutionsId=${row.stitutionsId ||
|
|
|
+ ""}&departmentidSelsource=${row.departmentidSelsource || ""}`,
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 新增/编辑弹窗 =====
|
|
|
+ async openEditDialog(row = {}) {
|
|
|
+ this.editInstitutionList = [];
|
|
|
+ this.editDepartList = [];
|
|
|
+ this.editData = {
|
|
|
+ pid: row.pid,
|
|
|
+ describe: row.describe || "",
|
|
|
+ name: row.name || "",
|
|
|
+ ygtid: row.ygtid || this.searchData.ygtid,
|
|
|
+ stitutionsId: "",
|
|
|
+ departmentidSelsource: [],
|
|
|
+ };
|
|
|
+ this.editLoading = true;
|
|
|
+ this.showEditDialog = true;
|
|
|
+
|
|
|
+ if (this.editData.ygtid) {
|
|
|
+ await this.loadInstitutionList(this.editData.ygtid, "edit");
|
|
|
+
|
|
|
+ if (row.stitutionsId) {
|
|
|
+ // 加载科室
|
|
|
+ const nodes = await this.getDepartNodes(row.stitutionsId);
|
|
|
+ this.editDepartList = nodes;
|
|
|
+
|
|
|
+ // 用 $set 确保响应式更新，一次性设置避免中间态
|
|
|
+ this.$set(this.editData, "stitutionsId", row.stitutionsId);
|
|
|
+ this.$set(
|
|
|
+ this.editData,
|
|
|
+ "departmentidSelsource",
|
|
|
+ row.departmentidSelsource
|
|
|
+ ? row.departmentidSelsource.split(",").filter(Boolean)
|
|
|
+ : [],
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.editLoading = false;
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 提交编辑 =====
|
|
|
+ async submitEditData() {
|
|
|
+ if (!this.editData.name || !this.editData.name.trim()) {
|
|
|
+ return this.$message.warning("请输入非药物目录名称");
|
|
|
+ }
|
|
|
+ if (!this.editData.ygtid) {
|
|
|
+ return this.$message.warning("请选择医共体");
|
|
|
+ }
|
|
|
+
|
|
|
+ // 校验唯一性：同一医共体/机构下，任一科室不可重复
|
|
|
+ {
|
|
|
+ const editDeptIds = Array.isArray(this.editData.departmentidSelsource)
|
|
|
+ ? this.editData.departmentidSelsource
|
|
|
+ : (this.editData.departmentidSelsource || "")
|
|
|
+ .split(",")
|
|
|
+ .filter(Boolean);
|
|
|
+ if (editDeptIds.length > 0 && this.editData.stitutionsId) {
|
|
|
+ const checkRes = await getNondrugList({
|
|
|
+ page: 1,
|
|
|
+ limit: 9999,
|
|
|
+ ygtid: this.editData.ygtid,
|
|
|
+ });
|
|
|
+ if (checkRes.ResultCode == 0) {
|
|
|
+ const items = (checkRes.Data.Items || []).filter(
|
|
|
+ (item) => item.pid !== this.editData.pid,
|
|
|
+ );
|
|
|
+ // 找出同一机构下的记录，逐个科室检查是否已存在
|
|
|
+ const matchedItems = items.filter(
|
|
|
+ (item) =>
|
|
|
+ (item.stitutionsId || "") === this.editData.stitutionsId &&
|
|
|
+ (item.departmentidSelsource || ""),
|
|
|
+ );
|
|
|
+ // 收集已存在的科室ID -> 名称映射
|
|
|
+ const existDeptMap = {};
|
|
|
+ matchedItems.forEach((item) => {
|
|
|
+ const ids = (item.departmentidSelsource || "")
|
|
|
+ .split(",")
|
|
|
+ .filter(Boolean);
|
|
|
+ ids.forEach((id) => {
|
|
|
+ if (!existDeptMap[id]) {
|
|
|
+ existDeptMap[id] =
|
|
|
+ item.departmentName || item.stitutionsName || "";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ const conflictIds = editDeptIds.filter((id) => existDeptMap[id]);
|
|
|
+ if (conflictIds.length > 0) {
|
|
|
+ // 用 editDepartList 查出冲突科室名称
|
|
|
+ const conflictNames = conflictIds
|
|
|
+ .map((id) => {
|
|
|
+ const dept = this.editDepartList.find(
|
|
|
+ (d) => d.value === id,
|
|
|
+ );
|
|
|
+ return dept ? dept.label : id;
|
|
|
+ })
|
|
|
+ .join("、");
|
|
|
+ const ygtName =
|
|
|
+ this.doctorBodyList.find(
|
|
|
+ (i) => i.pid === this.editData.ygtid,
|
|
|
+ )?.name || "";
|
|
|
+ const instName =
|
|
|
+ this.editInstitutionList.find(
|
|
|
+ (i) => i.value === this.editData.stitutionsId,
|
|
|
+ )?.label || "";
|
|
|
+ return this.$message.warning(
|
|
|
+ `${ygtName}-${instName}-${conflictNames}的非药物目录已存在`,
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ const ygtItem = this.doctorBodyList.find(
|
|
|
+ (item) => item.pid === this.editData.ygtid,
|
|
|
+ );
|
|
|
+ // 构造 医共体 / 机构 / 科室 树
|
|
|
+ const instItem = this.editInstitutionList.find(
|
|
|
+ (item) => item.value === this.editData.stitutionsId,
|
|
|
+ );
|
|
|
+
|
|
|
+ // 多选科室：数组转逗号分隔字符串
|
|
|
+ const deptIds = Array.isArray(this.editData.departmentidSelsource)
|
|
|
+ ? this.editData.departmentidSelsource
|
|
|
+ : (this.editData.departmentidSelsource || "").split(",").filter(Boolean);
|
|
|
+ const deptIdsStr = deptIds.join(",");
|
|
|
+ const deptNamesStr = deptIds
|
|
|
+ .map((id) => {
|
|
|
+ const dept = this.editDepartList.find((d) => d.value === id);
|
|
|
+ return dept ? dept.label : "";
|
|
|
+ })
|
|
|
+ .filter(Boolean)
|
|
|
+ .join(",");
|
|
|
+
|
|
|
+ const params = {
|
|
|
+ pid: this.editData.pid || undefined,
|
|
|
+ name: this.editData.name,
|
|
|
+ describe: this.editData.describe,
|
|
|
+ ygtid: this.editData.ygtid,
|
|
|
+ ygtName: ygtItem ? ygtItem.name : "",
|
|
|
+ stitutionsId: this.editData.stitutionsId,
|
|
|
+ stitutionsName: instItem ? instItem.label : "",
|
|
|
+ departmentidSelsource: deptIdsStr,
|
|
|
+ departmentName: deptNamesStr,
|
|
|
+ };
|
|
|
+
|
|
|
+ params.groupInfo = [
|
|
|
+ {
|
|
|
+ pid: this.editData.ygtid,
|
|
|
+ name: ygtItem ? ygtItem.name : "",
|
|
|
+ children: params.stitutionsId
|
|
|
+ ? [
|
|
|
+ {
|
|
|
+ pid: params.stitutionsId,
|
|
|
+ name: instItem ? instItem.label : "",
|
|
|
+ children: deptIds.length
|
|
|
+ ? deptIds.map((id) => {
|
|
|
+ const dept = this.editDepartList.find((d) => d.value === id);
|
|
|
+ return {
|
|
|
+ pid: id,
|
|
|
+ name: dept ? dept.label : "",
|
|
|
+ children: [],
|
|
|
+ };
|
|
|
+ })
|
|
|
+ : [],
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ : [],
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ params.groupInfo = JSON.stringify(params.groupInfo);
|
|
|
+
|
|
|
+ const res = await (params.pid
|
|
|
+ ? updateNondrugCatalog(params)
|
|
|
+ : addNondrugCatalog(params));
|
|
|
+ if (res.ResultCode == 0) {
|
|
|
+ this.$message.success(params.pid ? "操作成功" : "添加成功");
|
|
|
+ this.showEditDialog = false;
|
|
|
+ await this.getList();
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 列表相关 =====
|
|
|
+ sizeC(e) {
|
|
|
+ this.page = e;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ search() {
|
|
|
+ this.page = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ clearFilter() {
|
|
|
+ this.searchData = {
|
|
|
+ ygtid: "",
|
|
|
+ stitutionsId: "",
|
|
|
+ departmentidSelsource: "",
|
|
|
+ };
|
|
|
+ this.institutionList = [];
|
|
|
+ this.departList = [];
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ async getList() {
|
|
|
+ let params = {
|
|
|
+ page: this.page,
|
|
|
+ limit: this.limit,
|
|
|
+ ygtid: this.searchData.ygtid,
|
|
|
+ stitutionsId: this.searchData.stitutionsId,
|
|
|
+ departmentidSelsource: this.searchData.departmentidSelsource,
|
|
|
+ };
|
|
|
+ let res = await getNondrugList(params);
|
|
|
+ if (res.ResultCode == 0) {
|
|
|
+ const items = res.Data.Items;
|
|
|
+ this.total = res.Data.TotalRecordCount;
|
|
|
+ items.forEach((item, index) => {
|
|
|
+ item.id = (this.page - 1) * this.limit + index + 1;
|
|
|
+ });
|
|
|
+ this.tableData = items;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 编辑项目 =====
|
|
|
+ openEditProject(row) {
|
|
|
+ this.currentProjectRow = row;
|
|
|
+ this.currentProjectPid = row.pid;
|
|
|
+ this.projectDialogTitle = (row.name || "") + "非药物目录";
|
|
|
+ this.projectPage = 1;
|
|
|
+ this.showProjectDialog = true;
|
|
|
+ this.getProjectList();
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 编辑项目列表 =====
|
|
|
+ projectPageChange(e) {
|
|
|
+ this.projectPage = e;
|
|
|
+ this.getProjectList();
|
|
|
+ },
|
|
|
+ async getProjectList() {
|
|
|
+ const row = this.currentProjectRow || {};
|
|
|
+ const params = {
|
|
|
+ // page: this.projectPage,
|
|
|
+ // limit: this.projectLimit,
|
|
|
+ pageNum: this.projectPage,
|
|
|
+ pageSize: this.projectLimit,
|
|
|
+ appId: row.ygtid || "",
|
|
|
+ deptId: row.departmentidSelsource || "",
|
|
|
+ institutionCode: row.stitutionsId || "",
|
|
|
+ };
|
|
|
+ try {
|
|
|
+ const res = await getCatalogDetailsList(params);
|
|
|
+ if (res.ResultCode == 0) {
|
|
|
+ this.projectListData = res?.Data?.list || [];
|
|
|
+ this.projectTotal = res?.Data?.total || 0;
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.ResultInfo || "获取列表失败");
|
|
|
+ }
|
|
|
+ } catch (e) {
|
|
|
+ this.$message.error(e.message || "获取列表失败");
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 项目新增/修改 =====
|
|
|
+ openItemDialog(row) {
|
|
|
+ if (row && row.pid) {
|
|
|
+ this.itemEditData = { ...row };
|
|
|
+ if (
|
|
|
+ this.itemEditData.detailCumulative &&
|
|
|
+ typeof this.itemEditData.detailCumulative === "string"
|
|
|
+ ) {
|
|
|
+ this.itemEditData.detailCumulative = this.itemEditData.detailCumulative
|
|
|
+ .split(/[,、]/)
|
|
|
+ .filter(Boolean)
|
|
|
+ .map((v) => String(v));
|
|
|
+ } else if (Array.isArray(this.itemEditData.detailCumulative)) {
|
|
|
+ this.itemEditData.detailCumulative = this.itemEditData.detailCumulative.map((v) =>
|
|
|
+ String(v),
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (!Array.isArray(this.itemEditData.detailCumulative)) {
|
|
|
+ this.itemEditData.detailCumulative = [];
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.itemEditData = {
|
|
|
+ itemCode: "",
|
|
|
+ itemName: "",
|
|
|
+ connotation: "",
|
|
|
+ excludedContent: "",
|
|
|
+ pricingUnit: "",
|
|
|
+ price: "",
|
|
|
+ remark: "",
|
|
|
+ limitPayScope: "",
|
|
|
+ detailDefault: "",
|
|
|
+ detailIsnull: "",
|
|
|
+ singleNumber: "",
|
|
|
+ detailCumulative: [],
|
|
|
+ countCoefficient: "",
|
|
|
+ minTreatmentDuration: "",
|
|
|
+ classify: "",
|
|
|
+ };
|
|
|
+ }
|
|
|
+ this.showItemDialog = true;
|
|
|
+ },
|
|
|
+ async submitItemData() {
|
|
|
+ const d = this.itemEditData;
|
|
|
+ if (!d.itemCode || !d.itemCode.trim())
|
|
|
+ return this.$message.error("请输入编码");
|
|
|
+ if (!d.itemName || !d.itemName.trim())
|
|
|
+ return this.$message.error("请输入项目名称");
|
|
|
+ // 新增时校验编码和项目名称不能重复
|
|
|
+ if (!d.pid) {
|
|
|
+ const duplicateCode = this.projectListData.find(
|
|
|
+ (item) => item.itemCode === d.itemCode.trim(),
|
|
|
+ );
|
|
|
+ if (duplicateCode) {
|
|
|
+ return this.$message.error("编码已存在，请勿重复添加");
|
|
|
+ }
|
|
|
+ const duplicateName = this.projectListData.find(
|
|
|
+ (item) => item.itemName === d.itemName.trim(),
|
|
|
+ );
|
|
|
+ if (duplicateName) {
|
|
|
+ return this.$message.error("项目名称已存在，请勿重复添加");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!d.pricingUnit || !d.pricingUnit.trim())
|
|
|
+ return this.$message.error("请输入计价单位");
|
|
|
+ if (d.price === "" || d.price === null || d.price === undefined)
|
|
|
+ return this.$message.error("请输入价格");
|
|
|
+ if (Number(d.price) < 0)
|
|
|
+ return this.$message.error("价格不能为负数");
|
|
|
+ if (d.countCoefficient !== "" && d.countCoefficient !== null && d.countCoefficient !== undefined) {
|
|
|
+ if (!/^\d+$/.test(String(d.countCoefficient)) || Number(d.countCoefficient) <= 0)
|
|
|
+ return this.$message.error("计数系数必须为正整数");
|
|
|
+ }
|
|
|
+ if (!d.detailDefault) return this.$message.error("请选择详情默认值");
|
|
|
+ if (!d.detailIsnull && d.detailIsnull !== 0)
|
|
|
+ return this.$message.error("请选择详情是否必填");
|
|
|
+ if (!d.singleNumber) return this.$message.error("请选择单次数量");
|
|
|
+ if (!d.minTreatmentDuration)
|
|
|
+ return this.$message.error("请输入最少治疗时长");
|
|
|
+ if (!/^\d+$/.test(String(d.minTreatmentDuration)) || Number(d.minTreatmentDuration) <= 0)
|
|
|
+ return this.$message.error("最少治疗时长必须为正整数");
|
|
|
+ if (!d.classify) return this.$message.error("请选择分类");
|
|
|
+ try {
|
|
|
+ const params = { ...this.itemEditData };
|
|
|
+ if (Array.isArray(params.detailCumulative)) {
|
|
|
+ params.detailCumulative = params.detailCumulative.join(",");
|
|
|
+ }
|
|
|
+ const row = this.currentProjectRow || {};
|
|
|
+ params.appId = row.ygtid || "";
|
|
|
+ params.institutionCode = row.stitutionsId || "";
|
|
|
+ params.deptId = row.departmentidSelsource || "";
|
|
|
+ const res = await (params.pid
|
|
|
+ ? updateNondrugItem(params)
|
|
|
+ : addNondrugItem(params));
|
|
|
+ if (res.ResultCode == 0) {
|
|
|
+ this.$message.success(params.pid ? "修改成功" : "新增成功");
|
|
|
+ this.showItemDialog = false;
|
|
|
+ this.getProjectList();
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.ResultInfo || "操作失败");
|
|
|
+ }
|
|
|
+ } catch (e) {
|
|
|
+ this.$message.error(e.message || "操作失败");
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 项目删除 =====
|
|
|
+ deleteProjectItem(row) {
|
|
|
+ this.$confirm("确认删除该条目吗？", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(async () => {
|
|
|
+ try {
|
|
|
+ const res = await batchDeleteNondrugItem({ ids: row.pid });
|
|
|
+ if (res.ResultCode == 0) {
|
|
|
+ this.$message.success("删除成功");
|
|
|
+ this.getProjectList();
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.ResultInfo || "删除失败");
|
|
|
+ }
|
|
|
+ } catch (e) {
|
|
|
+ this.$message.error(e.message || "删除失败");
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 标签映射 =====
|
|
|
+ getOptionLabel(options, value) {
|
|
|
+ if ((value === "" || value === null || value === undefined) && value !== 0) return "-";
|
|
|
+ const sv = String(value);
|
|
|
+ const item = options.find((o) => String(o.value) === sv);
|
|
|
+ return item ? item.label : value;
|
|
|
+ },
|
|
|
+ getDetailCumulativeLabel(val) {
|
|
|
+ if (!val) return "-";
|
|
|
+ const arr = String(val).split(/[,、]/).filter(Boolean);
|
|
|
+ return arr
|
|
|
+ .map((v) => this.getOptionLabel(this.detailCumulativeOptions, v))
|
|
|
+ .join(",");
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 模版下载 =====
|
|
|
+ async downloadTemplate(row) {
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: "正在下载，请稍后",
|
|
|
+ spinner: "el-icon-loading",
|
|
|
+ background: "rgba(0, 0, 0, 0.7)",
|
|
|
+ });
|
|
|
+ try {
|
|
|
+ const res = await downloadNondrugTemplate();
|
|
|
+ if (res && res.ResultCode == 0) {
|
|
|
+ let path = process.env.VUE_APP_UPLOAD + "file/" + res.ResultInfo;
|
|
|
+ const a = document.createElement("a");
|
|
|
+ a.setAttribute("download", "");
|
|
|
+ a.setAttribute("href", path);
|
|
|
+ a.click();
|
|
|
+ a.remove();
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "下载成功",
|
|
|
+ showClose: true,
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.ResultInfo || "下载失败");
|
|
|
+ }
|
|
|
+ } catch (e) {
|
|
|
+ this.$message.error(e.message || "下载失败");
|
|
|
+ } finally {
|
|
|
+ loading.close();
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 导出 =====
|
|
|
+ async exportData(row) {
|
|
|
+ let params = {
|
|
|
+ basisNondrugcatalogueId: row.pid,
|
|
|
+ };
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: "正在导出，请稍后",
|
|
|
+ spinner: "el-icon-loading",
|
|
|
+ background: "rgba(0, 0, 0, 0.7)",
|
|
|
+ });
|
|
|
+ let res = await exportNondrug(params).catch(() => {
|
|
|
+ loading.close();
|
|
|
+ });
|
|
|
+ if (res && res.ResultCode == 0) {
|
|
|
+ let path = process.env.VUE_APP_UPLOAD + "file/" + res.ResultInfo;
|
|
|
+ const a = document.createElement("a");
|
|
|
+ a.setAttribute("download", "");
|
|
|
+ a.setAttribute("href", path);
|
|
|
+ a.click();
|
|
|
+ a.remove();
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "导出成功",
|
|
|
+ showClose: true,
|
|
|
+ });
|
|
|
+ loading.close();
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // ===== 导入 =====
|
|
|
+ uploadXSL(e, row) {
|
|
|
+ const file = e.target.files[0];
|
|
|
+ if (!file) return;
|
|
|
+ let formData = new FormData();
|
|
|
+ formData.append("file", file);
|
|
|
+ importNondrug({
|
|
|
+ appid: row.ygtid || "",
|
|
|
+ deptId: row.departmentidSelsource || "",
|
|
|
+ institutionCode: row.stitutionsId || "",
|
|
|
+ institutionName: row.stitutionsName || "",
|
|
|
+ formData,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.ResultCode == 0) {
|
|
|
+ this.$message({
|
|
|
+ message: "导入成功",
|
|
|
+ type: "success",
|
|
|
+ showClose: true,
|
|
|
+ });
|
|
|
+ this.getList();
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: res.ResultInfo || "导入失败",
|
|
|
+ type: "error",
|
|
|
+ showClose: true,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ // this.$message({ message: "导入失败", type: "error", showClose: true });
|
|
|
+ });
|
|
|
+ e.target.value = "";
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["getuserinfo"]),
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+@import "../../style/common.scss";
|
|
|
+@import "../../style/base.scss";
|
|
|
+
|
|
|
+.bg-yellow {
|
|
|
+ background: #ffae45;
|
|
|
+ position: relative;
|
|
|
+ width: 56px;
|
|
|
+ height: 28px;
|
|
|
+
|
|
|
+ border-radius: 4px;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-right: 10px;
|
|
|
+
|
|
|
+ input {
|
|
|
+ width: 74px;
|
|
|
+ height: 36px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.table {
|
|
|
+ padding: 10px 10px;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-top: 10px;
|
|
|
+ height: 70vh;
|
|
|
+
|
|
|
+ .table-container {
|
|
|
+ height: 90%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .today-table {
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ .operation {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-around;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ div {
|
|
|
+ width: 60px;
|
|
|
+ height: 24px;
|
|
|
+ background: #5386f6;
|
|
|
+ border-radius: 2px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 5px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg-yellow {
|
|
|
+ width: 80px;
|
|
|
+ height: 24px;
|
|
|
+ background: #ffae45;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg-red {
|
|
|
+ width: 80px;
|
|
|
+ height: 24px;
|
|
|
+ background: red;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg-green {
|
|
|
+ width: 80px;
|
|
|
+ height: 24px;
|
|
|
+ background: #67c23a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.table-body::v-deep .el-table .cell {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.el-table::v-deep {
|
|
|
+ .cell-max-height div {
|
|
|
+ max-height: 240px;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+@media screen and (min-width: 1681px) and (max-width: 1920px) {
|
|
|
+ .table {
|
|
|
+ height: 81vh;
|
|
|
+
|
|
|
+ .table-container {
|
|
|
+ height: 94%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .today-table::v-deep .el-table td {
|
|
|
+ padding: 18px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .today-table::v-deep .el-table th {
|
|
|
+ padding: 18px 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media screen and (min-width: 1601px) and (max-width: 1680px) {
|
|
|
+ .table {
|
|
|
+ height: 80vh;
|
|
|
+
|
|
|
+ .table-container {
|
|
|
+ height: 94%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .today-table::v-deep .el-table td {
|
|
|
+ padding: 18px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .today-table::v-deep .el-table th {
|
|
|
+ padding: 18px 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media screen and (min-width: 1361px) and (max-width: 1600px) {
|
|
|
+ .table {
|
|
|
+ height: 72vh;
|
|
|
+
|
|
|
+ .table-container {
|
|
|
+ height: 90%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .today-table::v-deep .el-table td {
|
|
|
+ padding: 5px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .today-table::v-deep .el-table th {
|
|
|
+ padding: 5px 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media screen and(min-width:1281px) and (max-width: 1360px) {
|
|
|
+ .table {
|
|
|
+ height: 72vh;
|
|
|
+
|
|
|
+ .table-container {
|
|
|
+ height: 90%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .today-table::v-deep .el-table td {
|
|
|
+ padding: 5px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .today-table::v-deep .el-table th {
|
|
|
+ padding: 5px 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.form {
|
|
|
+ width: 50%;
|
|
|
+
|
|
|
+ .form-item {
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: red;
|
|
|
+ width: 10px;
|
|
|
+ text-align: center;
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .name {
|
|
|
+ width: 150px;
|
|
|
+ white-space: nowrap;
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.link-text {
|
|
|
+ color: #5386f6;
|
|
|
+ cursor: pointer;
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+.op-text {
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 5px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.op-blue {
|
|
|
+ color: #5386f6;
|
|
|
+}
|
|
|
+.op-orange {
|
|
|
+ color: #ffae45;
|
|
|
+}
|
|
|
+
|
|
|
+.project-dialog {
|
|
|
+ .project-toolbar {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.group-form {
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ .group-form-item {
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+
|
|
|
+ .name {
|
|
|
+ width: 90px;
|
|
|
+ text-align: right;
|
|
|
+ margin-right: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .cond-label {
|
|
|
+ color: #333;
|
|
|
+ font-size: 14px;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .unit-label {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .group-count {
|
|
|
+ position: absolute;
|
|
|
+ right: 8px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ color: #ff4949;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.group-notice {
|
|
|
+ color: #e6a23c;
|
|
|
+ font-size: 13px;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding-left: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.group-btns {
|
|
|
+ margin-top: 15px;
|
|
|
+
|
|
|
+ .group-btn-delete {
|
|
|
+ width: 108px;
|
|
|
+ height: 40px;
|
|
|
+ background: #ff4949;
|
|
|
+ border-radius: 3px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: 30px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+.project-full-dialog {
|
|
|
+ margin: 0 !important;
|
|
|
+ .el-dialog__header {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .el-dialog__body {
|
|
|
+ padding: 10px 15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
张田田