地名过长导致显示错位问题优化
parent
3b1716b01a
commit
1629bb7211
|
|
@ -8,7 +8,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.caseno}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -323,6 +323,7 @@ const closeMolder = () => {
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -677,6 +677,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -154,7 +154,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.caseno}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -765,6 +765,7 @@ const getParams = (data) => {
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -677,6 +677,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -677,6 +677,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -155,7 +155,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.caseno}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -766,6 +766,7 @@ const getParams = (data) => {
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -677,6 +677,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -534,6 +534,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -677,6 +677,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -188,7 +188,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.caseno}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -843,6 +843,7 @@ const getParams = (data) => {
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -591,6 +591,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -677,6 +677,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -534,6 +534,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -656,6 +656,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -189,7 +189,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.caseno}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -844,6 +844,7 @@ const getParams = (data) => {
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -591,6 +591,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -656,6 +656,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -534,6 +534,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -656,6 +656,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -189,7 +189,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.caseno}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -844,6 +844,7 @@ const getParams = (data) => {
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -591,6 +591,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -656,6 +656,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -591,6 +591,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -677,6 +677,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -646,6 +646,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -534,6 +534,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.case_no}}</span>
|
||||
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
|
||||
</div>
|
||||
|
|
@ -677,6 +677,7 @@
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
|
|
@ -189,7 +189,7 @@
|
|||
<div class="label-div">
|
||||
<div class="item-label">{{item.countyname}}</div>
|
||||
<div class="item-sub-label">
|
||||
<span style="margin-right:12px;">{{item.streetname}}</span>
|
||||
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
|
||||
<span>{{item.caseno}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -844,6 +844,7 @@ const getParams = (data) => {
|
|||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
}
|
||||
.item-mark{
|
||||
font-family: Alibaba PuHuiTi;
|
||||
|
|
|
|||
Loading…
Reference in New Issue