|
@@ -4,6 +4,7 @@
|
|
|
<div class="top">
|
|
|
<div class="vinBtn">VIN</div>
|
|
|
<input type="text" v-model="vin" placeholder="请输入17位车架号查询" class="vinsearch" @keyup.enter="keyup">
|
|
|
+ <img src="../assets/icon_search@2x.png" alt="" class="topsImg" @click="keyup">
|
|
|
<div class="barndBox">
|
|
|
当前品牌:
|
|
|
<div class="barnd">
|
|
@@ -75,13 +76,13 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
- <div class="mainRight1" v-if="lastShow">
|
|
|
+ <div class="mainRight1 MR1" v-if="lastShow">
|
|
|
<div class="mainRightTop">
|
|
|
<div class="sx2"></div>
|
|
|
<div class="mainRightTopTitle">子组</div>
|
|
|
<div class="childrensearchBox">
|
|
|
<input type="text" v-model="childrenss" class="childrensearchInput" placeholder="搜索子组" @keyup.enter="childrenkeyupOne">
|
|
|
- <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg">
|
|
|
+ <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg" @click="childrenkeyup">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="mainRightCont">
|
|
@@ -108,7 +109,7 @@
|
|
|
<div class="mainRightTopTitle">子组</div>
|
|
|
<div class="childrensearchBox">
|
|
|
<input type="text" v-model="childrenss" class="childrensearchInput" placeholder="搜索子组" @keyup.enter="childrenkeyup">
|
|
|
- <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg">
|
|
|
+ <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg" @click="childrenkeyup">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="mainRightCont">
|
|
@@ -132,7 +133,7 @@
|
|
|
<div class="mainRightTopTitle">子组</div>
|
|
|
<div class="childrensearchBox">
|
|
|
<input type="text" v-model="childrenss" class="childrensearchInput" placeholder="搜索子组" @keyup.enter="childrenkeyup">
|
|
|
- <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg">
|
|
|
+ <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg" @click="childrenkeyup">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="mainRightCont">
|
|
@@ -187,7 +188,7 @@
|
|
|
<el-table-column
|
|
|
prop="refernum" align="center"
|
|
|
label="位置"
|
|
|
- width="50"
|
|
|
+ width="100"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
@@ -207,7 +208,7 @@
|
|
|
label="备注">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="qty" align="center"
|
|
|
+ prop="qty" align="center" width="60"
|
|
|
label="用量">
|
|
|
</el-table-column>
|
|
|
<!-- <el-table-column
|
|
@@ -218,7 +219,8 @@
|
|
|
prop="price" align="center"
|
|
|
label="4S价">
|
|
|
<template slot-scope="scope">
|
|
|
- <span style="color: red;cursor: pointer;" @click="threeSpan(scope.row)">¥{{ scope.row.price }}</span>
|
|
|
+ <span style="color: red;cursor: pointer; text-align: right;
|
|
|
+ display: block;" @click="threeSpan(scope.row)">¥{{ scope.row.price }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -352,6 +354,7 @@ export default {
|
|
|
this.ckIndex2=-1;
|
|
|
this.zzIndex=0;
|
|
|
this.firstShow=true;
|
|
|
+ this.description='';
|
|
|
if(this.vin==''){
|
|
|
this.$message({
|
|
|
message:'请输入VIN',
|
|
@@ -427,6 +430,9 @@ export default {
|
|
|
this.zzName=this.zlist[0].caption;
|
|
|
this.param=this.zlist[0].param;
|
|
|
this.token=this.zlist[0].token;
|
|
|
+ if(res.data.result.vehicle.description){
|
|
|
+ this.description=res.data.result.vehicle.description
|
|
|
+ }
|
|
|
//this.navchildrenName=this.zlist[0].caption
|
|
|
this.getSubgroupPc()
|
|
|
|
|
@@ -646,7 +652,7 @@ export default {
|
|
|
this.childrentoken=item.token;
|
|
|
this.lastName=item.caption;
|
|
|
this.getPartsPc();
|
|
|
- this.childrenShow=true;
|
|
|
+
|
|
|
this.firstShow=false;
|
|
|
// this.groupShow=false;
|
|
|
// this.carConfig=false;
|
|
@@ -693,6 +699,7 @@ export default {
|
|
|
}).then(res => {
|
|
|
|
|
|
if(res.data.number==200||res.data.number==5212){
|
|
|
+ this.childrenShow=true;
|
|
|
//this.childrenList=res.data.result.list;
|
|
|
//this.access_time=res.data.result.access_time;
|
|
|
// console.log(res.data.result.list.image_info)
|
|
@@ -840,9 +847,18 @@ export default {
|
|
|
}
|
|
|
.top{
|
|
|
display: flex;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .topsImg{
|
|
|
+ width: 16px;
|
|
|
+ left:480px ;
|
|
|
+ height: 16px;
|
|
|
+ position: absolute;
|
|
|
+ top: 12px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
.barnd{
|
|
|
- width: 120px;
|
|
|
+ /* width: 120px; */
|
|
|
height: 40px;
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 4px;
|
|
@@ -853,8 +869,9 @@ export default {
|
|
|
width: 20px;height: 20px;margin-top: 12px;margin-left: 11px;
|
|
|
}
|
|
|
.barndTxt{
|
|
|
- width: 70px;
|
|
|
- padding-left: 8px;
|
|
|
+ /* width: 70px; */
|
|
|
+ padding-left: 10px;
|
|
|
+ padding-right: 10px;
|
|
|
word-wrap: break-word; /*强制换行*/
|
|
|
overflow: hidden; /*超出隐藏*/
|
|
|
text-overflow: ellipsis;/*隐藏后添加省略号*/
|
|
@@ -885,7 +902,7 @@ export default {
|
|
|
display: flex;padding-top: 20px;
|
|
|
}
|
|
|
.mainLeft{
|
|
|
- height: calc(100vh - 200px );
|
|
|
+ height: calc(100vh - 180px );
|
|
|
width: 298px;
|
|
|
border-radius: 4px;
|
|
|
border: 1px solid #EEEEEE;
|
|
@@ -913,12 +930,12 @@ export default {
|
|
|
}
|
|
|
.mainLeftLine{
|
|
|
color: #333333; font-size: 14px; border-bottom: 1px solid #EEEEEE;
|
|
|
- line-height: 20px;padding: 14px;
|
|
|
+ line-height: 20px;padding:12px 14px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.mainRight1{
|
|
|
- height: calc(100vh - 200px );
|
|
|
- width: calc(100% - 320px );
|
|
|
+ height: calc(100vh - 180px );
|
|
|
+ width: calc(100vw - 340px );
|
|
|
border-radius: 4px;
|
|
|
border: 1px solid #EEEEEE;
|
|
|
margin-left: 20px;
|
|
@@ -987,7 +1004,7 @@ color: #333333;padding-left: 10px;padding-right: 20px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.mainRight2{
|
|
|
- height: calc(100vh - 200px );
|
|
|
+ height: calc(100vh - 180px );
|
|
|
width: calc(100% - 900px );
|
|
|
border-radius: 4px;
|
|
|
border: 1px solid #EEEEEE;
|
|
@@ -1003,7 +1020,7 @@ color: #333333;padding-left: 10px;padding-right: 20px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.mainRight3{
|
|
|
- height: calc(100vh - 200px );
|
|
|
+ height: calc(100vh - 180px );
|
|
|
width: calc(100% - 600px );
|
|
|
border-radius: 4px;
|
|
|
border: 1px solid #EEEEEE;
|