This commit is contained in:
2025-06-19 17:33:18 +08:00
commit f8f31dc4d9
437 changed files with 103080 additions and 0 deletions
@@ -0,0 +1,8 @@
{
"usingComponents": {
"van-tab": "@vant/weapp/tab/index",
"van-tabs": "@vant/weapp/tabs/index",
"van-divider": "@vant/weapp/divider/index"
},
"navigationBarTitleText": "保养计划详情"
}
@@ -0,0 +1,414 @@
.container {
height: 100vh;
padding-top: 2px;
box-sizing: border-box;
background: #EFF1F4;
position: relative;
>.bg {
width: 100%;
height: 250px;
position: absolute;
top: 0;
image {
width: 100%;
height: 100%;
display: block;
}
}
.top {
margin: 8px 8px 10px;
padding: 12px 10px;
margin-bottom: 8px;
background: #fff;
border-radius: 8px;
position: relative;
.row:first-child {
margin-bottom: 8px;
}
.row {
color: #2E3A4F;
display: flex;
justify-content: space-between;
align-items: center;
.number-plate {
display: flex;
.status {
padding: 0 6px;
margin-right: 4px;
border-radius: 2px;
color: #FFFFFF;
font-size: 14px;
}
.status1 {
background: linear-gradient(90deg, #0D92FF 0%, #38B1FE 100%);
}
.status2 {
background: linear-gradient(270deg, #4CDBAD 0%, #2FCBAB 100%);
}
.status3 {
background: linear-gradient(270deg, #A1A8BB 0%, #838EAA 100%);
}
.val {
font-size: 16px;
font-weight: bold;
}
}
.project-name,
.code {
font-size: 14px;
}
.time {
font-size: 14px;
color: #858CA0;
}
.overdue {
font-size: 14px;
color: #EA4955;
margin-right: 5px;
}
}
}
.detail-container {
padding: 0px 8px 0px;
position: relative;
.tabs {
display: flex;
border-radius: 8px 8px 0 0;
overflow: hidden;
.tab {
width: 50%;
height: 40px;
line-height: 40px;
color: #959595;
font-size: 16px;
font-weight: 500;
text-align: center;
position: relative;
.bg {
width: 100%;
height: 100%;
position: absolute;
image {
width: 100%;
height: 100%;
display: block;
}
}
.value {
position: relative;
}
}
.active {
color: #4381FC;
// background-color: #FFFFFF;
}
.active::after {
content: '';
width: 26px;
height: 4px;
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
border-radius: 2px;
position: absolute;
bottom: 2px;
left: 50%;
transform: translateX(-50%);
}
}
.content-borderall {
border-radius: 8px;
}
.contentHeight1 {
max-height: calc(100vh - 72px - 272px);
}
.contentHeight2 {
max-height: calc(100vh - 72px - 182px);
}
.contentHeight3 {
max-height: calc(100vh - 72px - 170px);
}
.content {
overflow-y: auto;
border-radius: 0px 0px 8px 8px;
.info {
padding: 12px 8px;
border-radius: 0px 0px 8px 8px;
background: #fff;
}
.check-info {
margin-top: 8px;
padding: 12px 8px;
border-radius: 8px;
background: #fff;
.check-title {
color: #4381FC;
font-weight: bold;
font-size: 18px;
margin-bottom: 8px;
}
.check-one {
display: flex;
justify-content: space-between;
.margin-left8 {
margin-left: 8px;
}
}
.check-idea {
display: flex;
justify-content: space-between;
}
.label {
color: #858CA0;
font-size: 14px;
}
.val {
color: #2E3A4F;
font-size: 14px;
}
}
.row {
margin-bottom: 8px;
display: flex;
justify-content: space-between;
// align-items: center;
.label {
color: #858CA0;
font-size: 14px;
}
.val {
color: #2E3A4F;
font-size: 14px;
}
.bold {
color: #2F3B50;
font-weight: bold;
font-size: 16px;
}
.bold-blue {
color: #4381FC;
font-weight: bold;
font-size: 20px;
}
.pic-box {
max-width: 83%;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
.item {
width: 84px;
height: 84px;
padding-left: 8px;
margin-bottom: 8px;
display: flex;
align-items: center;
image {
width: 100%;
height: 100%;
display: block;
}
}
}
.check-title {
width: 60px;
font-size: 15px;
font-weight: bold;
color: #4381FC;
line-height: 21px;
}
}
.repairList {
max-height: 6000px;
transition: max-height 0.6s ease-in-out;
will-change: height;
overflow: hidden;
// transform-origin: top;
// transform: scaleY(1);
// transition: transform 0.3s ease-in;
}
.repairList-hide {
// transform-origin: top;
// transform: scaleY(0);
// transition: transform 0.3s ease-out;
}
.repairList-item {
padding: 8px 8px 2px 8px;
background: #ECEFF5;
border-radius: 4px;
margin-bottom: 8px;
}
}
}
.bottom {
width: 100%;
padding: 0px 8px 14px;
background: #fff;
box-sizing: border-box;
border-radius: 8px 8px 0 0;
box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 0;
left: 0;
.row {
width: 100%;
height: 36px;
padding: 8px 10px;
margin-bottom: 8px;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid #E6EAF2;
display: flex;
align-items: center;
.icon {
width: 20px;
height: 20px;
margin-right: 8px;
image {
width: 100%;
height: 100%;
}
}
input {
flex: 1;
font-size: 14px;
}
}
.select-row {
// width: calc((100% - 6px) / 2);
picker {
width: 100%;
position: relative;
.picker {
width: 100%;
height: 38px;
// padding-left: 14px;
box-sizing: border-box;
// border: 1px solid #E6EAF2;
border-radius: 4px;
font-size: 14px;
display: flex;
// justify-content: space-between;
align-items: center;
}
.picker::after {
content: '';
width: 0;
height: 0;
border-top: 6px solid #636B83;
border-right: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
top: 50%;
right: 14px;
transform: translateY(-2px);
}
}
}
.btn-box {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.btn {
width: calc(50% - 8px);
height: 40px;
background-color: #FFFFFF;
line-height: 40px;
border-radius: 8px;
color: #2E3A4F;
text-align: center;
border: 1px solid #D6D6D6;
margin-top: 10px;
}
.btn-full {
width: 100%;
}
.apply {
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
color: #2E3A4F;
color: #fff;
font-size: 15px;
font-weight: bold;
}
.edit {
background-color: #E4EDFF;
color: #4381FC;
font-size: 15px;
font-weight: bold;
}
.margin8{
margin-top: 8px;
}
}
}
.label-width {
width: 25%;
}
.val-width {
width: 73%;
text-align: right;
word-break: break-all;
}
}
@@ -0,0 +1,183 @@
import { getAction } from '../../../api/base';
Page({
/**
* 页面的初始数据
*/
data: {
tabActive: 0,
userInfo: {} as any, // 用户信息
upkeepObject: {} as any, // 维修单数据
info: '', // 列表查询的保养计划信息
userInf: ''
},
getInf() {
// 获取信息
let { info } = wx.getStorageSync('info');
wx.removeStorage({ key: 'info' });
let userInfo = wx.getStorageSync('userInfo');
if (info) {
this.setData({
userInfo: userInfo,
info: info
});
this.getRepairObject(info.id);
}
},
// 获取维修单数据
getRepairObject(id: string) {
if (id) {
getAction(`api/vehicles/upkeepPlan/getUpkeepPlanObjectById?id=${id}`)
.then((res: any) => {
if (res.code == 200) {
let data = res.result;
this.setData({
upkeepObject: data
});
} else {
wx.showToast({
title: res.message,
icon: 'none'
});
}
})
.catch((err: any) => {
wx.showToast({
title: err.message,
icon: 'none'
});
});
}
},
// 变更tab
changeTab(e: any) {
this.setData({
tabActive: e.currentTarget.dataset.tab
});
},
bindCancel() {
// 作废
wx.setStorageSync('upkeepObject', this.data.upkeepObject);
wx.navigateTo({
url: '../cancel/cancel',
fail: e => {
console.log(e);
}
});
},
// 返回
goBack() {
let pageList = getCurrentPages();
if (pageList.length != 1) wx.navigateBack();
else {
if (this.data.userInfo.type == '1') {
wx.reLaunch({
url: '/pages/index/index'
});
} else if (this.data.userInfo.type == '2') {
wx.reLaunch({
url: '/pages/manufacturerIndex/manufacturerIndex'
});
} else if (this.data.userInfo.type == '3') {
wx.reLaunch({
url: '/pages/projectIndex/projectIndex'
});
} else if (this.data.userInfo.type == '4') {
wx.reLaunch({
url: '/pages/maintenanceIndex/maintenanceIndex'
});
} else {
wx.reLaunch({
url: '/pages/login/login'
});
}
}
},
bindSend() {
// 审核/审批
wx.setStorageSync('upkeepObject', this.data.upkeepObject);
wx.navigateTo({
url: '../check/check',
fail: e => {
console.log(e);
}
});
},
// 编辑
bindEdit() {
wx.setStorageSync('type', {
type: 'edit',
info: this.data.upkeepObject
});
wx.navigateTo({
url: '../UpkeepPlanApply/UpkeepPlanApply',
fail: e => {
console.log(e);
}
});
},
// 图片预览
showImage(event: any) {
let { index, image } = event.currentTarget.dataset;
let list = [] as any;
if (image == 'repairImgUrl') {
list = this.data.upkeepObject.repairInfo.repairImgUrl;
} else if (image == 'attachmentList') {
this.data.upkeepObject.upkeepPlan.attachmentList.forEach((item: any) => {
list.push(item.fileUrl);
});
}
wx.previewImage({
current: list[index | 0], // 当前显示图片的http链接 默认urls[0]
urls: list // 需要预览的图片http链接列表
});
},
getUserInf() {
this.setData({
userInf: wx.getStorageSync('userInfo')
});
},
/**
* 生命周期函数--监听页面加载
*/
onLoad() {},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 不放onReady 是因为有可能切出去然后状态改了得跳转到别的页面
this.getInf();
this.getUserInf();
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {}
});
@@ -0,0 +1,152 @@
<wxs module="module" src="../../module/module.wxs"></wxs>
<view class="container">
<view class="bg">
<image src="../../../images/bg_page_blue.png" mode="" />
</view>
<view class="top">
<view class="row">
<view class="code">{{upkeepObject.upkeepPlan.orderNo}}</view>
<view class="number-plate">
<view wx:if="{{upkeepObject.auditStatus == 1}}" class="status status2">未审批</view>
<view wx:if="{{upkeepObject.auditStatus == 2}}" class="status status2">审批通过</view>
<view wx:if="{{upkeepObject.auditStatus == 3}}" class="status status3">审批未通过</view>
<view wx:if="{{upkeepObject.auditStatus == 4}}" class="status status3">已作废</view>
<view wx:if="{{upkeepObject.auditStatus == 5}}" class="status status3">已归档</view>
<view class="val">{{upkeepObject.upkeepPlan.plateNumber}}</view>
</view>
</view>
<view class="row">
<view class="project-name">{{upkeepObject.upkeepPlan.projectId_dictText}}</view>
<view style="display: flex;">
<view class="overdue" wx:if="{{upkeepObject.overdueStatus == 2 && upkeepObject.auditStatus != 4 && upkeepObject.auditStatus != 5}}">已逾期:{{upkeepObject.overdueDay}}天</view>
<view class="time">{{upkeepObject.upkeepPlan.predictTime ? upkeepObject.upkeepPlan.predictTime : '/'}}</view>
</view>
</view>
</view>
<view class="detail-container">
<view class="tabs">
<view class="tab {{tabActive == 0 ? 'active' : ''}}" data-tab="0" catch:tap="changeTab">
<view class="bg" wx:if="{{tabActive == 0}}">
<image src="../../../images/btn_l.png" mode="" />
</view>
<view class="value">基本信息</view>
</view>
</view>
<view class="content {{(upkeepObject.auditStatus == 1 && upkeepObject.editButton == 1 && module.buttonPermissions(userInf.auth,'UpkeepPlan:cancel') && module.buttonPermissions(userInf.auth,'UpkeepPlan:leaderCheckOffer')) ? 'contentHeight2' : 'contentHeight3'}}">
<view class="info" wx:if="{{tabActive == 0}}">
<view class="row">
<view class="label label-width">车架号</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.frameNumber || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">交车时间</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.deliveryTime || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">车辆品牌</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.vehicleBrand_dictText || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">车辆型号</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.vehicleModel || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">车辆种类</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.vehicleType_dictText || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">VIN码</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.vinCode || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">发动机码</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.engineNumber || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">提单时间</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.planSaveTime || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">上次保养时间</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.lastTime || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">上次保养里程</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.lastMileage ? upkeepObject.upkeepPlan.lastMileage + '公里' : '/'}}</view>
</view>
<view class="row">
<view class="label label-width">预计保养时间</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.predictTime || '/'}}</view>
</view>
<view class="row">
<view class="label label-width">预计保养里程</view>
<view class="val val-width">{{upkeepObject.upkeepPlan.predictMileage ? upkeepObject.upkeepPlan.predictMileage + '公里' : '/'}}</view>
</view>
<view class="row">
<view class="label label-width" style="width: 20%;">保养内容</view>
<view class="val val-width" style="width: 80%;text-align: right;">{{upkeepObject.upkeepPlan.content ? upkeepObject.upkeepPlan.content : '/'}}</view>
</view>
<view class="row">
<view class="label">单据附件</view>
<view class="pic-box" wx:if="{{upkeepObject.upkeepPlan.attachmentList}}">
<view class="item" wx:for="{{upkeepObject.upkeepPlan.attachmentList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<image src="{{item.fileUrl}}" mode="" data-index="{{index}}" data-image="attachmentList" catch:tap="showImage" />
</view>
</view>
<view wx:else class="val">/</view>
</view>
</view>
<view wx:if="{{upkeepObject.cancelObject}}">
<view class="check-info">
<view class="item">
<view class="check-title" style="color: red;">已作废</view>
<view class="check-one">
<view class="check-operator">
<text class="label">操作人</text>
<text class="val margin-left8">{{upkeepObject.cancelObject.cancelPeople}}</text>
</view>
<view class="check-time">
<text class="label">作废时间</text>
<text class="val margin-left8">{{upkeepObject.cancelObject.cancelTime}}</text>
</view>
</view>
<view class="check-idea">
<text class="label">作废原因</text>
<text class="val" style="width: 81%;word-break: break-all;">{{upkeepObject.cancelObject.cancelIdea}}</text>
</view>
</view>
</view>
</view>
<view wx:if="{{upkeepObject.upkeepCheckList}}">
<view class="check-info" wx:for="{{upkeepObject.upkeepCheckList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<view class="item">
<view class="check-title" style="color: #4381FC;" wx:if="{{item.checkResult == '1'}}">审批结果:通过</view>
<view class="check-title" style="color: red;" wx:if="{{item.checkResult == '2'}}">审批结果:不通过</view>
<view class="check-one">
<view class="check-operator">
<text class="label">审批人</text>
<text class="val margin-left8">{{item.checkPeople ? item.checkPeople : '/'}}</text>
</view>
<view class="check-time">
<text class="label">审批时间</text>
<text class="val margin-left8">{{item.checkTime ? item.checkTime : '/'}}</text>
</view>
</view>
<view class="check-idea">
<text class="label">审批意见</text>
<text class="val" style="width: 81%;word-break: break-all;">{{item.checkIdea ? item.checkIdea : '/'}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="bottom">
<view class="btn-box">
<view class="btn cancel {{ (upkeepObject.auditStatus != 1 && upkeepObject.editButton != 1)? 'btn-full': ''}}" catch:tap="bindCancel" wx:if="{{module.buttonPermissions(userInf.auth,'UpkeepPlan:cancel') && upkeepObject.auditStatus != 4 && upkeepObject.auditStatus != 5 && upkeepObject.auditStatus != 2}}">作废</view>
<view class="btn apply" catch:tap="bindSend" wx:if="{{module.buttonPermissions(userInf.auth,'UpkeepPlan:leaderCheckOffer') && upkeepObject.auditStatus == 1}}">去审批</view>
<view class="btn edit {{ upkeepObject.auditStatus == 1 ? 'margin8' : ''}} {{ upkeepObject.auditStatus == 1 || userInfo.userType == 4 ? 'btn-full' : ''}}" wx:if="{{upkeepObject.editButton == 1 && module.buttonPermissions(userInf.auth,'UpkeepPlan:edit')}}" catch:tap="bindEdit">编辑</view>
<view class="btn cancel btn-full" catch:tap="goBack" wx:if="{{(upkeepObject.auditStatus == 4 || upkeepObject.auditStatus == 5 || upkeepObject.auditStatus == 2) || upkeepObject.editButton != 1 || !module.buttonPermissions(userInf.auth,'UpkeepPlan:edit') }}">返回</view>
</view>
</view>
</view>