|
@@ -0,0 +1,307 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <crumbs title="电子病历页面方案配置" style="min-width: 980px">
|
|
|
+ <el-form :inline="true" class="demo-form-inline">
|
|
|
+ <el-form-item label="方案名称:">
|
|
|
+ <el-input size="mini" v-model="filter.planName" placeholder="方案名称" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="mini" @click="filterDatas">检索</el-button>
|
|
|
+ <el-button size="mini" type="warning" @click="addRelation">添加方案</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </crumbs>
|
|
|
+ <div class="contents">
|
|
|
+ <el-table :data="list" border style="width: 100%">
|
|
|
+ <el-table-column :resizable="false" type="index" :index="indexMethod" label="编号" width="60"></el-table-column>
|
|
|
+ <el-table-column :resizable="false" prop="planName" label="方案名称" width="180"></el-table-column>
|
|
|
+ <el-table-column :resizable="false" prop="planCode" label="方案编码" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column :resizable="false" prop="planDetail" label="模块配置" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column :resizable="false" prop="gmtCreate" label="创建时间" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column :resizable="false" prop="operate" label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ @click="modifyRelation(scope.row)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ v-if="scope.row.planStatus === 1"
|
|
|
+ >修改</el-button>
|
|
|
+ <el-button plain type="text" size="small" v-else disabled>修改</el-button>
|
|
|
+ <span style="margin:0 3px;">|</span>
|
|
|
+ <el-button type="text" size="small" class="delete" v-if="scope.row.planStatus === 1">禁用</el-button>
|
|
|
+ <el-button type="text" size="small" @click="enableOrAble" v-else>启用</el-button>
|
|
|
+ <span style="margin:0 3px;">|</span>
|
|
|
+ <el-button
|
|
|
+ @click="showDelDialog(scope.row.id)"
|
|
|
+ class="delete"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ >删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="pagination">
|
|
|
+ <el-pagination
|
|
|
+ :current-page.sync="currentPage"
|
|
|
+ @current-change="currentChange"
|
|
|
+ background
|
|
|
+ :page-size="pageSize"
|
|
|
+ :page-sizes="pageSizeArr"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ :layout="pageLayout"
|
|
|
+ :total="total"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import api from '@api/icss.js';
|
|
|
+import config from '@api/config.js';
|
|
|
+import utils from '@api/utils.js';
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'Plan',
|
|
|
+ data: function() {
|
|
|
+ return {
|
|
|
+ list: [],
|
|
|
+ searched: false,
|
|
|
+ filter: {
|
|
|
+ planName: '' //标准诊断名称
|
|
|
+ },
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: config.pageSize,
|
|
|
+ pageSizeArr: config.pageSizeArr,
|
|
|
+ pageLayout: config.pageLayout,
|
|
|
+ total: 0,
|
|
|
+ hospitalId: ''
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ const that = this;
|
|
|
+ //返回时避免参数未赋值就获取列表
|
|
|
+ setTimeout(function() {
|
|
|
+ that.getDataList();
|
|
|
+ });
|
|
|
+ this._getHospital();
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ filter: {
|
|
|
+ handler: function() {
|
|
|
+ this.searched = false;
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeRouteEnter(to, from, next) {
|
|
|
+ next(vm => {
|
|
|
+ //const pm = to.param;
|
|
|
+ Object.assign(vm, to.params);
|
|
|
+ vm.inCurrentPage = to.params.currentPage;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.pageSize = val;
|
|
|
+ this.currentPage = utils.getCurrentPage(
|
|
|
+ this.currentPage,
|
|
|
+ this.total,
|
|
|
+ this.pageSize
|
|
|
+ );
|
|
|
+ this.getDataList();
|
|
|
+ },
|
|
|
+
|
|
|
+ // 获取列表数据
|
|
|
+ getDataList(isTurnPage) {
|
|
|
+ const params = this.getFilterItems(isTurnPage);
|
|
|
+ this.searched = true;
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: 'Loading',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(0, 0, 0, 0.7)'
|
|
|
+ });
|
|
|
+ api.getPlanInfoPages(params).then(res => {
|
|
|
+ loading.close();
|
|
|
+ if (res.data.code === '0') {
|
|
|
+ this.list = res.data.data && res.data.data.records;
|
|
|
+ }
|
|
|
+ this.total = res.data.data && res.data.data.total;
|
|
|
+ if (this.inCurrentPage !== undefined) {
|
|
|
+ this.currentPage = this.inCurrentPage;
|
|
|
+ this.inCurrentPage = undefined;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // 处理列表请求数据参数
|
|
|
+ getFilterItems(isTurnPage) {
|
|
|
+ //翻页时筛选条件没点确定则清空
|
|
|
+ if (isTurnPage && !this.searched) {
|
|
|
+ this.clearFilter();
|
|
|
+ }
|
|
|
+ const param = {
|
|
|
+ current: this.inCurrentPage || this.currentPage,
|
|
|
+ size: this.pageSize,
|
|
|
+ planName: this.filter.planName.trim()
|
|
|
+ // planCode: ''
|
|
|
+ };
|
|
|
+ return param;
|
|
|
+ },
|
|
|
+
|
|
|
+ filterDatas() {
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.getDataList();
|
|
|
+ },
|
|
|
+ addRelation() {
|
|
|
+ const pam = this.searched
|
|
|
+ ? {
|
|
|
+ currentPage: this.currentPage,
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ filter: this.filter
|
|
|
+ }
|
|
|
+ : { currentPage: this.currentPage, pageSize: this.pageSize };
|
|
|
+ this.$router.push({ name: 'AddPlan', params: pam });
|
|
|
+ },
|
|
|
+ // 修改诊断关联-跳转至编辑页面
|
|
|
+ modifyRelation(row) {
|
|
|
+ const item = Object.assign({}, row);
|
|
|
+ const pam = this.searched
|
|
|
+ ? {
|
|
|
+ currentPage: this.currentPage,
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ filter: this.filter
|
|
|
+ }
|
|
|
+ : { currentPage: this.currentPage, pageSize: this.pageSize };
|
|
|
+ this.$router.push({
|
|
|
+ name: 'AddPlan',
|
|
|
+ params: Object.assign(pam, { isEdit: true, data: item })
|
|
|
+ });
|
|
|
+ },
|
|
|
+ currentChange(next) {
|
|
|
+ this.currentPage = next;
|
|
|
+ this.getDataList(true);
|
|
|
+ // if (this.cacheData[next]) { //如果已请求过该页数据,则使用缓存不重复请求
|
|
|
+ // this.list = this.cacheData[next];
|
|
|
+ // } else {
|
|
|
+ // this.getDataList();
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ // 清空搜索参数
|
|
|
+ clearFilter() {
|
|
|
+ this.filter = {
|
|
|
+ hisName: '',
|
|
|
+ planName: ''
|
|
|
+ };
|
|
|
+ },
|
|
|
+
|
|
|
+ indexMethod(index) {
|
|
|
+ return (this.currentPage - 1) * this.pageSize + index + 1;
|
|
|
+ },
|
|
|
+ getTagType(val) {
|
|
|
+ return val;
|
|
|
+ },
|
|
|
+ warning(msg, type) {
|
|
|
+ this.$message({
|
|
|
+ showClose: true,
|
|
|
+ message: msg,
|
|
|
+ type: type || 'warning'
|
|
|
+ });
|
|
|
+ },
|
|
|
+ showConfirmDialog(msg, resolve) {
|
|
|
+ this.$alert(msg, '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ resolve();
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
+ // 获取医院信息
|
|
|
+ _getHospital() {
|
|
|
+ api.getHospitalInfo().then(res => {
|
|
|
+ if (res.data.code === '0') {
|
|
|
+ this.hospitalId = res.data.data.id;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 删除关联
|
|
|
+ showDelDialog(id) {
|
|
|
+ this.showConfirmDialog('是否删除该方案配置?', () => {
|
|
|
+ let params = {
|
|
|
+ planId: id,
|
|
|
+ hospitalId: this.hospitalId
|
|
|
+ };
|
|
|
+ api
|
|
|
+ .cancelPlanDatas(params)
|
|
|
+ .then(res => {
|
|
|
+ if (res.data.code == '0') {
|
|
|
+ if (!this.searched) {
|
|
|
+ //未点确认时清空搜索条件
|
|
|
+ this.clearFilter();
|
|
|
+ }
|
|
|
+ if (this.list.length == 1) {
|
|
|
+ //当前在最后一页且只有一条数据时,删除后跳到前一页
|
|
|
+ this.currentPage =
|
|
|
+ this.currentPage === 1 ? 1 : this.currentPage - 1;
|
|
|
+ }
|
|
|
+ this.getDataList();
|
|
|
+ this.warning(res.data.msg || '操作成功', 'success');
|
|
|
+ } else {
|
|
|
+ this.warning(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ this.warning(error);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // 启用/禁用
|
|
|
+ enableOrAble(){
|
|
|
+ console.log('启用');
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<style lang="less">
|
|
|
+@import '../../../less/admin.less';
|
|
|
+.delete {
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+.delete:hover {
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+.pagination {
|
|
|
+ min-width: 1010px;
|
|
|
+}
|
|
|
+.exportBox {
|
|
|
+ /deep/ .el-message-box__btns {
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ /deep/ .el-message-box__message {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ /deep/ .el-message-box__btns {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 24px;
|
|
|
+ }
|
|
|
+ /deep/ .leftbtn {
|
|
|
+ margin-right: 46px;
|
|
|
+ background-color: #d7d7d7;
|
|
|
+ border-color: transparent;
|
|
|
+ }
|
|
|
+}
|
|
|
+.contents {
|
|
|
+ .is-plain {
|
|
|
+ color: #dad7d7;
|
|
|
+ }
|
|
|
+ .is-plain:hover {
|
|
|
+ color: #dad7d7;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|