|
@@ -187,37 +187,104 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <el-drawer title="订单详情" :visible.sync="rightSee" style="overflow-y: auto !important">
|
|
|
+ <el-drawer title="车辆详情" :visible.sync="rightSee" style="overflow-y: auto !important">
|
|
|
<div class="right_css">
|
|
|
<div style='height:80vh;overflow-y:scroll;'>
|
|
|
- <div class="title_name">基本信息</div>
|
|
|
- <div class="right_item">订单编号:{{costData.orderNo}}</div>
|
|
|
- <div class="right_title">货主</div>
|
|
|
- <div class="right_item">{{costData.cargoOwner}}</div>
|
|
|
- <div class="right_title">司机</div>
|
|
|
- <div class="right_item">{{costData.driverName}}</div>
|
|
|
- <div class="right_title">发货单位</div>
|
|
|
- <div class="right_item">{{costData.compName}}</div>
|
|
|
- <div class="right_title">发货地</div>
|
|
|
+ <!-- <div class="title_name">基本信息</div> -->
|
|
|
+ <div class="right_item">车型:{{costData.carCategory}}{{costData.carType}}</div>
|
|
|
+ <div class="right_title">道路运输证</div>
|
|
|
<div class="right_item">
|
|
|
- {{costData.sendPrivate}}{{costData.sendCity}}{{costData.sendArea}}{{costData.sendDetailedAddress}}
|
|
|
+ <img :src="costData.operationCertificate" class="right_img_css" @click="enlarge(costData.operationCertificate)" />
|
|
|
</div>
|
|
|
- <div class="right_title">卸货地</div>
|
|
|
+ <div class="right_title">道路运输证号</div>
|
|
|
+ <div class="right_item">{{costData.operationCertificateNumber}}</div>
|
|
|
+ <div class="right_title">道路运输证有效期</div>
|
|
|
+ <div class="right_item">{{costData.operationCertificateValidityDate}}</div>
|
|
|
+ <div class="right_title">挂车道路运输证</div>
|
|
|
<div class="right_item">
|
|
|
- {{costData.unloadPrivate}}{{costData.unloadCity}}{{costData.unloadArea}}{{costData.unloadDetailedAddress}}
|
|
|
+ <img :src="costData.trailerOperationCertificate" class="right_img_css" @click="enlarge(costData.trailerOperationCertificate)" />
|
|
|
+ </div>
|
|
|
+ <div class="right_title">挂车道路运输证号</div>
|
|
|
+ <div class="right_item">{{costData.trailerOperationCertificateNumber}}</div>
|
|
|
+ <div class="right_title">挂车道路运输证有效期</div>
|
|
|
+ <div class="right_item">{{costData.trailerOperationCertificateValidityDate}}</div>
|
|
|
+ <div class="right_title">行驶证主页</div>
|
|
|
+ <div class="right_item">
|
|
|
+ <img :src="costData.drivingLicenseHomePage" class="right_img_css" @click="enlarge(costData.drivingLicenseHomePage)" />
|
|
|
+ </div>
|
|
|
+ <div class="right_title">行驶证副页</div>
|
|
|
+ <div class="right_item">
|
|
|
+ <img :src="costData.drivingLicenseBackPage" class="right_img_css" @click="enlarge(costData.drivingLicenseBackPage)" />
|
|
|
+ </div>
|
|
|
+ <div class="right_title">行驶证车辆类型</div>
|
|
|
+ <div class="right_item">{{costData.vehicleType}}</div>
|
|
|
+ <div class="right_title">行驶证档案编号</div>
|
|
|
+ <div class="right_item">{{costData.drivingLicenseNumber}}</div>
|
|
|
+ <div class="right_title">注册日期</div>
|
|
|
+ <div class="right_item">{{costData.drivingLicenseRegistrationDate}}</div>
|
|
|
+ <div class="right_title">发证日期</div>
|
|
|
+ <div class="right_item">{{costData.drivingLicenseIssueDate}}</div>
|
|
|
+ <div class="right_title">行驶证有效期</div>
|
|
|
+ <div class="right_item">{{costData.drivingLicenseValidityDate}}</div>
|
|
|
+ <div class="right_title">使用性质</div>
|
|
|
+ <div class="right_item">{{costData.useNature}}</div>
|
|
|
+ <div class="right_title">发证机关</div>
|
|
|
+ <div class="right_item">{{costData.lssuingAuthority}}</div>
|
|
|
+ <div class="right_title">车辆能源类型</div>
|
|
|
+ <div class="right_item">{{costData.energyType}}</div>
|
|
|
+ <div class="right_title">挂车行驶证主页</div>
|
|
|
+ <div class="right_item">
|
|
|
+ <img :src="costData.trailerLicenseHomePage" class="right_img_css" @click="enlarge(costData.drivingLicenseHomePage)" />
|
|
|
+ </div>
|
|
|
+ <div class="right_title">挂车行驶证副页</div>
|
|
|
+ <div class="right_item">
|
|
|
+ <img :src="costData.trailerLicenseBackPage" class="right_img_css" @click="enlarge(costData.drivingLicenseBackPage)" />
|
|
|
+ </div>
|
|
|
+ <div class="right_title">挂车行驶证档案编号</div>
|
|
|
+ <div class="right_item">{{costData.trailerLicenseNumber}}</div>
|
|
|
+ <div class="right_title">注册日期</div>
|
|
|
+ <div class="right_item">{{costData.trailerLicenseRegistrationDate}}</div>
|
|
|
+ <div class="right_title">发证日期</div>
|
|
|
+ <div class="right_item">{{costData.trailerLicenseIssueDate}}</div>
|
|
|
+ <div class="right_title">挂车行驶证有效期</div>
|
|
|
+ <div class="right_item">{{costData.trailerLicenseValidityDate}}</div>
|
|
|
+ <div class="right_title">使用性质</div>
|
|
|
+ <div class="right_item">{{costData.guaUseNature}}</div>
|
|
|
+ <div class="right_title">发证机关</div>
|
|
|
+ <div class="right_item">{{costData.guaLssuingAuthority}}</div>
|
|
|
+ <div class="right_title">车牌号</div>
|
|
|
+ <div class="right_item">{{costData.carNumber}}</div>
|
|
|
+ <div class="right_title">车牌颜色</div>
|
|
|
+ <div class="right_item">{{costData.carNumberColour}}</div>
|
|
|
+ <div class="right_title">车辆所属车主</div>
|
|
|
+ <div class="right_item">{{costData.owner}}</div>
|
|
|
+ <div class="right_title">总质量(千克)</div>
|
|
|
+ <div class="right_item">{{costData.carTotalWeight}}</div>
|
|
|
+ <div class="right_title">核定载质量(千克)</div>
|
|
|
+ <div class="right_item">{{costData.carApprovedWeight}}</div>
|
|
|
+ <div class="right_title">整备质量(千克)</div>
|
|
|
+ <div class="right_item">{{costData.servicingWeight}}</div>
|
|
|
+ <div class="right_title">外廓尺寸(毫米)</div>
|
|
|
+ <div class="right_item">{{costData.carLong}}-{{costData.carWidth}}-{{costData.carHeight}}</div>
|
|
|
+ <div class="right_title">上传人车合影</div>
|
|
|
+ <div class="right_item">
|
|
|
+ <img v-for="item in costData.addressUrlArray" :src="item" class="right_img_css" @click="enlarge(item)" />
|
|
|
+ </div>
|
|
|
+ <div class="right_title">挂车车牌号</div>
|
|
|
+ <div class="right_item">{{costData.guaCarNumber}}</div>
|
|
|
+ <div class="right_title">挂车车辆所属车主</div>
|
|
|
+ <div class="right_item">{{costData.guaOwner}}</div>
|
|
|
+ <div class="right_title">挂车核定载质量(千克)</div>
|
|
|
+ <div class="right_item">{{costData.guaCarApprovedWeight}}</div>
|
|
|
+ <div class="right_title">挂车整备质量(千克)</div>
|
|
|
+ <div class="right_item">{{costData.guaServicingWeight}}</div>
|
|
|
+ <div class="right_title">挂车外廓尺寸(毫米)</div>
|
|
|
+ <div class="right_item">{{costData.guaCarLong}}-{{costData.guaCarWidth}}-{{costData.guaCarHeight}}</div>
|
|
|
+ <div class="right_title">上传人和挂车合影</div>
|
|
|
+ <div class="right_item">
|
|
|
+ <img v-for="item in costData.guaAddressUrlArray" :src="item" class="right_img_css" @click="enlarge(item)" />
|
|
|
</div>
|
|
|
- <div class="right_title">货物类别</div>
|
|
|
- <div class="right_item">{{costData.goodsType}}</div>
|
|
|
- <div class="right_title">货名</div>
|
|
|
- <div class="right_item">{{costData.goodsName}}</div>
|
|
|
-
|
|
|
- <el-divider v-if="costData.freightInfo"></el-divider>
|
|
|
<div class="right_btn">
|
|
|
- <el-button @click="submit(1)" v-if="costData.orderStatusKey == 9 || costData.orderStatusKey == 19">
|
|
|
- 确认</el-button>
|
|
|
- <el-button @click="submit(2)" v-if="costData.orderStatusKey == 9 || costData.orderStatusKey == 19">
|
|
|
- 驳回</el-button>
|
|
|
- <el-button @click="complete" v-if="costData.cargoOwnerStatusKey == 29">完结</el-button>
|
|
|
<el-button @click="rightSee = false">关闭</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -277,6 +344,7 @@
|
|
|
this.rightSee=true
|
|
|
},
|
|
|
closeImgViewer() {
|
|
|
+ console.log(11111111111)
|
|
|
this.srcList = []
|
|
|
this.imgsVisible = false;
|
|
|
},
|
|
@@ -343,6 +411,21 @@
|
|
|
_obj.searchKeyWord = this.searchkeyWord
|
|
|
_obj.searchType = this.search
|
|
|
getCarList(_obj).then(response => {
|
|
|
+ if(response.data.records.length>0){
|
|
|
+ for(var i=0;i<response.data.records.length;i++){
|
|
|
+ if(response.data.records[i].addressUrl){
|
|
|
+ response.data.records[i].addressUrlArray=response.data.records[i].addressUrl.split(',')
|
|
|
+ }else{
|
|
|
+ response.data.records[i].addressUrlArray=[]
|
|
|
+ }
|
|
|
+ if(response.data.records[i].guaAddressUrl){
|
|
|
+ response.data.records[i].guaAddressUrlArray=response.data.records[i].guaAddressUrl.split(',')
|
|
|
+ }else{
|
|
|
+ response.data.records[i].guaAddressUrlArray=[]
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
this.tableData = response.data.records
|
|
|
this.deptBudgetTotal = response.data.total
|
|
|
this.listLoading = false
|
|
@@ -605,7 +688,45 @@
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .right_css {
|
|
|
+ // overflow-y: auto !important;
|
|
|
+ min-height: 1266px;
|
|
|
+ padding: 0 20px;
|
|
|
+
|
|
|
+ .right_title {
|
|
|
+ color: #9D9D9D;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ }
|
|
|
|
|
|
+ .title_name {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right_item {
|
|
|
+ color: #0D0D0D;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right_btn {
|
|
|
+ text-align: right;
|
|
|
+ margin: 10px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right_img_css {
|
|
|
+ width: 100px;
|
|
|
+ height: 80px;
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right_img {
|
|
|
+ width: 200px;
|
|
|
+ height: 120px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
//查看附件
|
|
|
.file {
|
|
|
.fujian_css {
|