guoyuepeng
/
qa-prevention-gwj-vue
1
0
Fork 3
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

feat: 应急救援指挥左侧面板样式调整

liujun0703-新项目开发
mengfanliang 2024-08-22 09:19:29 +08:00
parent eded8b2d49
commit 31213069cc
1 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/emergen_cyrescue/emergency_map/components/baseTable.vue
View File

@ -39,16 +39,16 @@
<div class="reserve_plan_title">应急预案名称: {{ info.reservePlan.PLANNAME }}</div> <div class="reserve_plan_title">应急预案名称: {{ info.reservePlan.PLANNAME }}</div>
<div class="scroll-box"> <div class="scroll-box">
<ul class="reserve_plan_ul"> <ul class="reserve_plan_ul">
<li>预案编码: {{ info.reservePlan.PLANCODE }}</li> <li>预案编码: {{ info.reservePlan.PLANCODE || "无" }}</li>
<li>事件类型: {{ info.reservePlan.EVENTTYPE }}</li> <li>事件类型: {{ info.reservePlan.EVENTTYPE || "无" }}</li>
</ul> </ul>
<ul class="reserve_plan_ul"> <ul class="reserve_plan_ul">
<li>预案类型: {{ info.reservePlan.PLANTYPE_NAME }}</li> <li>预案类型: {{ info.reservePlan.PLANTYPE_NAME || "无" }}</li>
<li>预案等级: {{ info.reservePlan.PLANGRADE }}</li> <li>预案等级: {{ info.reservePlan.PLANGRADE || "无" }}</li>
</ul> </ul>
<ul class="reserve_plan_ul"> <ul class="reserve_plan_ul">
<li>重点场所: {{ info.reservePlan.KEYPLACES_ID }}</li> <li>重点场所: {{ info.reservePlan.KEYPLACES_ID || "无" }}</li>
<li>备注信息: {{ info.reservePlan.BZ }}</li> <li>备注信息: {{ info.reservePlan.BZ || "无" }}</li>
</ul> </ul>
<ul class="reserve_plan_ul"> <ul class="reserve_plan_ul">
<li>经度: {{ info.reservePlan.LON }}</li> <li>经度: {{ info.reservePlan.LON }}</li>
@ -124,6 +124,9 @@ export default {
} }
} }
}, },
mounted() {
console.log('this.info :>>>>>>>>>>>>>>', this.info)
},
methods: { methods: {
clickIntoDutyInfoDialog() { clickIntoDutyInfoDialog() {
this.$emit('goInfo', this.titleType) this.$emit('goInfo', this.titleType)
@ -166,9 +169,9 @@ export default {
transform: translateX(-8px); transform: translateX(-8px);
} }
&>th:nth-child(3) { // &>th:nth-child(3) {
transform: translateX(-15px); // transform: translateX(-15px);
} // }
} }
} }
@ -184,12 +187,17 @@ export default {
height: 34px; height: 34px;
&>td:nth-child(1) { &>td:nth-child(1) {
text-align: start; text-align: start;
transform: translateX(21px); transform: translateX(18px);
}
&>td:nth-child(2) {
transform: translateX(42px);
} }
&>td:nth-child(3) { &>td:nth-child(3) {
transform: translateX(8px); transform: translateX(73px);
} }
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
@ -206,7 +214,7 @@ export default {
.infomation_table .infomation_table_tbody { .infomation_table .infomation_table_tbody {
display: block; display: block;
height: 155px; height: 171px;
overflow-y: scroll; overflow-y: scroll;
&::-webkit-scrollbar { &::-webkit-scrollbar {