Skip to content

M
md-vue-chc
Commit 5f7dc327 authored by 庞志远's avatar 庞志远
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 112a5dca 956da337
Hide whitespace changes
Inline Side-by-side
Showing with 477 additions and 249 deletions
package.json
View file @ 5f7dc327
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
"vue-baidu-map": "^0.21.22", "vue-baidu-map": "^0.21.22",
"vue-i18n": "^8.0.0", "vue-i18n": "^8.0.0",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",
"vue-seamless-scroll": "^1.1.23",
"vuex": "^3.0.1" "vuex": "^3.0.1"
}, },
"devDependencies": { "devDependencies": {
......
src/api/bigscreen.js 0 → 100644
View file @ 5f7dc327
import request from '../util/ajax'
export function siteSummary(params) {
return request({
url: '/api/bigScreen/siteSummary',
method: 'GET',
data: params
})
}
export function patientSummary(params) {
return request({
url: '/api/bigScreen/patientSummary',
method: 'GET',
data: params
})
}
export function admissions(params) {
return request({
url: '/api/bigScreen/admissions',
method: 'GET',
data: params
})
}
export function centerSummary(params) {
return request({
url: '/api/bigScreen/centerSummary',
method: 'GET',
data: params
})
}
src/api/common.js
View file @ 5f7dc327
...@@ -24,6 +24,16 @@ export function queryEmergencyHospitalList(params) { ...@@ -24,6 +24,16 @@ export function queryEmergencyHospitalList(params) {
}) })
} }
export function queryHospitalList(name = "") {
return request({
url: '/api/team/hospital/queryHospitalList',
method: 'GET',
params: {
name: name
}
})
}
export function queryExtendConfig(params) { export function queryExtendConfig(params) {
return request({ return request({
url: '/api/team/extend/queryExtendConfig', url: '/api/team/extend/queryExtendConfig',
......
src/page/bigscreen/components/echartsMap.vue
View file @ 5f7dc327
...@@ -13,23 +13,28 @@ ...@@ -13,23 +13,28 @@
<div class="b"> <div class="b">
<div class="l"> <div class="l">
<p class="p1">项目总数</p> <p class="p1">项目总数</p>
<p class="p2">{{selectData.value}}</p> <p class="p2">{{selectData.itemTotal}}</p>
</div> </div>
<ul class="r"> <ul class="r">
<li> <li>
<i class="xt"></i> <i class="xt"></i>
<span>胸痛</span> <span>胸痛</span>
<span class="num">{{selectData.val1}}</span> <span class="num">{{selectData.chestTotal}}</span>
</li> </li>
<li> <li>
<i class="cz"></i> <i class="cz"></i>
<span>卒中</span> <span>卒中</span>
<span class="num">{{selectData.val2}}</span> <span class="num">{{selectData.strokeTotal}}</span>
</li> </li>
<li> <li>
<i class="css"></i> <i class="css"></i>
<span>创/烧伤</span> <span>创伤</span>
<span class="num">{{selectData.value - selectData.val1 - selectData.val2}}</span> <span class="num">{{selectData.traumaTotal}}</span>
</li>
<li>
<i class="ss"></i>
<span>烧伤</span>
<span class="num">{{selectData.burnTotal}}</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -38,38 +43,68 @@ ...@@ -38,38 +43,68 @@
</template> </template>
<script> <script>
/**
* 江岸区 江汉区 硚口区 汉阳区 武昌区 青山区 洪山区 东西湖区 汉南区 蔡甸区 江夏区 黄陂区 新洲区
* */
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import wuhan from '@/assets/map/wuhan.json' import wuhan from '@/assets/map/wuhan.json'
export default { export default {
props: {
areaCenters: {
type: Array,
default: []
}
},
data() { data() {
return { return {
chart: null, myChart: null,
dataList: [ dataIndex: 0,
{ name: '江岸区', selected: true, value: 541, val1: 300, val2: 200 }, dataList: [],
{ name: '江汉区', value: 416, val1: 200, val2: 100 }, selectData: {
{ name: '硚口区', value: 280, val1: 200, val2: 10 }, name: '',
{ name: '汉阳区', value: 971, val1: 200, val2: 100 }, itemTotal: 0,
{ name: '武昌区', value: 157, val1: 20, val2: 10 }, chestTotal: 0,
{ name: '青山区', value: 827, val1: 200, val2: 100 }, strokeTotal: 0,
{ name: '洪山区', value: 844, val1: 200, val2: 100 }, traumaTotal: 0,
{ name: '东西湖区', value: 850, val1: 200, val2: 100 }, burnTotal: 0,
{ name: '汉南区', value: 354, val1: 200, val2: 100 }, }
{ name: '蔡甸区', value: 431, val1: 200, val2: 100 }, }
{ name: '江夏区', value: 252, val1: 200, val2: 10 }, },
{ name: '黄陂区', value: 340, val1: 200, val2: 100 }, watch: {
{ name: '新洲区', value: 752, val1: 200, val2: 100 } areaCenters: function(val) {
], if (val || val.length > 0) {
selectData: { name: '江岸区', value: 541, val1: 300, val2: 200 } this.init()
}
} }
}, },
mounted() { mounted() {
echarts.registerMap('wuhan', wuhan)
this.init() this.init()
}, },
destroyed() {
clearInterval(this.timer)
},
methods: { methods: {
init() { init() {
echarts.registerMap('wuhan', wuhan) let total = 0
const myChart = echarts.init(this.$refs.chart); const list = this.areaCenters.map((item, index) => {
total += item.itemTotal
const params = {
name: item.areaName,
value: item.itemTotal,
...item
}
if (index === 0) {
params.selected = true
this.selectData = params
}
return params
})
this.myChart = this.myChart || echarts.init(this.$refs.chart);
this.myChart.off('click')
this.myChart.off('selectchanged')
let option = { let option = {
title: { title: {
text: '武汉市地图', text: '武汉市地图',
...@@ -87,11 +122,11 @@ export default { ...@@ -87,11 +122,11 @@ export default {
left: 138, left: 138,
bottom: 108, bottom: 108,
pieces: [ pieces: [
{ gt: 820, lte: 1000, label: '高', color: '#386FFF' }, { gt: total / 5 * 4, lte: total, label: '高', color: '#386FFF' },
{ gt: 640, lte: 820, label: ' ', color: '#3361DE' }, { gt: total / 5 * 3, lte: total / 5 * 4, label: ' ', color: '#3361DE' },
{ gt: 460, lte: 640, label: ' ', color: '#2B52BD' }, { gt: total / 5 * 2, lte: total / 5 * 3, label: ' ', color: '#2B52BD' },
{ gt: 280, lte: 460, label: ' ', color: '#24449C' }, { gt: total / 5, lte: total / 5 * 2, label: ' ', color: '#24449C' },
{ gt: 100, lte: 280, label: '低', color: '#1A347A' } { gt: 0, lte: total / 5, label: '低', color: '#1A347A' }
], ],
itemWidth: 44, itemWidth: 44,
itemHeight: 27, itemHeight: 27,
...@@ -142,15 +177,30 @@ export default { ...@@ -142,15 +177,30 @@ export default {
}, },
top: 115, top: 115,
bottom: 325, bottom: 325,
data: this.dataList data: list
} }
] ]
} }
// this.chart.setOption(option); this.myChart.setOption(option);
myChart.setOption(option); this.myChart.on('click', (params) => {
myChart.on('click', (params) => { this.dataIndex = params.dataIndex
this.selectData = params.data this.selectData = list[this.dataIndex]
}); });
this.myChart.on('selectchanged', (params) => {
this.dataIndex = params.fromActionPayload.dataIndex
this.selectData = list[this.dataIndex]
});
clearInterval(this.timer)
this.timer = setInterval(() => {
this.dataIndex++
if (this.dataIndex >= list.length) {
this.dataIndex = 0
}
this.myChart.dispatchAction({
type: 'select',
dataIndex: this.dataIndex
})
}, 30 * 1000)
} }
} }
} }
...@@ -184,7 +234,7 @@ export default { ...@@ -184,7 +234,7 @@ export default {
.tip { .tip {
position: absolute; position: absolute;
width: 520px; width: 520px;
height: 382px; height: 450px;
background: #00fffc; background: #00fffc;
box-shadow: 12px 12px 48px 0px rgba(0, 255, 252, 0.5), box-shadow: 12px 12px 48px 0px rgba(0, 255, 252, 0.5),
0px 0px 64px 0px #00b3ff; 0px 0px 64px 0px #00b3ff;
...@@ -202,7 +252,7 @@ export default { ...@@ -202,7 +252,7 @@ export default {
line-height: 60px; line-height: 60px;
} }
.b { .b {
height: 189px; height: 257px;
} }
.l, .l,
.r { .r {
...@@ -249,6 +299,9 @@ export default { ...@@ -249,6 +299,9 @@ export default {
&.css { &.css {
background: #ff8931; background: #ff8931;
} }
&.ss {
background: #ff5600;
}
} }
span:nth-child(2) { span:nth-child(2) {
display: inline-block; display: inline-block;
......
src/page/bigscreen/components/echartsPie.vue
View file @ 5f7dc327
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="main"> <div class="main">
<div class="total"> <div class="total">
<span>总人数</span> <span>总人数</span>
<p>{{this.total}}人 </p> <p>{{ total }}人 </p>
</div> </div>
<div <div
class="chart" class="chart"
...@@ -16,30 +16,45 @@ ...@@ -16,30 +16,45 @@
<script> <script>
import * as echarts from 'echarts'; import * as echarts from 'echarts';
export default { export default {
props: {
patientCount: {
type: Object,
default: {
burnTotal: 0,
chestTotal: 0,
strokeTotal: 0,
traumaTotal: 0
}
}
},
data() { data() {
return { return {
chart: null, chart: null,
list: [
{ value: 27594, name: '胸痛' },
{ value: 18594, name: '卒中' },
{ value: 18594, name: '创/烧伤' },
{ value: 18594, name: '其他' }
],
total: 0 total: 0
} }
}, },
watch: {
patientCount: function(val) {
if (val) {
this.init()
}
}
},
mounted() { mounted() {
let count = 0
this.list.forEach(i => {
count += i.value
})
this.total = count
this.init() this.init()
}, },
methods: { methods: {
init() { init() {
const { burnTotal, chestTotal, strokeTotal, traumaTotal } = this.patientCount
this.total = burnTotal + chestTotal + strokeTotal + traumaTotal
// console.log(total)
const list = [
{ value: chestTotal, name: '胸痛' },
{ value: strokeTotal, name: '卒中' },
{ value: traumaTotal, name: '创伤' },
{ value: burnTotal, name: '烧伤' }
]
const myChart = this.chart || echarts.init(this.$refs.chart); const myChart = this.chart || echarts.init(this.$refs.chart);
// this.chart = echarts.init(this.$refs.chart);
let option = { let option = {
tooltip: { tooltip: {
trigger: 'item' trigger: 'item'
...@@ -52,8 +67,12 @@ export default { ...@@ -52,8 +67,12 @@ export default {
itemWidth: 24, itemWidth: 24,
itemHeight: 24, itemHeight: 24,
formatter: (name) => { formatter: (name) => {
const item = this.list.find(i => i.name = name)
const per = parseInt(item.value / this.total * 100) const item = list.find(i => i.name == name)
let per = 0
if (item.value !== 0) {
per = parseInt(item.value / this.total * 100)
}
return '{a|' + name + '}{b|' + per + '%}{x|' + item.value + '人}' return '{a|' + name + '}{b|' + per + '%}{x|' + item.value + '人}'
}, },
textStyle: { textStyle: {
...@@ -94,7 +113,7 @@ export default { ...@@ -94,7 +113,7 @@ export default {
labelLine: { labelLine: {
show: false show: false
}, },
data: this.list, data: list,
emphasis: { emphasis: {
itemStyle: { itemStyle: {
shadowBlur: 10, shadowBlur: 10,
...@@ -125,7 +144,7 @@ export default { ...@@ -125,7 +144,7 @@ export default {
.total { .total {
position: absolute; position: absolute;
top: 183px; top: 183px;
left: 157px; width: 50%;
text-align: center; text-align: center;
z-index: 9999; z-index: 9999;
span { span {
......
src/page/bigscreen/index.vue
View file @ 5f7dc327
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
<div class="content"> <div class="content">
<div class="div1 box"> <div class="div1 box">
<Title title="急救站点信息" /> <Title title="急救站点信息" />
<dl class="bigTab left"> <dl class="bigTab left">
<dt> <dt>
<div class="cell_1">序号</div> <div class="cell_1">序号</div>
...@@ -17,66 +18,73 @@ ...@@ -17,66 +18,73 @@
<div class="cell_5">车辆数量</div> <div class="cell_5">车辆数量</div>
<div class="cell_6">所在医疗机构</div> <div class="cell_6">所在医疗机构</div>
</dt> </dt>
<dd <VueSeamless
v-for="(item, index) in dataList1" class="seamless-warp"
:key="index" :data="siteList"
:step="3"
> >
<div <dd
class="cell_1" v-for="(item, index) in siteList"
:title="index + 1" :key="index"
>{{index + 1}}</div> >
<div <div
class="cell_2" class="cell_1"
:title="item.areaName" :title="index + 1"
>{{item.areaName}}</div> >{{index + 1}}</div>
<div <div
class="cell_3" class="cell_2"
:title="item.siteName" :title="item.areaName"
>{{item.siteName}}</div> >{{item.areaName}}</div>
<div <div
class="cell_4" class="cell_3"
:title="item.siteLocation" :title="item.siteName"
>{{item.siteLocation}}</div> >{{item.siteName}}</div>
<div <div
class="cell_5" class="cell_4"
:title="item.carCount" :title="item.siteLocation"
>{{item.carCount}}</div> >{{item.siteLocation}}</div>
<div <div
class="cell_6" class="cell_5"
:title="item.hospitalName" :title="item.carCount"
>{{item.hospitalName}}</div> >{{item.carCount}}</div>
</dd> <div
class="cell_6"
:title="item.hospitalName"
>{{item.hospitalName}}</div>
</dd>
</VueSeamless>
</dl> </dl>
</div> </div>
<div class="div2"> <div class="div2">
<div class="top box"> <div class="top box">
<Title title="院前救治患者" /> <Title title="当日急救患者" />
<div class="bigMsg"> <div class="bigMsg">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<p class="p1">胸痛中心</p> <p class="p1">胸痛中心</p>
<p class="p2">{{dataList2.num1}}人</p> <p class="p2">{{patientCount.today.chestTotal}}人</p>
</div> </div>
<div class="col"> <div class="col">
<p class="p1">卒中中心</p> <p class="p1">卒中中心</p>
<p class="p2">{{dataList2.num2}}人</p> <p class="p2">{{patientCount.today.strokeTotal}}人</p>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<p class="p1">创伤中心</p> <p class="p1">创伤中心</p>
<p class="p2">{{dataList2.num3}}人</p> <p class="p2">{{patientCount.today.traumaTotal}}人</p>
</div> </div>
<div class="col"> <div class="col">
<p class="p1">烧伤中心</p> <p class="p1">烧伤中心</p>
<p class="p2">{{dataList2.num4}}人</p> <p class="p2">{{patientCount.today.burnTotal}}人</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="bottom box"> <div class="bottom box">
<Title title="院前救治占比" /> <Title title="当日急救患者占比" />
<EchartsPie /> <EchartsPie :patientCount="patientCount.today" />
</div> </div>
</div> </div>
<div class="div3 box"> <div class="div3 box">
...@@ -87,7 +95,7 @@ ...@@ -87,7 +95,7 @@
alt="" alt=""
> >
<p class="p1">胸痛中心</p> <p class="p1">胸痛中心</p>
<p class="p2">{{dataList3.num1}} <span>个</span></p> <p class="p2">{{centerData.chestTotal}} <span>个</span></p>
</li> </li>
<li> <li>
<img <img
...@@ -95,48 +103,56 @@ ...@@ -95,48 +103,56 @@
alt="" alt=""
> >
<p class="p1">卒中中心</p> <p class="p1">卒中中心</p>
<p class="p2">{{dataList3.num2}} <span>个</span></p> <p class="p2">{{centerData.strokeTotal}} <span>个</span></p>
</li> </li>
<li> <li>
<img <img
src="../../assets/images/bigscreen_03.png" src="../../assets/images/bigscreen_03.png"
alt="" alt=""
> >
<p class="p1">创/烧伤中心</p> <p class="p1">创伤中心</p>
<p class="p2">{{dataList3.num3}} <span>个</span></p> <p class="p2">{{centerData.traumaTotal}} <span>个</span></p>
</li>
<li>
<img
src="../../assets/images/bigscreen_04.png"
alt=""
>
<p class="p1">烧伤中心</p>
<p class="p2">{{centerData.burnTotal}} <span>个</span></p>
</li> </li>
</ul> </ul>
<EchartsMap /> <EchartsMap :areaCenters="areaCenters" />
</div> </div>
<div class="div4"> <div class="div4">
<div class="top box"> <div class="top box">
<Title title="院前救治患者" /> <Title title="累计急救患者" />
<div class="bigMsg"> <div class="bigMsg">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<p class="p1">胸痛中心</p> <p class="p1">胸痛中心</p>
<p class="p2">{{dataList2.num1}}人</p> <p class="p2">{{patientCount.chestTotal}}人</p>
</div> </div>
<div class="col"> <div class="col">
<p class="p1">卒中中心</p> <p class="p1">卒中中心</p>
<p class="p2">{{dataList2.num2}}人</p> <p class="p2">{{patientCount.strokeTotal}}人</p>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<p class="p1">创伤中心</p> <p class="p1">创伤中心</p>
<p class="p2">{{dataList2.num3}}人</p> <p class="p2">{{patientCount.traumaTotal}}人</p>
</div> </div>
<div class="col"> <div class="col">
<p class="p1">烧伤中心</p> <p class="p1">烧伤中心</p>
<p class="p2">{{dataList2.num4}}人</p> <p class="p2">{{patientCount.burnTotal}}人</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="bottom box"> <div class="bottom box">
<Title title="院前救治占比" /> <Title title="累计急救患者占比" />
<EchartsPie /> <EchartsPie :patientCount="patientCount" />
</div> </div>
</div> </div>
<div class="div5 box"> <div class="div5 box">
...@@ -147,38 +163,49 @@ ...@@ -147,38 +163,49 @@
<div class="cell_2">医院名称</div> <div class="cell_2">医院名称</div>
<div class="cell_3">胸痛患者</div> <div class="cell_3">胸痛患者</div>
<div class="cell_4">卒中患者</div> <div class="cell_4">卒中患者</div>
<div class="cell_5">创/烧伤患者</div> <div class="cell_5">创伤患者</div>
<div class="cell_6">总计</div> <div class="cell_6">烧伤患者</div>
<div class="cell_7">总计</div>
</dt> </dt>
<dd <VueSeamless
v-for="(item, index) in dataList7" class="seamless-warp"
:key="index" :data="acceptsList"
:step="5"
> >
<div <dd
class="cell_1" v-for="(item, index) in acceptsList"
:title="index + 1" :key="index"
>{{index + 1}}</div> >
<div <div
class="cell_2" class="cell_1"
:title="item.hospitalName" :title="index + 1"
>{{item.hospitalName}}</div> >{{index + 1}}</div>
<div <div
class="cell_3" class="cell_2"
:title="item.num1" :title="item.hospitalName"
>{{item.num1}}</div> >{{item.hospitalName}}</div>
<div <div
class="cell_4" class="cell_3"
:title="item.num2" :title="item.chestTotal"
>{{item.num2}}</div> >{{item.chestTotal}}</div>
<div <div
class="cell_5" class="cell_4"
:title="item.num3" :title="item.strokeTotal"
>{{item.num3}}</div> >{{item.strokeTotal}}</div>
<div <div
class="cell_6" class="cell_5"
:title="item.num4" :title="item.traumaTotal"
>{{item.num4}}</div> >{{item.traumaTotal}}</div>
</dd> <div
class="cell_6"
:title="item.burnTotal"
>{{item.burnTotal}}</div>
<div
class="cell_7"
:title="item.total"
>{{item.total}}</div>
</dd>
</VueSeamless>
</dl> </dl>
</div> </div>
</div> </div>
...@@ -187,64 +214,65 @@ ...@@ -187,64 +214,65 @@
</template> </template>
<script> <script>
import Title from './components/title.vue' import Title from './components/title.vue'
import EchartsPie from './components/echartsPie.vue' import EchartsPie from './components/echartsPie.vue'
import EchartsMap from './components/echartsMap.vue' import EchartsMap from './components/echartsMap.vue'
import { siteSummary, patientSummary, admissions, centerSummary } from '@/api/bigscreen'
import VueSeamless from 'vue-seamless-scroll'
export default { export default {
components: { components: {
Title, Title,
EchartsPie, EchartsPie,
EchartsMap EchartsMap,
VueSeamless
}, },
data() { data() {
return { return {
dataList1: [ siteList: [],
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' }, patientCount: {
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' }, today: {}
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' },
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' },
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' },
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' },
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' },
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' },
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' },
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' },
{ areaName: '硚口区', siteName: '站点1', siteLocation: '解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院' },
{ areaName: '硚口区硚口区硚口区硚口区硚口区硚口区', siteName: '站点1站点1站点1站点1站点1', siteLocation: '解放大道1095号解放大道1095号解放大道1095号', carCount: 10, hospitalName: '华中科技大学附属同济医院华中科技大学附属同济医院华中科技大学附属同济医院华中科技大学附属同济医院' }
],
dataList2: {
num1: 23548,
num2: 47945,
num3: 32237,
num4: 1920,
},
dataList3: {
num1: 514,
num2: 29,
num3: 5
}, },
dataList7: [ centerData: {},
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 }, acceptsList: [],
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 }, areaCenters: [],
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 }, timer: null
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 },
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 },
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 },
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 },
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 },
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 },
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 },
{ hospitalName: '华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 },
{ hospitalName: '华中科技大学附属同济医院华中科技大学附属同济医院华中科技大学附属同济医院华中科技大学附属同济医院', num1: 10, num2: 20, num3: 30, num4: 40, count: 100 }
]
} }
}, },
mounted() { mounted() {
this.getData()
this.timer = setInterval(() => {
this.getData()
}, 30 * 60 * 1000)
},
destroyed() {
clearTimeout(this.timer)
}, },
methods: { methods: {
getData() {
console.log('getData')
siteSummary({
pageNo: 1,
pageSize: 0
}).then(res => {
this.siteList = res.respData.list
})
patientSummary().then(res => {
this.patientCount = {
...res.respData,
today: res.respData.today || {}
}
})
admissions({
pageNo: 1,
pageSize: 0
}).then(res => {
this.acceptsList = res.respData.list
})
centerSummary().then(res => {
this.centerData = res.respData
this.areaCenters = res.respData.areaCenters
})
}
} }
} }
</script> </script>
...@@ -253,7 +281,8 @@ export default { ...@@ -253,7 +281,8 @@ export default {
.bigscreen-bg { .bigscreen-bg {
width: 9216px; width: 9216px;
height: 2304px; height: 2304px;
background: url("../../assets/images/bg.png") 100% 100%; // background: url("../../assets/images/bg.png") 100% 100%;
background: #333;
background-size: 100% 100%; background-size: 100% 100%;
.main { .main {
padding-top: 203px; padding-top: 203px;
...@@ -300,7 +329,7 @@ export default { ...@@ -300,7 +329,7 @@ export default {
li { li {
height: 192px; height: 192px;
width: 500px; width: 500px;
padding: 0 50px; padding: 0 10px;
img { img {
float: left; float: left;
height: 192px; height: 192px;
...@@ -344,6 +373,10 @@ export default { ...@@ -344,6 +373,10 @@ export default {
.bigTab { .bigTab {
margin-top: 110px; margin-top: 110px;
padding: 0 60px; padding: 0 60px;
.seamless-warp {
height: 1320px;
overflow: hidden;
}
dt { dt {
color: #6f96fe; color: #6f96fe;
line-height: 44px; line-height: 44px;
...@@ -361,8 +394,8 @@ export default { ...@@ -361,8 +394,8 @@ export default {
line-height: 110px; line-height: 110px;
margin: 0; margin: 0;
} }
> dt, dt,
> dd { dd {
> div { > div {
float: left; float: left;
padding: 0 10px; padding: 0 10px;
...@@ -402,17 +435,20 @@ export default { ...@@ -402,17 +435,20 @@ export default {
width: 500px; width: 500px;
} }
.cell_3 { .cell_3 {
width: 300px; width: 200px;
} }
.cell_4 { .cell_4 {
width: 300px; width: 200px;
} }
.cell_5 { .cell_5 {
width: 300px; width: 200px;
} }
.cell_6 { .cell_6 {
width: 200px; width: 200px;
} }
.cell_3 {
width: 300px;
}
} }
} }
.bigMsg { .bigMsg {
......
src/page/emergencyCar/components/bindSiteDialog.vue
View file @ 5f7dc327
...@@ -31,23 +31,6 @@ ...@@ -31,23 +31,6 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item
label="上级医院名称"
prop="hospitalCode"
>
<el-select
v-model="dataForm.hospitalCode"
placeholder="请选择上级医院"
style="width: 100%"
>
<el-option
v-for="item in hospitalList"
:label="item.hospitalName"
:key="item.id"
:value="item.hospitalCode"
/>
</el-select>
</el-form-item> -->
</el-form> </el-form>
<span <span
slot="footer" slot="footer"
...@@ -68,7 +51,6 @@ ...@@ -68,7 +51,6 @@
<script> <script>
import { queryTeamEmergencyCarInfo, bindSiteToEmergencyCar } from '@/api/emergencyCar' import { queryTeamEmergencyCarInfo, bindSiteToEmergencyCar } from '@/api/emergencyCar'
import { queryEmergencyHospitalList } from '@/api/common'
import { queryEmergencySiteList } from '@/api/site' import { queryEmergencySiteList } from '@/api/site'
export default { export default {
data() { data() {
...@@ -80,7 +62,6 @@ export default { ...@@ -80,7 +62,6 @@ export default {
hospitalCode: '' hospitalCode: ''
}, },
siteList: [], siteList: [],
hospitalList: [],
rules: { rules: {
siteId: [ siteId: [
{ required: true, message: '请选择站点' }, { required: true, message: '请选择站点' },
...@@ -92,10 +73,6 @@ export default { ...@@ -92,10 +73,6 @@ export default {
} }
}, },
mounted() { mounted() {
//获取可选择的医院
// queryEmergencyHospitalList().then(res => {
// this.hospitalList = res.respData
// })
queryEmergencySiteList().then(res => { queryEmergencySiteList().then(res => {
this.siteList = res.respData this.siteList = res.respData
}) })
...@@ -132,14 +109,6 @@ export default { ...@@ -132,14 +109,6 @@ export default {
const params = { const params = {
...this.dataForm ...this.dataForm
} }
// const hospital = this.hospitalList.find(i => i.hospitalCode === this.dataForm.hospitalCode)
// if (!hospital) {
// this.$message.error('无效数据');
// return
// }
// const { hospitalName, id } = hospital
// params.hospitalName = hospitalName
// params.hospitalId = id
const site = this.siteList.find(i => i.id === this.dataForm.siteId) const site = this.siteList.find(i => i.id === this.dataForm.siteId)
if (!site) { if (!site) {
......
src/page/expert/components/saveDialog.vue
View file @ 5f7dc327
...@@ -23,6 +23,11 @@ ...@@ -23,6 +23,11 @@
v-model="dataForm.hospitalCode" v-model="dataForm.hospitalCode"
placeholder="请选择医院" placeholder="请选择医院"
style="width: 100%" style="width: 100%"
filterable
remote
ref="hospitalCode"
:loading="selectLoading"
:remote-method="remoteMethod"
> >
<el-option <el-option
v-for="item in hospitalList" v-for="item in hospitalList"
...@@ -104,7 +109,7 @@ ...@@ -104,7 +109,7 @@
</template> </template>
<script> <script>
import { queryEmergencyHospitalList, queryExtendConfig } from '@/api/common' import { queryExtendConfig, queryHospitalList } from '@/api/common'
import { queryInfoById, addOrUpdateEmergencyExpert } from '@/api/expert' import { queryInfoById, addOrUpdateEmergencyExpert } from '@/api/expert'
export default { export default {
computed: { computed: {
...@@ -125,16 +130,17 @@ export default { ...@@ -125,16 +130,17 @@ export default {
dialogVisible: false, dialogVisible: false,
loading: false, loading: false,
formDisabled: false, formDisabled: false,
selectLoading: false,
hospitalList: [],
type: 'add', type: 'add',
dataForm: { dataForm: {
hospitalCode: '', hospital: '',
expertName: '', expertName: '',
isDuty: '', isDuty: '',
expertSex: '', expertSex: '',
expertTitle: '', expertTitle: '',
emergencyName: '' emergencyName: ''
}, },
hospitalList: [],
formItemList: [], formItemList: [],
rules: { rules: {
hospitalCode: [ hospitalCode: [
...@@ -151,7 +157,7 @@ export default { ...@@ -151,7 +157,7 @@ export default {
}, },
mounted() { mounted() {
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
queryExtendConfig({ tableType: 2 }).then(res => { queryExtendConfig({ tableType: 2 }).then(res => {
...@@ -202,15 +208,9 @@ export default { ...@@ -202,15 +208,9 @@ export default {
if (valid) { if (valid) {
const params = { const params = {
...this.dataForm, ...this.dataForm,
auditStatus: 1 auditStatus: 1,
} hospitalName: this.$refs.hospitalCode.query
const hospital = this.hospitalList.find(i => i.hospitalCode === this.dataForm.hospitalCode)
if (!hospital) {
this.$message.error('无效数据');
return
} }
const { hospitalName } = hospital
params.hospitalName = hospitalName
params.extendValueDtoList = this.$refs.formItem.getDataForm() params.extendValueDtoList = this.$refs.formItem.getDataForm()
addOrUpdateEmergencyExpert(params).then(res => { addOrUpdateEmergencyExpert(params).then(res => {
if (res.msg === 201) { if (res.msg === 201) {
...@@ -224,6 +224,13 @@ export default { ...@@ -224,6 +224,13 @@ export default {
} }
}) })
}, },
remoteMethod(query) {
this.selectLoading = true;
queryHospitalList(query).then(res => {
this.hospitalList = res.respData
this.selectLoading = false;
})
},
closedHandler() { closedHandler() {
this.$refs.dataForm.resetFields() this.$refs.dataForm.resetFields()
} }
......
src/page/expert/index.vue
View file @ 5f7dc327
...@@ -17,6 +17,10 @@ ...@@ -17,6 +17,10 @@
v-model="searchForm.hospitalCode" v-model="searchForm.hospitalCode"
placeholder="请选择医院" placeholder="请选择医院"
style="width: 100%" style="width: 100%"
filterable
remote
:loading="selectLoading"
:remote-method="remoteMethod"
:clearable="true" :clearable="true"
> >
<el-option <el-option
...@@ -127,7 +131,7 @@ ...@@ -127,7 +131,7 @@
</template> </template>
<script> <script>
import { tableDataMixin } from '../../common/js/mixin' import { tableDataMixin } from '../../common/js/mixin'
import { queryEmergencyHospitalList } from '@/api/common' import { queryHospitalList } from '@/api/common'
import { queryEmergencyExpertPageList, auditTeamEmergencyExpert, deleteTeamEmergencyExpert } from '@/api/expert' import { queryEmergencyExpertPageList, auditTeamEmergencyExpert, deleteTeamEmergencyExpert } from '@/api/expert'
import SaveDialog from './components/saveDialog.vue' import SaveDialog from './components/saveDialog.vue'
export default { export default {
...@@ -142,6 +146,7 @@ export default { ...@@ -142,6 +146,7 @@ export default {
hospitalCode: '' hospitalCode: ''
}, },
hospitalList: [], hospitalList: [],
selectLoading: false,
tableData: { tableData: {
loading: false, loading: false,
head: [ head: [
...@@ -204,7 +209,7 @@ export default { ...@@ -204,7 +209,7 @@ export default {
}, },
mounted() { mounted() {
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
this.search() this.search()
...@@ -225,6 +230,13 @@ export default { ...@@ -225,6 +230,13 @@ export default {
} }
}) })
}, },
remoteMethod(query) {
this.selectLoading = true;
queryHospitalList(query).then(res => {
this.hospitalList = res.respData
this.selectLoading = false;
})
},
showSaveDialog(type = 'add', id = '') { showSaveDialog(type = 'add', id = '') {
this.$refs.saveDialog.init(type, id) this.$refs.saveDialog.init(type, id)
}, },
......
src/page/greenWay/components/saveDialog.vue
View file @ 5f7dc327
...@@ -23,6 +23,11 @@ ...@@ -23,6 +23,11 @@
v-model="dataForm.hospitalCode" v-model="dataForm.hospitalCode"
placeholder="请选择医院" placeholder="请选择医院"
style="width: 100%" style="width: 100%"
filterable
remote
ref="hospitalCode"
:loading="selectLoading"
:remote-method="remoteMethod"
> >
<el-option <el-option
v-for="item in hospitalList" v-for="item in hospitalList"
...@@ -144,7 +149,7 @@ ...@@ -144,7 +149,7 @@
</template> </template>
<script> <script>
import { queryEmergencyHospitalList, queryExtendConfig } from '@/api/common' import { queryHospitalList, queryExtendConfig } from '@/api/common'
import { queryInfoById, saveOrUpdateEmergencyGreenway } from '@/api/greenWay' import { queryInfoById, saveOrUpdateEmergencyGreenway } from '@/api/greenWay'
import { getDic } from '@/util/dict' import { getDic } from '@/util/dict'
export default { export default {
...@@ -173,6 +178,7 @@ export default { ...@@ -173,6 +178,7 @@ export default {
dialogVisible: false, dialogVisible: false,
loading: false, loading: false,
formDisabled: false, formDisabled: false,
selectLoading: false,
dataForm: { dataForm: {
hospitalCode: '', hospitalCode: '',
unitType: '', unitType: '',
...@@ -222,7 +228,7 @@ export default { ...@@ -222,7 +228,7 @@ export default {
this.hospitalClassList = res.hospital_class this.hospitalClassList = res.hospital_class
}) })
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
queryExtendConfig({ tableType: 1 }).then(res => { queryExtendConfig({ tableType: 1 }).then(res => {
...@@ -277,15 +283,9 @@ export default { ...@@ -277,15 +283,9 @@ export default {
const params = { const params = {
...this.dataForm, ...this.dataForm,
auditStatus: 1, auditStatus: 1,
greenCenter: this.dataForm.greenCenter.join() greenCenter: this.dataForm.greenCenter.join(),
hospitalName: this.$refs.hospitalCode.query
} }
const hospital = this.hospitalList.find(i => i.hospitalCode === this.dataForm.hospitalCode)
if (!hospital) {
this.$message.error('无效数据');
return
}
const { hospitalName } = hospital
params.hospitalName = hospitalName
const area = this.areaList.find(i => i.id === this.dataForm.area) const area = this.areaList.find(i => i.id === this.dataForm.area)
if (!area) { if (!area) {
...@@ -308,6 +308,13 @@ export default { ...@@ -308,6 +308,13 @@ export default {
} }
}) })
}, },
remoteMethod(query) {
this.selectLoading = true;
queryHospitalList(query).then(res => {
this.hospitalList = res.respData
this.selectLoading = false;
})
},
closedHandler() { closedHandler() {
this.$refs.dataForm.resetFields() this.$refs.dataForm.resetFields()
} }
......
src/page/greenWay/index.vue
View file @ 5f7dc327
...@@ -17,6 +17,10 @@ ...@@ -17,6 +17,10 @@
v-model="searchForm.hospitalCode" v-model="searchForm.hospitalCode"
placeholder="请选择医院" placeholder="请选择医院"
style="width: 100%" style="width: 100%"
filterable
remote
:loading="selectLoading"
:remote-method="remoteMethod"
:clearable="true" :clearable="true"
> >
<el-option <el-option
...@@ -138,8 +142,8 @@ ...@@ -138,8 +142,8 @@
</template> </template>
<script> <script>
import { tableDataMixin } from '../../common/js/mixin' import { tableDataMixin } from '../../common/js/mixin'
import { queryEmergencyHospitalList } from '@/api/common' import { queryHospitalList } from '@/api/common'
import { queryEmergencyGreenwayPageList, saveOrUpdateEmergencyGreenway, deleteEmergencyGreenway, auditTeamEmergencyGreenway } from '@/api/greenWay' import { queryEmergencyGreenwayPageList, deleteEmergencyGreenway, auditTeamEmergencyGreenway } from '@/api/greenWay'
import SaveDialog from './components/saveDialog.vue' import SaveDialog from './components/saveDialog.vue'
export default { export default {
name: 'expertPage', name: 'expertPage',
...@@ -154,6 +158,7 @@ export default { ...@@ -154,6 +158,7 @@ export default {
greenType: '' greenType: ''
}, },
hospitalList: [], hospitalList: [],
selectLoading: false,
tableData: { tableData: {
loading: false, loading: false,
head: [ head: [
...@@ -215,7 +220,7 @@ export default { ...@@ -215,7 +220,7 @@ export default {
}, },
mounted() { mounted() {
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
this.search() this.search()
...@@ -236,6 +241,13 @@ export default { ...@@ -236,6 +241,13 @@ export default {
} }
}) })
}, },
remoteMethod(query) {
this.selectLoading = true;
queryHospitalList(query).then(res => {
this.hospitalList = res.respData
this.selectLoading = false;
})
},
showSaveDialog(type = 'add', id = '') { showSaveDialog(type = 'add', id = '') {
this.$refs.saveDialog.init(type, id) this.$refs.saveDialog.init(type, id)
}, },
......
src/page/medical/components/saveDialog.vue
View file @ 5f7dc327
...@@ -23,6 +23,11 @@ ...@@ -23,6 +23,11 @@
v-model="dataForm.hospitalCode" v-model="dataForm.hospitalCode"
placeholder="请选择医院" placeholder="请选择医院"
style="width: 100%" style="width: 100%"
filterable
remote
ref="hospitalCode"
:loading="selectLoading"
:remote-method="remoteMethod"
> >
<el-option <el-option
v-for="item in hospitalList" v-for="item in hospitalList"
...@@ -95,7 +100,7 @@ ...@@ -95,7 +100,7 @@
</template> </template>
<script> <script>
import { queryEmergencyHospitalList, queryExtendConfig } from '@/api/common' import { queryHospitalList, queryExtendConfig } from '@/api/common'
import { queryInfoById, addOrUpdateEmergencyMedical } from '@/api/medical' import { queryInfoById, addOrUpdateEmergencyMedical } from '@/api/medical'
export default { export default {
computed: { computed: {
...@@ -125,6 +130,7 @@ export default { ...@@ -125,6 +130,7 @@ export default {
storePlace: '' storePlace: ''
}, },
hospitalList: [], hospitalList: [],
selectLoading: false,
formItemList: [], formItemList: [],
rules: { rules: {
hospitalCode: [ hospitalCode: [
...@@ -148,7 +154,7 @@ export default { ...@@ -148,7 +154,7 @@ export default {
}, },
mounted() { mounted() {
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
queryExtendConfig({ tableType: 3 }).then(res => { queryExtendConfig({ tableType: 3 }).then(res => {
...@@ -224,6 +230,13 @@ export default { ...@@ -224,6 +230,13 @@ export default {
} }
}) })
}, },
remoteMethod(query) {
this.selectLoading = true;
queryHospitalList(query).then(res => {
this.hospitalList = res.respData
this.selectLoading = false;
})
},
closedHandler() { closedHandler() {
this.$refs.dataForm.resetFields() this.$refs.dataForm.resetFields()
} }
......
src/page/medical/index.vue
View file @ 5f7dc327
...@@ -17,6 +17,10 @@ ...@@ -17,6 +17,10 @@
v-model="searchForm.hospitalCode" v-model="searchForm.hospitalCode"
placeholder="请选择医院" placeholder="请选择医院"
style="width: 100%" style="width: 100%"
filterable
remote
:loading="selectLoading"
:remote-method="remoteMethod"
:clearable="true" :clearable="true"
> >
<el-option <el-option
...@@ -136,7 +140,7 @@ ...@@ -136,7 +140,7 @@
</template> </template>
<script> <script>
import { tableDataMixin } from '../../common/js/mixin' import { tableDataMixin } from '../../common/js/mixin'
import { queryEmergencyHospitalList } from '@/api/common' import { queryHospitalList } from '@/api/common'
import { queryEmergencyMedicalPageList, auditTeamEmergencyMedical, deleteEmergencyMedical } from '@/api/medical' import { queryEmergencyMedicalPageList, auditTeamEmergencyMedical, deleteEmergencyMedical } from '@/api/medical'
import SaveDialog from './components/saveDialog.vue' import SaveDialog from './components/saveDialog.vue'
export default { export default {
...@@ -152,6 +156,7 @@ export default { ...@@ -152,6 +156,7 @@ export default {
materialType: '' materialType: ''
}, },
hospitalList: [], hospitalList: [],
selectLoading: false,
tableData: { tableData: {
loading: false, loading: false,
head: [ head: [
...@@ -206,7 +211,7 @@ export default { ...@@ -206,7 +211,7 @@ export default {
}, },
mounted() { mounted() {
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
this.search() this.search()
...@@ -227,6 +232,13 @@ export default { ...@@ -227,6 +232,13 @@ export default {
} }
}) })
}, },
remoteMethod(query) {
this.selectLoading = true;
queryHospitalList(query).then(res => {
this.hospitalList = res.respData
this.selectLoading = false;
})
},
showSaveDialog(type = 'add', id = '') { showSaveDialog(type = 'add', id = '') {
this.$refs.saveDialog.init(type, id) this.$refs.saveDialog.init(type, id)
}, },
......
src/page/rescue/components/saveDialog.vue
View file @ 5f7dc327
...@@ -23,6 +23,11 @@ ...@@ -23,6 +23,11 @@
v-model="dataForm.hospitalCode" v-model="dataForm.hospitalCode"
placeholder="请选择医院" placeholder="请选择医院"
style="width: 100%" style="width: 100%"
filterable
remote
ref="hospitalCode"
:loading="selectLoading"
:remote-method="remoteMethod"
> >
<el-option <el-option
v-for="item in hospitalList" v-for="item in hospitalList"
...@@ -114,7 +119,7 @@ ...@@ -114,7 +119,7 @@
</template> </template>
<script> <script>
import { queryEmergencyHospitalList, queryExtendConfig } from '@/api/common' import { queryHospitalList, queryExtendConfig } from '@/api/common'
import { queryInfoById, addOrUpdateEmergencyRescue } from '@/api/rescue' import { queryInfoById, addOrUpdateEmergencyRescue } from '@/api/rescue'
export default { export default {
computed: { computed: {
...@@ -135,6 +140,7 @@ export default { ...@@ -135,6 +140,7 @@ export default {
dialogVisible: false, dialogVisible: false,
loading: false, loading: false,
formDisabled: false, formDisabled: false,
selectLoading: false,
dataForm: { dataForm: {
hospitalCode: '', hospitalCode: '',
icuBedCount: '', icuBedCount: '',
...@@ -177,7 +183,7 @@ export default { ...@@ -177,7 +183,7 @@ export default {
}, },
mounted() { mounted() {
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
queryExtendConfig({ tableType: 4 }).then(res => { queryExtendConfig({ tableType: 4 }).then(res => {
......
src/page/rescue/index.vue
View file @ 5f7dc327
...@@ -17,6 +17,10 @@ ...@@ -17,6 +17,10 @@
v-model="searchForm.hospitalCode" v-model="searchForm.hospitalCode"
placeholder="请选择医院" placeholder="请选择医院"
style="width: 100%" style="width: 100%"
filterable
remote
:loading="selectLoading"
:remote-method="remoteMethod"
:clearable="true" :clearable="true"
> >
<el-option <el-option
...@@ -126,7 +130,7 @@ ...@@ -126,7 +130,7 @@
</template> </template>
<script> <script>
import { tableDataMixin } from '../../common/js/mixin' import { tableDataMixin } from '../../common/js/mixin'
import { queryEmergencyHospitalList } from '@/api/common' import { queryHospitalList } from '@/api/common'
import { queryTeamRescuePageList, auditTeamEmergencyRescue, deleteEmergencyRescue } from '@/api/rescue' import { queryTeamRescuePageList, auditTeamEmergencyRescue, deleteEmergencyRescue } from '@/api/rescue'
import SaveDialog from './components/saveDialog.vue' import SaveDialog from './components/saveDialog.vue'
export default { export default {
...@@ -141,6 +145,7 @@ export default { ...@@ -141,6 +145,7 @@ export default {
hospitalCode: '' hospitalCode: ''
}, },
hospitalList: [], hospitalList: [],
selectLoading: false,
tableData: { tableData: {
loading: false, loading: false,
head: [ head: [
...@@ -202,7 +207,7 @@ export default { ...@@ -202,7 +207,7 @@ export default {
}, },
mounted() { mounted() {
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
this.search() this.search()
...@@ -223,6 +228,13 @@ export default { ...@@ -223,6 +228,13 @@ export default {
} }
}) })
}, },
remoteMethod(query) {
this.selectLoading = true;
queryHospitalList(query).then(res => {
this.hospitalList = res.respData
this.selectLoading = false;
})
},
showSaveDialog(type = 'add', id = '') { showSaveDialog(type = 'add', id = '') {
this.$refs.saveDialog.init(type, id) this.$refs.saveDialog.init(type, id)
}, },
......
src/page/sitePage/components/siteDialog.vue
View file @ 5f7dc327
...@@ -76,6 +76,11 @@ ...@@ -76,6 +76,11 @@
v-model="dataForm.hospitalCode" v-model="dataForm.hospitalCode"
placeholder="请选择上级医院" placeholder="请选择上级医院"
style="width: 100%" style="width: 100%"
filterable
remote
ref="hospitalCode"
:loading="selectLoading"
:remote-method="remoteMethod"
> >
<el-option <el-option
v-for="item in hospitalList" v-for="item in hospitalList"
...@@ -115,7 +120,7 @@ ...@@ -115,7 +120,7 @@
<script> <script>
import { queryEmergencySiteDtoById, saveOrUpdateEmergencySite } from '@/api/site' import { queryEmergencySiteDtoById, saveOrUpdateEmergencySite } from '@/api/site'
import { queryEmergencyHospitalList } from '@/api/common' import { queryHospitalList } from '@/api/common'
import { getDic } from '@/util/dict' import { getDic } from '@/util/dict'
export default { export default {
computed: { computed: {
...@@ -136,6 +141,7 @@ export default { ...@@ -136,6 +141,7 @@ export default {
dialogVisible: false, dialogVisible: false,
loading: false, loading: false,
formDisabled: false, formDisabled: false,
selectLoading: false,
type: 'add', type: 'add',
dataForm: { dataForm: {
siteName: '', siteName: '',
...@@ -163,7 +169,7 @@ export default { ...@@ -163,7 +169,7 @@ export default {
}, },
mounted() { mounted() {
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
getDic(['area']).then(res => { getDic(['area']).then(res => {
...@@ -235,6 +241,13 @@ export default { ...@@ -235,6 +241,13 @@ export default {
} }
}) })
}, },
remoteMethod(query) {
this.selectLoading = true;
queryHospitalList(query).then(res => {
this.hospitalList = res.respData
this.selectLoading = false;
})
},
closedHandler() { closedHandler() {
this.$refs.dataForm.resetFields() this.$refs.dataForm.resetFields()
} }
......
src/page/sitePage/index.vue
View file @ 5f7dc327
...@@ -44,6 +44,10 @@ ...@@ -44,6 +44,10 @@
v-model="searchForm.hospitalCode" v-model="searchForm.hospitalCode"
placeholder="请选择上级医院" placeholder="请选择上级医院"
style="width: 100%" style="width: 100%"
filterable
remote
:loading="selectLoading"
:remote-method="remoteMethod"
:clearable="true" :clearable="true"
> >
<el-option <el-option
...@@ -172,7 +176,7 @@ ...@@ -172,7 +176,7 @@
import { tableDataMixin } from '../../common/js/mixin' import { tableDataMixin } from '../../common/js/mixin'
import { queryEmergencySitePageList, deleteEmergencySite, auditEmergencySite } from '@/api/site' import { queryEmergencySitePageList, deleteEmergencySite, auditEmergencySite } from '@/api/site'
import { getDic } from '../../util/dict' import { getDic } from '../../util/dict'
import { queryEmergencyHospitalList, exportEmergencyResources } from '@/api/common' import { queryHospitalList, exportEmergencyResources } from '@/api/common'
import SiteDialog from './components/siteDialog.vue' import SiteDialog from './components/siteDialog.vue'
export default { export default {
name: 'sitePage', name: 'sitePage',
...@@ -188,6 +192,7 @@ export default { ...@@ -188,6 +192,7 @@ export default {
}, },
areaList: [], areaList: [],
hospitalList: [], hospitalList: [],
selectLoading: false,
tableData: { tableData: {
loading: false, loading: false,
head: [ head: [
...@@ -247,7 +252,7 @@ export default { ...@@ -247,7 +252,7 @@ export default {
this.areaList = res.area this.areaList = res.area
}) })
//获取可选择的医院 //获取可选择的医院
queryEmergencyHospitalList().then(res => { queryHospitalList().then(res => {
this.hospitalList = res.respData this.hospitalList = res.respData
}) })
this.search() this.search()
...@@ -268,6 +273,13 @@ export default { ...@@ -268,6 +273,13 @@ export default {
} }
}) })
}, },
remoteMethod(query) {
this.selectLoading = true;
queryHospitalList(query).then(res => {
this.hospitalList = res.respData
this.selectLoading = false;
})
},
showSaveDialog(type = 'add', id = '') { showSaveDialog(type = 'add', id = '') {
this.$refs.siteDialog.init(type, id) this.$refs.siteDialog.init(type, id)
}, },
......
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