Skip to content

V
vue-nw-hb
Commit 009d4e1e authored by 何鹏程's avatar 何鹏程
Browse files
Options

增加分诊级别搜索和样式调整

parent 84459cd3
Hide whitespace changes
Inline Side-by-side
Showing with 218 additions and 129 deletions
src/views/all/modules/data/triage/triageRecordList.vue
View file @ 009d4e1e
<template> <template>
<div class="triageRegistrationWrapper"> <div class="triageRecordListWrapper">
<el-header class="pageHeader g-relative"> <div class="pageHeader g-relative">
<div class="header_form"> <div class="header_form">
<el-form <el-form
:inline="true" :inline="true"
...@@ -8,7 +8,10 @@ ...@@ -8,7 +8,10 @@
label-width="90px" label-width="90px"
ref="searchForm" ref="searchForm"
> >
<div class="searchForm"> <div
class="searchForm"
style="float:left"
>
<el-form-item <el-form-item
prop="startTime" prop="startTime"
label="分诊时间：" label="分诊时间："
...@@ -47,66 +50,100 @@ ...@@ -47,66 +50,100 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item </div>
prop="patientName" <el-form-item
label="患者姓名" prop="patientName"
class="header_form_item" label="患者姓名"
class="header_form_item"
>
<el-input
v-model="searchForm.patientName"
size="mini"
></el-input>
</el-form-item>
<el-form-item
prop="greenType"
label="重点病种："
class="header_form_item"
>
<el-select
v-model="searchForm.greenType"
clearable
placeholder="请选择"
size="mini"
style="width: 178px;"
> >
<el-input <el-option
v-model="searchForm.patientName" label="全部"
size="mini" value=""
></el-input> />
</el-form-item> <el-option
<el-form-item label="胸痛中心"
prop="greenType" :value="1"
label="重点病种：" />
class="header_form_item" <el-option
label="卒中中心"
:value="2"
/>
</el-select>
</el-form-item>
<el-form-item
prop="gradeId"
label="分诊级别："
class="header_form_item"
>
<el-select
v-model="searchForm.gradeId"
clearable
placeholder="请选择"
size="mini"
style="width: 178px;"
> >
<el-select <el-option
v-model="searchForm.greenType" label="全部"
clearable value=""
placeholder="请选择" />
size="mini" <el-option
style="width: 178px;" label="一级"
> value="一级"
<el-option />
label="全部" <el-option
value="" label="二级"
/> value="二级"
<el-option />
label="胸痛中心" <el-option
:value="1" label="三级"
/> value="三级"
<el-option />
label="卒中中心" <el-option
:value="2" label="四级"
/> value="四级"
</el-select> />
</el-form-item> </el-select>
</div> </el-form-item>
<el-form-item style="float:right">
<el-button
type="primary"
size="mini"
icon="el-icon-search"
@click="searchTableData()"
>查询</el-button>
<el-button
type="danger"
size="mini"
icon="el-icon-refresh"
@click="resetForm('searchForm')"
>重置</el-button>
<el-button
type="primary"
size="mini"
icon="el-icon-download"
@click="exportTable()"
>导出</el-button>
</el-form-item>
</el-form> </el-form>
</div> </div>
<div class="header_btn"> </div>
<el-button
type="primary"
size="mini"
icon="el-icon-search"
@click="searchTableData()"
>查询</el-button>
<el-button
type="danger"
size="mini"
icon="el-icon-refresh"
@click="resetForm('searchForm')"
>重置</el-button>
<el-button
type="primary"
size="mini"
icon="el-icon-download"
@click="exportTable()"
>导出</el-button>
</div>
</el-header>
<el-main class="pageMain"> <el-main class="pageMain">
<table-mixin <table-mixin
:pageSize="pageSize" :pageSize="pageSize"
...@@ -319,6 +356,7 @@ export default { ...@@ -319,6 +356,7 @@ export default {
let param = { let param = {
'patientName': this.searchForm.patientName, 'patientName': this.searchForm.patientName,
'greenType': this.searchForm.greenType, 'greenType': this.searchForm.greenType,
'gradeId': this.searchForm.gradeId,
'beginTriageTime': beginTime, 'beginTriageTime': beginTime,
'endTriageTime': endTime, 'endTriageTime': endTime,
'pageSize': this.pageSize, 'pageSize': this.pageSize,
...@@ -362,6 +400,7 @@ export default { ...@@ -362,6 +400,7 @@ export default {
'endTriageTime': endTime, 'endTriageTime': endTime,
'patientName': this.searchForm.patientName, 'patientName': this.searchForm.patientName,
'greenType': this.searchForm.greenType, 'greenType': this.searchForm.greenType,
'gradeId': this.searchForm.gradeId
} }
this.$axios({ this.$axios({
url: global.url + '/api/triage/his/expTbTriageFormReport', url: global.url + '/api/triage/his/expTbTriageFormReport',
...@@ -385,7 +424,7 @@ export default { ...@@ -385,7 +424,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.triageRegistrationWrapper { .triageRecordListWrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-top: 10px; padding-top: 10px;
......
src/views/all/modules/data/triage/triageRegistration.vue
View file @ 009d4e1e
<template> <template>
<div class="triageRegistrationWrapper"> <div class="triageRegistrationWrapper">
<el-header class="pageHeader g-relative"> <div class="pageHeader g-relative">
<div class="header_form"> <div class="header_form">
<el-form <el-form
:inline="true" :inline="true"
...@@ -8,7 +8,10 @@ ...@@ -8,7 +8,10 @@
label-width="90px" label-width="90px"
ref="searchForm" ref="searchForm"
> >
<div class="searchForm"> <div
class="searchForm"
style="float:left"
>
<el-form-item <el-form-item
prop="startTime" prop="startTime"
label="分诊时间：" label="分诊时间："
...@@ -47,68 +50,114 @@ ...@@ -47,68 +50,114 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item </div>
prop="createUserId" <el-form-item
label="分诊护士：" prop="createUserId"
class="header_form_item" label="分诊护士："
class="header_form_item"
>
<el-select
v-model="searchForm.createUserId"
clearable
placeholder="请选择"
size="mini"
style="width: 178px;"
> >
<el-select <el-option
v-model="searchForm.createUserId" v-for="(item,index) in options"
clearable :key="index"
placeholder="请选择" :label="item.userName"
size="mini" :value="item.userId"
style="width: 178px;"
> >
<el-option </el-option>
v-for="(item,index) in options" </el-select>
:key="index" </el-form-item>
:label="item.userName" <el-form-item
:value="item.userId" prop="greenType"
> label="重点病种："
</el-option> class="header_form_item"
</el-select> >
</el-form-item> <el-select
<el-form-item v-model="searchForm.greenType"
prop="greenType" clearable
label="重点病种：" placeholder="请选择"
class="header_form_item" size="mini"
style="width: 178px;"
> >
<el-select <el-option
v-model="searchForm.greenType" label="全部"
clearable value=""
placeholder="请选择" />
size="mini" <el-option
style="width: 178px;" label="胸痛中心"
> :value="1"
<el-option label="全部" value="" /> />
<el-option label="胸痛中心" :value="1" /> <el-option
<el-option label="卒中中心" :value="2" /> label="卒中中心"
</el-select> :value="2"
</el-form-item> />
</div> </el-select>
</el-form-item>
<el-form-item
prop="gradeId"
label="分诊级别："
class="header_form_item"
>
<el-select
v-model="searchForm.gradeId"
clearable
placeholder="请选择"
size="mini"
style="width: 178px;"
>
<el-option
label="全部"
value=""
/>
<el-option
label="一级"
:value="1"
/>
<el-option
label="二级"
:value="2"
/>
<el-option
label="三级"
:value="3"
/>
<el-option
label="四级"
:value="4"
/>
</el-select>
</el-form-item>
<el-form-item style="float:right">
<el-button
type="primary"
size="mini"
icon="el-icon-search"
@click="searchTableData()"
>查询</el-button>
<el-button
type="danger"
size="mini"
icon="el-icon-refresh"
@click="resetForm('searchForm')"
>重置</el-button>
<el-button
type="primary"
size="mini"
icon="el-icon-download"
@click="exportTable()"
>导出</el-button>
</el-form-item>
</el-form> </el-form>
</div> </div>
<div class="header_btn"> <div class="header_btn">
<el-button
type="primary"
size="mini"
icon="el-icon-search"
@click="searchTableData()"
>查询</el-button>
<el-button
type="danger"
size="mini"
icon="el-icon-refresh"
@click="resetForm('searchForm')"
>重置</el-button>
<el-button
type="primary"
size="mini"
icon="el-icon-download"
@click="exportTable()"
>导出</el-button>
</div> </div>
</el-header> </div>
<el-main class="pageMain"> <el-main class="pageMain">
<div class="chartsContainer g-m-b-30"> <div class="chartsContainer g-m-b-30">
<el-tabs <el-tabs
...@@ -427,9 +476,10 @@ export default { ...@@ -427,9 +476,10 @@ export default {
'greenType': this.searchForm.greenType, 'greenType': this.searchForm.greenType,
'pageSize': this.pageSize, 'pageSize': this.pageSize,
'pageNo': this.pageNum, 'pageNo': this.pageNum,
'gradeId': this.searchForm.gradeId,
'isBasics': this.isBasics 'isBasics': this.isBasics
}; };
this.searchParams = param this.searchParams = param
this.$axios({ this.$axios({
url: global.url + '/api/emergency/triage/getTriageRecordList', url: global.url + '/api/emergency/triage/getTriageRecordList',
...@@ -655,6 +705,7 @@ export default { ...@@ -655,6 +705,7 @@ export default {
let param = { let param = {
'createUserId': this.searchForm.createUserId, 'createUserId': this.searchForm.createUserId,
'greenType': this.searchForm.greenType, 'greenType': this.searchForm.greenType,
'gradeId': this.searchForm.gradeId,
'beginTime': beginTime, 'beginTime': beginTime,
'endTime': endTime, 'endTime': endTime,
'isBasics': this.isBasics 'isBasics': this.isBasics
...@@ -701,16 +752,14 @@ export default { ...@@ -701,16 +752,14 @@ export default {
.pageHeader { .pageHeader {
/* height: 130px !important; */ /* height: 130px !important; */
display: flex;
background-color: #fff; background-color: #fff;
align-items: center; margin-bottom: 20px;
box-sizing: border-box;
} }
.header_form { .header_form {
flex: 5; // flex: 5;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
.searchForm { .searchForm {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -720,15 +769,16 @@ export default { ...@@ -720,15 +769,16 @@ export default {
} }
} }
.header_btn { // .header_btn {
flex: 1; // flex: 1;
display: flex; // display: flex;
align-items: flex-start; // align-items: flex-start;
} // }
.pageMain { .pageMain {
background: #fff; background: #fff;
height: calc(100% - 160px); height: calc(100% - 160px);
width: 100%;
} }
.pageMain /deep/ .cell { .pageMain /deep/ .cell {
......
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