| | |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="标题" prop="bt"> |
| | | <el-input |
| | | v-model="queryParams.bt" |
| | | placeholder="请输入标题" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="项目名称" prop="proName"> |
| | | <el-input |
| | | v-model="queryParams.proName" |
| | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="3" :xs="24"> |
| | | <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-expand-all |
| | | :default-expanded-keys="treeId" |
| | | highlight-current |
| | | @node-click="handleNodeClick" |
| | | /> |
| | | <div class="content"> |
| | | <el-tree |
| | | :data="deptOptions" |
| | | :props="defaultProps" |
| | | :expand-on-click-node="false" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | node-key="id" |
| | | default-expand-all |
| | | :default-expanded-keys="treeId" |
| | | highlight-current |
| | | @node-click="handleNodeClick" |
| | | /> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="pag"> |
| | | <div class="pag1"> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.page" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | </div> |
| | | </div> |
| | | <div class="pag1"> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.page" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | |
| | | |
| | | <!-- 添加或修改advice对话框 --> |
| | | <el-dialog |
| | |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
| | | <el-form-item label="归属科室" prop="deptId"> |
| | | <!-- <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属科室" |
| | | <!-- <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属科室" |
| | | style="width: 200px" /> --> |
| | | <el-select |
| | | v-if="DepartmentList.length > 0" |
| | | v-model="form.deptId" |
| | | placeholder="请选择归属科室" |
| | | clearable |
| | | style="width: 200px" |
| | | filterable |
| | | > |
| | | <el-option |
| | | v-for="dict in DepartmentList" |
| | | :key="dict.deptId" |
| | | :label="dict.deptName || ''" |
| | | :value="dict.deptId" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-select |
| | | v-if="DepartmentList.length > 0" |
| | | v-model="form.deptId" |
| | | placeholder="请选择归属科室" |
| | | clearable |
| | | style="width: 200px" |
| | | filterable |
| | | > |
| | | <el-option |
| | | v-for="dict in DepartmentList" |
| | | :key="dict.deptId" |
| | | :label="dict.deptName || ''" |
| | | :value="dict.deptId" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检查项目" prop="proName"> |
| | | <el-select |
| | | v-model="form.proId" |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | |
| | | <el-form-item label="建议标题" prop="title"> |
| | | <el-input v-model="form.title" placeholder="请输入名称标题" /> |
| | | </el-form-item> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { deptTreeSelect ,getDeptListByDictHospId} from "@/api/system/user"; |
| | | import { deptTreeSelect, getDeptListByDictHospId } from "@/api/system/user"; |
| | | import { |
| | | listAdvice, |
| | | getAdvice, |
| | |
| | | page: 1, |
| | | pageSize: 10, |
| | | proName: null, |
| | | bt: null, |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.sendhospName() |
| | | this.sendhospName(); |
| | | this.getDeptTree(); |
| | | }, |
| | | watch: { |
| | |
| | | }, |
| | | methods: { |
| | | sendhospName() { |
| | | |
| | | getDeptListByDictHospId({ |
| | | id: 2000 |
| | | id: 2000, |
| | | }).then((res) => { |
| | | this.DepartmentList = res.data; |
| | | this.form.deptId = String(this.form.deptId); |
| | |
| | | // 节点单击事件 |
| | | handleNodeClick(data) { |
| | | this.queryParams.deptId = data.id; |
| | | // this.queryParams.deptId = null; |
| | | this.handleQuery(); |
| | | }, |
| | | |
| | |
| | | }, |
| | | getDeptTree() { |
| | | deptTreeSelect().then((response) => { |
| | | |
| | | this.deptOptions = response.data; |
| | | this.treeId.push(this.deptOptions[0].id); |
| | | this.queryParams.deptId = this.deptOptions[0].id; |
| | |
| | | this.reset(); |
| | | this.title = "体检建议信息维护"; |
| | | this.getlistProject(); |
| | | this.form.deptId = this.queryParams.deptId |
| | | this.form.deptId = this.queryParams.deptId; |
| | | this.open = true; |
| | | }, |
| | | /** 修改按钮操作 */ |
| | |
| | | } |
| | | this.getlistProject(); |
| | | this.open = true; |
| | | this.form.deptId = this.queryParams.deptId |
| | | this.form.deptId = this.queryParams.deptId; |
| | | this.title = "体检建议信息维护"; |
| | | }); |
| | | }, |
| | |
| | | .pag1 { |
| | | width: 30%; |
| | | } |
| | | .content { |
| | | width: 1000px; |
| | | height: 1000px; |
| | | } |
| | | .head-container { |
| | | width: 200px; |
| | | height: 629px; |
| | | overflow: auto; |
| | | border: 1px solid #ccc; |
| | | position: relative; |
| | | } |
| | | |
| | | </style> |