52 Commits

Author SHA1 Message Date
58f1f5033d VConsole去除 2026-01-04 17:41:09 +08:00
c8400442a5 微信号更改添加判断 2026-01-04 16:37:05 +08:00
6dbb1377be 确认已添加接口返回null时不做任何处理 2026-01-04 16:01:58 +08:00
847fdc48c6 确认已添加接口返回null时不做任何处理 2026-01-04 15:53:21 +08:00
234853b603 vConsole添加 2026-01-04 15:45:56 +08:00
91b3c069ad 下载app接口替换 2025-12-30 10:41:46 +08:00
0732fdcb8e 人员确认添加二次弹框 2025-12-29 19:04:58 +08:00
64b2099c8b 调度h5的连接下载 2025-12-29 17:45:44 +08:00
ac08b52038 确认信息无误提示语更改 2025-12-29 13:17:10 +08:00
ebfb553829 VConsole去除 2025-12-29 13:12:22 +08:00
77335a1850 确认信息无误添加必填项判断 2025-12-29 13:11:15 +08:00
159ce0fbde 跳转app路径更换 2025-12-28 13:01:48 +08:00
1cc79ba5f5 h5链接替换 2025-12-28 12:04:21 +08:00
c3bdcc8251 样式兼容 2025-12-26 14:12:57 +08:00
78bfd97e0c h5立即打开修改(下方文字修改) 2025-12-26 14:05:36 +08:00
ca5bb1520b h5立即打开修改 2025-12-26 13:52:41 +08:00
cf6d94d54f kpi修改 2025-12-26 13:43:19 +08:00
5845ae76da h5分享链接 2025-12-26 13:43:19 +08:00
0d2082ebaf CRM_25-12-23#story#7473,服务商系统、微信号的输入框只读 2025-12-24 10:21:31 +08:00
0208136ac4 车辆审批需求,责任险可查看 2025-12-23 10:53:47 +08:00
a2907a9fd1 车辆审批需求,责任险可查看 2025-12-23 10:37:39 +08:00
c7a1d95346 车辆审批需求,责任险可查看,保存时添加车辆状态字段 2025-12-23 10:23:52 +08:00
911bf1f5e0 车辆审批需求,车辆新增一个车辆状态为‘ 否-服务商停用’ 2025-12-23 09:21:01 +08:00
a3fd0d6f46 CRM_25-12-23#story#7473,服务商系统,添加是否是主账号判断 2025-12-22 19:51:08 +08:00
6fe09d9674 CRM_25-12-23#story#7473,服务商系统,添加是否是主账号判断 2025-12-22 19:47:44 +08:00
44552c5d35 CRM_25-12-23#story#7473,服务商系统,添加是否是主账号判断 2025-12-22 19:44:35 +08:00
75b727d8b2 车辆审批需求,去除比较提交审批接口,使用原本保存接口,新增canSubmitApproval字段,默认true 2025-12-22 17:19:54 +08:00
4eb791c9c6 CRM_25-12-23#story#7473,服务商系统、调度APP新增服务商人员确认的功能 2025-12-22 13:08:25 +08:00
44e1af7262 CRM_25-12-23#story#7473,服务商系统、调度APP新增服务商人员确认的功能 2025-12-22 13:08:10 +08:00
e0f90ca3b2 VConsole日志添加 2025-12-22 10:02:27 +08:00
7e73da59eb CRM_25-12-23#story#7473,服务商系统、调度APP新增服务商人员确认的功能 2025-12-19 14:16:12 +08:00
361f7f16f8 车辆审批提交,去除备注填写,直接走接口 2025-12-18 18:04:58 +08:00
4734f236cf 车辆审批提交,去除备注填写,直接走接口 2025-12-18 17:33:49 +08:00
89cf401882 CRM_25-12-23#story#7473,服务商系统、调度APP新增服务商人员确认 2025-12-18 14:15:04 +08:00
0fc9be28d1 CRM_25-12-23#story#7473,服务商系统、调度APP新增服务商人员确认 2025-12-17 21:53:36 +08:00
1a567dee57 CRM_25-12-09#story#7474,服务商师傅和车辆修改的审批 2025-12-17 16:19:24 +08:00
ecb87e5bc9 CRM_25-12-23#story#7473,服务商系统、调度APP新增服务商人员确认的功能 2025-12-17 16:19:02 +08:00
193e9c8006 kpi修改 2025-12-17 15:55:56 +08:00
94376c91b8 调度h5续保更新条件修改 2025-12-17 15:55:56 +08:00
23984e78ec CRM_25-12-23#story#7473,服务商系统、调度APP新增服务商人员确认的功能 2025-12-17 11:37:59 +08:00
1f2af86b96 去除VConsole 2025-12-16 13:16:06 +08:00
2c344eb2f5 车辆提交审批 2025-12-16 09:23:31 +08:00
552b56d5da CRM_25-12-23#story#7473,服务商系统、调度APP新增服务商人员确认的功能 2025-12-15 13:07:55 +08:00
f9acd76fcf 报备样式修改 2025-12-12 11:40:04 +08:00
b5f30b4c77 CRM_25-12-16#story#7744,调度APP报备调整 2025-12-11 09:54:24 +08:00
b9830e80eb 潜在服务商修改 2025-12-08 13:45:22 +08:00
5bc7c6b1e3 CRM_25-12-09#story#7474,服务商师傅和车辆修改的审批--曹智龙 2025-12-08 10:11:26 +08:00
5a56d4fe1c CRM_25-12-09#story#7474,服务商师傅和车辆修改的审批--曹智龙 2025-12-08 09:57:01 +08:00
f7f9bb7fd0 换UI修改 2025-12-05 11:17:45 +08:00
05ac89814c 遗漏 2025-12-04 13:57:27 +08:00
d178be1acd CRM_25-12-09#story#7686,调度APP中救援责任险参保咨询问题优化 2025-12-04 11:38:34 +08:00
f0576476e9 CRM_25-12-09#story#7697,调度APP的车辆录入功能的漏洞 2025-12-04 11:38:34 +08:00
19 changed files with 1002 additions and 31 deletions

View File

@@ -69,4 +69,52 @@ export function driverRealName( data) {
method:'POST', method:'POST',
contentType: 'application/json' contentType: 'application/json'
}) })
}
//获取需要确认的人员信息列表
export function getConfirmPerson(key){
return request({
url: '/supplierAppV2/dispatchApp/wechat/getNeedConfirmPersonInfo',
method:'GET',
params: key
})
}
//微信相关 获取联系我 二维码
export function getQrCode(key){
return request({
url: '/supplierAppV2/dispatchApp/wechat/getQrCode',
method:'GET',
params: key
})
}
//获取服务商的确认状态
export function getConfirmStatus(key){
return request({
url: '/supplierAppV2/dispatchApp/wechat/getSupplier',
method:'GET',
params: key
})
}
//确认已添加微信按钮
export function confirmAddWechat(key){
return request({
url: '/supplierAppV2/dispatchApp/wechat/confirmAddWechat',
method:'GET',
params: key
})
}
//确认无误
export function confirm(key){
return request({
url: '/supplierAppV2/dispatchApp/wechat/confirm',
method:'GET',
params: key
})
}
//提交审批
export function submitConfirm( data) {
return request('/supplierAppV2/dispatchApp/wechat/submitConfirm', {
data: data,
method:'POST',
contentType: 'application/json'
})
} }

View File

@@ -18,6 +18,15 @@ export function saveVehicle(data){
data data
}) })
} }
//提交审批车辆信息
export function saveSupplierApproval(data){
return request({
url:'/supplier/approval/saveSupplierDriverVehicleApproval',
method:'POST',
contentType:'application/json',
data
})
}
/*车辆更改状态 /supplierAppV2/dispatchApp/user/enableVehicle*/ /*车辆更改状态 /supplierAppV2/dispatchApp/user/enableVehicle*/
export function enableVehicle(data){ export function enableVehicle(data){
return request({ return request({

View File

@@ -159,3 +159,12 @@ export function getConfigByCode(data){
data data
}) })
} }
//获取最新版本
export function getNewVersion(key){
return request({
url: '/driverApp/app/updateVersion',
method:'GET',
params: key
})
}

BIN
src/assets/greTip.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 868 B

BIN
src/assets/toAppBg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 643 KiB

BIN
src/assets/yelTip.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 870 B

View File

@@ -39,5 +39,13 @@ const authenticationRouter = [
title: '银行卡信息认证', title: '银行卡信息认证',
} }
}, },
{
path: '/personList',
name: 'personList',
component: () => import('@/views/mine/personList.vue'),
meta:{
title: '人员信息',
}
},
] ]
export default authenticationRouter export default authenticationRouter

View File

@@ -324,6 +324,14 @@ const routes = [
title:'电瓶详情' title:'电瓶详情'
} }
}, },
{
path: '/goToApp',
name: 'goToApp',
component:()=>import('@/views/goToApp/goToApp.vue'),
meta: {
title:'电瓶详情'
}
},
...kpiRouter, ...kpiRouter,
...invoiceRouter, ...invoiceRouter,
...secondHandRouter, ...secondHandRouter,

View File

@@ -48,6 +48,7 @@ service.interceptors.request.use(
service.interceptors.response.use( service.interceptors.response.use(
response => { response => {
console.log('response', response.data)
const res = response.data const res = response.data
if ( res.code === 401 || res.code === 400 || res.code == 500) { if ( res.code === 401 || res.code === 400 || res.code == 500) {
Toast(res.msg || 'Error') Toast(res.msg || 'Error')

View File

@@ -94,6 +94,7 @@ export const myMixins = {
isWebFunc(){ isWebFunc(){
let res=false let res=false
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
console.log('isMobile',isMobile)
if (!isMobile) {// 是移动端不变 if (!isMobile) {// 是移动端不变
res=true res=true
} }

View File

@@ -0,0 +1,73 @@
<template>
<div class="wrap">
<div class="content">
<div class="goToBtn" @click="goAppHandler">立即打开</div>
<div class="content_tip">
<div class="font_cls">如未安装请点击下载</div>
<div class="font_cls">如已安装未自动跳转 <span @click="downLoadHandler">立即下载</span></div>
</div>
</div>
</div>
</template>
<script>
import { getNewVersion } from "@/api/order"
export default {
name: "goToApp",
methods: {
goAppHandler() {
window.location.href = "rvdriver://page/pagesLogin/phoneLogin?source=h5Link";
},
async downLoadHandler() {
getNewVersion({
appType: 5
}).then((res) => {
window.location.href = res?.result?.path
}).catch(() => {
this.$message.error('请求版本失败,请重试');
});
}
}
}
</script>
<style lang="scss" scoped>
.wrap {
width: 100%;
height: 100vh;
background-image: url('@/assets/toAppBg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.content {
width: 100%;
position: fixed;
top: 74vh;
}
.goToBtn {
width: 70%;
height: 45px;
margin-left: 15%;
background: linear-gradient( 270deg, #2347C0 0%, #72A3FF 100%);
border-radius: 23px;
//font-weight: bold;
font-size: 17px;
color: #FFFFFF;
letter-spacing: 2px;
line-height: 45px;
text-align: center;
}
.content_tip {
width: 100%;
margin-top: 15px;
.font_cls {
font-size: 14px;
color: #808080;
line-height: 20px;
text-align: center;
span {
color: #007BE9;
}
}
}
</style>

View File

@@ -286,10 +286,14 @@
message: "操作成功" message: "操作成功"
}).then(async () => { }).then(async () => {
this.goPage('supplierAddResult', { id : res?.data }) this.goPage('supplierAddResult', { id : res?.data })
this.clickFlag = true setTimeout(() => {
this.clickFlag = true
}, 1000)
}); });
} finally { } finally {
this.clickFlag = true setTimeout(() => {
this.clickFlag = true
}, 1000)
} }
} }
}, },

View File

@@ -11,7 +11,7 @@
@click-left="h5GoBack" @click-left="h5GoBack"
/> />
</div> </div>
<div class="addContentWrap"> <div class="addContentWrap">
<div class="itemContent"> <div class="itemContent">
<div class="titleType"> <div class="titleType">
<img class="startImg" src="@/assets/start.png" /> <img class="startImg" src="@/assets/start.png" />
@@ -20,6 +20,7 @@
<van-uploader <van-uploader
v-model="vehicleLicenseFrontList" v-model="vehicleLicenseFrontList"
:after-read="vehicleLicenseFrontHandler" :after-read="vehicleLicenseFrontHandler"
@oversize="onOversize"
:max-size="5 * 1024 * 1024" :max-size="5 * 1024 * 1024"
max-count="1" max-count="1"
:preview-size="54" :preview-size="54"
@@ -34,6 +35,7 @@
<van-uploader <van-uploader
v-model="vehicleLicenseBackList" v-model="vehicleLicenseBackList"
:after-read="vehicleLicenseBackHandler" :after-read="vehicleLicenseBackHandler"
@oversize="onOversize"
:max-size="5 * 1024 * 1024" :max-size="5 * 1024 * 1024"
max-count="1" max-count="1"
:preview-size="54" :preview-size="54"
@@ -48,6 +50,7 @@
<van-uploader <van-uploader
v-model="vehicleLicenseCarPhotoList" v-model="vehicleLicenseCarPhotoList"
:after-read="vehicleLicenseCarHandler" :after-read="vehicleLicenseCarHandler"
@oversize="onOversize"
:max-size="5 * 1024 * 1024" :max-size="5 * 1024 * 1024"
max-count="1" max-count="1"
:preview-size="54" :preview-size="54"
@@ -62,6 +65,8 @@
<van-uploader <van-uploader
v-model="vehicleFrontPhotoList" v-model="vehicleFrontPhotoList"
:after-read="vehicleFrontPhotoHandler" :after-read="vehicleFrontPhotoHandler"
@oversize="onOversize"
:max-size="5 * 1024 * 1024"
max-count="1" max-count="1"
:preview-size="54" :preview-size="54"
accept="image " accept="image "
@@ -193,7 +198,7 @@
</div> </div>
<div class="isJoin"> <div class="isJoin">
<van-radio-group v-model="vehicleStatus" :class="{ 'disabled-tree': vehicleInfoDisabled }" :disabled="vehicleInfoDisabled" @change="isVehicleChange" class="joinWrap"> <van-radio-group v-model="vehicleStatus" :class="{ 'disabled-tree': vehicleInfoDisabled }" :disabled="vehicleInfoDisabled" @change="isVehicleChange" class="joinWrap">
<van-radio :name="1" style="margin-right: 26px"> <van-radio :name="1" style="margin-right: 14px">
启用 启用
<img <img
slot="icon" slot="icon"
@@ -201,7 +206,7 @@
:src="props.checked ? activeIcon : inactiveIcon" :src="props.checked ? activeIcon : inactiveIcon"
> >
</van-radio> </van-radio>
<van-radio :name="2"> <van-radio :name="2" style="margin-right: 14px">
停用 停用
<img <img
slot="icon" slot="icon"
@@ -209,6 +214,14 @@
:src="props.checked ? activeIcon : inactiveIcon" :src="props.checked ? activeIcon : inactiveIcon"
> >
</van-radio> </van-radio>
<van-radio :name="12" disabled>
-服务商停用
<img
slot="icon"
slot-scope="props"
:src="props.checked ? activeIcon : inactiveIcon"
>
</van-radio>
</van-radio-group> </van-radio-group>
</div> </div>
</div> </div>
@@ -238,7 +251,7 @@
</van-radio-group> </van-radio-group>
</div> </div>
</div> </div>
<div class="item_content_btn"> <div class="item_content_btn" v-if="[2,3].includes(this.liabilityInsuranceAudit)">
<span @click="goContinueInsurance">续保更新</span> <span @click="goContinueInsurance">续保更新</span>
</div> </div>
<span style="color: red">如有投保未投保选不必上传交强险或者商业险等其他保单</span> <span style="color: red">如有投保未投保选不必上传交强险或者商业险等其他保单</span>
@@ -256,6 +269,7 @@
:deletable="!disabledShow" :deletable="!disabledShow"
max-count="1" max-count="1"
:preview-size="54" :preview-size="54"
@click-preview="clickPreview"
/> />
</div> </div>
<div class="lineBot"></div> <div class="lineBot"></div>
@@ -333,7 +347,30 @@
<two-common-btn class="btn" @cancelClick="h5GoBack" @submitClick="submitBtn" /> <two-common-btn class="btn" @cancelClick="h5GoBack" @submitClick="submitBtn" />
<van-calendar v-model="showDatePicker" :min-date="minDate" <van-calendar v-model="showDatePicker" :min-date="minDate"
:max-date="maxDate" type="range" @confirm="onConfirm" /> :max-date="maxDate" type="range" @confirm="onConfirm" />
</div> </div>
<van-popup ref="success" v-model="approvalDialogShow">
<div class="pop_wrap">
<div class="pop_title">车辆提交审批</div>
<div class="pop_content">
<div class="iptWrap" v-if="vehicleInfoChange">
<div>车辆和服务备注</div>
<el-input placeholder="请输入车辆和服务备注" type="textarea" show-word-limit maxlength="200"
v-model="approvalForm.serviceRemark"></el-input>
</div>
<div class="iptWrap" v-if="insuranceChange">
<div>保单备注</div>
<el-input placeholder="请输入保单备注" type="textarea" show-word-limit maxlength="200"
v-model="approvalForm.insuranceRemark"></el-input>
</div>
</div>
<div class="tip_button_wrap">
<div class="continue close" @click="closeApproval">取消</div>
<div class="continue" :class="{'loading': loading}" @click="submitApprovalHandle">提交审批</div>
</div>
</div>
</van-popup>
</div> </div>
</template> </template>
@@ -342,7 +379,8 @@
import {Dialog} from "vant"; import {Dialog} from "vant";
import {formatDate1} from "@/utils/common" import {formatDate1} from "@/utils/common"
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree, uploadImage, ocrHandler, userOperationPermissions} from "@/api/mine" import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree, uploadImage, ocrHandler,
userOperationPermissions,saveSupplierApproval} from "@/api/mine"
import TwoCommonBtn from "@/components/twoBtnCommon.vue" import TwoCommonBtn from "@/components/twoBtnCommon.vue"
import CellGroup from "@/components/cellGroup.vue"; import CellGroup from "@/components/cellGroup.vue";
export default { export default {
@@ -373,6 +411,7 @@ export default {
typeList:[],//车辆类型列表 typeList:[],//车辆类型列表
selectedOption:[],//车辆类型 selectedOption:[],//车辆类型
id:'',//车辆Id id:'',//车辆Id
supplierId:'',//服务商Id
serviceIds:[],//车辆服务种类, serviceIds:[],//车辆服务种类,
supplierServiceList:[], supplierServiceList:[],
oldSupplierServiceList:[], oldSupplierServiceList:[],
@@ -500,7 +539,25 @@ export default {
}, { }, {
name: '其他', name: '其他',
value: 14 value: 14
}] }],
approvalForm:{
type:2,
supplierId:'',
vehicleId:'',
serviceChange:null,
serviceRemark:'',
insuranceChange:null,
insuranceRemark:'',
vehicleOtherChange:null,
vehicleOtherRemark:'',
},
originData:{},//记录更改之前的数据
changedFields: [], // 用于存储变更过的字段
approvalDialogShow:false,
vehicleInfoChange:false,
insuranceChange:false,
loading: false,
} }
}, },
computed: { computed: {
@@ -548,13 +605,25 @@ export default {
this.setDefault(); this.setDefault();
}, },
}, },
async mounted() { async mounted() {
this.id=this.$route.params?.id this.id=this.$route.params?.id
this.approvalForm.supplierId=this.$route.params?.supplierId
await this.getSupplierServiceTree(); await this.getSupplierServiceTree();
await this.getTypeList(); await this.getTypeList();
if( this.id){ if( this.id){
await this.vehicleInfo() await this.vehicleInfo()
}else{
this.originData={
vehicleType:'',
vehicleStatus:'',
virtualVehicle:'',
serviceIds:[],
hasLiabilityInsurance:'',
insuranceCorp:'',
liabilityInsuranceStartTime:'',
liabilityInsuranceEndTime:'',
insurancePicturePhoto:''
}
} }
}, },
methods:{ methods:{
@@ -587,6 +656,10 @@ export default {
const [start, end] = date; const [start, end] = date;
this.showDatePicker = false; this.showDatePicker = false;
this.dateVal = `${this.formatDate(start)} - ${this.formatDate(end)}`; this.dateVal = `${this.formatDate(start)} - ${this.formatDate(end)}`;
console.log('this.dateVal',this.dateVal)
let timeObj = this.formatDateTimeRange(this.dateVal)
console.log('timeObj',timeObj)
}, },
formatDateTimeRange(str) { formatDateTimeRange(str) {
const [startStr, endStr] = str.split(' - ').map(s => s.trim()); const [startStr, endStr] = str.split(' - ').map(s => s.trim());
@@ -637,6 +710,9 @@ export default {
this.vehicleLicense = 5 this.vehicleLicense = 5
} }
}, },
onOversize() {
this.$toast(`文件大小不能超过5M`)
},
async vehicleLicenseFrontHandler(file) { // 上传 行驶证首页 async vehicleLicenseFrontHandler(file) { // 上传 行驶证首页
const formData = new FormData(); const formData = new FormData();
formData.append("file" , file.file); formData.append("file" , file.file);
@@ -665,11 +741,19 @@ export default {
this.vehicleFrontPhoto = res.data; this.vehicleFrontPhoto = res.data;
await this.ocrCarFrontHandler() await this.ocrCarFrontHandler()
}, },
clickPreview(){
console.log(' this.insurancePicturePhoto', this.insurancePicturePhoto)
if(this.insurancePicturePhoto && this.insurancePicturePhoto.indexOf('.pdf') !== -1){
let url=this.insurancePicturePhoto?.split(',')[0]
window.open(url.replace("http://", "https://"))
}
},
async insurancePictureFilesHandler(file) { async insurancePictureFilesHandler(file) {
const formData = new FormData(); const formData = new FormData();
formData.append("file" , file.file); formData.append("file" , file.file);
let res = await uploadImage(formData); let res = await uploadImage(formData);
this.insurancePicturePhoto = res.data; this.insurancePicturePhoto = res.data;
console.log('insurancePictureFilesHandler',this.insurancePictureFiles)
}, },
async ocrCarFrontHandler() { // 车辆正面 orc 识别 async ocrCarFrontHandler() { // 车辆正面 orc 识别
let res = await ocrHandler({ let res = await ocrHandler({
@@ -736,6 +820,8 @@ export default {
this.vehicleLicenseInfo.overallDimension = ''; this.vehicleLicenseInfo.overallDimension = '';
this.vehicleLicenseInfo.tractionWeight = ''; this.vehicleLicenseInfo.tractionWeight = '';
this.vehicleLicenseInfo.backPlateNo = ''; // 行驶证副页 车牌号,仅用来判断 ocr 识别是否成功 this.vehicleLicenseInfo.backPlateNo = ''; // 行驶证副页 车牌号,仅用来判断 ocr 识别是否成功
this.vehicleLicenseInfo.energySign = '';
this.vehicleLicenseInfo.marks = ''
let res = await ocrHandler({ let res = await ocrHandler({
ocrType: 3, ocrType: 3,
imageUrl: this.vehicleLicenseBack, imageUrl: this.vehicleLicenseBack,
@@ -751,6 +837,8 @@ export default {
this.vehicleLicenseInfo.overallDimension = backInfo?.externalSize; this.vehicleLicenseInfo.overallDimension = backInfo?.externalSize;
this.vehicleLicenseInfo.tractionWeight = backInfo?.TotalQuasiMass; this.vehicleLicenseInfo.tractionWeight = backInfo?.TotalQuasiMass;
this.vehicleLicenseInfo.backPlateNo = backInfo?.plateNo; this.vehicleLicenseInfo.backPlateNo = backInfo?.plateNo;
this.vehicleLicenseInfo.energySign = backInfo?.fuelType;
this.vehicleLicenseInfo.marks = backInfo?.marks
} }
console.log('this.vehicle', this.vehicleLicenseInfo) console.log('this.vehicle', this.vehicleLicenseInfo)
}, },
@@ -793,6 +881,7 @@ export default {
let result=res.data; let result=res.data;
console.log("result",result) console.log("result",result)
this.id=result.vehicleId this.id=result.vehicleId
this.approvalForm.vehicleId=this.id
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?.split(',').map((item)=>{
@@ -814,8 +903,9 @@ export default {
this.insuranceCorp = result.insuranceCorp; this.insuranceCorp = result.insuranceCorp;
this.liabilityInsuranceAudit = result.liabilityInsuranceAudit this.liabilityInsuranceAudit = result.liabilityInsuranceAudit
if(this.insurancePicturePhoto) { if(this.insurancePicturePhoto) {
this.insurancePictureFiles = [{url: this.insurancePicturePhoto}] this.insurancePictureFiles = [{url: this.insurancePicturePhoto?.split(',')[0]}]
} }
console.log('this.insurancePictureFiles',this.insurancePictureFiles)
if( this.vehicleLicenseFront ) { if( this.vehicleLicenseFront ) {
this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }]; this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
} }
@@ -834,6 +924,17 @@ export default {
if( result.liabilityInsuranceEndTime && result.liabilityInsuranceStartTime ) { if( result.liabilityInsuranceEndTime && result.liabilityInsuranceStartTime ) {
this.dateVal = formatDate1(result.liabilityInsuranceStartTime) + ' - ' + formatDate1(result.liabilityInsuranceEndTime) this.dateVal = formatDate1(result.liabilityInsuranceStartTime) + ' - ' + formatDate1(result.liabilityInsuranceEndTime)
} }
this.originData={
vehicleType:result.vehicleType,
vehicleStatus:result.vehicleStatus,
virtualVehicle:result.virtualVehicle,
serviceIds:result.serviceIds,
hasLiabilityInsurance:result.hasLiabilityInsurance,
insuranceCorp:result.insuranceCorp,
liabilityInsuranceStartTime:result.liabilityInsuranceStartTime,
liabilityInsuranceEndTime:result.liabilityInsuranceEndTime,
insurancePicturePhoto:result.insurancePicturePhoto
}
}, },
isChange(e){ isChange(e){
this.hasLiabilityInsurance=e this.hasLiabilityInsurance=e
@@ -851,11 +952,192 @@ export default {
isVehicleChange(e) { isVehicleChange(e) {
this.vehicleStatus=e this.vehicleStatus=e
}, },
async submitBtn(){ async submitAuditHandle(){//提交审核
if( !this.vehicleLicenseFront ) { let urls=[]
this.$toast('行驶证主页照片不能为空') this.insurancePictureFiles?.forEach(item => urls.push(item.url))
let time =this.dateVal ? this.formatDateTimeRange(this.dateVal) : ''
// let time1=time.endTime?.split(' ')
let newFormValue={
vehicleStatus:this.vehicleStatus,
virtualVehicle:this.virtualVehicle,
serviceIds:this.$refs.tree.getCheckedKeys(true) || [],
vehicleType:this.selectedOption?.join(',') || '',
hasLiabilityInsurance:this.hasLiabilityInsurance,
insuranceCorp:this.insuranceCorp,
insurancePicturePhoto:urls?.join(','),
// liabilityInsuranceStartTime:time.startTime ? time.startTime : '',
liabilityInsuranceEndTime:time.endTime ? time.endTime : '',
}
console.log('newFormValue',newFormValue)
let oldFormValue={...this.originData,}
console.log('oldFormValue',oldFormValue)
this.compareObjects(newFormValue,oldFormValue);
if( this.changedFields && this.changedFields.length>0){
const arr1Set = new Set(this.changedFields);
const change1=['vehicleStatus','virtualVehicle','vehicleType','serviceIds']
const change2=['hasLiabilityInsurance','insurancePicturePhoto','insuranceCorp','liabilityInsuranceStartTime','liabilityInsuranceEndTime']
const serviceChangeItems = change1.filter(item => arr1Set.has(item));
console.log('serviceChangeItems',serviceChangeItems)
if(serviceChangeItems?.length>0){
this.vehicleInfoChange=true
this.approvalForm.serviceChange={}
change1.forEach(key => {
this.approvalForm.serviceChange[key] = this[key];
if(key=='serviceIds'){
this.approvalForm.serviceChange[key]=this.$refs.tree.getCheckedKeys(true)
}
if(key=='vehicleType'){
this.approvalForm.serviceChange[key]=this.selectedOption?.join(',') || ''
}
});
}else {
this.vehicleInfoChange=false
this.approvalForm.serviceChange=null
}
const insuranceChangeItems = change2.filter(item => arr1Set.has(item));
console.log('insuranceChangeItems',insuranceChangeItems)
if(insuranceChangeItems?.length>0){
this.insuranceChange=true
this.approvalForm.insuranceChange={}
change2.forEach(key => {
this.approvalForm.insuranceChange[key] =this[key];
let time =this.dateVal ? this.formatDateTimeRange(this.dateVal) : ''
if(key=='liabilityInsuranceStartTime' && time && time.startTime){
this.approvalForm.insuranceChange[key]=time.startTime
}
if(key=='liabilityInsuranceEndTime' && time && time.endTime){
// let time1=time.endTime?.split(' ')
this.approvalForm.insuranceChange[key]= time.endTime
}
if(key=='insurancePicturePhoto' && this.insurancePictureFiles?.length>0){
let urls=[]
this.insurancePictureFiles?.forEach(item => urls.push(item.url))
this.approvalForm.insuranceChange[key]=urls?.join(',')
}
});
}else {
this.insuranceChange=false
this.approvalForm.insuranceChange=null
}
}
if((this.vehicleInfoChange || this.insuranceChange) && this.id){
// this.approvalDialogShow=true
this.submitApprovalHandle()
console.log('11111',this.approvalForm.serviceChange)
console.log('2222',this.approvalForm.insuranceChange)
}else {
this.approvalDialogShow=false
await this.submitBtn();
}
},
async submitApprovalHandle(){//提交审批-走接口
if(this.vehicleInfoChange){
if(!(this.selectedOption.length > 0)){
this.$toast('车辆类别不能为空')
return return
} }
let res = this.checkDisabledItems();
if(!res) {
return false
}
if( !this.virtualVehicle ) {
this.$toast('车辆属性不能为空')
return
}
if( !this.vehicleStatus ) {
this.$toast('车辆状态不能为空')
return
}
/* if(!this.approvalForm.serviceRemark){
this.$toast('车辆和服务备注不能为空')
return
}*/
}
if(this.insuranceChange){
if(this.hasLiabilityInsurance === null || this.hasLiabilityInsurance === undefined || this.hasLiabilityInsurance === '') { // 有职业责任险,就需要有保单照片
this.$toast('救援职业责任险不能为空')
return
}
if(!this.insurancePicturePhoto && this.hasLiabilityInsurance == 1) { // 有职业责任险,就需要有保单照片
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));
}
if(!this.insuranceCorp && this.hasLiabilityInsurance == 1) { // 有职业责任险,就需要有保单照片
this.$toast('承保保司不能为空')
return
}
if(!this.dateVal && this.hasLiabilityInsurance == 1) { // 有职业责任险,就需要有保单照片
this.$toast('保单有效期不能为空')
return
}
/* if(!this.approvalForm.insuranceRemark){
this.$toast('保单备注不能为空')
return
}*/
}
try {
this.loading = true;
await saveSupplierApproval({...this.approvalForm})
} finally {
this.loading = false;
}
this.$toast('提交审批成功')
this.closeApproval()
setTimeout(()=>{
this.$router.back();
},2000)
},
compareObjects(newObj, oldObj) {
this.changedFields=[]
for (let key in newObj) {
if( Array.isArray(newObj[key])){
if(newObj[key]?.length != oldObj[key]?.length){
this.changedFields.push(key);
}else {
// console.log('newObj[key]',newObj[key])
if(newObj[key][0]?.id){
let flag=newObj[key].every((item, index) => item.id == oldObj[key][index]?.id);
// console.log('flag',flag)
if(!flag){
this.changedFields.push(key);
}
}else{
let flag=newObj[key].every((value, index) => value == oldObj[key][index]);
if(!flag){
this.changedFields.push(key);
}
}
}
}else{
let isEqual = (
(newObj[key] == null && oldObj[key] == 0) ||
(newObj[key] == 0 && oldObj[key] == null) ||
(newObj[key] == oldObj[key])
);
if (!isEqual) {
this.changedFields.push(key);
}
}
}
},
closeApproval(){
this.approvalForm.serviceRemark=''
this.approvalForm.insuranceRemark=''
this.approvalForm.vehicleOtherRemark=''
this.approvalDialogShow=false
this.vehicleInfoChange=false
this.insuranceChange=false
},
async submitBtn(){
if( !this.vehicleLicenseFront ) {
this.$toast('行驶证主页照片不能为空')
return
}
if( !this.vehicleLicenseBack ) { if( !this.vehicleLicenseBack ) {
this.$toast('行驶证副页照片不能为空') this.$toast('行驶证副页照片不能为空')
return return
@@ -917,6 +1199,8 @@ export default {
timeObj = this.formatDateTimeRange(this.dateVal) timeObj = this.formatDateTimeRange(this.dateVal)
} }
this.serviceIds = this.$refs.tree.getCheckedKeys(true) this.serviceIds = this.$refs.tree.getCheckedKeys(true)
console.log('1122',this.vehicleStatus)
// return
await saveVehicle({ await saveVehicle({
vehicleId:this.id ? this.id : '', vehicleId:this.id ? this.id : '',
plateNumber:this.carNum ? this.carNum :'', plateNumber:this.carNum ? this.carNum :'',
@@ -936,6 +1220,8 @@ export default {
liabilityInsuranceStartTime: this.hasLiabilityInsurance == 1 ? (timeObj?.startTime || '' ) : '', liabilityInsuranceStartTime: this.hasLiabilityInsurance == 1 ? (timeObj?.startTime || '' ) : '',
liabilityInsuranceEndTime: this.hasLiabilityInsurance == 1 ? (timeObj?.endTime || '') : '', liabilityInsuranceEndTime: this.hasLiabilityInsurance == 1 ? (timeObj?.endTime || '') : '',
virtualVehicle: this.virtualVehicle, virtualVehicle: this.virtualVehicle,
canSubmitApproval:true,
vehicleStatus:this.vehicleStatus
}) })
if(this.id){ if(this.id){
this.$toast('修改成功') this.$toast('修改成功')
@@ -1076,4 +1362,69 @@ export default {
pointer-events: none; pointer-events: none;
opacity: 0.6; opacity: 0.6;
} }
.pop_wrap {
width: 340px;
box-sizing: border-box;
padding: 10px 15px;
position: relative;
.pop_title {
font-size: 14px;
font-weight: 500;
}
.pop_content {
width: 304px;
font-size: 14px;
color: #4C5361;
margin-left: 6px;
line-height: 25px;
.iptWrap{
margin: 10px 0;
}
}
.tip_button_wrap {
display: flex;
justify-content: flex-end;
.close {
border: 1px solid #ccc;
color: black;
background-color: #FFFFFF;
}
.continue {
padding: 6px 10px;
border-radius: 4px;
}
div:last-child{
background-color: #3266be;
color: #FFFFFF;
margin-left: 8px;
margin-right: 4px;
}
}
}
.loading {
position: relative;
}
.loading::after{
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 2px solid #000;
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
</style> </style>

View File

@@ -79,7 +79,7 @@
<div class="carItem" v-for="(item,index) in vehicleList" :key="index" @click.stop="updateVehicle(item)"> <div class="carItem" v-for="(item,index) in vehicleList" :key="index" @click.stop="updateVehicle(item)">
<div class="carCode"> <div class="carCode">
<div class="codeLeft">{{item.plateNumber}} / {{item.vehicleTypeString}} <div class="codeLeft">{{item.plateNumber}} / {{item.vehicleTypeString}}
<span class="ml10" @click.stop="updateStatus(item)" :class="{'insuranceSuccess': item.vehicleStatus == 1, 'insuranceDanger': item.vehicleStatus == 2 ,'insuranceGray': !item.vehicleStatus }">{{ item.vehicleStatus == 1 ? '启用' :( item.vehicleStatus == 2 ? '停用' : '无状态') }} </span> <span class="ml10" @click.stop="updateStatus(item)" :class="{'insuranceSuccess': item.vehicleStatus == 1, 'insuranceDanger': item.vehicleStatus == 2 ,'insuranceGray': !item.vehicleStatus }">{{ item.vehicleStatus == 1 ? '启用' :( item.vehicleStatus == 2 ? '停用' : ( item.vehicleStatus == 12 ? '否-服务商停用' : '无状态')) }} </span>
</div> </div>
</div> </div>
@@ -95,6 +95,12 @@
<span class="common_cls" @click.stop="showTip(item.liabilityInsuranceAuditMsg)" :class="getClass(item.rescueInsurance)?.className">{{item.rescueInsurance}}</span> <span class="common_cls" @click.stop="showTip(item.liabilityInsuranceAuditMsg)" :class="getClass(item.rescueInsurance)?.className">{{item.rescueInsurance}}</span>
</span> </span>
</div> </div>
<div class="juhe flex-between">
<span class="zdJuhe">车辆信息</span>
<span class="flex-right" v-if="item.auditStatusStr">
<span class="common_cls" @click.stop="showTip(item.auditMsg)" :class="getClass(item.auditStatusStr)?.className">{{item.auditStatusStr}}</span>
</span>
</div>
<div class="juhe flex-between"> <div class="juhe flex-between">
<span class="zdJuhe">最近登录时间</span> <span class="zdJuhe">最近登录时间</span>
<span class="flex-right">{{item.lastLoginTime}}</span> <span class="flex-right">{{item.lastLoginTime}}</span>
@@ -326,7 +332,8 @@ export default {
this.$router.push({ this.$router.push({
name:'vehicleAdd', name:'vehicleAdd',
params:{ params:{
id:item.vehicleId id:item.vehicleId,
supplierId:item.supplierId
} }
}) })
} }

View File

@@ -1327,7 +1327,8 @@ export default {
columnObj.label = item.month // 每一列的标题的名称 columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称 columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj) this.etlLabelList.push(columnObj)
let mappings = [ 'complainOrderCount', 'complainOrderRate', 'pinganFavorableCount','pinganFavorableRate' ]; // 'pinganFavorableCount','pinganFavorableRate'
let mappings = [ 'complainOrderCount', 'complainOrderRate' ];
for (let i = 0; i < mappings.length; i++) { for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]); this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
} }
@@ -1625,13 +1626,13 @@ export default {
getTitle(type) { getTitle(type) {
switch (type) { switch (type) {
case 0: case 0:
return '接单时效';
case 1:
return '客户评价'; return '客户评价';
case 2: case 1:
return 'APP使用'; return 'APP使用';
case 3: case 2:
return '时效'; return '时效';
/* case 3:
return '时效';*/
} }
}, },
} }

View File

@@ -65,6 +65,7 @@ export default {
return { return {
showPoup: false, showPoup: false,
used:false, used:false,
saveLoading: true,
} }
}, },
async mounted() { async mounted() {
@@ -73,12 +74,19 @@ export default {
}, },
methods: { methods: {
async saveHandle() { async saveHandle() {
await sendInsuranceEmail(); if( this.saveLoading ) {
this.$toast('操作成功'); try {
this.showPoup=false this.saveLoading = false;
setTimeout(()=>{ await sendInsuranceEmail();
this.goBack() this.$toast('操作成功');
},1500) this.showPoup = false
setTimeout(() => {
this.goBack()
}, 1500)
} finally {
this.saveLoading = true;
}
}
}, },
} }
} }

View File

@@ -0,0 +1,443 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="人员信息"
:left-arrow="Boolean(!isWebFunc())"
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="goBack"
/>
</div>
<div :class="{'tipWrap':true,'yelBg':type==3,'greBg':type==4}">
<img v-show="[1,2].includes(type)" src="@/assets/unpass.png" />
<img v-show="[3].includes(type)" src="@/assets/yelTip.png" />
<img v-show="[4].includes(type)" src="@/assets/greTip.png" />
<span v-if="type==1">请立即核对或修改以下信息姓名/身份/电话/微信号/邮箱</span>
<span v-else-if="type==2">角色无法修改如需修改角色请联系区域经理提交审批后请到管理人员模块进行查看</span>
<span v-else-if="type==3">当前信息正在确认中如需调整请联系区域经理</span>
<span v-else-if="type==4">当前信息已确认如需调整请联系区域经理</span>
</div>
<van-loading v-show="personList.length<=0" class="loadingWrap" type="spinner" color="#1989fa" />
<div class="contentWrap" v-show="personList.length>0"
:style="{'height':([1,2].includes(type) && isMaster) ? 'calc(100% - 160px)' : 'calc(100% - 90px)'}">
<div class="itemWrap" v-for="(item,index) in personList" :key="index">
<div class="opaCol">人员{{(index+1)}}:</div>
<div class="line"></div>
<div class="item">
<div class="left" :class="{'opaCol':type!=2}"><span class="star">*</span><span>姓名</span></div>
<div class="right">
<van-field :input-align="type==2 ? 'right' : 'left'" :readonly="type!=2" v-model="item.name" placeholder="请输入" />
</div>
</div>
<div class="item">
<div class="left opaCol"><span class="star" style="opacity: 0">*</span><span>角色</span></div>
<div class="right" :class="{'opaCol':type==2}">
<van-field :input-align="type==2 ? 'right' : 'left'" readonly v-model="item.roleName" placeholder="请输入" />
</div>
</div>
<div class="item">
<div class="left" :class="{'opaCol':type!=2}"><span class="star">*</span><span>电话1</span></div>
<div class="right">
<van-field :input-align="type==2 ? 'right' : 'left'" :readonly="type!=2" v-model.number="item.phone1" placeholder="请输入" @blur="blurHandle" />
</div>
</div>
<div class="item">
<div class="left" :class="{'opaCol':type!=2}"><span class="star" style="opacity: 0">*</span><span>电话2</span></div>
<div class="right">
<van-field :input-align="type==2 ? 'right' : 'left'" :readonly="type!=2" v-model.number="item.phone2" @blur="blurHandle" placeholder="请输入" />
</div>
</div>
<div class="item">
<div class="left" :class="{'opaCol':type!=2}"><span class="star">*</span><span>微信号</span></div>
<div class="right wechatRight">
<span class="reviseBtn" v-show="type==2" @click="wechatRevise(item,index)">修改</span>
<van-field :input-align="type==2 ? 'right' : 'left'" readonly v-model="item.wechatName" />
</div>
</div>
<div class="item">
<div class="left" :class="{'opaCol':type!=2}"><span class="star" style="opacity: 0">*</span><span>邮箱</span></div>
<div class="right">
<van-field :input-align="type==2 ? 'right' : 'left'" :readonly="type!=2" v-model="item.email" placeholder="请输入" />
</div>
</div>
</div>
</div>
<div class="btnWrap" v-if="isMaster && [1,2].includes(type)">
<div v-show="type==2" class="audit common" @click="auditHandle">提交审批</div>
<div v-show="type==1" class="revise common" @click="reviseHandle">立即修改</div>
<div v-show="type==1" class="confirm common" @click="confirmHandle">确认信息无误</div>
</div>
<van-dialog v-model="dialogShow" title="请将此二维码发送至相应人员进行添加,成功添加后将更新微信号。" show-cancel-button
confirmButtonText="确认已添加" confirmButtonColor="#354E93" className="customDialog"
@confirm="wechatConfirm" @cancel="cancelHandle">
<img v-if="wechatInfo?.qrCode" :src="wechatInfo.qrCode" style="width: 83%"/>
</van-dialog>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import {getConfirmPerson,getConfirmStatus,getQrCode,confirmAddWechat,confirm,submitConfirm} from "@/api/authentication";
import { Dialog } from 'vant';
export default {
name: "personList",
mixins:[myMixins],
data(){
return{
noClick:true,
id:'',
type:'',//1确认信息 2修改 3审批中 4已确认
personList:[],
dialogShow:false,
reviseIndex:-1,
supplierId:'',
wechatInfo:'',
personInfoId:'',
personInfo:'',
isMaster:false,
}
},
async mounted() {
window.addEventListener('message', (event) => {
if (event.data === 'dialogClosed') {
// console.log('Dialog 已关闭 // 执行关闭后的逻辑');
}
});
// console.log('isWebFunc()',this.isWebFunc())
const urlParams = new URLSearchParams(window.location.search);
this.id=this.$route.query.id || urlParams.get('id');
this.supplierId=this.$route.query.supplierId || urlParams.get('supplierId');
// this.supplierId=1128
console.log('1111',this.supplierId)
await this.getPersonList()
},
methods:{
blurHandle(e){
let val= e.target.value || ''
let flag=this.validatePhone(val)
// console.log('flag',flag)
if(!flag){
this.$toast('手机号格式不正确')
}
},
validatePhone(val) {
console.log('val',val)
if(!val){
return true
}
const purePhone = val
// 情况111位且1开头 → 合法
if (/^1[0-9]{10}$/.test(purePhone)) {
return true
}
// 情况212位且首位是0、第二位是1 → 去0后合法
if (/^01[0-9]{10}$/.test(purePhone)) {
return true
}
// 其他情况 → 不合法
return false
},
async getPersonList(){
let result=await getConfirmStatus({supplierId:this.supplierId})
if(result.data?.wechatConfirmStatus==2){
this.type=3
}else if(result.data?.wechatConfirmStatus==3){
this.type=4
}else if(!result.data?.wechatConfirmStatus || result.data?.wechatConfirmStatus==1){
this.type=1
}
this.isMaster=result.data.isMaster
// this.type=2
let res=await getConfirmPerson({supplierId:this.supplierId})
if(res.data && res.data.length>0){
this.personList=res.data
}else{
this.personList=[]
}
},
async wechatConfirm(){//确认已添加微信按钮
Dialog.confirm({
message:'请确认相关人员是否已添加该二维码。',
confirmButtonText:'确认',
cancelButtonText:'取消',
confirmButtonColor:'#354E93',
}).then(async() => {
let res=await confirmAddWechat({supplierId:this.supplierId,supplierPersonInfoId:this.personInfoId})
console.log('res',this.personInfo,res.data?.name,this.personInfo.wechatName)
if((res.data?.name == this.personInfo.wechatName) || (!res.data && this.personInfo.wechatName)){
console.log('11111111')
this.$set(this.personList[this.reviseIndex],'isChange',false)
}else {
console.log('2222222')
this.$set(this.personList[this.reviseIndex],'isChange',true)
}
console.log('this.personList',this.personList)
let flagRevise=this.personList.some(item => 'isChange' in item && !item.isChange)
console.log('存在未修改',flagRevise)
if(res.data){
this.personList[this.reviseIndex].wechatId=res.data?.externalUserId
this.personList[this.reviseIndex].wechatName=res.data?.name
}
await this.cancelHandle()
}).catch(async () => {
await this.cancelHandle()
});
},
cancelHandle(){
this.dialogShow=false
this.wechatInfo=''
this.reviseIndex=-1
this.personInfoId=''
},
async wechatRevise(item,index){
console.log('item,index',item,index)
// console.log('item',item)
this.personInfoId=item.id
this.reviseIndex=index
this.personInfo=item
await this.getCode()
this.dialogShow=true
},
async getCode(){//获取二维码
let res = await getQrCode({supplierId:this.supplierId,supplierPersonInfoId:this.personInfoId})
// console.log('res--getCode',res)
this.wechatInfo=res.data || ''
},
async auditHandle(){//提交审批
let flag=this.personList.every(item => item.name && item.phone1 && item.wechatId && item.wechatName)
if(!flag){
this.$toast('必填项不可为空')
return
}
console.log('----',this.personList)
let flagRevise=this.personList.some(item => 'isChange' in item && !item.isChange)
console.log('存在未修改',flagRevise)
if(flagRevise){
this.$toast('您仍未修改微信号,请先修改再提交审批。')
return
}
let phone1Flag= this.personList.every(item => this.validatePhone(item.phone1))
let phone2Flag= this.personList.every(item => (item.phone2 && this.validatePhone(item.phone2) || !item.phone2))
console.log('phone1Flag',phone1Flag)
console.log('phone2Flag',phone2Flag)
if(!phone1Flag || !phone2Flag){
return
}
await submitConfirm({supplierId:this.supplierId,infos:this.personList})
this.$toast('操作成功')
if(this.isWebFunc()){
setTimeout(()=>{
this.closeParentDialog()
},1500)
}else{
setTimeout(()=>{
this.goBack()
},1500)
}
},
async reviseHandle(){//修改
this.type=2
},
async confirmHandle(){//确认信息无误
let flag=this.personList.every(item => item.name && item.phone1 && item.wechatId && item.wechatName)
if(!flag){
this.$toast('必填项不可为空,请点击“立即修改”将信息补充完整')
return
}
Dialog.confirm({
message:'请务必仔细确认信息是否无误。',
confirmButtonText:'确认无误',
cancelButtonText:'返回',
confirmButtonColor:'#354E93',
}).then(async() => {
// console.log('确认无误')
await confirm({supplierId:this.supplierId})
this.$toast('操作成功')
if(this.isWebFunc()){
setTimeout(()=>{
this.closeParentDialog()
},1500)
}else{
setTimeout(()=>{
this.goBack()
},1500)
}
}).catch(() => {
});
},
}
}
</script>
<style lang="scss">
.customDialog {
.van-dialog__content{
text-align: center !important;
}
.van-dialog__header {
box-sizing: border-box;
padding: 12px;
}
}
</style>
<style scoped lang="scss">
@import "@/styles/common.scss";
@import '@/styles/mixin.scss';
.wrap {
@include wh(100%, 100%);
position: relative;
background-color: #F6F6F6;
}
.navBar{
margin-bottom: 46px;
}
.tipWrap{
width: 100%;
box-sizing: border-box;
padding: 8px 8px 8px 18px;
margin-bottom: 10px;
display: flex;
background-color: #FFF6F2;
img{
width: 14px;
height: 14px;
//vertical-align: middle;
margin-right: 5px;
margin-top: 2px;
}
span{
color: #FC3C06;
}
}
.yelBg{
background-color: #FFFFED ;
span{
color: #F36708;
}
}
.greBg{
background-color: #E8FFF3;
span{
color: #19AC43;
}
}
/*.headerWrap{
width: 100%;
box-sizing: border-box;
padding: 15px 16px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
.back{
@include wh(15px,15px);
}
span{
font-weight: bold;
font-size: 16px;
color: #203152;
}
}*/
.loadingWrap{
width: 100%;
height: calc(100% - 90px);
text-align: center;
line-height: 200px;
}
.contentWrap{
//height: calc(100% - 160px);
//height: calc(100% - 90px);//没有按钮时
overflow-y: auto;
.itemWrap{
font-size: 14px;
width: 100%;
margin-bottom: 10px;
background-color: #FFFFFF;
box-sizing: border-box;
padding:10px 15px 10px 20px;
.line{
width: 100%;
text-align: center;
border-bottom: 2px solid;
opacity: 0.16;
margin-top: 10px;
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{
//line-height: 36px;
display: flex;
align-items: center;
.left{
width: 66px;
}
.right{
flex: 1;
}
.wechatRight{
display: flex;
align-items: center;
justify-content: space-between;
.reviseBtn{
display: inline-block;
width: 60px;
text-align: center;
border-radius: 4px;
background-color: #354D93;
color: #FFFFFF;
box-sizing: border-box;
padding: 2px 0;
}
}
}
.opaCol{
color: #323643;
opacity: .65;
}
.star{
font-weight: bold;
font-size: 13px;
color: #FF0808;
}
}
}
.btnWrap{
width: 100%;
position: fixed;
bottom: 0;
left: 0;
box-sizing: border-box;
padding: 10px 19px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #F6F6F6;
.common{
background: #354D93;
height: 48px;
line-height: 48px;
text-align: center;
border-radius: 5px;
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
cursor: pointer;
}
.audit{
width: 100%;
}
.revise{
width: 30%;
background-color: #FFFFFF;
color: #354D93;
box-sizing: border-box;
border: 1px solid #354D93;
}
.confirm{
width: 67%;
}
}
</style>

View File

@@ -43,8 +43,8 @@ export default {
margin-top: 20px; margin-top: 20px;
text-align: center; text-align: center;
.report_icon { .report_icon {
width: 45px; width: 60px;
height: 45px; height: 60px;
} }
.report_title { .report_title {
color: rgba(53, 53, 53, 0.67); color: rgba(53, 53, 53, 0.67);

View File

@@ -61,7 +61,7 @@
<div class="dialog_wrap"> <div class="dialog_wrap">
<img class="add_report_bg" src="@/assets/report/add_report_bg.png" alt=""> <img class="add_report_bg" src="@/assets/report/add_report_bg.png" alt="">
<div class="report_content"> <div class="report_content">
<div class="report_title" style="margin-bottom: 10px;text-align: center;color: #000;"><span>{{currentInfo.name}}</span></div> <div class="report_title" style="margin-bottom: 10px;"><span>{{currentInfo.name}}</span></div>
<template v-if="currentInfo.component == 'time'"> <template v-if="currentInfo.component == 'time'">
<!--预约时间报备 s --> <!--预约时间报备 s -->
<div class="report_title"> <div class="report_title">
@@ -263,10 +263,10 @@
data.lat = this.lat; data.lat = this.lat;
data.lng = this.lng; data.lng = this.lng;
} }
if( !this.remark ) { /*if( !this.remark ) {
Toast('备注内容不能为空') Toast('备注内容不能为空')
return return
} }*/
this.clickFlag = false; this.clickFlag = false;
try { try {
await newOrderReporting(data) await newOrderReporting(data)