<template>
|
<div class="app-container">
|
<el-row :gutter="20">
|
<!--部门数据-->
|
<el-col :span="4" :xs="24">
|
<div class="head-container">
|
<el-input
|
v-model="xmmc"
|
placeholder="请输入项目名"
|
clearable
|
size="small"
|
prefix-icon="el-icon-search"
|
style="margin-bottom: 20px"
|
/>
|
</div>
|
<div class="scrollable-container">
|
<div class="content">
|
<el-tree
|
:data="deptOptions"
|
:props="defaultProps"
|
:expand-on-click-node="false"
|
:filter-node-method="filterNode"
|
ref="tree"
|
node-key="id"
|
:default-expanded-keys="treeId"
|
highlight-current
|
@node-click="handleNodeClick"
|
/>
|
</div>
|
</div>
|
<!-- <el-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> -->
|
<!-- <div class="head-tree">
|
<el-tree
|
ref="tree"
|
node-key="id"
|
highlight-current
|
:default-expanded-keys="treeId"
|
:data="deptOptions"
|
:props="defaultProps"
|
:expand-on-click-node="false"
|
:auto-expand-parent="false"
|
:filter-node-method="filterNode"
|
@node-click="handleNodeClick"
|
/>
|
</div> -->
|
</el-col>
|
<el-col :span="19" :xs="24">
|
<div class="guding">
|
<el-form
|
:model="queryParams"
|
ref="queryForm"
|
size="small"
|
:inline="true"
|
v-show="showSearch"
|
label-width="68px"
|
>
|
<el-form-item label="项目名" prop="proName">
|
<el-input
|
v-model="queryParams.proName"
|
placeholder="请输入项目名"
|
clearable
|
@keyup.enter.native="handleQuery"
|
/>
|
</el-form-item>
|
<el-form-item label="规则类型" prop="ruleType">
|
<el-select
|
v-model="queryParams.ruleType"
|
placeholder="请选择规则类型"
|
clearable
|
>
|
<el-option
|
v-for="dict in dict.type.tj_rule_type"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="病种" prop="bingzhong">
|
<el-input
|
v-model="queryParams.bingzhong"
|
placeholder="请输入病种"
|
clearable
|
@keyup.enter.native="handleQuery"
|
/>
|
</el-form-item>
|
<el-form-item label="病种拼音" prop="bzPinyin">
|
<el-input
|
v-model="queryParams.bzPinyin"
|
placeholder="请输入病种拼音"
|
clearable
|
@keyup.enter.native="handleQuery"
|
/>
|
</el-form-item>
|
<el-form-item label="性别" prop="sex">
|
<el-select
|
v-model="queryParams.sex"
|
placeholder="请选择性别"
|
clearable
|
>
|
<el-option
|
v-for="dict in dict.type.tj_rule_sex"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button
|
type="primary"
|
icon="el-icon-search"
|
size="mini"
|
@click="handleQuery"
|
>搜索</el-button
|
>
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
>重置</el-button
|
>
|
</el-form-item>
|
</el-form>
|
|
<el-row :gutter="10" class="mb8">
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
icon="el-icon-plus"
|
size="mini"
|
@click="handleAdd"
|
v-hasPermi="['hosp:rules:add']"
|
>新增
|
</el-button>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
icon="el-icon-edit"
|
size="mini"
|
:disabled="single"
|
@click="handleUpdate"
|
v-hasPermi="['hosp:rules:edit']"
|
>修改
|
</el-button>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
icon="el-icon-delete"
|
size="mini"
|
:disabled="multiple"
|
@click="handleDelete"
|
v-hasPermi="['hosp:rules:remove']"
|
>删除
|
</el-button>
|
</el-col>
|
<!-- <el-col :span="1.5">
|
<el-button
|
type="warning"
|
plain
|
icon="el-icon-download"
|
size="mini"
|
@click="handleExport"
|
v-hasPermi="['hosp:rules:export']"
|
>导出
|
</el-button>
|
</el-col> -->
|
<right-toolbar
|
:showSearch.sync="showSearch"
|
@queryTable="getList"
|
></right-toolbar>
|
</el-row>
|
|
<div style="width: 100%;">
|
<el-table
|
border
|
v-loading="loading"
|
:data="rulesList"
|
@selection-change="handleSelectionChange"
|
height="520"
|
>
|
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column
|
label="序号"
|
align="center"
|
prop="newID"
|
width="55"
|
/>
|
<!-- <el-table-column label="项目id" align="center" prop="proId" /> -->
|
<el-table-column
|
label="项目名"
|
align="center"
|
prop="proName"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="规则类型"
|
align="center"
|
prop="ruleType"
|
:show-overflow-tooltip="true"
|
>
|
<template slot-scope="scope">
|
<dict-tag
|
:options="dict.type.tj_rule_type"
|
:value="scope.row.ruleType"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="规则"
|
align="center"
|
prop="ruleStr"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="病种"
|
align="center"
|
prop="bingzhong"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="影像表现"
|
align="center"
|
prop="yxbx"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="病种拼音"
|
align="center"
|
prop="bzPinyin"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="性别"
|
align="center"
|
prop="sex"
|
:show-overflow-tooltip="true"
|
>
|
<template slot-scope="scope">
|
<dict-tag
|
:options="dict.type.tj_rule_sex"
|
:value="scope.row.sex"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="年龄-"
|
align="center"
|
prop="ageLt"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="年龄+"
|
align="center"
|
prop="ageGt"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="规则范围-"
|
align="center"
|
prop="ruleLt"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="规则范围+"
|
align="center"
|
prop="ruleGt"
|
width="90"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="标识"
|
align="center"
|
prop="sign"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="积极性"
|
align="center"
|
prop="idPositive"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="范围"
|
align="center"
|
prop="reference"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="优先级"
|
align="center"
|
prop="sort"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="小于标识"
|
align="center"
|
prop="lowSymbol"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="大于标识"
|
align="center"
|
prop="heighSymbol"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="操作"
|
align="center"
|
class-name="small-padding fixed-width"
|
>
|
<template slot-scope="scope">
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-edit"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['hosp:rules:edit']"
|
title="修改"
|
>
|
</el-button>
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-tickets"
|
@click="handleDetail(scope.row)"
|
title="详情"
|
></el-button>
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-delete"
|
@click="handleDelete(scope.row)"
|
v-hasPermi="['hosp:rules:remove']"
|
title="删除"
|
>
|
</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
|
<div class="pag">
|
<div class="pag1">
|
<pagination
|
v-show="total > 0"
|
:total="total"
|
:page.sync="queryParams.pageNum"
|
:limit.sync="queryParams.pageSize"
|
@pagination="getListByXmId"
|
/>
|
</div>
|
</div>
|
</div>
|
</el-col>
|
</el-row>
|
|
<!-- 添加或修改规则+病种对话框 -->
|
<el-dialog
|
:title="title"
|
:visible.sync="open"
|
width="1000px"
|
append-to-body
|
:close-on-click-modal="false"
|
>
|
<el-form
|
ref="form"
|
:model="form"
|
:rules="rules"
|
label-width="80px"
|
:inline="true"
|
>
|
<!-- <el-form-item label="项目id" prop="proId">
|
<el-input v-model="form.proId" placeholder="请输入项目id" />
|
</el-form-item> -->
|
<el-form-item label="项目名" prop="proName">
|
<el-select
|
:remote-method="getRemoteData"
|
v-model="form.proName"
|
remote
|
filterable
|
style="width: 200px"
|
placeholder="请选择项目名"
|
clearable
|
@change="idFn"
|
>
|
<el-option
|
v-for="dict in proList"
|
:key="dict.proId"
|
:label="dict.proName"
|
:value="dict.proName"
|
/>
|
</el-select>
|
<!-- <el-input v-model="form.proName" placeholder="请输入项目名" style="width:200px" /> -->
|
</el-form-item>
|
<el-form-item label="规则类型" prop="ruleType">
|
<el-select
|
v-model="form.ruleType"
|
placeholder="请选择规则类型"
|
style="width: 200px"
|
>
|
<el-option
|
v-for="dict in dict.type.tj_rule_type"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="性别" prop="sex">
|
<el-select
|
v-model="form.sex"
|
placeholder="请选择性别"
|
style="width: 200px"
|
>
|
<el-option
|
v-for="dict in dict.type.tj_rule_sex"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="病种" prop="bingzhong">
|
<el-select
|
:remote-method="getRemoteData1"
|
v-model="form.bingzhong"
|
remote
|
filterable
|
style="width: 490px"
|
placeholder="请选择病种"
|
clearable
|
@change="idFn1"
|
>
|
<el-option
|
v-for="dict in bingzhongList"
|
:key="dict.id"
|
:label="dict.icdname"
|
:value="dict.icdname"
|
/>
|
</el-select>
|
<!-- <el-input v-model="form.bingzhong" placeholder="请输入病种" style="width:200px" /> -->
|
</el-form-item>
|
<!-- <el-form-item label="病种拼音" prop="bzPinyin">
|
<el-input v-model="form.bzPinyin" placeholder="请输入病种拼音" style="width:200px" />
|
</el-form-item> -->
|
|
<el-form-item label="疾病编码 " prop="icdCode">
|
<el-input
|
v-model="form.icdCode"
|
placeholder="请输入疾病编码"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
|
<el-form-item label="年龄-" prop="ageLt">
|
<el-input
|
v-model="form.ageLt"
|
placeholder="请输入年龄-"
|
style="width: 200px"
|
/>
|
</el-form-item>
|
<el-form-item label="年龄+" prop="ageGt">
|
<el-input
|
v-model="form.ageGt"
|
placeholder="请输入年龄+"
|
style="width: 200px"
|
/>
|
</el-form-item>
|
<el-form-item label="规则范围-" prop="ruleLt">
|
<el-input
|
v-model="form.ruleLt"
|
placeholder="请输入规则范围-"
|
style="width: 200px"
|
/>
|
</el-form-item>
|
<el-form-item label="规则范围+" prop="ruleGt">
|
<el-input
|
v-model="form.ruleGt"
|
placeholder="请输入规则范围+"
|
style="width: 200px"
|
/>
|
</el-form-item>
|
<el-form-item label="标识" prop="sign">
|
<el-select
|
v-model="form.sign"
|
remote
|
filterable
|
style="width: 200px"
|
placeholder="请选择病种"
|
clearable
|
>
|
<el-option
|
v-for="dict in dataList"
|
:key="dict.id"
|
:label="dict.label"
|
:value="dict.label"
|
/>
|
</el-select>
|
<!-- <el-input v-model="form.sign" placeholder="请输入标识" style="width:200px" /> -->
|
</el-form-item>
|
<el-form-item label="范围" prop="reference">
|
<el-input
|
v-model="form.reference"
|
placeholder="请输入范围"
|
style="width: 200px"
|
/>
|
</el-form-item>
|
<el-form-item label="优先级" prop="sort">
|
<el-input-number
|
v-model="form.sort"
|
@change="handleChange"
|
:min="1"
|
label="描述文字"
|
></el-input-number>
|
<!-- <el-input v-model="form.sort" placeholder="请输入优先级" style="width:200px" /> -->
|
</el-form-item>
|
<el-form-item label="小于标识" prop="lowSymbol">
|
<el-input
|
v-model="form.lowSymbol"
|
placeholder="请输入小于标识"
|
style="width: 200px"
|
/>
|
</el-form-item>
|
<el-form-item label="大于标识" prop="heighSymbol">
|
<el-input
|
v-model="form.heighSymbol"
|
placeholder="请输入大于标识"
|
style="width: 200px"
|
/>
|
</el-form-item>
|
<el-form-item label="规则表现" prop="yxbx">
|
<el-input
|
type="textarea"
|
:rows="3"
|
v-model="form.yxbx"
|
placeholder="请输入规则表现"
|
style="width: 782px"
|
/>
|
</el-form-item>
|
<el-form-item label="规则结论 " prop="ruleStr">
|
<el-input
|
type="textarea"
|
:rows="3"
|
v-model="form.ruleStr"
|
placeholder="请输入规则结论"
|
style="width: 782px"
|
/>
|
</el-form-item>
|
<!-- <el-form-item label="影像表现 " prop="yxbx">
|
<el-input
|
v-model="form.yxbx"
|
placeholder="请输入影像表现"
|
style="width: 782px"
|
type="textarea"
|
:rows="3"
|
/>
|
</el-form-item> -->
|
<el-form-item label="建议名称" prop="adviceBt">
|
<el-input
|
v-model="form.adviceBt"
|
style="width: 782px"
|
placeholder="请输入建议内容"
|
>
|
</el-input>
|
</el-form-item>
|
|
<el-form-item label="建议内容" prop="adviceNr">
|
<span
|
slot="label"
|
style="display: inline-block; border-bottom: 2px solid blue"
|
@click="getDetailed"
|
>
|
建议内容
|
</span>
|
|
<el-input
|
v-if="key !== 'N'"
|
style="width: 782px"
|
type="textarea"
|
:rows="3"
|
v-model="form.adviceNr"
|
placeholder="请输入建议内容"
|
>
|
</el-input>
|
</el-form-item>
|
<el-form-item label="建议内容" prop="adviceNr" v-if="key == 'N'">
|
<el-input
|
type="textarea"
|
:rows="3"
|
v-model="form.adviceNr"
|
placeholder="请输入建议内容"
|
>
|
</el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
</div>
|
</el-dialog>
|
|
<!-- 建议内容及建议名称弹框 -->
|
<el-dialog
|
title="建议内容"
|
:visible.sync="dialogTableVisible"
|
width="80%"
|
:close-on-click-modal="false"
|
@close="clearForm"
|
>
|
<div class="app-container">
|
<el-form
|
:model="form"
|
ref="queryForm"
|
size="small"
|
:inline="true"
|
v-show="showSearch"
|
label-width="68px"
|
>
|
<el-form-item label="标题" prop="title">
|
<el-input
|
v-model="queryParam.bt"
|
placeholder="请输入标题"
|
clearable
|
@keyup.enter.native="handlecharge"
|
/>
|
</el-form-item>
|
<el-form-item label="建议内容" prop="jynr">
|
<el-input
|
v-model="queryParam.nr"
|
placeholder="请输入建议"
|
clearable
|
@keyup.enter.native="handlecharge"
|
/>
|
</el-form-item>
|
<el-form-item>
|
<el-button
|
type="primary"
|
icon="el-icon-search"
|
size="mini"
|
@click="handlecharge"
|
>搜索</el-button
|
>
|
</el-form-item>
|
</el-form>
|
|
<el-table
|
v-loading="loading"
|
:data="adviceList"
|
ref="tb"
|
@selection-change="handleSelectionChange1"
|
border
|
>
|
<el-table-column type="selection" align="center" fixed />
|
<el-table-column
|
label="序号"
|
align="center"
|
width="60"
|
prop="newID"
|
/>
|
<el-table-column
|
label="标题"
|
align="center"
|
prop="title"
|
width="120"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="建议"
|
align="center"
|
prop="advice"
|
:show-overflow-tooltip="true"
|
/>
|
</el-table>
|
|
<div class="pag">
|
<div class="pag1">
|
<pagination
|
v-show="total > 0"
|
:total="total"
|
:page.sync="queryParam.page"
|
:limit.sync="queryParam.pageSize"
|
@pagination="getlistJynr"
|
/>
|
</div>
|
</div>
|
</div>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogTableVisible = false">取 消</el-button>
|
<el-button type="primary" @click="submit">确 定</el-button>
|
</div>
|
</el-dialog>
|
|
<!-- 详情弹框 -->
|
<el-dialog
|
:title="title"
|
:visible.sync="openOne"
|
width="1000px"
|
append-to-body
|
:close-on-click-modal="false"
|
>
|
<el-form
|
ref="form"
|
:model="form"
|
:rules="rules"
|
label-width="80px"
|
:inline="true"
|
>
|
<el-form-item label="项目名" prop="proName">
|
<el-input
|
v-model="form.proName"
|
placeholder="请输入项目名"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="规则类型" prop="ruleType">
|
<el-input
|
v-model="form.ruleType"
|
placeholder="请输入规则类型"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="规则" prop="ruleStr">
|
<el-input
|
v-model="form.ruleStr"
|
placeholder="请输入规则"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="病种" prop="bingzhong">
|
<el-input
|
v-model="form.bingzhong"
|
placeholder="请输入病种"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="疾病编码 " prop="icdCode">
|
<el-input
|
v-model="form.icdCode"
|
placeholder="请输入疾病编码"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="性别" prop="sex">
|
<el-input
|
v-model="form.sex"
|
placeholder="请输入性别"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="年龄-" prop="ageLt">
|
<el-input
|
v-model="form.ageLt"
|
placeholder="请输入年龄-"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="年龄+" prop="ageGt">
|
<el-input
|
v-model="form.ageGt"
|
placeholder="请输入年龄+"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="规则范围-" prop="ruleLt">
|
<el-input
|
v-model="form.ruleLt"
|
placeholder="请输入规则范围-"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="规则范围+" prop="ruleGt">
|
<el-input
|
v-model="form.ruleGt"
|
placeholder="请输入规则范围+"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<!-- <el-form-item label="标识" prop="sign">
|
<el-select
|
v-model="form.sign"
|
remote
|
filterable
|
style="width: 200px"
|
placeholder="请选择病种"
|
clearable
|
>
|
<el-option
|
v-for="dict in dataList"
|
:key="dict.id"
|
:label="dict.label"
|
:value="dict.label"
|
/>
|
</el-select>
|
</el-form-item> -->
|
<el-form-item label="范围" prop="reference">
|
<el-input
|
v-model="form.reference"
|
placeholder="请输入范围"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="优先级" prop="sort">
|
<el-input-number
|
v-model="form.sort"
|
@change="handleChange"
|
:min="1"
|
label="描述文字"
|
disabled
|
></el-input-number>
|
</el-form-item>
|
<el-form-item label="小于标识" prop="lowSymbol">
|
<el-input
|
v-model="form.lowSymbol"
|
placeholder="请输入小于标识"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="大于标识" prop="heighSymbol">
|
<el-input
|
v-model="form.heighSymbol"
|
placeholder="请输入大于标识"
|
style="width: 200px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="建议名称" prop="adviceBt">
|
<el-input
|
v-model="form.adviceBt"
|
style="width: 782px"
|
placeholder="请输入建议内容"
|
disabled
|
>
|
</el-input>
|
</el-form-item>
|
<el-form-item label="建议内容" prop="adviceNr">
|
<span
|
slot="label"
|
style="display: inline-block; border-bottom: 2px solid blue"
|
@click="getDetailed"
|
>
|
建议内容
|
</span>
|
|
<el-input
|
disabled
|
style="width: 782px"
|
type="textarea"
|
:rows="3"
|
v-model="form.adviceNr"
|
placeholder="请输入建议内容"
|
>
|
</el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="queren">确 定</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {
|
listRules,
|
getRules,
|
delRules,
|
addRules,
|
updateRules,
|
getSonsList,
|
list,
|
} from "@/api/hosp/rules";
|
import {
|
listAdvice,
|
getAdvice,
|
delAdvice,
|
addAdvice,
|
updateAdvice,
|
} from "@/api/advice/advice";
|
import { projectTree } from "@/api/hosp/ruleAdvice";
|
|
export default {
|
name: "Rules",
|
dicts: ["tj_rule_type", "tj_rule_sex"],
|
data() {
|
let checkPhoneNum = (rule, value, callback) => {
|
console.log(value);
|
let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
|
if (value == "" && value == undefined && !value) {
|
return callback("");
|
} else if (value != undefined && value != "") {
|
return callback();
|
} else if (!patter.test(value)) {
|
return callback("");
|
}
|
};
|
return {
|
deptOptions: [],
|
dialogTableVisible: false,
|
jymc: false,
|
defaultProps: {
|
children: "children",
|
label: "label",
|
},
|
key: "",
|
dataList: [
|
{
|
id: 0,
|
label: "↑",
|
},
|
{
|
id: 1,
|
label: "↓",
|
},
|
],
|
treeId: [],
|
fixedTop: 97,
|
ChangeList: [],
|
xmmc: "",
|
adviceList: [],
|
// 遮罩层
|
loading: true,
|
openOne: false,
|
// 选中数组
|
ids: [],
|
formIn: {},
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 显示搜索条件
|
showSearch: true,
|
// 总条数
|
total: 0,
|
// 规则+病种表格数据
|
rulesList: [],
|
proList: [],
|
bingzhongList: [],
|
// 弹出层标题
|
title: "",
|
// 是否显示弹出层
|
open: false,
|
// 查询参数
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10,
|
proName: null,
|
ruleType: null,
|
bingzhong: null,
|
bzPinyin: null,
|
sex: null,
|
},
|
queryParam: {
|
page: 1,
|
pageSize: 10,
|
bt: "", // 标题
|
nr: "", // 建议内容
|
},
|
querycharge: {
|
pageNum: 1,
|
pageSize: 10,
|
},
|
// 表单参数
|
form: {},
|
// 表单校验
|
rules: {
|
deleted: [
|
{
|
required: true,
|
validator: checkPhoneNum,
|
trigger: "blur",
|
},
|
],
|
proName: [
|
{ required: true, validator: checkPhoneNum, trigger: "change" },
|
],
|
ruleType: [
|
{ required: true, validator: checkPhoneNum, trigger: "change" },
|
],
|
// ruleStr: [
|
// { required: true, validator: checkPhoneNum, trigger: "change" },
|
// ],
|
// bingzhong: [
|
// { required: true, validator: checkPhoneNum, trigger: "change" },
|
// ],
|
// sex: [{ required: true, validator: checkPhoneNum, trigger: "change" }],
|
// ageLt: [
|
// { required: true, validator: checkPhoneNum, trigger: "change" },
|
// ],
|
// ageGt: [
|
// { required: true, validator: checkPhoneNum, trigger: "change" },
|
// ],
|
},
|
};
|
},
|
watch: {
|
// 根据名称筛选部门树
|
xmmc(val) {
|
this.$refs.tree.filter(val);
|
},
|
treeId(newVal, oldVal) {
|
if (newVal) {
|
this.$nextTick(() => {
|
document
|
.querySelector(".el-tree-node__children .el-tree-node__content")
|
.click();
|
});
|
}
|
},
|
},
|
|
created() {
|
this.getList();
|
},
|
|
methods: {
|
handleClose(done) {
|
// this.cancel();
|
/* this.$confirm("确认关闭？")
|
.then((_) => {
|
done();
|
})
|
.catch((_) => {}); */
|
},
|
|
handlecharge() {
|
this.querycharge.pageNum = 1;
|
this.getlistJynr();
|
},
|
|
// 清空表单数据
|
clearForm() {
|
this.queryParam.bt = ""; // 清空标题
|
this.queryParam.nr = ""; // 清空建议内容
|
},
|
|
getDetailed() {
|
this.getlistJynr();
|
this.dialogTableVisible = true;
|
this.key != "N";
|
},
|
|
/* 点击详情 */
|
handleDetail(row) {
|
const aid = row.aid || this.ids;
|
getRules(aid).then((response) => {
|
this.form = response.data;
|
this.openOne = true;
|
});
|
},
|
queren() {
|
this.openOne = false;
|
},
|
|
/* 弹框确定按钮 */
|
submit() {
|
console.log(this.ChangeList, 123);
|
|
this.ChangeList.forEach((item) => {
|
console.log(item.title, 6363);
|
this.form.adviceBt = item.title;
|
console.log(this.form.adviceBt, 2525);
|
|
this.form.adviceNr = item.advice;
|
// this.sfxmId = parseInt(item.id);
|
});
|
this.dialogTableVisible = false;
|
this.key = "";
|
},
|
|
/* 获取建议内容 */
|
getlistJynr() {
|
this.loading = true;
|
// this.List = true;
|
listAdvice(this.queryParam).then((response) => {
|
// response.data.list.forEach((item, index) => {
|
// item.newID =
|
// (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1;
|
// });
|
|
this.adviceList = response.data.list;
|
this.total = response.data.total;
|
this.loading = false;
|
});
|
},
|
|
/** 查询规则+病种列表 */
|
getList() {
|
projectTree().then((response) => {
|
this.deptOptions = response.data;
|
this.treeId.push(this.deptOptions[0].id);
|
});
|
},
|
getListByXmId() {
|
this.loading = true;
|
listRules(this.queryParams).then((response) => {
|
response.data.rows.forEach((item, index) => {
|
item.newID =
|
(this.queryParams.pageNum - 1) * this.queryParams.pageSize +
|
index +
|
1;
|
});
|
this.rulesList = response.data.rows;
|
console.log(this.rulesList, 999);
|
|
this.total = response.data.total;
|
this.loading = false;
|
});
|
},
|
// 节点单击事件
|
handleNodeClick(data) {
|
this.formIn = data;
|
console.log(this.formIn);
|
this.queryParams.proId = data.id;
|
this.getListByXmId();
|
},
|
// 筛选节点
|
filterNode(value, data) {
|
if (!value) return true;
|
// return data.label.indexOf(value) !== -1;
|
return (
|
data.label &&
|
typeof data.label === "string" &&
|
data.label.indexOf(value) !== -1
|
);
|
},
|
// 取消按钮
|
cancel() {
|
this.open = false;
|
this.openOne = false;
|
this.reset();
|
},
|
// 表单重置
|
reset() {
|
this.form = {
|
aid: null,
|
proId: null,
|
proName: null,
|
ruleType: null,
|
ruleStr: null,
|
bingzhong: null,
|
bzPinyin: null,
|
sex: null,
|
ageLt: null,
|
ageGt: null,
|
ruleLt: null,
|
ruleGt: null,
|
sign: null,
|
idPositive: null,
|
reference: null,
|
sort: null,
|
lowSymbol: null,
|
heighSymbol: null,
|
groupId: null,
|
createBy: null,
|
createTime: null,
|
updateBy: null,
|
updateTime: null,
|
deleted: null,
|
createId: null,
|
updateId: null,
|
};
|
this.resetForm("form");
|
},
|
/** 搜索按钮操作 */
|
handleQuery() {
|
this.queryParams.pageNum = 1;
|
this.getListByXmId();
|
},
|
/** 重置按钮操作 */
|
resetQuery() {
|
this.resetForm("queryForm");
|
this.handleQuery();
|
},
|
// 多选框选中数据
|
handleSelectionChange(selection) {
|
this.ids = selection.map((item) => item.aid);
|
this.single = selection.length !== 1;
|
this.multiple = !selection.length;
|
},
|
handleSelectionChange1(selection) {
|
this.ChangeList = selection;
|
this.ids = selection.map((item) => item.aid);
|
this.single = selection.length !== 1;
|
this.multiple = !selection.length;
|
if (selection.length > 1) {
|
let del_row = selection.shift();
|
this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中
|
}
|
},
|
/** 新增按钮操作 */
|
handleAdd() {
|
this.reset();
|
this.open = true;
|
this.title = "添加规则+病种";
|
this.form.proId = this.formIn.id;
|
this.form.proName = this.formIn.label;
|
getSonsList().then((response) => {
|
this.proList = response.data;
|
});
|
list().then((response) => {
|
this.bingzhongList = response.rows;
|
});
|
},
|
// 搜索
|
getRemoteData(query) {
|
if (query) {
|
let data = {
|
proName: query,
|
};
|
getSonsList(data).then((response) => {
|
this.proList = response.data;
|
});
|
}
|
},
|
// 搜索
|
getRemoteData1(query) {
|
if (query) {
|
let data = {
|
icdname: query,
|
};
|
list(data).then((response) => {
|
this.bingzhongList = response.rows;
|
});
|
}
|
},
|
idFn(value) {
|
this.proList.forEach((item) => {
|
if (item.proName == value) {
|
this.form.proId = item.proId;
|
// this.form.zjf = item.bzPinyin;
|
}
|
});
|
},
|
idFn1(value) {
|
this.bingzhongList.forEach((item) => {
|
if (item.icdname == value) {
|
this.form.icdCode = item.icdcode;
|
this.form.bzPinyin = item.pym;
|
this.form.icdId = item.id;
|
}
|
});
|
},
|
// 步数
|
handleChange(value) {},
|
/** 修改按钮操作 */
|
handleUpdate(row) {
|
this.reset();
|
const aid = row.aid || this.ids;
|
getRules(aid).then((response) => {
|
this.form = response.data;
|
this.open = true;
|
this.title = "修改规则+病种";
|
});
|
getSonsList().then((response) => {
|
this.proList = response.data;
|
});
|
list().then((response) => {
|
this.bingzhongList = response.rows;
|
});
|
},
|
/** 提交按钮 */
|
submitForm() {
|
this.$refs["form"].validate((valid) => {
|
if (valid) {
|
if (this.form.aid != null) {
|
updateRules(this.form).then((response) => {
|
console.log(response, 1111333);
|
|
this.$modal.msgSuccess("修改成功");
|
this.open = false;
|
this.getListByXmId();
|
});
|
} else {
|
addRules(this.form).then((response) => {
|
this.$modal.msgSuccess("新增成功");
|
this.open = false;
|
this.getListByXmId();
|
});
|
}
|
}
|
});
|
},
|
/** 删除按钮操作 */
|
handleDelete(row) {
|
const ids = row.aid || this.ids;
|
this.$modal
|
.confirm('是否确认删除项目规则信息编号为"' + ids + '"的数据项？')
|
.then(function () {
|
return delRules(ids);
|
})
|
.then(() => {
|
this.getListByXmId();
|
this.$modal.msgSuccess("删除成功");
|
})
|
.catch(() => {});
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.pag {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
}
|
|
.pag1 {
|
width: 30%;
|
}
|
|
.scrollable-container {
|
width: 260px;
|
/* 设置容器的宽度 */
|
height: 629px;
|
/* 设置容器的高度 */
|
overflow: auto;
|
/* 允许内容溢出时显示滚动条 */
|
border: 1px solid #ccc;
|
/* 可选：添加边框以更好地显示容器 */
|
position: relative;
|
/* 可选：使容器内的绝对定位元素能够正确显示 */
|
}
|
|
.content {
|
width: 1000px;
|
/* 设置内容的宽度，以触发水平滚动条 */
|
height: 1000px;
|
/* 设置内容的高度，以触发垂直滚动条 */
|
}
|
|
/* .guding {
|
position: fixed;
|
top: 20px;
|
z-index: 10;
|
max-height: 500px;
|
overflow: auto;
|
background-color: #fff;
|
} */
|
</style>
|
