Compare commits
57 Commits
prod-24-06
...
prod-24-08
| Author | SHA1 | Date | |
|---|---|---|---|
| 997f20ee06 | |||
| d04304ea7d | |||
| 9cd3a70f43 | |||
| 431ba13eea | |||
| 672ed153da | |||
| 65c33e54f5 | |||
| dedb0f53e9 | |||
| 8bed0868f8 | |||
| 70cea4d888 | |||
| 6d1df4a720 | |||
| a7cf0a837e | |||
| ec995b7548 | |||
| 372bbc44c0 | |||
| 7b160e12fb | |||
| 4c393f3f1e | |||
| 5afbf9df90 | |||
| 073814bd69 | |||
| 06fdbc4f84 | |||
| 86ed97f265 | |||
| 0aa9f3ec04 | |||
| 48cd129290 | |||
| b8096b39f3 | |||
| 3a45615e4f | |||
| d1b04ec51c | |||
| dc091c6dd5 | |||
| 45914f0577 | |||
| 42694d57de | |||
| 61ccb58af2 | |||
| f6c33c8c36 | |||
| 1fbc66a1d6 | |||
| b80a748dc9 | |||
| f38e2ce614 | |||
| febf9a636e | |||
| 8deaa85c1c | |||
| 70675fde50 | |||
| af297b5892 | |||
| f472c878e8 | |||
| 5df83abfcf | |||
| 11664e92bf | |||
| 4be4015e30 | |||
| 39603134fb | |||
| ad49a716b9 | |||
| b1945ab42f | |||
| 4da4cacd7b | |||
| 39c8bb857b | |||
| 0dd54330af | |||
| a7c7dafa33 | |||
| b2af0684fa | |||
| cb50de4039 | |||
| 7785c7ecbe | |||
| f45792b527 | |||
| 793be9d28d | |||
| d4c6081f34 | |||
| e11946352c | |||
| 481c37f708 | |||
| 605bc306a5 | |||
| d5d090cdc8 |
2
.gitignore
vendored
2
.gitignore
vendored
@ -6,7 +6,7 @@ node_modules
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
/http.js
|
||||
src/http.js
|
||||
http.js
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
|
||||
113
package-lock.json
generated
113
package-lock.json
generated
@ -1713,9 +1713,9 @@
|
||||
}
|
||||
},
|
||||
"@vant/icons": {
|
||||
"version": "1.8.0",
|
||||
"resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.8.0.tgz",
|
||||
"integrity": "sha512-sKfEUo2/CkQFuERxvkuF6mGQZDKu3IQdj5rV9Fm0weJXtchDSSQ+zt8qPCNUEhh9Y8shy5PzxbvAfOOkCwlCXg=="
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@vant/icons/-/icons-3.0.2.tgz",
|
||||
"integrity": "sha512-4OlRVMd0uiDtD9hgSISZW8hB95vU0fFtc41tQchRIyiXkR0tS+DydZOLb8/bQkithrNWhW7Uud38MbKjlJ9lJw=="
|
||||
},
|
||||
"@vant/popperjs": {
|
||||
"version": "1.3.0",
|
||||
@ -2030,6 +2030,49 @@
|
||||
"webpack-merge": "^5.7.3",
|
||||
"webpack-virtual-modules": "^0.4.2",
|
||||
"whatwg-fetch": "^3.6.2"
|
||||
},
|
||||
"dependencies": {
|
||||
"@vue/vue-loader-v15": {
|
||||
"version": "npm:vue-loader@15.11.1",
|
||||
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
|
||||
"integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@vue/component-compiler-utils": "^3.1.0",
|
||||
"hash-sum": "^1.0.2",
|
||||
"loader-utils": "^1.1.0",
|
||||
"vue-hot-reload-api": "^2.3.0",
|
||||
"vue-style-loader": "^4.1.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"hash-sum": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
|
||||
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"json5": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
|
||||
"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"minimist": "^1.2.0"
|
||||
}
|
||||
},
|
||||
"loader-utils": {
|
||||
"version": "1.4.2",
|
||||
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
|
||||
"integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"big.js": "^5.2.2",
|
||||
"emojis-list": "^3.0.0",
|
||||
"json5": "^1.0.1"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"@vue/cli-shared-utils": {
|
||||
@ -2194,47 +2237,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"@vue/vue-loader-v15": {
|
||||
"version": "npm:vue-loader@15.11.1",
|
||||
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
|
||||
"integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@vue/component-compiler-utils": "^3.1.0",
|
||||
"hash-sum": "^1.0.2",
|
||||
"loader-utils": "^1.1.0",
|
||||
"vue-hot-reload-api": "^2.3.0",
|
||||
"vue-style-loader": "^4.1.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"hash-sum": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
|
||||
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
|
||||
"dev": true
|
||||
},
|
||||
"json5": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
|
||||
"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"minimist": "^1.2.0"
|
||||
}
|
||||
},
|
||||
"loader-utils": {
|
||||
"version": "1.4.2",
|
||||
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
|
||||
"integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"big.js": "^5.2.2",
|
||||
"emojis-list": "^3.0.0",
|
||||
"json5": "^1.0.1"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"@vue/web-component-wrapper": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmjs.org/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
|
||||
@ -3542,10 +3544,16 @@
|
||||
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
|
||||
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
|
||||
},
|
||||
"dayjs": {
|
||||
"version": "1.11.13",
|
||||
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
|
||||
"integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
|
||||
},
|
||||
"de-indent": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
|
||||
"integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg=="
|
||||
"integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
|
||||
"dev": true
|
||||
},
|
||||
"debug": {
|
||||
"version": "4.3.4",
|
||||
@ -4880,7 +4888,8 @@
|
||||
"he": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
|
||||
"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="
|
||||
"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
|
||||
"dev": true
|
||||
},
|
||||
"highlight.js": {
|
||||
"version": "10.7.3",
|
||||
@ -5508,7 +5517,8 @@
|
||||
"lodash": {
|
||||
"version": "4.17.21",
|
||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
|
||||
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
|
||||
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
|
||||
"dev": true
|
||||
},
|
||||
"lodash.debounce": {
|
||||
"version": "4.0.8",
|
||||
@ -8025,12 +8035,12 @@
|
||||
}
|
||||
},
|
||||
"vant": {
|
||||
"version": "2.12.54",
|
||||
"resolved": "https://registry.npmjs.org/vant/-/vant-2.12.54.tgz",
|
||||
"integrity": "sha512-t7DCiLxNosDrg0Jm5EY9p0A5cAMo5OadmizbYtPEc0ru+OJKEa3kcfxtKIK5on7ZPqoOkyYJt8e6BQ1VDMPsrg==",
|
||||
"version": "2.13.2",
|
||||
"resolved": "https://registry.npmjs.org/vant/-/vant-2.13.2.tgz",
|
||||
"integrity": "sha512-anZbbLqXCq+rUJk10D67mn+V/1/i9tfOTdoR+64B0e+0BzV3KFgpHBF76noLa+yX9i/L+8DeL560WMk0GEN38g==",
|
||||
"requires": {
|
||||
"@babel/runtime": "7.x",
|
||||
"@vant/icons": "^1.7.1",
|
||||
"@vant/icons": "^3.0.2",
|
||||
"@vant/popperjs": "^1.1.0",
|
||||
"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
|
||||
"vue-lazyload": "1.2.3"
|
||||
@ -8245,6 +8255,7 @@
|
||||
"version": "2.7.14",
|
||||
"resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
|
||||
"integrity": "sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"de-indent": "^1.0.2",
|
||||
"he": "^1.2.0"
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
"qs": "^6.11.2",
|
||||
"sass": "^1.65.1",
|
||||
"sass-loader": "^13.3.2",
|
||||
"vant": "^2.12.54",
|
||||
"vant": "^2.13.2",
|
||||
"vue": "^2.6.14",
|
||||
"vue-router": "^3.0.7",
|
||||
"vuex": "^3.6.2",
|
||||
|
||||
@ -3,6 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover,user-scalable=no">
|
||||
<meta name="format-detection" content="telephone=yes"/>
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
@ -29,5 +30,39 @@
|
||||
}
|
||||
</script>
|
||||
<script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script>
|
||||
|
||||
<script>
|
||||
// VConsole 默认会挂载到 `window.VConsole` 上
|
||||
// let vConsole = new window.VConsole();
|
||||
(function (doc, win) {
|
||||
console.log("==window.location.pathname===",window.location.pathname)
|
||||
let docEl = doc.documentElement
|
||||
let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
|
||||
recalc = function () {
|
||||
var clientWidth = docEl.clientWidth;
|
||||
if (!clientWidth) return;
|
||||
if (clientWidth < 400) {
|
||||
clientWidth = 400;
|
||||
}
|
||||
docEl.style.fontSize = 18 * (clientWidth / 650) + 'px';
|
||||
};
|
||||
if (!doc.addEventListener) return;
|
||||
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||||
if (isMobile) {// 是移动端不变
|
||||
// console.log("是移动端不变")
|
||||
}else{
|
||||
if(window.location.pathname=='/h5/supplier/dispatch/kpiIndex'){
|
||||
// console.log("执行了执行了")
|
||||
win.addEventListener(resizeEvt, recalc, false);
|
||||
doc.addEventListener('DOMContentLoaded', recalc, false);
|
||||
}
|
||||
/*else{
|
||||
console.log("走着了这种饿 ")
|
||||
}*/
|
||||
}
|
||||
})(document, window);
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -4,7 +4,7 @@ export function getStatisticsKpiByMonth(data){
|
||||
return request({
|
||||
url: '/supplier/supplierKPI/querySupplierStatisticsKpiByMonth',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
// contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
@ -13,7 +13,7 @@ export function getStatisticsKpi(data){
|
||||
return request({
|
||||
url: '/supplier/supplierKPI/querySupplierStatisticsKpi',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
// contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
@ -23,7 +23,7 @@ export function getDriverStatisticsKpi(data){
|
||||
return request({
|
||||
url: '/supplier/supplierKPI/querySupplierDriverStatisticsKpi',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
// contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
@ -32,7 +32,27 @@ export function getKpiDetailsData(data){
|
||||
return request({
|
||||
url: '/supplier/supplierKPI/querySupplierKpiDetailsData',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
// contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 关键词搜索服务商名称
|
||||
export function getSupplierId(key) {
|
||||
return request({
|
||||
url: '/supplier/select/supplier',
|
||||
method: 'GET',
|
||||
params: {
|
||||
key: key ,
|
||||
}
|
||||
});
|
||||
}
|
||||
// supplier/select/driver 关键词搜索司机名称
|
||||
export function getDriverName(key) {
|
||||
return request({
|
||||
url: '/supplier/select/driver',
|
||||
method: 'GET',
|
||||
params: {
|
||||
key: key ,
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -132,7 +132,7 @@ export function deleteImage(data){
|
||||
})
|
||||
}
|
||||
//新增记账图片 form-data
|
||||
export function insertRecordPicture(data){
|
||||
/*export function insertRecordPicture(data){
|
||||
return request({
|
||||
url:'/supplierAppV2/dispatchApp/accountRecord/insertRecordPicture',
|
||||
method:'POST',
|
||||
@ -142,7 +142,7 @@ export function insertRecordPicture(data){
|
||||
// 'Content-Type': 'multipart/form-data',
|
||||
// },
|
||||
})
|
||||
}
|
||||
}*/
|
||||
|
||||
//开票通知列表
|
||||
export function notifyInvoiceList(data){
|
||||
|
||||
@ -111,7 +111,7 @@ export default {
|
||||
padding: 13px 24px 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
//overflow-y: auto;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.title {
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
<div class="metersWrap">
|
||||
<div class="item" >
|
||||
<div class="leftKiloMeters">小轮个数</div>
|
||||
<div class="rightInput"><input type="number" v-model="form.tyreNumber"/>个</div>
|
||||
<div class="rightInput"><input type="number" v-model="form.tyreNumber" @input="handleInput"/>个</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="leftKiloMeters">等候费</div>
|
||||
@ -82,7 +82,7 @@ export default {
|
||||
bridgeAmountAb:'',
|
||||
bridgeAmountBc:'',
|
||||
bridgeAmountCa:'',
|
||||
tyreNumber:'',
|
||||
tyreNumber:0,
|
||||
waitAmount:'',
|
||||
dilemmaFee:'',
|
||||
customerAmount:'',
|
||||
@ -98,6 +98,15 @@ export default {
|
||||
await this.getDetail()
|
||||
},
|
||||
methods:{
|
||||
handleInput(event) {
|
||||
const newValue = parseInt(event.target.value, 10);
|
||||
if (!isNaN(newValue) && newValue >= 0 && newValue <= 4) {
|
||||
this.form.tyreNumber = newValue;
|
||||
} else {
|
||||
this.$toast('请输入0到4之间的数字')
|
||||
this.form.tyreNumber = null; // 或者上一个有效值
|
||||
}
|
||||
},
|
||||
submit() {
|
||||
this.updatSettlement()
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<div id="supplierScore" ref="supplierScore" style="width: 100%;height: 125px" @click="handle"></div>
|
||||
<div id="supplierScore" ref="supplierScore" class="chart" @click="handle"></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -14,14 +14,25 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
/* if(this.data){
|
||||
this.drawHandle();
|
||||
}*/
|
||||
setTimeout(()=>{
|
||||
this.drawHandle();
|
||||
},500)
|
||||
|
||||
},
|
||||
methods:{
|
||||
initCircle(){
|
||||
// setTimeout(()=>{
|
||||
this.drawHandle();
|
||||
// },500)
|
||||
},
|
||||
handle(){
|
||||
if(this.titleText == '投诉率'){
|
||||
console.log(this.titleText)
|
||||
this.$emit('clickComplain')
|
||||
}else if(this.titleText == '使用率'){
|
||||
console.log(this.titleText)
|
||||
this.$emit('clickUse')
|
||||
}
|
||||
},
|
||||
// 绘制 总分图表
|
||||
@ -95,4 +106,8 @@ export default {
|
||||
.img{
|
||||
@include whMarLe(12px,10px,4px);
|
||||
}
|
||||
.chart{
|
||||
width: 100%;
|
||||
height: 125px;
|
||||
}
|
||||
</style>
|
||||
@ -1,45 +0,0 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<el-table :data="tableData"
|
||||
stripe
|
||||
border
|
||||
style="width: 100%"
|
||||
class="custom-table">
|
||||
<el-table-column
|
||||
v-for="(column,i) in tableData"
|
||||
:key="i"
|
||||
:prop="column.prop"
|
||||
:label="column.label"
|
||||
:fixed="i===0"
|
||||
:width="i===0 ? '40' :'80'"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "commonTable",
|
||||
props: ['tableData'],
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "@/styles/mixin.scss";
|
||||
::v-deep .el-table thead{
|
||||
font-size: 11px;
|
||||
color: #1D2129;
|
||||
font-weight: bold;
|
||||
}
|
||||
::v-deep .el-table th.el-table__cell.is-leaf {
|
||||
background-color: #E5E6EB;
|
||||
}
|
||||
</style>
|
||||
172
src/views/kpi/components/noFit-table.vue
Normal file
172
src/views/kpi/components/noFit-table.vue
Normal file
@ -0,0 +1,172 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<el-table :data="tableData"
|
||||
stripe
|
||||
border
|
||||
style="width: 100%"
|
||||
height="100%"
|
||||
v-loading="loading"
|
||||
:cell-style="setTableCellStyle"
|
||||
class="custom-table">
|
||||
<template v-if="active===1">
|
||||
<el-table-column v-for="item in labelList" :key="item.prop" :label="item.label" :prop="item.prop" align="center">
|
||||
<template slot-scope="scope">{{scope.row[item.prop]}} </template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
<template v-else>
|
||||
<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'">
|
||||
</el-table-column>
|
||||
</template>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "noFit-table",
|
||||
props: ['tableData', 'labelList', 'loading', 'isMobile','active'],
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
setTableCellStyle({ row, column,columnIndex }) {
|
||||
// 月总表格被转置，原始方法失效，重新定义对比
|
||||
if(this.active===1){
|
||||
if(row.month == '3′接单率(%)'){
|
||||
if(columnIndex){
|
||||
let res=row[column.property]
|
||||
const rate = parseFloat(res && res.replace('%', ''));
|
||||
if(rate < 95){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
if(row.month == '接单时效(分)'){
|
||||
if(columnIndex){
|
||||
let res=row[column.property]
|
||||
if(res > 5){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
if(row.month == '到达时效(分)'){
|
||||
if(columnIndex){
|
||||
let res=row[column.property]
|
||||
if(res > 40){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
if(row.month == '总聚合成功率(%)'){
|
||||
if(columnIndex){
|
||||
let res=row[column.property]
|
||||
const rate = parseFloat(res && res.replace('%', ''));
|
||||
if(rate < 80){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
if(row.month == '使用率(%)'){
|
||||
if(columnIndex){
|
||||
let res=row[column.property]
|
||||
const rate = parseFloat(res && res.replace('%', ''));
|
||||
if(rate < 95){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
if(row.month == '投诉率(%)'){
|
||||
if(columnIndex){
|
||||
let res=row[column.property]
|
||||
const rate = parseFloat(res && res.replace('%', ''));
|
||||
if(rate > 0.1){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 接单率
|
||||
if(column.property=='threeMinutesReceivingRate'){
|
||||
if(columnIndex){
|
||||
const rate = parseFloat(row.threeMinutesReceivingRate && row.threeMinutesReceivingRate.replace('%', ''));
|
||||
if(rate < 95){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
//师傅接单时效》5
|
||||
if(column.property=='receiving'){
|
||||
if(columnIndex){
|
||||
if(row.receiving > 5){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
//到达时效》40
|
||||
if(column.property=='arriving'){
|
||||
if(columnIndex){
|
||||
if(row.arriving > 40){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
//聚合成功率《80
|
||||
if(column.property=='polymerizationSuccessRate'){
|
||||
if(columnIndex){
|
||||
const rate = parseFloat(row.polymerizationSuccessRate && row.polymerizationSuccessRate.replace('%', ''));
|
||||
if(rate < 80){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
//app使用率《95
|
||||
if(column.property=='appRate'){
|
||||
if(columnIndex){
|
||||
const rate = parseFloat(row.appRate && row.appRate.replace('%', ''));
|
||||
if(rate < 95){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
//催促率》3
|
||||
if(column.property=='urgeRate'){
|
||||
if(columnIndex){
|
||||
const rate = parseFloat(row.urgeRate && row.urgeRate.replace('%', ''));
|
||||
if(rate > 3){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
//投诉率》0.1
|
||||
if(column.property=='complainOrderRate'){
|
||||
if(columnIndex){
|
||||
const rate = parseFloat(row.complainOrderRate.replace('%', ''));
|
||||
if(rate > 0.1){
|
||||
return {backgroundColor: '#F1B289'}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "@/styles/mixin.scss";
|
||||
::v-deep .el-table{
|
||||
font-size: 11px;
|
||||
}
|
||||
::v-deep .el-table thead{
|
||||
color: #1D2129;
|
||||
font-weight: bold;
|
||||
}
|
||||
::v-deep .el-table th.el-table__cell.is-leaf {
|
||||
background-color: #E5E6EB;
|
||||
}
|
||||
::v-deep .el-table .el-table__cell{
|
||||
padding: 4px 0 !important;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -24,7 +24,7 @@
|
||||
<div ><span class="opa">车辆名称:</span><span>{{ detailInfo.vehicleName }}</span></div>
|
||||
<div><span class="opa">车牌号:</span><span>{{ detailInfo.plateNumber }}</span></div>
|
||||
<!-- 审批中，通过，终止detailInfo.states ==1 || detailInfo.states ==2 ||detailInfo.states ==3-->
|
||||
<div class="shopName" v-if="[1,2,3].includes(detailInfo.states)"><span class="opa" >门店信息:</span><span>{{detailInfo.repairPoint || ''}}</span></div>
|
||||
<div class="shopName" v-if="[1,2,3].includes(detailInfo.states)"><span class="opa" >门店信息:</span><span class="textarea">{{detailInfo.repairPoint || ''}}</span></div>
|
||||
<div class="shopImgList" v-if="[1,2,3].includes(detailInfo.states)">
|
||||
<template v-if="detailInfo.storePhotoUrls && detailInfo.storePhotoUrls.indexOf(',') !== -1">
|
||||
<div v-for="(item,index) in (detailInfo.storePhotoUrls?.split(','))" :key="index">
|
||||
@ -40,7 +40,7 @@
|
||||
<div v-if="noPassStatus"><span class="opa">车辆里程:</span><span>{{ parseInt(detailInfo.mileage) || '' }}km</span></div>
|
||||
<div v-if="noPassStatus"><span class="opa">结算类型:</span><span>{{ detailInfo.paymentType?.label || '' }}</span></div>
|
||||
<div v-if="noPassStatus && detailInfo.paymentType?.code !=2"><span class="opa">维修金额:</span><span>{{ detailInfo.amount || ''}}元</span></div>
|
||||
<div v-if="noPassStatus && detailInfo.paymentType?.code !=2" class="shopName"><span class="opa">维保项目:</span><span class="project">{{ detailInfo.information ||'' }}</span></div>
|
||||
<div v-if="noPassStatus && detailInfo.paymentType?.code !=2" class="shopName"><span class="opa">维保项目:</span><span class="project textarea">{{ detailInfo.information ||'' }}</span></div>
|
||||
</div>
|
||||
<!-- 不通过-->
|
||||
<div class="detailInfo" v-if="noPassStatus && detailInfo.paymentType?.code !=2">
|
||||
@ -335,13 +335,16 @@ export default {
|
||||
line-height: 27px;
|
||||
}
|
||||
.shopName{
|
||||
//width: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
.textarea{
|
||||
width: calc(100% - 60px);
|
||||
}
|
||||
}
|
||||
.project{
|
||||
color: #E8A524;
|
||||
width: calc(100% - 60px);
|
||||
//width: calc(100% - 60px);
|
||||
}
|
||||
.shopImgList{
|
||||
margin-top: 6px;
|
||||
|
||||
@ -46,7 +46,18 @@
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="titleLeft">扣除责任险费：</span>
|
||||
<span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount}}</span>
|
||||
<span
|
||||
class="content">{{ orderInfo.policyAmount }}</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="titleLeft">车衣费用：</span>
|
||||
<span
|
||||
class="content">{{ orderInfo.carClothingToolAmount }}</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="titleLeft">换电瓶费用：</span>
|
||||
<span
|
||||
class="content">{{ orderInfo.replaceBatteryAmount }}</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="leftTitle fontColor">工单照片:</span>
|
||||
@ -62,7 +73,7 @@
|
||||
<div class="titleContent">
|
||||
<div class="flex-between" v-show="abState">
|
||||
<div> 到事发地距离:</div>
|
||||
<div class="halfOpcity"><input type="number" v-model="form.supplierSettleMileageAb"/>公里</div>
|
||||
<div class="halfOpcity"><input @input="validateIntegerInput" type="number" v-model="form.supplierSettleMileageAb"/>公里</div>
|
||||
</div>
|
||||
<div class="flex-between" v-show="bcState">
|
||||
<div> 拖车里程:</div>
|
||||
@ -74,31 +85,31 @@
|
||||
</div>
|
||||
<div class="flex-between" v-show="bridgeAbState">
|
||||
<div>ab路桥费:</div>
|
||||
<div class="halfOpcity"><input type="number" v-model="form.supplierBridgeAmountAb"/>元</div>
|
||||
<div class="halfOpcity"><input @input="validateIntegerInput" type="number" v-model="form.supplierBridgeAmountAb"/>元</div>
|
||||
</div>
|
||||
<div class="flex-between" v-show="bridgeBcState">
|
||||
<div>bc路桥费:</div>
|
||||
<div class="halfOpcity"><input type="number" v-model="form.supplierBridgeAmountBc"/>元</div>
|
||||
<div class="halfOpcity"><input @input="validateIntegerInput" type="number" v-model="form.supplierBridgeAmountBc"/>元</div>
|
||||
</div>
|
||||
<div class="flex-between" v-show="bridgeCaState">
|
||||
<div>ca路桥费:</div>
|
||||
<div class="halfOpcity"><input type="number" v-model="form.supplierBridgeAmountCa"/>元</div>
|
||||
<div class="halfOpcity"><input @input="validateIntegerInput" type="number" v-model="form.supplierBridgeAmountCa"/>元</div>
|
||||
</div>
|
||||
<div class="flex-between" v-show="waitAmountState">
|
||||
<div>等候费:</div>
|
||||
<div class="halfOpcity inputContent"><input type="number" v-model="form.supplierWaitAmount"/>元</div>
|
||||
<div class="halfOpcity inputContent"><input @input="validateIntegerInput" type="number" v-model="form.supplierWaitAmount"/>元</div>
|
||||
</div>
|
||||
<div class="flex-between" v-show="tyreAmountState">
|
||||
<div>小轮费:</div>
|
||||
<div class="halfOpcity inputContent"><input type="number" v-model="form.supplierTyreAmount"/>元</div>
|
||||
<div class="halfOpcity inputContent"><input @input="validateIntegerInput" type="number" v-model="form.supplierTyreAmount"/>元</div>
|
||||
</div>
|
||||
<div class="flex-between" v-show="dilemmaAmountState && basePriceDisabled">
|
||||
<div>困境费:</div>
|
||||
<div class="halfOpcity inputContent"><input type="number" v-model="form.supplierDilemmaAmount"/>元</div>
|
||||
<div class="halfOpcity inputContent"><input @input="validateIntegerInput" type="number" v-model="form.supplierDilemmaAmount"/>元</div>
|
||||
</div>
|
||||
<div class="flex-between" v-show="basementFeeState">
|
||||
<div>地库费:</div>
|
||||
<div class="halfOpcity inputContent"><input type="number" v-model="form.supplierBasementFee"/>元</div>
|
||||
<div class="halfOpcity inputContent"><input @input="validateIntegerInput" type="number" v-model="form.supplierBasementFee" :disabled="!isBasementSettle" />元</div>
|
||||
</div>
|
||||
<div class="flex-between">
|
||||
<div>收取客户金额:</div>
|
||||
@ -106,15 +117,18 @@
|
||||
</div>
|
||||
<div class="flex-between bgDisable" :class=" { 'flex-between': true, 'bgDisable' : basePriceDisabled } ">
|
||||
<div>基本费用:</div>
|
||||
<div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/><span >元</span></div>
|
||||
<div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="basePriceDisabled || isBasementSettle"
|
||||
v-model="form.supplierBasePrice"/><span>元</span></div>
|
||||
</div>
|
||||
<div class="flex-between bgDisable">
|
||||
<div>额外费用总计:</div>
|
||||
<div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="true" v-model="form.supplierExtraPrice"/><span>元</span></div>
|
||||
<div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="true"
|
||||
v-model="form.supplierExtraPrice"/><span>元</span></div>
|
||||
</div>
|
||||
<div class="flex-between bgDisable ">
|
||||
<div>费用总计:</div>
|
||||
<div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="true" v-model="form.supplierSettleAmount"/><span >元</span></div>
|
||||
<div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="true"
|
||||
v-model="form.supplierSettleAmount"/><span>元</span></div>
|
||||
</div>
|
||||
<div class="flex-between">
|
||||
<div> </div>
|
||||
@ -127,7 +141,9 @@
|
||||
<!-- <two-common-btn class="btn" @cancelClick="cancelBtn" @submitClick="save" />-->
|
||||
<div class="btn">
|
||||
<button class="cancel" @click="noMultipleClicks(cancelBtn )">取消</button>
|
||||
<button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}" @click="noMultipleClicks(save)" >提交</button>
|
||||
<button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}"
|
||||
@click="noMultipleClicks(save)">提交
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -139,51 +155,54 @@
|
||||
</tr>
|
||||
<tr v-show="abState">
|
||||
<td class="col1">到事发地距离:{{ orderInfo.settleMileageAb + '公里' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入到事发地距离" v-model="form.supplierSettleMileageAb"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入到事发地距离" v-model="form.supplierSettleMileageAb"/></td>
|
||||
</tr>
|
||||
<tr v-show="bcState">
|
||||
<td class="col1">拖车里程:{{ orderInfo.settleMileageBc + '公里' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入拖车公里" v-model="form.supplierSettleMileageBc"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入拖车公里" v-model="form.supplierSettleMileageBc"/></td>
|
||||
</tr>
|
||||
<tr v-show="caState">
|
||||
<td class="col1">返程里程:{{ orderInfo.settleMileageCa + '公里' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入返程里程" v-model="form.supplierSettleMileageCa"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入返程里程" v-model="form.supplierSettleMileageCa"/></td>
|
||||
</tr>
|
||||
<tr v-show="bridgeAbState">
|
||||
<td class="col1">ab路桥费:{{ orderInfo.bridgeAmountAb + '元' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入ab路桥费" v-model="form.supplierBridgeAmountAb"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入ab路桥费" v-model="form.supplierBridgeAmountAb"/></td>
|
||||
</tr>
|
||||
<tr v-show="bridgeBcState">
|
||||
<td class="col1">bc路桥费:{{ orderInfo.bridgeAmountBc + '元' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入bc路桥费" v-model="form.supplierBridgeAmountBc"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入bc路桥费" v-model="form.supplierBridgeAmountBc"/></td>
|
||||
</tr>
|
||||
<tr v-show="bridgeCaState">
|
||||
<td class="col1">ca路桥费:{{ orderInfo.bridgeAmountCa + '元' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入ca路桥费" v-model="form.supplierBridgeAmountCa"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入ca路桥费" v-model="form.supplierBridgeAmountCa"/></td>
|
||||
</tr>
|
||||
<tr v-show="tyreAmountState">
|
||||
<td class="col1">小轮费:{{ orderInfo.bridgeAmount + '元' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入小轮费" v-model="form.supplierTyreAmount"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入小轮费" v-model="form.supplierTyreAmount"/></td>
|
||||
</tr>
|
||||
<tr v-show="dilemmaAmountState && basePriceDisabled">
|
||||
<td class="col1">困境费:{{ orderInfo.dilemmaAmount + '元' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入困境费" v-model="form.supplierDilemmaAmount"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入困境费" v-model="form.supplierDilemmaAmount"/></td>
|
||||
</tr>
|
||||
<tr v-show="waitAmountState">
|
||||
<td class="col1">等候费:{{ orderInfo.waitAmount + '元' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入等候费" v-model="form.supplierWaitAmount"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入等候费" v-model="form.supplierWaitAmount"/></td>
|
||||
</tr>
|
||||
<tr v-show="basementFeeState">
|
||||
<td class="col1">地库费:{{ orderInfo.basementFee + '元' }}</td>
|
||||
<td class="col2 halfOpc"><input placeholder="输入地库费" v-model="form.supplierBasementFee"/></td>
|
||||
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入地库费" v-model="form.supplierBasementFee"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col1">基本费用:{{ orderInfo.basePrice + '元' }}</td>
|
||||
<td class="col2 halfOpc" :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input :class="basePriceDisabled ? 'supplierdisable' : ''" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/></td>
|
||||
<td class="col2 halfOpc" :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input
|
||||
:class="basePriceDisabled ? 'supplierdisable' : ''" :readonly="basePriceDisabled"
|
||||
v-model="form.supplierBasePrice"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col1">额外费用总计:{{ orderInfo.extraPrice + '元' }}</td>
|
||||
<td class="col2 halfOpc" style="opacity: 1;"><input class="supplierdisable" :readonly="true" v-model="form.supplierExtraPrice"/></td>
|
||||
<td class="col2 halfOpc" style="opacity: 1;"><input class="supplierdisable" :readonly="true"
|
||||
v-model="form.supplierExtraPrice"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col1">收取客户:{{ orderInfo.customerAmount + '元' }}</td>
|
||||
@ -201,7 +220,8 @@
|
||||
<div class="title col1" style="white-space: nowrap;">审核失败原因</div>
|
||||
<div class="reason">{{ orderInfo.auditRemark }}</div>
|
||||
<div v-show="orderInfo.auditPhoto" style="display: flex;flex-wrap: wrap">
|
||||
<van-image class="camerImg" v-for="(item,index) in auditPhotoList" :key="index" :src="item.url" @click="previewPhoto(index)" />
|
||||
<van-image class="camerImg" v-for="(item,index) in auditPhotoList" :key="index" :src="item.url"
|
||||
@click="previewPhoto(index)"/>
|
||||
</div>
|
||||
</td>
|
||||
<td class="col2 alignLeft" style="border-bottom-right-radius: 3px">
|
||||
@ -209,7 +229,8 @@
|
||||
<div class="title" style="margin-bottom: 8px"> 本次补充说明:</div>
|
||||
<div style="display: flex;margin-bottom: 5px">
|
||||
<!-- @click="delSupplierPhoto(item) -->
|
||||
<img v-for="(item,index) in supplierPhotoList" :key="index" class="supplierImg" :src="item.url" @click="viewHandle(item)">
|
||||
<img v-for="(item,index) in supplierPhotoList" :key="index" class="supplierImg" :src="item.url"
|
||||
@click="viewHandle(item)">
|
||||
</div>
|
||||
<div style="display: flex">
|
||||
<van-uploader
|
||||
@ -226,8 +247,12 @@
|
||||
</div>
|
||||
<van-dialog v-model="show" title="确定删除此照片吗" show-cancel-button @confirm="handleConfirm"></van-dialog>
|
||||
<div class="btn" v-show="auditFormShow">
|
||||
<button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}" @click="noMultipleClicks(save)">提交</button>
|
||||
<button v-if="accountStatus == 2 || accountStatus == 3" :class="{'submit' : true,'loading1' : loading1}" @click="noMultipleClicks(confirmAudit)" >确定审核</button>
|
||||
<button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}"
|
||||
@click="noMultipleClicks(save)">提交
|
||||
</button>
|
||||
<button v-if="accountStatus == 2 || accountStatus == 3" :class="{'submit' : true,'loading1' : loading1}"
|
||||
@click="noMultipleClicks(confirmAudit)">确定审核
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -242,6 +267,7 @@ import {
|
||||
} from "@/api/mine"
|
||||
import {ImagePreview} from "vant";
|
||||
import {orderReportingList} from "@/api/order";
|
||||
|
||||
export default {
|
||||
name: "accountingView",
|
||||
mixins: [myMixins],
|
||||
@ -350,7 +376,11 @@ export default {
|
||||
exceptionApprovalStatus: '',
|
||||
exceptionApprovalRemark: '',
|
||||
auditSuccessRemark: '',
|
||||
accountStatus: ''
|
||||
accountStatus: '',
|
||||
carClothingToolAmount: '',
|
||||
replaceBatteryAmount: '',
|
||||
supplierSettleRatio:{},
|
||||
contractSettleTypeString:'',
|
||||
},
|
||||
noClick: true,
|
||||
loading: false,
|
||||
@ -374,15 +404,24 @@ export default {
|
||||
return !(this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
|
||||
|| (this.fixedPrice && parseFloat(this.fixedPrice) > 0 && this.fixedPriceType) || this.supplierId == 500921)
|
||||
},
|
||||
isBasementSettle(){
|
||||
return (this.form?.supplierSettleRatio?.code == 5)
|
||||
},
|
||||
//保险实拖案件，剔除人保和太平事故
|
||||
isCPICDrag() {
|
||||
return this.settleType == '实拖' && !['PICC10101','PICCSHANGQI','PICC101099','SAIPCC2021',''].includes(this.appCode)
|
||||
return this.settleType == '实拖' && this.orderInfo?.contractType == 1 && !['PICC10101', 'PICCSHANGQI', 'PICC101099', 'SAIPCC2021', ''].includes(this.appCode) && !(this.appCode.indexOf("TAIPING") != -1 && this.orderInfo?.malfunctionReason == 2)
|
||||
},
|
||||
isBasement() {
|
||||
return this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
validateIntegerInput(event) {
|
||||
const regex = /^\d*$/;
|
||||
if (!regex.test(event.target.value)) {
|
||||
event.target.value = event.target.value.replace(/[^\d]/g, '');
|
||||
}
|
||||
},
|
||||
viewSettlementDoc() {//查看结算单
|
||||
this.$router.push({
|
||||
name: "settlementDetail",
|
||||
@ -453,19 +492,18 @@ export default {
|
||||
})
|
||||
},
|
||||
async compute() {
|
||||
//现金业务置为0
|
||||
// if(this.form.contractSettleTypeString == '车主现收'){
|
||||
// this.form.supplierBasePrice = 0
|
||||
// this.form.supplierExtraPrice = 0
|
||||
// this.form.supplierSettleAmount = 0
|
||||
// } else {
|
||||
if(this.orderInfo.contractSettleTypeString == '车主现收'){
|
||||
this.form.supplierBasePrice = 0
|
||||
this.form.supplierExtraPrice = 0
|
||||
this.form.supplierSettleAmount = 0
|
||||
}else {
|
||||
if (this.form.supplierOtherAmount > 0) {
|
||||
if (this.form.supplierOtherAmountRemark == '') {
|
||||
this.$alert('请填写其他费用说明');
|
||||
return;
|
||||
}
|
||||
}
|
||||
if (!this.basePriceDisabled) {
|
||||
if (!this.basePriceDisabled && !this.isBasementSettle) {
|
||||
//困境的案件，或者一口价案件，基本费用可以输入
|
||||
let dilemmaBasePrice = parseFloat(this.form.supplierBasePrice) || 0
|
||||
this.form.supplierBasePrice = dilemmaBasePrice
|
||||
@ -481,12 +519,23 @@ export default {
|
||||
this.form.supplierSettleAmount = data.data.totalPrice
|
||||
}
|
||||
// }
|
||||
if(this.form.cutInsuranceAmount == 1 && this.form.policyState === 0){
|
||||
/*if(this.form.cutInsuranceAmount == 1 && this.form.policyState === 0){
|
||||
this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) - parseFloat(this.form.policyAmount || 0)).toFixed(2)
|
||||
}*/
|
||||
}
|
||||
if (this.form.policyAmount && this.form.policyAmount > 0) {
|
||||
this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) - parseFloat(this.form.policyAmount || 0)).toFixed(2)
|
||||
}
|
||||
if (this.form.carClothingToolAmount) {
|
||||
this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) + parseFloat(this.form.carClothingToolAmount || 0)).toFixed(2)
|
||||
}
|
||||
if (this.form.replaceBatteryAmount) {
|
||||
this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) - parseFloat(this.form.replaceBatteryAmount || 0)).toFixed(2)
|
||||
}
|
||||
},
|
||||
async pictureList() {
|
||||
let res = await selectRecordPictureList({
|
||||
userOrderId:this.orderInfo.userOrderId,
|
||||
taskOrderCostRecordId: this.id,
|
||||
state: 0,
|
||||
postfix: this.postfix
|
||||
@ -517,10 +566,11 @@ export default {
|
||||
if (res.code === 200) {
|
||||
this.orderInfo = res.data
|
||||
console.log("this.orderInfo", this.orderInfo)
|
||||
this.accountStatus = this.orderInfo.accountStatus?.code
|
||||
|
||||
this.serviceType = this.orderInfo.serviceName
|
||||
this.taskFlowId = this.orderInfo.taskFlowId
|
||||
this.settleType = this.orderInfo.settleType?.label
|
||||
this.accountStatus = this.orderInfo.accountStatus?.code
|
||||
this.appCode = this.orderInfo.appCode
|
||||
this.fixedPrice = this.orderInfo.fixedPrice
|
||||
this.fixedPriceType = this.orderInfo.fixedPriceType
|
||||
@ -535,11 +585,12 @@ export default {
|
||||
leftCopy(this.form, {...res.data})
|
||||
this.auditFormShow = true;//是否显示审核数据
|
||||
}
|
||||
if(this.settleType == '实拖' && this.basePriceDisabled){
|
||||
console.log("this.form",this.form)
|
||||
if (this.settleType == '实拖' && this.basePriceDisabled && !this.isBasementSettle) {
|
||||
this.bcState = true
|
||||
this.form.supplierSettleMileageAb = 0
|
||||
this.form.supplierSettleMileageCa = 0
|
||||
}else if(this.settleType == '单程' && this.basePriceDisabled){
|
||||
} else if (this.settleType == '单程' && this.basePriceDisabled && !this.isBasementSettle) {
|
||||
this.abState = true
|
||||
this.bcState = true
|
||||
this.form.supplierSettleMileageCa = 0
|
||||
@ -547,25 +598,43 @@ export default {
|
||||
this.bcState = false
|
||||
this.form.supplierSettleMileageBc = 0
|
||||
}
|
||||
}else if(this.settleType == '全程' && this.basePriceDisabled){
|
||||
} else if (this.settleType == '全程' && this.basePriceDisabled && !this.isBasementSettle) {
|
||||
this.abState = true
|
||||
this.bcState = true
|
||||
this.caState = true
|
||||
}else if(this.settleType == '全程减半' && this.basePriceDisabled){
|
||||
} else if (this.settleType == '全程减半' && this.basePriceDisabled && !this.isBasementSettle) {
|
||||
this.abState = true
|
||||
this.bcState = true
|
||||
this.caState = true
|
||||
}
|
||||
if (this.form.supplierSettleRatio && this.form.supplierSettleRatio?.code == 5){
|
||||
this.basementFeeState = true
|
||||
this.form.supplierSettleMileageAb = 0
|
||||
this.form.supplierSettleMileageBc = 0
|
||||
this.form.supplierSettleMileageCa = 0
|
||||
this.form.supplierBridgeAmountAb = 0
|
||||
this.form.supplierBridgeAmountBc = 0
|
||||
this.form.supplierBridgeAmountCa = 0
|
||||
this.form.supplierBridgeAmount = 0
|
||||
this.form.supplierDilemmaAmount = 0
|
||||
this.form.supplierOtherAmount = 0
|
||||
this.form.supplierTyreAmount = 0
|
||||
this.form.supplierWaitAmount = 0
|
||||
}else {
|
||||
if (this.orderInfo.refBridgeAmountAB > 0 && !this.isCPICDrag && !this.isBasement) this.bridgeAbState = true
|
||||
if (this.orderInfo.refBridgeAmountBC > 0 && !this.isCPICDrag && !this.isBasement) this.bridgeBcState = true
|
||||
if (this.orderInfo.refBridgeAmountCA > 0 && !this.isCPICDrag && !this.isBasement) this.bridgeCaState = true
|
||||
if (this.orderInfo.refWaitFee > 0) this.waitAmountState = true
|
||||
if (this.orderInfo.refDilemmaFee > 0) this.dilemmaAmountState = true
|
||||
if (this.orderInfo.refTyreNumber > 0 && this.taskFlowId != '1') this.tyreAmountState = true
|
||||
}
|
||||
if (this.orderInfo.refBasementFee > 0 && this.taskFlowId != '1') {
|
||||
this.basementFeeState = true
|
||||
this.form.supplierBasementFee = this.orderInfo.refBasementFee
|
||||
}
|
||||
if (this.form.supplierSettleRatio?.code != 5 && (this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障')){
|
||||
await this.$alert("该案件为困境案件，需确认填写基本费用")
|
||||
}
|
||||
},
|
||||
cancelBtn() {
|
||||
this.goback()
|
||||
@ -610,6 +679,7 @@ export default {
|
||||
this.files.forEach((file) => {
|
||||
formData.append('file', file.file);
|
||||
});
|
||||
formData.append('userOrderId', this.orderInfo.userOrderId);
|
||||
formData.append('state', 0);
|
||||
formData.append('postfix', this.postfix);
|
||||
formData.append('supplierBridgeAmount', parseInt(this.form.supplierBridgeAmountAb || 0) + parseInt(this.form.supplierBridgeAmountBc || 0) + parseInt(this.form.supplierBridgeAmountCa || 0));
|
||||
@ -665,6 +735,7 @@ export default {
|
||||
formData.append('file', file.file);
|
||||
});
|
||||
// formData.append('accountStatus', accountStatus);
|
||||
formData.append('userOrderId', this.orderInfo.userOrderId);
|
||||
formData.append('state', 0);
|
||||
formData.append('postfix', this.postfix);
|
||||
formData.append('supplierBridgeAmount', parseInt(this.form.supplierBridgeAmountAb || 0) + parseInt(this.form.supplierBridgeAmountBc || 0) + parseInt(this.form.supplierBridgeAmountCa || 0));
|
||||
@ -707,6 +778,7 @@ export default {
|
||||
<style scoped lang="scss">
|
||||
@import "@/styles/mixin.scss";
|
||||
@import "@/styles/common.scss";
|
||||
|
||||
.loading, .loading1 {
|
||||
position: relative;
|
||||
}
|
||||
@ -733,46 +805,57 @@ export default {
|
||||
transform: translate(-50%, -50%) rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
@include flexColBet;
|
||||
|
||||
button {
|
||||
@include whLin(152px, 39px);
|
||||
border-radius: 5px;
|
||||
color: #FFFFFF;
|
||||
@include fontWeightSize(bold, 14px)
|
||||
}
|
||||
|
||||
.cancel {
|
||||
background: #9EA7C0;
|
||||
}
|
||||
|
||||
.submit {
|
||||
background-color: #354D93;
|
||||
}
|
||||
}
|
||||
|
||||
.wrap {
|
||||
@include wh(100%, 100%);
|
||||
background-color: #F4F5F7;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.disable {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.supplierdisable {
|
||||
color: #999999;;
|
||||
border: none;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.bgDisable {
|
||||
background: rgba(204, 204, 204, .3);
|
||||
}
|
||||
|
||||
.navBar {
|
||||
margin-bottom: 46px;
|
||||
}
|
||||
|
||||
.title {
|
||||
@include fontWeightSize(bold, 14px);
|
||||
@include colorOpa(#323643, 0.66);
|
||||
}
|
||||
|
||||
.line {
|
||||
@include wh(100%, 2px);
|
||||
opacity: 0.16;
|
||||
@ -780,32 +863,39 @@ export default {
|
||||
margin-top: 7px;
|
||||
border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
|
||||
}
|
||||
|
||||
.item {
|
||||
@include flexCenter;
|
||||
font-size: 12px !important;
|
||||
font-weight: 400 !important;
|
||||
|
||||
.titleLeft {
|
||||
opacity: .5;
|
||||
line-height: 27px;
|
||||
}
|
||||
|
||||
.leftTitle {
|
||||
opacity: .5;
|
||||
@include wh(60px, 189px);
|
||||
}
|
||||
|
||||
.rightContent {
|
||||
height: 189px;
|
||||
width: calc(100% - 60px);
|
||||
}
|
||||
|
||||
.fontColor {
|
||||
@include fontWeightSize(400, 12px);
|
||||
color: #000000;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.rightContent {
|
||||
width: calc(100% - 90px);
|
||||
@include fontWeightSize(bold, 12px);
|
||||
|
||||
}
|
||||
|
||||
.driverPoiBtn {
|
||||
display: inline-block;
|
||||
padding: 3px 8px;
|
||||
@ -817,47 +907,58 @@ export default {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
@include wh(35px, 15px);
|
||||
margin-left: 21px;
|
||||
}
|
||||
|
||||
.common {
|
||||
background-color: #FFFFFF;
|
||||
padding: 11px 24px 14px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.baseInfo {
|
||||
@include wh(100%,286px);
|
||||
@include wh(100%, 344px);
|
||||
|
||||
}
|
||||
|
||||
.supplierData {
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
|
||||
.inpInfo {
|
||||
margin: 0 5px;
|
||||
color: #323643;
|
||||
line-height: 32px;
|
||||
|
||||
input {
|
||||
border: none;
|
||||
text-align: right;
|
||||
padding-right: 3px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.titleContent {
|
||||
@include fontWeightSize(bold, 13px);
|
||||
}
|
||||
|
||||
.flex-between {
|
||||
width: 100%;
|
||||
@include flexBetCen
|
||||
}
|
||||
|
||||
.halfOpcity {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.inputContent {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.btnComputed {
|
||||
width: 48px;
|
||||
@include all-height(18px);
|
||||
@ -865,6 +966,7 @@ img{
|
||||
@include bgFontColor(#FFFFFF, #354D93);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.multipleTxt {
|
||||
@include wh(100%, 87px);
|
||||
background: #FAFAFA;
|
||||
@ -872,67 +974,81 @@ img{
|
||||
border: 1px solid #E6E6E6;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
.dataType {
|
||||
padding: 0 8px;
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px;
|
||||
border: 1px solid #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.alignLeft {
|
||||
text-align: left !important;
|
||||
opacity: 1 !important;
|
||||
|
||||
.reason {
|
||||
@include fontWeightSize(400, 11px);
|
||||
@include colorOpa(#FF8F37, 1);
|
||||
//color: #FF8F37;
|
||||
//opacity: 1 !important;
|
||||
}
|
||||
|
||||
.camerImg {
|
||||
@include widHeiMar(54px, 42px, 5px);
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.supplierImg {
|
||||
@include widHeiMar(54px, 42px, 8px);
|
||||
margin-top: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.title {
|
||||
@include fontWeightSize(400, 11px);
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
.col1 {
|
||||
width: 41%;
|
||||
background-color: #E9E9EA;
|
||||
@include fontWeightSize(400, 12px);
|
||||
opacity: 0.55;
|
||||
}
|
||||
|
||||
.col2 {
|
||||
width: 58%;
|
||||
background-color: #EAEFF6;
|
||||
@include fontWeightSize(400, 12px);
|
||||
color: #0434D0;
|
||||
|
||||
input {
|
||||
width: 72px;
|
||||
border: none;
|
||||
background-color: #EAEFF6;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input::placeholder {
|
||||
color: #0434D0; /* 设置提示内容文字颜色 */
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.btnCom {
|
||||
border: none;
|
||||
padding: 4px 7px;
|
||||
@ -945,25 +1061,31 @@ img{
|
||||
color: #FFFFFF;
|
||||
@include fontWeightSize(bold, 12px)
|
||||
}
|
||||
|
||||
.checkData, .supplierShuju {
|
||||
color: #323643;
|
||||
}
|
||||
|
||||
.checkData {
|
||||
border-top-left-radius: 3px;
|
||||
opacity: 0.66;
|
||||
}
|
||||
|
||||
.supplierShuju {
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
.halfOpc {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
.twoBtn {
|
||||
margin-top: 28px;
|
||||
margin-bottom: 30px;
|
||||
@include flexColBet;
|
||||
@include sizingPadding(0, 15px);
|
||||
|
||||
button {
|
||||
@include whLin(152px, 39px);
|
||||
@include fontWeightSize(bold, 14px);
|
||||
@ -971,11 +1093,13 @@ img{
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: 31px;
|
||||
margin-bottom: 31px;
|
||||
@include flexColAround;
|
||||
box-sizing: border-box;
|
||||
|
||||
button {
|
||||
line-height: 39px;
|
||||
border-radius: 5px;
|
||||
@ -984,6 +1108,7 @@ img{
|
||||
@include fontWeightSize(bold, 14px);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.submit {
|
||||
background: #354D93;
|
||||
}
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
@click-left="goback"
|
||||
/>
|
||||
</div>
|
||||
<div class="baseInfo common">
|
||||
<div class="baseInfo common" style="height: 344px">
|
||||
<div class="title">基本信息:</div>
|
||||
<div class="line"></div>
|
||||
<div class="item">
|
||||
@ -47,9 +47,16 @@
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="titleLeft">扣除责任险费：</span>
|
||||
<span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount}}</span>
|
||||
<span class="content">{{orderInfo.policyAmount}}</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="titleLeft">车衣费用：</span>
|
||||
<span class="content">{{orderInfo.carClothingToolAmount}}</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="titleLeft">换电瓶费用：</span>
|
||||
<span class="content">{{orderInfo.replaceBatteryAmount}}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="baseInfo common">
|
||||
<div class="title">审核数据:</div>
|
||||
|
||||
Reference in New Issue
Block a user