|
|
@@ -6,9 +6,7 @@
|
|
|
<div slot="content">
|
|
|
<div class="content-top">
|
|
|
<div class="content-top-left">
|
|
|
- <div
|
|
|
- style="display: flex; align-self: center; margin-left: 5px"
|
|
|
- >
|
|
|
+ <div style="display: flex; align-self: center;margin-left: 5px">
|
|
|
<div style="align-self: center">
|
|
|
<svg
|
|
|
t="1616396514864"
|
|
|
@@ -38,12 +36,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- style="
|
|
|
- font-size: 36px;
|
|
|
- align-self: center;
|
|
|
- font-weight: 600;
|
|
|
- color: #014da1;
|
|
|
- "
|
|
|
+ style="font-size: 36px; align-self: center; font-weight: 600;color:#014da1"
|
|
|
>
|
|
|
{{ upperLeftCntrs.planQuantity }}
|
|
|
</div>
|
|
|
@@ -54,7 +47,7 @@
|
|
|
display: flex;
|
|
|
align-self: center;
|
|
|
min-width: 120px;
|
|
|
- margin-left: 5px;
|
|
|
+ margin-left: 5px
|
|
|
"
|
|
|
>
|
|
|
<div style="align-self: center">
|
|
|
@@ -85,19 +78,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- style="
|
|
|
- font-size: 36px;
|
|
|
- align-self: center;
|
|
|
- font-weight: 600;
|
|
|
- color: #014da1;
|
|
|
- "
|
|
|
+ style="font-size: 36px; align-self: center; font-weight: 600;color:#014da1"
|
|
|
>
|
|
|
{{ upperLeftCntrs.surplusQuantity }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content-bottom">
|
|
|
- <div style="display: flex; align-self: center; margin-left: 5px">
|
|
|
+ <div style="display: flex; align-self: center;margin-left: 5px">
|
|
|
<div style="align-self: center">
|
|
|
<svg
|
|
|
t="1616402886142"
|
|
|
@@ -131,12 +119,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- style="
|
|
|
- font-size: 36px;
|
|
|
- align-self: center;
|
|
|
- font-weight: 600;
|
|
|
- color: #014da1;
|
|
|
- "
|
|
|
+ style="font-size: 36px; align-self: center; font-weight: 600;color:#014da1"
|
|
|
>
|
|
|
{{ fleetData.upperLeftCarQuantity }}
|
|
|
</div>
|
|
|
@@ -144,12 +127,7 @@
|
|
|
</div>
|
|
|
<div class="content-bottom">
|
|
|
<div
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- align-self: center;
|
|
|
- min-width: 120px;
|
|
|
- margin-left: 5px;
|
|
|
- "
|
|
|
+ style="display: flex; align-self:center; min-width: 120px;margin-left: 5px"
|
|
|
>
|
|
|
<div style="align-self: center">
|
|
|
<svg
|
|
|
@@ -180,12 +158,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- style="
|
|
|
- font-size: 36px;
|
|
|
- align-self: center;
|
|
|
- font-weight: 600;
|
|
|
- color: #014da1;
|
|
|
- "
|
|
|
+ style="font-size: 36px; align-self: center; font-weight: 600;color:#014da1"
|
|
|
>
|
|
|
{{ fleetData.upperLeftOldCarQuantity }}
|
|
|
</div>
|
|
|
@@ -207,31 +180,29 @@
|
|
|
</div>
|
|
|
<div class="home-right">
|
|
|
<chi-card title="运行车辆" iconName="el-icon-s-order" :More="true">
|
|
|
- <div slot="content" >
|
|
|
- <div class="upper-right" v-if="fleetData.upperRight.length > 0">
|
|
|
+ <div slot="content" class="upper-right">
|
|
|
+ <div
|
|
|
+ style="display: flex; padding: 4px 15px; font-size: 14px"
|
|
|
+ v-for="(item, index) in upperRights"
|
|
|
+ :key="index"
|
|
|
+ :style="{
|
|
|
+ backgroundColor: index % 2 == 0 ? '#fafbfd' : '#FFFFFF',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <div style="width: 30%">{{ item.mblno }}</div>
|
|
|
+ <div style="width: 20%">{{ item.carregNo }}</div>
|
|
|
+ <div style="width: 15%; color: #67c23a">
|
|
|
+ {{ item.orderStatus | statusType }}
|
|
|
+ </div>
|
|
|
<div
|
|
|
- style="display: flex; padding: 4px 15px; font-size: 14px"
|
|
|
- v-for="(item, index) in fleetData.upperRight.slice(0, 10)"
|
|
|
- :key="index"
|
|
|
- :style="{
|
|
|
- backgroundColor: index % 2 == 0 ? '#fafbfd' : '#FFFFFF',
|
|
|
- }"
|
|
|
+ style="
|
|
|
+ width: 35%;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ "
|
|
|
>
|
|
|
- <div style="width: 30%">{{ item.mblno }}</div>
|
|
|
- <div style="width: 20%">{{ item.carregNo }}</div>
|
|
|
- <div style="width: 15%; color: #67c23a">
|
|
|
- {{ item.orderStatus | statusType }}
|
|
|
- </div>
|
|
|
- <div
|
|
|
- style="
|
|
|
- width: 35%;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- "
|
|
|
- >
|
|
|
- {{ item.corpName }}
|
|
|
- </div>
|
|
|
+ {{ item.corpName }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -249,18 +220,14 @@
|
|
|
<div style="width: 30%" class="single_line">FK221516485645</div>
|
|
|
<div style="width: 20%" class="single_line">运费运费运费</div>
|
|
|
<div style="width: 15%" class="single_line">李刚</div>
|
|
|
- <div style="width: 15%; color: #67c23a" class="single_line">
|
|
|
- 待审批
|
|
|
- </div>
|
|
|
+ <div style="width: 15%; color: #67c23a" class="single_line">待审批</div>
|
|
|
<div style="width: 20%" class="single_line">2020/10/10</div>
|
|
|
</div>
|
|
|
- <div style="font-size: 14px; display: flex; margin: 4px 15px">
|
|
|
+ <div style="font-size: 14px; display: flex; margin: 4px 15px;">
|
|
|
<div style="width: 30%" class="single_line">FK221516485645</div>
|
|
|
<div style="width: 20%" class="single_line">运费运费运费</div>
|
|
|
<div style="width: 15%" class="single_line">李刚</div>
|
|
|
- <div style="width: 15%; color: #67c23a" class="single_line">
|
|
|
- 待审批
|
|
|
- </div>
|
|
|
+ <div style="width: 15%; color: #67c23a" class="single_line">待审批</div>
|
|
|
<div style="width: 20%" class="single_line">2020/10/10</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -281,13 +248,11 @@
|
|
|
<div style="width: 15%; color: #67c23a">待审批</div>
|
|
|
<div style="width: 20%" class="single_line">2020/10/10</div>
|
|
|
</div>
|
|
|
- <div style="font-size: 14px; display: flex; margin: 4px 15px">
|
|
|
+ <div style="font-size: 14px; display: flex; margin: 4px 15px;">
|
|
|
<div style="width: 30%" class="single_line">FK221516485645</div>
|
|
|
<div style="width: 20%" class="single_line">运费运费运费</div>
|
|
|
<div style="width: 15%" class="single_line">李刚</div>
|
|
|
- <div style="width: 15%; color: #67c23a" class="single_line">
|
|
|
- 待审批
|
|
|
- </div>
|
|
|
+ <div style="width: 15%; color: #67c23a" class="single_line">待审批</div>
|
|
|
<div style="width: 20%" class="single_line">2020/10/10</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -544,6 +509,7 @@ export default {
|
|
|
fleetData: "",
|
|
|
upperLeftCntrs: {},
|
|
|
sysType: "",
|
|
|
+ upperRights:[]
|
|
|
};
|
|
|
},
|
|
|
filters: {
|
|
|
@@ -581,6 +547,9 @@ export default {
|
|
|
created() {
|
|
|
queryHomeInfo().then((response) => {
|
|
|
this.fleetData = response.data;
|
|
|
+ if(response.data.upperRight.length>0){
|
|
|
+ this.upperRights=response.data.upperRight.slice(0 , 10)
|
|
|
+ }
|
|
|
this.upperLeftCntrs = response.data.upperLeftCntrs;
|
|
|
});
|
|
|
this.getConfigKey("sys.index.systype").then((response) => {
|
|
|
@@ -1178,7 +1147,7 @@ export default {
|
|
|
padding: 10px 0;
|
|
|
height: 260px;
|
|
|
}
|
|
|
- .upper-right2 {
|
|
|
+ .upper-right2 {
|
|
|
padding: 10px 0;
|
|
|
height: 130px;
|
|
|
}
|