From 73b40d54554307ced5aab5b89dff6e1980e8a242 Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期四, 26 十月 2023 16:48:01 +0800
Subject: [PATCH] 分险排名页面增加站点清单 辅助审核增加了选择日期以及查看详情页面的样式调整
---
src/views/exception/FlightInspection.vue | 133 +++++++++++++++++++++++++++++++++-----------
1 files changed, 99 insertions(+), 34 deletions(-)
diff --git a/src/views/exception/FlightInspection.vue b/src/views/exception/FlightInspection.vue
index 70f2322..fc379ed 100644
--- a/src/views/exception/FlightInspection.vue
+++ b/src/views/exception/FlightInspection.vue
@@ -146,15 +146,36 @@
watch: {
selectedRowIndex(newVaue) {
// 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
- if (newVaue === this.displayData.length - 1) {
- this.dialog.isPreCantouch = true
+ // if (newVaue === this.displayData.length - 1) {
+ // this.dialog.isPreCantouch = true
+ // //鐢ㄦ埛鍏堢偣浜嗙涓�鏉★紝pre涓簍rue,鐒跺悗鐐瑰嚮鏈�鍚庝竴鏉�,next涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
+ // if (this.dialog.isNextCantouch == true) {
+ // this.dialog.isNextCantouch = false
+ // }
+ // }
+ // // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笅涓�鏉♀�欐寜閽笉鍙偣
+ // else if (newVaue === 0) {
+ // this.dialog.isNextCantouch = true
+ // //鐢ㄦ埛鍏堢偣浜嗚〃鏍兼渶鍚庝竴鏉�,next涓簍rue,鐒跺悗鐐瑰嚮绗竴鏉★紝pre涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
+ // if (this.dialog.isPreCantouch == true) {
+ // this.dialog.isPreCantouch = false
+ // }
+ // }
+ // // 澶勪簬琛ㄦ牸鐨勪腑闂磋 灏嗘寜閽缃负鍙偣鍑荤姸鎬�
+ // else {
+ // this.dialog.isPreCantouch = false
+ // this.dialog.isNextCantouch = false
+ // }
+ // 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
+ if (newVaue === 0) {
+ this.dialog.isPreCantouch = true
//鐢ㄦ埛鍏堢偣浜嗙涓�鏉★紝pre涓簍rue,鐒跺悗鐐瑰嚮鏈�鍚庝竴鏉�,next涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
if (this.dialog.isNextCantouch == true) {
this.dialog.isNextCantouch = false
}
}
- // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笅涓�鏉♀�欐寜閽笉鍙偣
- else if (newVaue === 0) {
+ // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
+ else if (newVaue === this.displayData.length - 1) {
this.dialog.isNextCantouch = true
//鐢ㄦ埛鍏堢偣浜嗚〃鏍兼渶鍚庝竴鏉�,next涓簍rue,鐒跺悗鐐瑰嚮绗竴鏉★紝pre涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
if (this.dialog.isPreCantouch == true) {
@@ -435,6 +456,13 @@
// 鏂數鎴栨柇缃� 鏃堕棿娈�
case '0':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
@@ -489,6 +517,13 @@
// 瓒呮爣
case '2':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
@@ -601,6 +636,13 @@
// 鏁版嵁瓒呬綆 鍙湁鏃堕棿鐐�
case '1':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
@@ -697,6 +739,13 @@
// 鏁版嵁闀挎椂娈垫棤娉㈠姩
case '3':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
@@ -785,6 +834,13 @@
case '6':
case '7':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
@@ -1539,9 +1595,10 @@
<el-table-column prop="region" label="鍖哄煙" align="center" show-overflow-tooltip />
<el-table-column prop="beginTime" label="寮�濮嬫椂闂�" align="center" show-overflow-tooltip />
<el-table-column prop="endTime" label="缁撴潫鏃堕棿" align="center" show-overflow-tooltip />
- <el-table-column prop="typename" label="鍦烘櫙" align="center" show-overflow-tooltip />
+ <el-table-column prop="typename" label="鍦烘櫙" align="center" width="82" show-overflow-tooltip />
<el-table-column prop="address" label="鍦板潃" align="center" show-overflow-tooltip />
<el-table-column prop="dutyCompany" label="杩愮淮鍟�" align="center" show-overflow-tooltip />
+
<el-table-column label="鎿嶄綔" align="center">
<template #default="{ row }">
<el-button type="primary" class="table-button" @click="showDialog(row)"
@@ -1580,8 +1637,9 @@
<div class="diag-head">
<div class="diag-head-text">
<div><span class="diag-head-text1">绔欑偣鍚嶇О锛�</span>{{ tableCurrentRowData.name }}</div>
-
- <div>
+ <div><span class="diag-head-text1">璁惧缂栧彿锛�</span>{{ tableCurrentRowData.mnCode }}</div>
+ <div><span class="diag-head-text1">杩愮淮鍟嗭細</span>{{ tableCurrentRowData.dutyCompany }}</div>
+ <!-- <div>
<span class="diag-head-text1">寮傚父绫诲瀷锛�</span>
<span v-if="tableCurrentRowData.exceptionType == '0'">鏁版嵁缂哄け寮傚父</span>
<span v-else-if="tableCurrentRowData.exceptionType == '1'">鏁版嵁瓒呬綆</span>
@@ -1591,7 +1649,7 @@
<span v-else-if="tableCurrentRowData.exceptionType == '5'">涓磋繎瓒呮爣寮傚父</span>
<span v-else-if="tableCurrentRowData.exceptionType == '6'">鍗曟棩瓒呮爣娆℃暟涓寸晫寮傚父</span>
<span v-else-if="tableCurrentRowData.exceptionType == '7'">婊戝姩骞冲潎鍊煎紓甯�</span>
- </div>
+ </div> -->
<div>
<span class="diag-head-text1">寮傚父鏃堕棿娈碉細</span>{{ tableCurrentRowData.beginTime }} ~
@@ -1599,7 +1657,7 @@
</div>
</div>
- <div class="chart-jump-button">
+ <!-- <div class="chart-jump-button">
<el-button
type="danger"
:loading="loading.preButton"
@@ -1614,7 +1672,24 @@
@click="getNextRowData"
>涓嬫潯寮傚父</el-button
>
+ </div> -->
+ <div class="chart-jump-button">
+ <el-button
+ type="danger"
+ :loading="loading.preButton"
+ :disabled="dialog.isPreCantouch || flag.banTouch"
+ @click="getNextRowData"
+ >涓婃潯寮傚父</el-button
+ >
+ <el-button
+ type="danger"
+ :loading="loading.afterButton"
+ :disabled="dialog.isNextCantouch || flag.banTouch"
+ @click="getPreviousRowData"
+ >涓嬫潯寮傚父</el-button
+ >
</div>
+
</div>
</template>
@@ -1638,9 +1713,9 @@
fixed
:index="indexMethod2"
></el-table-column>
- <el-table-column fixed prop="name" label="绔欑偣鍚嶇О" show-overflow-tooltip />
+ <!-- <el-table-column fixed prop="name" label="绔欑偣鍚嶇О" show-overflow-tooltip />
<el-table-column prop="mnCode" label="璁惧缂栧彿" align="center" show-overflow-tooltip />
- <el-table-column prop="dutyCompany" label="杩愮淮鍟�" align="center" show-overflow-tooltip />
+ <el-table-column prop="dutyCompany" label="杩愮淮鍟�" align="center" show-overflow-tooltip /> -->
<el-table-column prop="lst" label="閲囬泦鏃堕棿" align="center" show-overflow-tooltip />
<el-table-column
prop="dustValue"
@@ -1673,9 +1748,7 @@
</template>
<style lang="scss" scoped>
-.all-container{
- // min-width: 1200px;
-}
+
.el-row {
margin-left: 10px;
}
@@ -1688,8 +1761,7 @@
margin-right: 5px;
}
.head-container-search {
- // display: flex;
- // justify-content: flex-end;
+
float: right;
}
@@ -1709,15 +1781,15 @@
.card-text1 {
- // 榛戜綋鐨勫紓甯稿悕瀛楅儴鍒�
+ /* 榛戜綋鐨勫紓甯稿悕瀛楅儴鍒� */
margin: 10px;
}
.card-text1 + div {
- // 榛戜綋鐨勫紓甯稿悕瀛椾笅闈㈢殑
+ /* 榛戜綋鐨勫紓甯稿悕瀛椾笅闈㈢殑 */
margin: 12px;
}
.card-exception-buttom {
- // 寮傚父绔欑偣鏂囨湰鎸夐挳鍖哄煙
+ /* 寮傚父绔欑偣鏂囨湰鎸夐挳鍖哄煙 */
padding: 11px;
}
.card-header {
@@ -1746,19 +1818,18 @@
white-space: nowrap;
}
.card-exceptionname-text1 {
- // 寮傚父绔欑偣鍗犳瘮
+ /* 寮傚父绔欑偣鍗犳瘮 */
font-size: 14px;
white-space: nowrap;
}
.card-exceptionname-text2 {
- // 寮傚父鏁板崰姣旂殑澶栬竟璺�
- // margin-left: 50px;
+ /* 寮傚父鏁板崰姣旂殑澶栬竟璺� */
font-size: 14px;
white-space: nowrap;
}
.text-blank {
- // 閫楀彿
+ /* 閫楀彿 */
margin-right: 10px;
color: #000000;
}
@@ -1788,24 +1859,18 @@
/* 琛ㄦ牸妯″潡缁撴潫 */
/* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃殑鏍峰紡 */
-// :deep(.exception-dialog) {
-// max-height: 600px;
-// }
+
.diag-head {
- // 瀵硅瘽妗嗗ご閮ㄥ尯鍩�
+ /* 瀵硅瘽妗嗗ご閮ㄥ尯鍩� */
min-height: 200px;
- // border: 1px solid #fdc2db;
}
.diag-head-text1 {
- // 瀵硅瘽妗嗗ご閮ㄧ殑灞炴�у瓧娈靛姞绮�
+ /* 瀵硅瘽妗嗗ご閮ㄧ殑灞炴�у瓧娈靛姞绮� */
font-weight: bold;
}
-.diag-head-text span:nth-child(2) {
- // 瀵硅瘽妗嗗ご閮ㄢ�樺紓甯哥被鍨嬧�欏睘鎬�
- // margin-left: 150px;
-}
+
.diag-head-text > div {
- // 瀵硅瘽妗嗗紓甯告椂闂存
+ /* 瀵硅瘽妗嗗紓甯告椂闂存 */
margin-top: 15px;
}
.diag-head-text {
--
Gitblit v1.9.3