Skip to content

V
vue-composition-api
Commit d9ba3c13 by 唐玉峰
Options

临床

parent e3acde94
Showing with 250 additions and 7 deletions
src/App.vue
<template> <template>
<div id="app"> <div id="app">
<router-view/> <router-view />
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'App', name: "App",
};
}
</script> </script>
<style> <style>
html,
body,
#app {
width: 100%;
height: 100%;
margin: 0;
}
</style> </style>
src/router/index.js
...@@ -59,6 +59,18 @@ const router = new Router({ ...@@ -59,6 +59,18 @@ const router = new Router({
path: "/test", path: "/test",
component: (resolve) => require(["@/views/test.vue"], resolve), component: (resolve) => require(["@/views/test.vue"], resolve),
}, },
{
path: "/clinicalPathMaintenance",
component: (resolve) => require(["@/views/clinicalPathMaintenance.vue"], resolve),
},
{
path: "/relationMapping",
component: (resolve) => require(["@/views/relationMapping.vue"], resolve),
},
{
path: "/clinicalLog",
component: (resolve) => require(["@/views/clinicalLog.vue"], resolve),
},
], ],
// mode: 'history' /*hash*/ /*不显示路由中的#*/ // mode: 'history' /*hash*/ /*不显示路由中的#*/
}); });
......
src/views/clinicalLog.vue 0 → 100644
<template>
<div class="clinicalPathMaintenance">
<div style="height: 10px; background-color: #0283bb"></div>
<div class="top">
<el-select style="width: 200px; margin-right: 15px" v-model="type" placeholder="请选择类型" size="mini" clearable @clear="clearFn">
<el-option label="添加" :value="1" />
<el-option label="删除" :value="2" />
</el-select>
<el-input
style="width: 280px"
v-model.trim="searchForm"
size="mini"
placeholder="请输入用户名/医师名/科室名/路径名"
clearable
@clear="clearFn"
></el-input>
<el-button type="primary" style="background-color: #0283bb; color: #ffff; margin-left: 15px" size="mini" @click="getList">查询</el-button>
</div>
<div style="padding: 20px">
<el-table :data="tableData" stripe style="width: 100%" border size="mini">
<el-table-column align="center" type="index" width="50" :index="(currentPage - 1) * pageSize + 1" fixed></el-table-column>
<el-table-column :prop="item.prop" min-width="160" :label="item.label" v-for="item in columnList" :key="item.label" show-overflow-tooltip>
</el-table-column>
</el-table>
<div style="text-align: right; margin-top: 20px">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
:page-size="pageSize"
layout="total, prev, pager, next"
:total="totalCount"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import http from "../utils/http";
import { setItem, getItem } from "../utils/auth";
import { Message, Loading } from "element-ui";
export default {
name: "clinicalPathMaintenance",
data() {
return {
columnList: [
{ label: "用户名", prop: "userName" },
{ label: "医师名", prop: "doctorName" },
{ label: "科室名", prop: "deptName" },
{ label: "路径名", prop: "route_name" },
{ label: "方案名", prop: "advice_name" },
{ label: "方案时间", prop: "inHosDays" },
{ label: "项目详细名", prop: "project_name" },
],
totalCount: 0, //总条数
currentPage: 1, //当前页
pageSize: 10,
tableData: [],
searchForm: "",
type: undefined,
typeObj: {
1: "添加",
2: "删除",
},
};
},
mounted() {
this.getList();
},
methods: {
//获取频率，频率的下拉数据
getList() {
http.post(
`/ClinicalRoute/ClinicalRoute/GetRouteLogList?PageNumber=${this.currentPage}&PageSize=${this.pageSize}&SearchQuery=${this.searchForm}&Type=${
this.type || 0
}`,
{}
)
.then((data) => {
this.tableData = data.list;
this.totalCount = data.totalCount;
})
.catch((error) => {});
},
handleCurrentChange(val) {
this.currentPage = val;
this.getList();
},
handleSizeChange(val) {
this.pageSize = val;
this.getList();
},
clearFn() {
this.getList();
},
search() {
this.pageSize = 10;
this.currentPage = 1;
this.getList();
},
},
};
</script>
<style lang="scss">
.clinicalPathMaintenance {
height: 100%;
background-color: white;
overflow: hidden;
position: relative;
.top {
display: flex;
align-items: center;
margin: 20px;
}
}
</style>
src/views/clinicalPathMaintenance.vue 0 → 100644
<template>
<div class="clinicalPathMaintenance">
<div style="height: 10px; background-color: #0283bb"></div>
<div class="top">
<div>
路径名称: <el-input size="mini" v-model="SearchQuery" style="width: 200px" placeholder="请输入路径名称" clearable @clear="getList"> </el-input>
</div>
<el-button type="primary" style="background-color: #0283bb; color: #ffff; margin-left: 15px" size="mini" @click="getList">查询</el-button>
</div>
<div style="padding: 20px">
<el-table :data="tableData" stripe style="width: 100%" border size="mini">
<el-table-column align="center" type="index" width="50" :index="(currentPage - 1) * pageSize + 1" fixed></el-table-column>
<el-table-column :prop="item.prop" min-width="160" :label="item.label" v-for="item in columnList" :key="item.label" show-overflow-tooltip>
</el-table-column>
<el-table-column label="操作" width="140" fixed="right">
<template #default="scope">
<el-button size="mini" type="primary" style="background-color: #0283bb" @click="editbtn(scope.row)">编辑</el-button>
</template>
</el-table-column>
</el-table>
<div style="text-align: right; margin-top: 20px">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
:page-size="pageSize"
layout="total, prev, pager, next"
:total="totalCount"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import http from "../utils/http";
import { setItem, getItem } from "../utils/auth";
import { Message, Loading } from "element-ui";
export default {
name: "clinicalPathMaintenance",
data() {
return {
columnList: [
{ label: "路径名称", prop: "clinical_route_name" },
{ label: "文件夹名称", prop: "clinical_route_foldername" },
{ label: "适用对象", prop: "applicable_objects" },
{ label: "标准住院日", prop: "hospital_stay" },
{ label: "最小住院日", prop: "min_stay" },
{ label: "最大住院日", prop: "max_stay" },
],
totalCount: 0, //总条数
currentPage: 1, //当前页
pageSize: 10,
tableData: [],
SearchQuery: "",
};
},
mounted() {
this.getList();
},
methods: {
//获取频率，频率的下拉数据
getList() {
http.post(`/ClinicalRoute/ClinicalRoute/List?PageNumber=${this.currentPage}&PageSize=${this.pageSize}&SearchQuery=${this.SearchQuery}`, {})
.then((data) => {
this.tableData = data.list;
this.totalCount = data.totalCount;
})
.catch((error) => {});
},
handleCurrentChange(val) {
this.currentPage = val;
this.getList();
},
handleSizeChange(val) {
this.pageSize = val;
this.getList();
},
editbtn(obj) {
this.$router.push({
path: "relationMapping",
query: {
cid: obj.id,
ApplyDoctor: this.$route.query.ApplyDoctor ?? 0,
},
});
},
},
};
</script>
<style lang="scss">
.clinicalPathMaintenance {
height: 100%;
background-color: white;
overflow: hidden;
position: relative;
.top {
display: flex;
align-items: center;
margin: 20px;
}
}
</style>
src/views/outHistorygrouping.vue
...@@ -2198,5 +2198,9 @@ export default { ...@@ -2198,5 +2198,9 @@ export default {
} }
} }
} }
input[type="radio" i] {
width: 16px;
height: 16px;
}
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment