Compare commits
5 Commits
prod-25-01
...
master
Author | SHA1 | Date | |
---|---|---|---|
7b8e2efbb4 | |||
f00f1bc1fd | |||
5c83fa773b | |||
9990cf74d0 | |||
fde77b9c0a |
1
.gitignore
vendored
1
.gitignore
vendored
@ -22,4 +22,3 @@ pnpm-debug.log*
|
|||||||
*.njsproj
|
*.njsproj
|
||||||
*.sln
|
*.sln
|
||||||
*.sw?
|
*.sw?
|
||||||
/yarn.lock
|
|
||||||
|
@ -29,3 +29,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
|
|||||||
```
|
```
|
||||||
code = 104, 接口不提示报错
|
code = 104, 接口不提示报错
|
||||||
```
|
```
|
||||||
|
### 开发分支
|
||||||
|
```
|
||||||
|
dev_2025
|
||||||
|
```
|
@ -72,6 +72,7 @@ export const myMixins = {
|
|||||||
methods();
|
methods();
|
||||||
}
|
}
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
console.log("shengxiaoxi")
|
||||||
that.noClick = true;
|
that.noClick = true;
|
||||||
}, 3000)
|
}, 3000)
|
||||||
} else {
|
} else {
|
||||||
|
@ -6,15 +6,15 @@
|
|||||||
<div class="metersWrap">
|
<div class="metersWrap">
|
||||||
<div class="item" v-show="supplierSettlementType != 1">
|
<div class="item" v-show="supplierSettlementType != 1">
|
||||||
<div class="leftKiloMeters">AB段公里数</div>
|
<div class="leftKiloMeters">AB段公里数</div>
|
||||||
<div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.reportMileageAb"/>公里</div>
|
<div class="rightInput"><input type="number" v-model="form.reportMileageAb"/>公里</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item" v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4">
|
<div class="item" v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4">
|
||||||
<div class="leftKiloMeters">BC段公里数</div>
|
<div class="leftKiloMeters">BC段公里数</div>
|
||||||
<div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.reportMileageBc"/>公里</div>
|
<div class="rightInput"><input type="number" v-model="form.reportMileageBc"/>公里</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item" v-show=" supplierSettlementType == 3 || supplierSettlementType == 4">
|
<div class="item" v-show=" supplierSettlementType == 3 || supplierSettlementType == 4">
|
||||||
<div class="leftKiloMeters">CA段公里数</div>
|
<div class="leftKiloMeters">CA段公里数</div>
|
||||||
<div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.reportMileageCa"/>公里</div>
|
<div class="rightInput"><input type="number" v-model="form.reportMileageCa"/>公里</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -24,15 +24,15 @@
|
|||||||
<div class="metersWrap">
|
<div class="metersWrap">
|
||||||
<div class="item" v-show="supplierSettlementType != 1">
|
<div class="item" v-show="supplierSettlementType != 1">
|
||||||
<div class="leftKiloMeters">AB段路桥费</div>
|
<div class="leftKiloMeters">AB段路桥费</div>
|
||||||
<div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.bridgeAmountAb"/>元</div>
|
<div class="rightInput"><input type="number" v-model="form.bridgeAmountAb"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item" v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4">
|
<div class="item" v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4">
|
||||||
<div class="leftKiloMeters">BC段路桥费</div>
|
<div class="leftKiloMeters">BC段路桥费</div>
|
||||||
<div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.bridgeAmountBc"/>元</div>
|
<div class="rightInput"><input type="number" v-model="form.bridgeAmountBc"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item" v-show=" supplierSettlementType == 3 || supplierSettlementType == 4">
|
<div class="item" v-show=" supplierSettlementType == 3 || supplierSettlementType == 4">
|
||||||
<div class="leftKiloMeters">CA段路桥费</div>
|
<div class="leftKiloMeters">CA段路桥费</div>
|
||||||
<div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.bridgeAmountCa"/>元</div>
|
<div class="rightInput"><input type="number" v-model="form.bridgeAmountCa"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div >
|
</div >
|
||||||
@ -42,23 +42,23 @@
|
|||||||
<div class="metersWrap">
|
<div class="metersWrap">
|
||||||
<div class="item" >
|
<div class="item" >
|
||||||
<div class="leftKiloMeters">小轮个数</div>
|
<div class="leftKiloMeters">小轮个数</div>
|
||||||
<div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.tyreNumber" @input="handleInput"/>个</div>
|
<div class="rightInput"><input type="number" v-model="form.tyreNumber" @input="handleInput"/>个</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="leftKiloMeters">等候费</div>
|
<div class="leftKiloMeters">等候费</div>
|
||||||
<div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.waitAmount"/>元</div>
|
<div class="rightInput"><input type="number" v-model="form.waitAmount"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item" >
|
<div class="item" >
|
||||||
<div class="leftKiloMeters">困境费</div>
|
<div class="leftKiloMeters">困境费</div>
|
||||||
<div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.dilemmaFee"/>元</div>
|
<div class="rightInput"><input type="number" v-model="form.dilemmaFee"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item blueColor" >
|
<div class="item blueColor" >
|
||||||
<div class="leftKiloMeters">收取客户金额</div>
|
<div class="leftKiloMeters">收取客户金额</div>
|
||||||
<div class="rightInput blueColor"><input class="blueColor" type="number" :disabled="!taskCostShow" v-model="form.customerAmount"/>元</div>
|
<div class="rightInput blueColor"><input class="blueColor" type="number" v-model="form.customerAmount"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn" v-if="taskCostShow || finishLt7">
|
<div class="btn">
|
||||||
<button @click="submit">提交</button>
|
<button @click="submit">提交</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -86,9 +86,7 @@ export default {
|
|||||||
waitAmount:'',
|
waitAmount:'',
|
||||||
dilemmaFee:'',
|
dilemmaFee:'',
|
||||||
customerAmount:'',
|
customerAmount:'',
|
||||||
taskFlowId:'',
|
taskFlowId:''
|
||||||
auditStatus:'',
|
|
||||||
finishTime:'',
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -99,14 +97,6 @@ export default {
|
|||||||
this.orderCode = urlParams.get('orderCode')
|
this.orderCode = urlParams.get('orderCode')
|
||||||
await this.getDetail()
|
await this.getDetail()
|
||||||
},
|
},
|
||||||
computed:{
|
|
||||||
taskCostShow() {
|
|
||||||
return this.form.auditStatus?.code && !([3, 4, 6].includes(this.form.auditStatus.code))
|
|
||||||
},
|
|
||||||
finishLt7(){
|
|
||||||
return !this.form.finishTime || (this.form.finishTime && new Date().getTime() - new Date(this.form.finishTime).getTime() <= 7 * 24 * 60 * 60 * 1000)
|
|
||||||
},
|
|
||||||
},
|
|
||||||
methods:{
|
methods:{
|
||||||
handleInput(event) {
|
handleInput(event) {
|
||||||
const newValue = parseInt(event.target.value, 10);
|
const newValue = parseInt(event.target.value, 10);
|
||||||
@ -128,6 +118,7 @@ export default {
|
|||||||
})
|
})
|
||||||
leftCopy(this.form,{...res.data});
|
leftCopy(this.form,{...res.data});
|
||||||
this.supplierSettlementType= res.data.supplierSettlementType?.code
|
this.supplierSettlementType= res.data.supplierSettlementType?.code
|
||||||
|
// this.form.taskFlowId =1
|
||||||
},
|
},
|
||||||
async updatSettlement(){
|
async updatSettlement(){
|
||||||
let result =await updateOrderSettlement({
|
let result =await updateOrderSettlement({
|
||||||
|
@ -73,7 +73,6 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { Decimal } from 'decimal.js';
|
|
||||||
import { Dialog } from "vant";
|
import { Dialog } from "vant";
|
||||||
import { myMixins } from "@/utils/myMixins"
|
import { myMixins } from "@/utils/myMixins"
|
||||||
import { uploadInvoice, getBillingInfo, deleteInvoice, createBatch } from "@/api/mine"
|
import { uploadInvoice, getBillingInfo, deleteInvoice, createBatch } from "@/api/mine"
|
||||||
@ -121,7 +120,7 @@
|
|||||||
invoiceTotal () {
|
invoiceTotal () {
|
||||||
let total = 0;
|
let total = 0;
|
||||||
this.list?.map(item => {
|
this.list?.map(item => {
|
||||||
total = new Decimal(total).plus(new Decimal(item.invoiceMoney)).toNumber()
|
total += item.invoiceMoney
|
||||||
})
|
})
|
||||||
return total
|
return total
|
||||||
}
|
}
|
||||||
@ -279,15 +278,6 @@
|
|||||||
if(ocrName != billName && diffNumber > 2 && !res.data.ocrInvoiceRes.data.sellerName.startsWith("国家税务总局")){
|
if(ocrName != billName && diffNumber > 2 && !res.data.ocrInvoiceRes.data.sellerName.startsWith("国家税务总局")){
|
||||||
errorStr = errorStr + "上传发票抬头与服务商配置不一致,设置抬头为:" + (this.billInfo.unitName || '未设置') + ",识别抬头为:" + res.data.ocrInvoiceRes.data.sellerName + ";如发票确认无误,请联系结算部:021-53682525";
|
errorStr = errorStr + "上传发票抬头与服务商配置不一致,设置抬头为:" + (this.billInfo.unitName || '未设置') + ",识别抬头为:" + res.data.ocrInvoiceRes.data.sellerName + ";如发票确认无误,请联系结算部:021-53682525";
|
||||||
}
|
}
|
||||||
let conList = res.data.ocrInvoiceRes.data.invoiceDetails.filter(a => a.itemName.includes("*"))
|
|
||||||
if(!res.data.ocrInvoiceRes.data.sellerName.startsWith("国家税务总局") &&
|
|
||||||
conList.every(a => {
|
|
||||||
let items = a.itemName.split("*")
|
|
||||||
return (!items[1].includes("现代服务") && !items[1].includes("运输服务")) || (!items[2].includes("拖车") && !items[2].includes("救援") && !items[2].includes("施救") && !items[2].includes("清障") && !items[2].includes("道路救援"))
|
|
||||||
})
|
|
||||||
){
|
|
||||||
errorStr = errorStr + "分类必须包含:现代服务/运输服务,服务名称必须包含:拖车/救援/施救/清障/道路救援 ;例如《*现代服务*拖车费》";
|
|
||||||
}
|
|
||||||
|
|
||||||
if( !flag ) {
|
if( !flag ) {
|
||||||
Dialog.alert({
|
Dialog.alert({
|
||||||
|
@ -74,64 +74,9 @@
|
|||||||
<img class="startImg" src="@/assets/start.png" />
|
<img class="startImg" src="@/assets/start.png" />
|
||||||
<span>车辆类型</span>
|
<span>车辆类型</span>
|
||||||
</div>
|
</div>
|
||||||
<!--
|
<select id="mySelect" class="mySelect" v-model="selectedOption">
|
||||||
<select
|
<option v-for="(item,index) in typeList" :key="index" :value="index">{{item}}</option>
|
||||||
id="mySelect"
|
|
||||||
class="mySelect"
|
|
||||||
v-model="selectedOption"
|
|
||||||
multiple
|
|
||||||
>
|
|
||||||
<option
|
|
||||||
v-for="item in typeList"
|
|
||||||
:key="item"
|
|
||||||
:value="item"
|
|
||||||
:disabled="isOptionDisabled(item)"
|
|
||||||
>
|
|
||||||
{{ item }}
|
|
||||||
</option>
|
|
||||||
</select>
|
</select>
|
||||||
-->
|
|
||||||
<el-select
|
|
||||||
multiple
|
|
||||||
:multiple-limit="isMultiple ? 2 : 1"
|
|
||||||
v-model="selectedOption"
|
|
||||||
value-key="name"
|
|
||||||
class="elSelect"
|
|
||||||
collapse-tags="collapse-tags"
|
|
||||||
placeholder="请选择" style="width: 55%"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in vehicleTypes"
|
|
||||||
:key="item.name"
|
|
||||||
:label="item.name"
|
|
||||||
:value="item.value"
|
|
||||||
:disabled="!item.disabled ? false : true"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="itemContent">
|
|
||||||
<div class="titleType">
|
|
||||||
<span>牌照</span>
|
|
||||||
</div>
|
|
||||||
<el-select
|
|
||||||
v-model="vehicleLicense"
|
|
||||||
disabled
|
|
||||||
value-key="name"
|
|
||||||
class="elSelect"
|
|
||||||
collapse-tags="collapse-tags"
|
|
||||||
placeholder="请选择" style="width: 55%"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in vehicleLicenseOptions"
|
|
||||||
:key="item.name"
|
|
||||||
:label="item.name"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="lineBot"></div>
|
<div class="lineBot"></div>
|
||||||
<div class="itemContent">
|
<div class="itemContent">
|
||||||
@ -207,11 +152,10 @@ export default {
|
|||||||
checked: true,
|
checked: true,
|
||||||
carNum:"",//车牌号
|
carNum:"",//车牌号
|
||||||
typeList:[],//车辆类型列表
|
typeList:[],//车辆类型列表
|
||||||
selectedOption:[],//车辆类型
|
selectedOption:'1',//车辆类型
|
||||||
id:'',//车辆Id
|
id:'',//车辆Id
|
||||||
serviceIds:[],//车辆服务种类,
|
serviceIds:[],//车辆服务种类,
|
||||||
supplierServiceList:[],
|
supplierServiceList:[],
|
||||||
oldSupplierServiceList:[],
|
|
||||||
show:false,
|
show:false,
|
||||||
imageUrl: require('@/assets/arr_right.png'),
|
imageUrl: require('@/assets/arr_right.png'),
|
||||||
vehicleLicenseFrontList: [],
|
vehicleLicenseFrontList: [],
|
||||||
@ -224,116 +168,21 @@ export default {
|
|||||||
vehicleFrontPhoto: '', // 车头照
|
vehicleFrontPhoto: '', // 车头照
|
||||||
vehicleLicenseInfo: {},
|
vehicleLicenseInfo: {},
|
||||||
vehicleLicenseBackOcrFlag: false, // 行驶证副页 修改时默认不需要 ocr识别
|
vehicleLicenseBackOcrFlag: false, // 行驶证副页 修改时默认不需要 ocr识别
|
||||||
isMultiple: false, // 是否支持多选
|
|
||||||
vehicleLicense:'',//牌照
|
|
||||||
vehicleFrontLicensePlate:'',//车头照车牌号码
|
|
||||||
vehicleTypes:[{
|
|
||||||
name: '小修车',
|
|
||||||
value: 1
|
|
||||||
},{
|
|
||||||
name: '一般平板车',
|
|
||||||
value: 2
|
|
||||||
},{
|
|
||||||
name: '落地平板车',
|
|
||||||
value: 3
|
|
||||||
},{
|
|
||||||
name: '地库车',
|
|
||||||
value: 4
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name:'牵引车',
|
|
||||||
value: 5 },
|
|
||||||
{
|
|
||||||
name:'大力神',
|
|
||||||
value:6},
|
|
||||||
{
|
|
||||||
name:'充电车',
|
|
||||||
value: 7 },
|
|
||||||
{
|
|
||||||
name:'吊车',
|
|
||||||
value: 8 },
|
|
||||||
{
|
|
||||||
name:'公车',
|
|
||||||
value: 9 },
|
|
||||||
{
|
|
||||||
name:'箱式拖车',
|
|
||||||
value: 10 },
|
|
||||||
|
|
||||||
],
|
|
||||||
vehicleLicenseOptions: [{
|
|
||||||
name: '蓝牌',
|
|
||||||
value: 1
|
|
||||||
}, {
|
|
||||||
name: '黄牌',
|
|
||||||
value: 2
|
|
||||||
}, {
|
|
||||||
name: '新能源',
|
|
||||||
value: 3
|
|
||||||
}, {
|
|
||||||
name: '临牌',
|
|
||||||
value: 4
|
|
||||||
}, {
|
|
||||||
name: '其他',
|
|
||||||
value: 5
|
|
||||||
}]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch:{
|
|
||||||
selectedOption(newVal){
|
|
||||||
if(newVal == 4){
|
|
||||||
this.isMultiple = true
|
|
||||||
this.vehicleTypes[2].disabled=true
|
|
||||||
this.vehicleTypes[5].disabled=true
|
|
||||||
this.vehicleTypes[6].disabled=true
|
|
||||||
this.vehicleTypes[7].disabled=true
|
|
||||||
this.vehicleTypes[8].disabled=true
|
|
||||||
this.vehicleTypes[9].disabled=true
|
|
||||||
}else{
|
|
||||||
this.isMultiple = false
|
|
||||||
this.vehicleTypes[2].disabled=false
|
|
||||||
this.vehicleTypes[5].disabled=false
|
|
||||||
this.vehicleTypes[6].disabled=false
|
|
||||||
this.vehicleTypes[7].disabled=false
|
|
||||||
this.vehicleTypes[8].disabled=false
|
|
||||||
this.vehicleTypes[9].disabled=false
|
|
||||||
}
|
|
||||||
if (newVal == 1 || newVal == 7){
|
|
||||||
let arr = []
|
|
||||||
this.supplierServiceList.forEach((item)=>{
|
|
||||||
if(!(item.name == '拖车服务' || item.name == '大型车救援')){
|
|
||||||
arr.push(item)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
this.supplierServiceList = arr
|
|
||||||
}else{
|
|
||||||
this.supplierServiceList = this.oldSupplierServiceList
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
async mounted() {
|
async mounted() {
|
||||||
this.id=this.$route.params?.id
|
this.id=this.$route.params?.id
|
||||||
await this.getSupplierServiceTree();
|
const selectElement = document.getElementById('mySelect');
|
||||||
|
selectElement.addEventListener('change', function() {
|
||||||
|
this.selectedOption=selectElement.value;
|
||||||
|
});
|
||||||
await this.getTypeList();
|
await this.getTypeList();
|
||||||
if( this.id){
|
if( this.id){
|
||||||
await this.vehicleInfo()
|
await this.vehicleInfo()
|
||||||
}
|
}
|
||||||
|
await this.getSupplierServiceTree();
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
getVehicleLicense(color) {
|
|
||||||
if( color == '蓝' ) {
|
|
||||||
this.vehicleLicense = 1
|
|
||||||
} else if(color == '黄') {
|
|
||||||
this.vehicleLicense = 2
|
|
||||||
} else if(color == '临牌') {
|
|
||||||
this.vehicleLicense = 4
|
|
||||||
} else if(color.includes('绿')) {
|
|
||||||
this.vehicleLicense = 3
|
|
||||||
} else {
|
|
||||||
this.vehicleLicense = 5
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async vehicleLicenseFrontHandler(file) { // 上传 行驶证首页
|
async vehicleLicenseFrontHandler(file) { // 上传 行驶证首页
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append("file" , file.file);
|
formData.append("file" , file.file);
|
||||||
@ -360,16 +209,6 @@ export default {
|
|||||||
formData.append("file" , file.file);
|
formData.append("file" , file.file);
|
||||||
let res = await uploadImage(formData);
|
let res = await uploadImage(formData);
|
||||||
this.vehicleFrontPhoto = res.data;
|
this.vehicleFrontPhoto = res.data;
|
||||||
await this.ocrCarFrontHandler()
|
|
||||||
},
|
|
||||||
async ocrCarFrontHandler() { // 车辆正面 orc 识别
|
|
||||||
let res = await ocrHandler({
|
|
||||||
ocrType: 10,
|
|
||||||
imageUrl: this.vehicleFrontPhoto,
|
|
||||||
cardSide: 'FRONT'
|
|
||||||
});
|
|
||||||
this.vehicleFrontLicensePlate=res.data?.number
|
|
||||||
this.getVehicleLicense(res.data.color)
|
|
||||||
},
|
},
|
||||||
async vehicleOcrHandler() { // 行驶证首页 ocr 识别
|
async vehicleOcrHandler() { // 行驶证首页 ocr 识别
|
||||||
this.vehicleLicenseInfo.licensePlateNumber = '';
|
this.vehicleLicenseInfo.licensePlateNumber = '';
|
||||||
@ -448,41 +287,29 @@ export default {
|
|||||||
},
|
},
|
||||||
async getTypeList() {
|
async getTypeList() {
|
||||||
let result=await vehicleTypeList();
|
let result=await vehicleTypeList();
|
||||||
this.typeList=[]
|
|
||||||
if(result.code === 200){
|
if(result.code === 200){
|
||||||
for (const key in result.data){
|
this.typeList=result.data
|
||||||
// console.log("keys",result.data[key])
|
|
||||||
this.typeList.push({name:result.data[key],disabled:false,value:(key+1)})
|
|
||||||
// this.typeList.push(result.data[key])
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async getSupplierServiceTree(){
|
async getSupplierServiceTree(){
|
||||||
let res = await supplierServiceTree();
|
let res = await supplierServiceTree();
|
||||||
this.supplierServiceList=res.data
|
this.supplierServiceList=res.data
|
||||||
this.oldSupplierServiceList=this.supplierServiceList
|
|
||||||
},
|
},
|
||||||
async vehicleInfo(){
|
async vehicleInfo(){
|
||||||
let res= await getInfoById({
|
let res= await getInfoById({
|
||||||
vehicleId:this.id
|
vehicleId:this.id
|
||||||
})
|
})
|
||||||
let result=res.data;
|
let result=res.data;
|
||||||
console.log("result",result)
|
|
||||||
this.id=result.vehicleId
|
this.id=result.vehicleId
|
||||||
this.carNum=result.plateNumber
|
this.carNum=result.plateNumber
|
||||||
this.isJoin=result.hasPolymerization.code
|
this.isJoin=result.hasPolymerization.code
|
||||||
this.selectedOption=result.vehicleType?.split(',').map((item)=>{
|
this.selectedOption=result.vehicleType;
|
||||||
return Number(item);
|
|
||||||
});
|
|
||||||
this.serviceIds=result.serviceIds
|
this.serviceIds=result.serviceIds
|
||||||
this.vehicleLicenseFront = result.vehicleLicenseFront;
|
this.vehicleLicenseFront = result.vehicleLicenseFront;
|
||||||
this.vehicleLicenseBack = result.vehicleLicenseBack;
|
this.vehicleLicenseBack = result.vehicleLicenseBack;
|
||||||
this.vehicleFrontPhoto = result.vehicleFrontPhoto;
|
this.vehicleFrontPhoto = result.vehicleFrontPhoto;
|
||||||
this.vehicleLicenseInfo = result.vehicleLicenseInfo;
|
this.vehicleLicenseInfo = result.vehicleLicenseInfo;
|
||||||
this.vehicleLicenseCarPhoto = result.vehicleLicenseCarPhoto;
|
this.vehicleLicenseCarPhoto = result.vehicleLicenseCarPhoto;
|
||||||
this.vehicleLicense = result.vehicleLicense;
|
|
||||||
this.vehicleFrontLicensePlate = result.vehicleFrontLicensePlate;
|
|
||||||
if( this.vehicleLicenseFront ) {
|
if( this.vehicleLicenseFront ) {
|
||||||
this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
|
this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
|
||||||
}
|
}
|
||||||
@ -512,7 +339,7 @@ export default {
|
|||||||
this.$toast('行驶证车辆照片页不能为空')
|
this.$toast('行驶证车辆照片页不能为空')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if( !this.vehicleFrontPhoto ) {
|
if( !this.vehicleLicenseBack ) {
|
||||||
this.$toast('车头照片不能为空')
|
this.$toast('车头照片不能为空')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@ -524,18 +351,10 @@ export default {
|
|||||||
this.$toast('行驶证副页识别失败')
|
this.$toast('行驶证副页识别失败')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if(!(this.selectedOption.length > 0)){
|
|
||||||
this.$toast('车辆类型不能为空')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if(this.selectedOption?.length==1 && this.selectedOption.includes(1)){//选择小修车时需清除原本的拖车服务类型
|
|
||||||
let data=this.oldSupplierServiceList.filter(item => item.name ==='拖车服务')
|
|
||||||
this.serviceIds = this.serviceIds.filter(item => !data[0].children.some(obj => obj.id === item));
|
|
||||||
}
|
|
||||||
await saveVehicle({
|
await saveVehicle({
|
||||||
vehicleId:this.id ? this.id : '',
|
vehicleId:this.id ? this.id : '',
|
||||||
plateNumber:this.carNum ? this.carNum :'',
|
plateNumber:this.carNum ? this.carNum :'',
|
||||||
vehicleType:this.selectedOption?.length>0 ? this.selectedOption.join(',') : '',
|
vehicleType:this.selectedOption ? this.selectedOption : '',
|
||||||
hasPolymerization:this.isJoin,
|
hasPolymerization:this.isJoin,
|
||||||
serviceIds:this.serviceIds ? this.serviceIds : [],
|
serviceIds:this.serviceIds ? this.serviceIds : [],
|
||||||
vehicleLicenseFront: this.vehicleLicenseFront,
|
vehicleLicenseFront: this.vehicleLicenseFront,
|
||||||
@ -543,8 +362,6 @@ export default {
|
|||||||
vehicleFrontPhoto: this.vehicleFrontPhoto,
|
vehicleFrontPhoto: this.vehicleFrontPhoto,
|
||||||
vehicleLicenseInfo: this.vehicleLicenseInfo,
|
vehicleLicenseInfo: this.vehicleLicenseInfo,
|
||||||
vehicleLicenseCarPhoto: this.vehicleLicenseCarPhoto,
|
vehicleLicenseCarPhoto: this.vehicleLicenseCarPhoto,
|
||||||
vehicleLicense: this.vehicleLicense,
|
|
||||||
vehicleFrontLicensePlate:this.vehicleFrontLicensePlate,
|
|
||||||
})
|
})
|
||||||
if(this.id){
|
if(this.id){
|
||||||
this.$toast('修改成功')
|
this.$toast('修改成功')
|
||||||
@ -663,8 +480,4 @@ export default {
|
|||||||
margin: 40px 0 30px 8px;
|
margin: 40px 0 30px 8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.elSelect ::v-deep .el-input__inner{
|
|
||||||
border: none !important;
|
|
||||||
text-align: right !important;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
<template slot-scope="scope">{{scope.row[item.prop]}} </template>
|
<template slot-scope="scope">{{scope.row[item.prop]}} </template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="active===4">
|
<!-- <template v-else-if="active===4">
|
||||||
<el-table-column v-for="(column,index) in filteredLabelList" :key="column.prop" :prop="column.prop" :label="column.label"
|
<el-table-column v-for="(column,index) in filteredLabelList" :key="column.prop" :prop="column.prop" :label="column.label"
|
||||||
:fixed="index===0" align="center" min-width="100"
|
:fixed="index===0" align="center" min-width="100"
|
||||||
:width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
|
:width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
|
||||||
@ -25,7 +25,7 @@
|
|||||||
<span v-else>{{ scope.row[column.prop] }}</span>
|
<span v-else>{{ scope.row[column.prop] }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</template>
|
</template>-->
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
|
<el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
|
||||||
align="center" min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
|
align="center" min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
|
||||||
@ -45,12 +45,12 @@ export default {
|
|||||||
mounted() {
|
mounted() {
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
filteredLabelList() {
|
/* filteredLabelList() {
|
||||||
if(this.active!==4){
|
if(this.active!==4){
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
return this.labelList.filter(column => column.label !== '星级评分');
|
return this.labelList.filter(column => column.label !== '星级评分');
|
||||||
}
|
}*/
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
setTableCellStyle({ row, column,columnIndex }) {
|
setTableCellStyle({ row, column,columnIndex }) {
|
||||||
|
@ -39,7 +39,7 @@
|
|||||||
<van-tabs v-model="active" sticky @click="tabClickHandle">
|
<van-tabs v-model="active" sticky @click="tabClickHandle">
|
||||||
<van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab>
|
<van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab>
|
||||||
<div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div>
|
<div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div>
|
||||||
<div v-if="isMobile && !([9,10].includes(active))" class="tipArrow right">>>></div>
|
<div v-if="isMobile && !([7,8].includes(active))" class="tipArrow right">>>></div>
|
||||||
</van-tabs>
|
</van-tabs>
|
||||||
<div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
|
<div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
|
||||||
<div :class="{'reciceOrder':true,'webCom':!isMobile}">
|
<div :class="{'reciceOrder':true,'webCom':!isMobile}">
|
||||||
@ -202,7 +202,7 @@
|
|||||||
<noFit-table v-else :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
|
<noFit-table v-else :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[2,4,5].includes(active)">
|
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[2].includes(active)">
|
||||||
<div class="searchDriverName" v-if="[5,4].includes(active)">
|
<div class="searchDriverName" v-if="[5,4].includes(active)">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="driverName"
|
v-model="driverName"
|
||||||
@ -245,7 +245,7 @@
|
|||||||
:total="total">
|
:total="total">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[3,6,7,8,9,10].includes(active)">
|
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[3,4,5,6,7,8].includes(active)">
|
||||||
<div :class="{'comTab':true,'detailTable':isMobile}">
|
<div :class="{'comTab':true,'detailTable':isMobile}">
|
||||||
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
|
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
|
||||||
></noFit-table>
|
></noFit-table>
|
||||||
@ -273,7 +273,7 @@ import {
|
|||||||
getStatisticsKpiByMonth,
|
getStatisticsKpiByMonth,
|
||||||
getStatisticsKpi,
|
getStatisticsKpi,
|
||||||
getSupplierId,
|
getSupplierId,
|
||||||
getDriverName,getDriverStatisticsKpi,
|
getDriverName,
|
||||||
getRecentSupplierKpi, querySupplierDriverStatisticsScore
|
getRecentSupplierKpi, querySupplierDriverStatisticsScore
|
||||||
} from "@/api/kpi.js"
|
} from "@/api/kpi.js"
|
||||||
import {myMixins} from "@/utils/myMixins"
|
import {myMixins} from "@/utils/myMixins"
|
||||||
@ -289,9 +289,9 @@ export default {
|
|||||||
return {
|
return {
|
||||||
active:0,
|
active:0,
|
||||||
activeIndex: 0,
|
activeIndex: 0,
|
||||||
//
|
// {name: '月/师傅'}, {name: '日/师傅'},
|
||||||
tabArr: [
|
tabArr: [
|
||||||
{name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'},{name: '月/师傅'}, {name: '日/师傅'}, {name: '拒单明细'},
|
{name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'}, {name: '拒单明细'},
|
||||||
{name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'}
|
{name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'}
|
||||||
],
|
],
|
||||||
list: [{name: '接单指标'}, {name: '客户评价'}, {name: 'APP使用'}, {name: ' 时效 '}],
|
list: [{name: '接单指标'}, {name: '客户评价'}, {name: 'APP使用'}, {name: ' 时效 '}],
|
||||||
@ -1077,12 +1077,13 @@ export default {
|
|||||||
});
|
});
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '师傅姓名', prop: 'driverName'},
|
{label: '师傅姓名', prop: 'driverName'},
|
||||||
|
{label: '服务商名称', prop: 'supplierName'},
|
||||||
{label: '案件总量', prop: 'orderCount'},
|
{label: '案件总量', prop: 'orderCount'},
|
||||||
{label: '满意度得分 ', prop: 'driverSatisfaction'},
|
{label: '满意度得分 ', prop: 'driverSatisfaction'},
|
||||||
]
|
]
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
}
|
}
|
||||||
else if ([4,5].includes(this.active)) {
|
/* else if ([4,5].includes(this.active)) {
|
||||||
let res = await getDriverStatisticsKpi({
|
let res = await getDriverStatisticsKpi({
|
||||||
startTime: this.startTime ,
|
startTime: this.startTime ,
|
||||||
endTime: this.endTime,
|
endTime: this.endTime,
|
||||||
@ -1118,8 +1119,9 @@ export default {
|
|||||||
this.total=0
|
this.total=0
|
||||||
}
|
}
|
||||||
await this.twoTabHanldeData();
|
await this.twoTabHanldeData();
|
||||||
}
|
}*/
|
||||||
else if ([ 6, 7, 8,9,10].includes(this.active)) {
|
else if ([ 4,5,6, 7, 8].includes(this.active)) {
|
||||||
|
|
||||||
this.detailList = []
|
this.detailList = []
|
||||||
this.labelList = []
|
this.labelList = []
|
||||||
let result = await getKpiDetailsData({
|
let result = await getKpiDetailsData({
|
||||||
@ -1136,7 +1138,7 @@ export default {
|
|||||||
return {...item, date: formatVal};
|
return {...item, date: formatVal};
|
||||||
});
|
});
|
||||||
this.loading = false
|
this.loading = false
|
||||||
if (this.active === 6) {//拒单明细
|
if (this.active === 4) {//拒单明细
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '案件编号', prop: 'orderCode'},
|
{label: '案件编号', prop: 'orderCode'},
|
||||||
{label: '服务内容', prop: 'serviceName'},
|
{label: '服务内容', prop: 'serviceName'},
|
||||||
@ -1147,7 +1149,7 @@ export default {
|
|||||||
{label: '中道派单时间', prop: 'dispatchTime'},
|
{label: '中道派单时间', prop: 'dispatchTime'},
|
||||||
{label: '拒绝原因', prop: 'reason'},
|
{label: '拒绝原因', prop: 'reason'},
|
||||||
]
|
]
|
||||||
} else if (this.active === 7) {//超时明细
|
} else if (this.active === 5) {//超时明细
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '案件编号', prop: 'orderCode'},
|
{label: '案件编号', prop: 'orderCode'},
|
||||||
{label: '服务内容', prop: 'serviceName'},
|
{label: '服务内容', prop: 'serviceName'},
|
||||||
@ -1157,7 +1159,7 @@ export default {
|
|||||||
{label: '上游接单来源', prop: 'workSource'},
|
{label: '上游接单来源', prop: 'workSource'},
|
||||||
{label: '中道派单时间', prop: 'dispatchTime'},
|
{label: '中道派单时间', prop: 'dispatchTime'},
|
||||||
]
|
]
|
||||||
} else if (this.active === 8) {//投诉明细
|
} else if (this.active === 6) {//投诉明细
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '案件编号', prop: 'orderCode'},
|
{label: '案件编号', prop: 'orderCode'},
|
||||||
{label: '服务内容', prop: 'serviceName'},
|
{label: '服务内容', prop: 'serviceName'},
|
||||||
@ -1166,7 +1168,7 @@ export default {
|
|||||||
{label: '投诉时间', prop: 'complainCreateTime'},
|
{label: '投诉时间', prop: 'complainCreateTime'},
|
||||||
{label: '投诉类型', prop: 'complainTypeString'},
|
{label: '投诉类型', prop: 'complainTypeString'},
|
||||||
]
|
]
|
||||||
} else if (this.active === 9) {//不使用App案件明细
|
} else if (this.active === 7) {//不使用App案件明细
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '案件编号', prop: 'orderCode'},
|
{label: '案件编号', prop: 'orderCode'},
|
||||||
{label: '服务内容', prop: 'serviceName'},
|
{label: '服务内容', prop: 'serviceName'},
|
||||||
@ -1174,7 +1176,7 @@ export default {
|
|||||||
{label: '工单创建时间', prop: 'orderCreateTime'},
|
{label: '工单创建时间', prop: 'orderCreateTime'},
|
||||||
{label: '事发地', prop: 'vehiclePointAddress'},
|
{label: '事发地', prop: 'vehiclePointAddress'},
|
||||||
]
|
]
|
||||||
} else if (this.active === 10) {//车辆在线情况
|
} else if (this.active === 8) {//车辆在线情况
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '日期', prop: 'date'},
|
{label: '日期', prop: 'date'},
|
||||||
{label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'},
|
{label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'},
|
||||||
@ -1206,13 +1208,18 @@ export default {
|
|||||||
year = new Date(this.current).getFullYear();
|
year = new Date(this.current).getFullYear();
|
||||||
month = new Date(this.current).getMonth() + 1;
|
month = new Date(this.current).getMonth() + 1;
|
||||||
} else {
|
} else {
|
||||||
year = new Date().getFullYear();
|
/*year = new Date().getFullYear();
|
||||||
month = new Date().getMonth() + 1;
|
month = new Date().getMonth() + 1;*/
|
||||||
|
year = 2024
|
||||||
|
month = 12
|
||||||
}
|
}
|
||||||
let yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
|
let yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
|
||||||
this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')
|
this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')
|
||||||
this.startTime = dayjs(new Date()).format('YYYY-MM') + '-01 00:00:00'
|
console.log("this.current",this.current)
|
||||||
this.endTime = dayjs(new Date()).format('YYYY-MM') + '-' + this.getDayLen()+' 23:59:59'
|
/*this.startTime = dayjs(new Date()).format('YYYY-MM') + '-01 00:00:00'
|
||||||
|
this.endTime = dayjs(new Date()).format('YYYY-MM') + '-' + this.getDayLen()+' 23:59:59'*/
|
||||||
|
this.startTime = '2024-12-01 00:00:00'
|
||||||
|
this.endTime = '2024-12-31 23:59:59'
|
||||||
this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
|
this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
|
||||||
console.log(" this.startMonthTime", this.startMonthTime,this.startTime)
|
console.log(" this.startMonthTime", this.startMonthTime,this.startTime)
|
||||||
},
|
},
|
||||||
@ -1587,15 +1594,15 @@ export default {
|
|||||||
},
|
},
|
||||||
setType(type) {
|
setType(type) {
|
||||||
switch (type) {
|
switch (type) {
|
||||||
case 6:
|
case 4:
|
||||||
return 1;
|
return 1;
|
||||||
case 7:
|
case 5:
|
||||||
return 2;
|
return 2;
|
||||||
case 8:
|
case 6:
|
||||||
return 3;
|
return 3;
|
||||||
case 9:
|
case 7:
|
||||||
return 4;
|
return 4;
|
||||||
case 10:
|
case 8:
|
||||||
return 5;
|
return 5;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -897,11 +897,11 @@ export default {
|
|||||||
|
|
||||||
.leftTitle {
|
.leftTitle {
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
width: 60px;
|
@include wh(60px, 189px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightContent {
|
.rightContent {
|
||||||
/*height: 189px;*/
|
height: 189px;
|
||||||
width: calc(100% - 60px);
|
width: calc(100% - 60px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -980,7 +980,6 @@ img {
|
|||||||
|
|
||||||
.inputContent {
|
.inputContent {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
flex: 1;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user