|
|
@@ -43,6 +43,9 @@
|
|
43
|
43
|
inactive-text="OFF">
|
|
44
|
44
|
</el-switch>
|
|
45
|
45
|
</div>
|
|
|
46
|
+ <div style="display: inline-block;position: relative;right: -30%;">
|
|
|
47
|
+ <el-button type="primary" @click="quan_ping">全屏</el-button>
|
|
|
48
|
+ </div>
|
|
46
|
49
|
</div>
|
|
47
|
50
|
<div class="table_panel" v-for="(item, index) in tableData" :key="index">
|
|
48
|
51
|
<table class="table">
|
|
|
@@ -86,6 +89,7 @@
|
|
86
|
89
|
</table>
|
|
87
|
90
|
|
|
88
|
91
|
</div>
|
|
|
92
|
+
|
|
89
|
93
|
<!-- 双击弹窗 -->
|
|
90
|
94
|
<el-dialog
|
|
91
|
95
|
title="提示"
|
|
|
@@ -218,6 +222,93 @@
|
|
218
|
222
|
</el-dialog>
|
|
219
|
223
|
</div>
|
|
220
|
224
|
</div>
|
|
|
225
|
+ <!-- 全屏 -->
|
|
|
226
|
+ <div id="patient_quan" style="width: 100%;background: #fff;" v-if="quanping==true">
|
|
|
227
|
+ <div style="margin: 20px 0;">
|
|
|
228
|
+ <div class="content_top">日期：
|
|
|
229
|
+ <el-date-picker
|
|
|
230
|
+ @change="date_picker"
|
|
|
231
|
+ v-model="date"
|
|
|
232
|
+ type="date"
|
|
|
233
|
+ placeholder="选择日期">
|
|
|
234
|
+ </el-date-picker>
|
|
|
235
|
+ </div>
|
|
|
236
|
+ <div class="content_top">排班班次：
|
|
|
237
|
+ <el-select v-model="classes" placeholder="请选择" @change="banci_select">
|
|
|
238
|
+ <el-option
|
|
|
239
|
+ v-for="item in schedulArr"
|
|
|
240
|
+ :key="item.value"
|
|
|
241
|
+ :label="item.label"
|
|
|
242
|
+ :value="item.value">
|
|
|
243
|
+ </el-option>
|
|
|
244
|
+ </el-select>
|
|
|
245
|
+ </div>
|
|
|
246
|
+ <div class="content_top">病区选择：
|
|
|
247
|
+ <el-select v-model="bingqu" placeholder="请选择" @change="bingqu_select">
|
|
|
248
|
+ <el-option
|
|
|
249
|
+ v-for="item in partitionArr"
|
|
|
250
|
+ :key="item.value"
|
|
|
251
|
+ :label="item.name"
|
|
|
252
|
+ :value="item.id">
|
|
|
253
|
+ </el-option>
|
|
|
254
|
+ </el-select>
|
|
|
255
|
+ </div>
|
|
|
256
|
+ <div class="content_top">隐藏备注：
|
|
|
257
|
+ <el-switch
|
|
|
258
|
+ v-model="hidder"
|
|
|
259
|
+ active-color="#13ce66"
|
|
|
260
|
+ inactive-color="#ff4949"
|
|
|
261
|
+ active-text="ON"
|
|
|
262
|
+ inactive-text="OFF">
|
|
|
263
|
+ </el-switch>
|
|
|
264
|
+ </div>
|
|
|
265
|
+ <div style="display: inline-block;position: relative;right: -30%;">
|
|
|
266
|
+ <el-button type="primary" @click="quan_ping">取消全屏</el-button>
|
|
|
267
|
+ </div>
|
|
|
268
|
+ </div>
|
|
|
269
|
+ <div class="table_panel" v-for="(item, index) in tableData" :key="index">
|
|
|
270
|
+ <table class="table">
|
|
|
271
|
+ <thead>
|
|
|
272
|
+ <tr>
|
|
|
273
|
+ <td :width="td_1_width">分区</td>
|
|
|
274
|
+ <td :width="td_3_width">病人姓名</td>
|
|
|
275
|
+ </tr>
|
|
|
276
|
+ </thead>
|
|
|
277
|
+ <tbody>
|
|
|
278
|
+ <tr v-for="(ite,index) in item.zones" :key="index">
|
|
|
279
|
+ <td style="text-align: center;">{{ getZoneName(ite.partition_id) }}</td>
|
|
|
280
|
+ <td>
|
|
|
281
|
+ <div v-for="(it,index) in numberlist" style="display: inline-block;position: relative;" >
|
|
|
282
|
+ <div v-if="ite.partition_id==it.zone_id" class="huanzhekuais" :style="{'height':!hidder ? '110px': '30px','line-height':hidder ? '30px':''}" @dblclick="db_click($event,it)" @drop="drop($event,item,it.number)" @dragstart="curInfoDragStart($event,item)" draggable="true" @dragover="allowDrop">
|
|
|
283
|
+ <div class="huanzhekuai">
|
|
|
284
|
+ <div v-for="(item2) in item.list" draggable="true" >
|
|
|
285
|
+ <template >
|
|
|
286
|
+ <div v-if="it.id==item2.bed_id" style="display: inline-block;">
|
|
|
287
|
+ <div>
|
|
|
288
|
+ <span>{{nameSplit(item2.name) }}({{ getmode(item2.mode_id) }})</span><br>
|
|
|
289
|
+ <span v-if="!hidder" >
|
|
|
290
|
+ <span style="font-size: 14px;margin-bottom: 5px;">{{item2.order.DeviceNumber.zone.name}}-{{item2.order.DeviceNumber.number}}</span><br>
|
|
|
291
|
+ <span style="font-size: 14px;margin-bottom: 5px;">{{getBloodAccess(item2.order.blood_access_id)}}</span><br>
|
|
|
292
|
+ <span style="font-size: 13px;;margin-bottom: 5px;">{{item2.order.schedule_remark}}</span>
|
|
|
293
|
+ </span>
|
|
|
294
|
+ </div>
|
|
|
295
|
+ </div>
|
|
|
296
|
+ </template>
|
|
|
297
|
+ </div>
|
|
|
298
|
+ </div>
|
|
|
299
|
+
|
|
|
300
|
+ </div>
|
|
|
301
|
+ <div v-if="ite.partition_id==it.zone_id" style="display: inline-block;width: 125px;text-align: center;">
|
|
|
302
|
+ {{ it.number }}
|
|
|
303
|
+ </div>
|
|
|
304
|
+ </div>
|
|
|
305
|
+ </td>
|
|
|
306
|
+ </tr>
|
|
|
307
|
+ </tbody>
|
|
|
308
|
+ </table>
|
|
|
309
|
+
|
|
|
310
|
+ </div>
|
|
|
311
|
+ </div>
|
|
221
|
312
|
</div>
|
|
222
|
313
|
</template>
|
|
223
|
314
|
|
|
|
@@ -244,6 +335,7 @@ export default {
|
|
244
|
335
|
tipDialogVisibleTwo:false,
|
|
245
|
336
|
tipDialogVisibleThree:false,
|
|
246
|
337
|
hidder: false,
|
|
|
338
|
+ quanping:false,
|
|
247
|
339
|
td_1_width: '8%',
|
|
248
|
340
|
td_3_width: '90%',
|
|
249
|
341
|
date:'',
|
|
|
@@ -651,7 +743,15 @@ export default {
|
|
651
|
743
|
// console.log('8888',this.huanzhe.order.DeviceNumber.zone.name);
|
|
652
|
744
|
},
|
|
653
|
745
|
methods:{
|
|
654
|
|
-
|
|
|
746
|
+ quan_ping(){
|
|
|
747
|
+ if(this.quanping==false){
|
|
|
748
|
+ // console.log('ttttt');
|
|
|
749
|
+ return this.quanping=true
|
|
|
750
|
+ }else{
|
|
|
751
|
+ // console.log('fffff');
|
|
|
752
|
+ return this.quanping=false
|
|
|
753
|
+ }
|
|
|
754
|
+ },
|
|
655
|
755
|
drop(e,val,value){
|
|
656
|
756
|
this.allowDrop(e)
|
|
657
|
757
|
var bedid = ''
|
|
|
@@ -1396,4 +1496,67 @@ export default {
|
|
1396
|
1496
|
}
|
|
1397
|
1497
|
}
|
|
1398
|
1498
|
</style>
|
|
|
1499
|
+<style lang="scss" scoped>
|
|
|
1500
|
+#patient_quan{
|
|
|
1501
|
+ position: fixed;
|
|
|
1502
|
+ top: 0;
|
|
|
1503
|
+ right: 0;
|
|
|
1504
|
+ bottom: 0;
|
|
|
1505
|
+ left: 0;
|
|
|
1506
|
+ overflow: auto;
|
|
|
1507
|
+ margin: 0;
|
|
|
1508
|
+ background: #fff;
|
|
|
1509
|
+ padding: 20px;
|
|
|
1510
|
+ height: 100%;
|
|
|
1511
|
+ z-index: 2000;
|
|
|
1512
|
+ .content_top{
|
|
|
1513
|
+ display: inline-block;
|
|
|
1514
|
+ }
|
|
|
1515
|
+ .table_panel {
|
|
|
1516
|
+ .table {
|
|
|
1517
|
+ width: 100%;
|
|
|
1518
|
+ border: 1px solid;
|
|
|
1519
|
+ border-collapse: collapse;
|
|
|
1520
|
+ padding: 2px;
|
|
|
1521
|
+
|
|
|
1522
|
+ thead {
|
|
|
1523
|
+ tr {
|
|
|
1524
|
+ td {
|
|
|
1525
|
+ border: 1px solid;
|
|
|
1526
|
+ text-align: center;
|
|
|
1527
|
+ font-size: 20px;
|
|
|
1528
|
+ padding: 15px 5px;
|
|
|
1529
|
+ }
|
|
|
1530
|
+ }
|
|
|
1531
|
+ }
|
|
|
1532
|
+ tbody {
|
|
|
1533
|
+ tr {
|
|
|
1534
|
+ td {
|
|
|
1535
|
+ border: 1px solid;
|
|
|
1536
|
+ // text-align: center;
|
|
|
1537
|
+ font-size: 18px;
|
|
|
1538
|
+ padding: 5px 5px;
|
|
|
1539
|
+
|
|
|
1540
|
+ .huanzhekuai{
|
|
|
1541
|
+ width: 125px;
|
|
|
1542
|
+ display: inline-block;
|
|
|
1543
|
+ text-align: center;
|
|
|
1544
|
+ // margin:0 10px;
|
|
|
1545
|
+ }
|
|
|
1546
|
+ .huanzhekuais{
|
|
|
1547
|
+ width: 125px;
|
|
|
1548
|
+ // display: inline-block;
|
|
|
1549
|
+ text-align: center;
|
|
|
1550
|
+ margin:0 10px;
|
|
|
1551
|
+ // line-height: 110px;
|
|
|
1552
|
+ background: #30b8e394;
|
|
|
1553
|
+ }
|
|
|
1554
|
+
|
|
|
1555
|
+ }
|
|
|
1556
|
+ }
|
|
|
1557
|
+ }
|
|
|
1558
|
+ }
|
|
|
1559
|
+ }
|
|
|
1560
|
+}
|
|
|
1561
|
+</style>
|
|
1399
|
1562
|
|
28169