cdht/cdht-app-h5
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
zhanghaijun
2025-06-19 17:33:18 +08:00
commit f8f31dc4d9
437 changed files with 103080 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/api/auth.ts
+7
View File
@@ -0,0 +1,7 @@
import { getAction } from './base';
/**
* 获取加密字符串
* @returns
*/
export const getEncryptedString = () => getAction('/sys/getEncryptedString');
miniprogram/api/base.ts
+130
View File
@@ -0,0 +1,130 @@
import config from '../config';
// 定义token
let token = '';
// 在登录之后设置token
export function setToken(t: string) {
token = t;
// 可以选择将token保存到缓存中
// wx.setStorageSync('token', token)
}
export function clearToken() {
token = '';
// wx.setStorageSync('token', '')
}
interface Header {
'X-Access-Token': string;
}
export function request(method: any = 'GET', url: string, data?: any) {
return new Promise((resolve, reject) => {
const header: Header = { 'X-Access-Token': '' };
if (token) {
header['X-Access-Token'] = token;
} else {
header['X-Access-Token'] = wx.getStorageSync('token');
}
wx.request({
method,
url: config.baseUrl + url,
data,
header,
success: (res: any) => {
console.log(res);
if (res.data.code === 200 || res.data.code === 0) {
resolve(res.data);
} else if (res.data.message.includes('token失效')) {
//重新登录
wx.removeStorageSync('userInfo');
wx.removeStorageSync('token');
wx.removeStorageSync('organName');
wx.reLaunch({
url: '/pages/login/login'
});
} else {
resolve(res.data);
wx.showToast({
title: res.data.message,
icon: 'none'
});
}
},
fail: err => {
wx.showToast({
title: '访问失败，请检查当前的网络',
icon: 'none'
});
console.error('请求错误', err);
reject(err);
}
});
});
}
export const getAction = (url: string, params?: Object) =>
request('GET', generateUrl(url, params));
export const deleteAction = (url: string, params?: Object) =>
request('DELETE', generateUrl(url, params));
export const postAction = (url: string, data?: Object) =>
request('POST', url, data);
export const putAction = (url: string, data?: Object) =>
request('PUT', url, data);
interface UploadOption {
name: string;
filePath: string;
params?: Object;
}
export function upload(url: string, option: UploadOption) {
const { name = 'file', filePath, params } = option;
if (!filePath) throw new Error('filepath-not-found');
if (!wx.getStorageSync('token')) throw new Error('请先登录！');
return new Promise((resolve, reject) => {
const header: any = {
'Content-Type': 'multipart/form-data',
'X-Access-Token': ''
};
if (token) {
header['X-Access-Token'] = token;
} else {
header['X-Access-Token'] = wx.getStorageSync('token');
}
wx.uploadFile({
url: config.baseUrl + url,
filePath,
name,
formData: params,
header,
success: resolve,
fail: err => {
wx.showToast({
title: '上传失败',
icon: 'none'
});
console.error('请求错误', err.errMsg);
reject(err);
}
});
});
}
const generateUrl = (url: string, params?: any) => {
if (!params) return url;
const keys = Object.keys(params);
if (keys.length < 1) return url;
return (
url +
keys.reduce((res, it, idx) => {
if (typeof params[it] !== 'undefined') {
return `${res}${idx > 0 ? '&' : ''}${it}=${params[it]}`;
}
return res;
}, '?')
);
};
miniprogram/app.json
+135
View File
@@ -0,0 +1,135 @@
{
"pages": [
"pages/index/index",
"pages/manufacturerIndex/manufacturerIndex",
"pages/projectIndex/projectIndex",
"pages/maintenanceIndex/maintenanceIndex",
"pages/accidentReporting/accidentReporting",
"pages/violationReporting/violationReporting",
"pages/logs/logs",
"pages/login/login",
"pages/addressBook/addressBook",
"pages/driverIndex/index",
"pages/driverIndex/page/signInReocrd/signInReocrd",
"pages/driverIndex/page/signInFeedback/signInFeedback",
"pages/vehicleMonitoring/global/global",
"pages/vehicleMonitoring/realtime/realtime",
"pages/vehicleMonitoring/failureAlert/failureAlert",
"pages/vehicleMonitoring/component/vehicleSearch/vehicleSearch",
"pages/vehicleMaintenance/maintainRecord/maintainRecord",
"pages/vehicleMaintenance/maintainSend/maintainSend",
"pages/vehicleMaintenance/maintainCheck/maintainCheck",
"pages/vehicleMaintenance/maintainProcedure/maintainProcedure",
"pages/vehicleMaintenance/maintainResult/maintainResult",
"pages/vehicleMaintenance/operation/maintainApply/maintainApply",
"pages/vehicleMaintenance/operation/message/message",
"pages/vehicleMaintenance/operation/offer/offer",
"pages/vehicleMaintenance/operation/check/check",
"pages/vehicleMaintenance/operation/repair/repair",
"pages/vehicleMaintenance/operation/complete/complete",
"pages/vehicleMaintenance/operation/cancel/cancel",
"pages/vehicleMaintenance/operation/dataEntryOne/dataEntryOne",
"pages/vehicleMaintenance/operation/dataEntryTwo/dataEntryTwo",
"pages/UpkeepPlan/UpkeepPlanApply/UpkeepPlanApply",
"pages/UpkeepPlan/message/message",
"pages/UpkeepPlan/check/check",
"pages/UpkeepPlan/cancel/cancel",
"pages/UpkeepPlan/UpkeepPlanRecord/UpkeepPlanRecord",
"pages/UpkeepPlan/UpkeepPlanInfo/UpkeepPlanInfo",
"pages/UpkeepBill/UpkeepBillRecord/UpkeepBillRecord",
"pages/UpkeepBill/UpkeepBillSend/UpkeepBillSend",
"pages/UpkeepBill/UpkeepBillCheck/UpkeepBillCheck",
"pages/UpkeepBill/UpkeepBillProcedure/UpkeepBillProcedure",
"pages/UpkeepBill/UpkeepBillResult/UpkeepBillResult",
"pages/UpkeepBill/operation/message/message",
"pages/UpkeepBill/operation/cancel/cancel",
"pages/UpkeepBill/operation/offer/offer",
"pages/UpkeepBill/operation/check/check",
"pages/UpkeepBill/operation/upkeep/upkeep",
"pages/UpkeepBill/operation/complete/complete",
"pages/UpkeepBill/operation/dataEntryOne/dataEntryOne",
"pages/UpkeepBill/operation/dataEntryTwo/dataEntryTwo",
"pages/backlog/backlogList/backlogList",
"pages/backlog/backlogFeedback/backlogFeedback",
"pages/backlog/insurance/insurance",
"pages/backlog/insuranceFeedback/insuranceFeedback",
"pages/backlog/violation/violation",
"pages/backlog/violationFeedback/violationFeedback",
"pages/backlog/accident/accident",
"pages/backlog/accidentFeedback/accidentFeedback",
"pages/backlog/annualInspection/annualInspection",
"pages/backlog/annualInspectionFeedback/annualInspectionFeedback",
"pages/handoverVehicle/handoverVehicleRecord/handoverVehicleRecord",
"pages/handoverVehicle/procurementDelivery/procurementDelivery",
"pages/handoverVehicle/procurementDeliveryEdit/procurementDeliveryEdit",
"pages/handoverVehicle/rentalDelivery/rentalDelivery",
"pages/handoverVehicle/rentalDeliveryEdit/rentalDeliveryEdit",
"pages/eventReport/eventReportRecord/eventReportRecord",
"pages/eventReport/eventReportDetail/eventReportDetail",
"pages/eventReport/eventReportAdd/eventReportAdd",
"pages/eventReport/eventReportFeedback/eventReportFeedback",
"pages/insurancePolicyReport/insurancePolicyReport",
"pages/statement/reportStatement/reportStatement",
"pages/costEstimation/costEstimationRecord/costEstimationRecord",
"pages/costEstimation/costEstimationDetail/costEstimationDetail",
"pages/costEstimation/costEstimationAdd/costEstimationAdd"
],
"subPackages": [
{
"root": "packageA",
"pages": [
"pages/customerFollow/customerFollow",
"pages/customerFollowDetail/customerFollowDetail",
"pages/refuelingCharging/RefuelingChargingRecord/RefuelingChargingRecord",
"pages/refuelingCharging/RefuelingChargingDetail/RefuelingChargingDetail",
"pages/refuelingCharging/RefuelingChargingReporting/RefuelingChargingReporting"
]
}
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#3679FC",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle": "white"
},
"tabBar": {
"custom": true,
"color": "#000000",
"selectedColor": "#000000",
"backgroundColor": "#000000",
"list": [
{
"pagePath": "pages/maintenanceIndex/maintenanceIndex",
"text": "工作台"
},
{
"pagePath": "pages/backlog/backlogList/backlogList",
"text": "代办"
},
{
"pagePath": "pages/addressBook/addressBook",
"text": "通讯录"
}
]
},
"requiredPrivateInfos": [
"chooseLocation",
"getLocation"
],
"permission": {
"scope.userLocation": {
"desc": "获取当前位置"
}
},
"sitemapLocation": "sitemap.json"
}
miniprogram/app.less
+16
View File
@@ -0,0 +1,16 @@
/**app.wxss**/
// .container {
// height: 100%;
// display: flex;
// flex-direction: column;
// align-items: center;
// justify-content: space-between;
// padding: 200rpx 0;
// box-sizing: border-box;
// }
page {
max-height: 100vh;
padding-bottom: constant(safe-area-inset-bottom); //constant在iOS<11.2的版本中生效
padding-bottom: env(safe-area-inset-bottom); //env在iOS>=11.2的版本中生效
box-sizing: border-box;
}
miniprogram/app.ts
+62
View File
@@ -0,0 +1,62 @@
// app.ts
App<IAppOption>({
globalData: {},
onLaunch() {
// 小程序每次打开都会调用一次
// 展示本地存储能力
const logs = wx.getStorageSync('logs') || [];
logs.unshift(Date.now());
wx.setStorageSync('logs', logs);
wx.getSetting({
success(res: any) {
console.log(res.authSetting);
if (!res.authSetting['scope.userLocation']) {
wx.showToast({
title: '请在小程序设置界面中设置位置消息权限。',
icon: 'none'
});
}
}
});
// 登录
wx.login({
success: res => {
console.log(res.code);
// 发送 res.code 到后台换取 openId, sessionKey, unionId
wx.setStorageSync('code', res.code);
}
});
// 判断是否登录
const token = wx.getStorageSync('token');
if (!token) {
wx.reLaunch({
url: '/pages/login/login'
});
} else {
// 获取token，用户信息 判断账号角色然后跳转到对应的首页
let userInfo = wx.getStorageSync('userInfo');
if (userInfo.type == '1') {
wx.reLaunch({
url: '/pages/driverIndex/index'
});
} else if (userInfo.type == '2') {
wx.reLaunch({
url: '/pages/manufacturerIndex/manufacturerIndex'
});
} else if (userInfo.type == '3') {
wx.reLaunch({
url: '/pages/projectIndex/projectIndex'
});
} else if (userInfo.type == '4') {
wx.reLaunch({
url: '/pages/maintenanceIndex/maintenanceIndex'
});
} else {
wx.reLaunch({
url: '/pages/login/login'
});
}
}
}
});
miniprogram/components/uploadPic/uploadPic.json
+6
View File
@@ -0,0 +1,6 @@
{
"component": true,
"usingComponents": {
"van-uploader": "@vant/weapp/uploader/index"
}
}
miniprogram/components/uploadPic/uploadPic.less
+64
View File
@@ -0,0 +1,64 @@
/* components/uploadPic/uploadPic.wxss */
.upload-container {
.upload {
// width: 100%;
// margin-top: 8px;
display: flex;
flex-wrap: wrap;
.upload-btn {
width: 64px;
height: 64px;
margin-right: 8px;
margin-bottom: 8px;
background: #ECF1FF;
border-radius: 4px;
border: 1px dashed #4381FC;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
image {
width: 20px;
height: 20px;
margin: 16rpx 0 8rpx;
}
.val {
color: #4381FC;
font-size: 14px;
}
}
.photo-list {
width: 64px;
height: 64px;
margin-right: 8px;
margin-bottom: 8px;
border-radius: 4px;
position: relative;
image {
width: 100%;
height: 100%;
display: block;
}
.del {
width: 20px;
height: 20px;
position: absolute;
top: -10px;
right: -10px;
image {
width: 100%;
height: 100%;
display: block;
}
}
}
}
}
miniprogram/components/uploadPic/uploadPic.ts
+164
View File
@@ -0,0 +1,164 @@
// components/uploadPic/uploadPic.ts
import { postAction, upload } from '../../api/base';
Component({
/**
* 组件的属性列表
*/
properties: {
uploadUrl: {
type: String,
value: 'api/vehicles/accidentInfo/upload'
},
maxLength: {
type: Number,
value: 1
},
picList: {
type: Array,
value: []
}
},
observers: {
picList: function (val: any, oVal: any) {
// console.log(val,oVal)
// if(val) {
// this.setDate({
// photoList: val
// })
// this.data.changePhotoList()
// }
}
},
attached() {
// console.log(this.properties.picList)
// this.setData({
// photoList: this.properties.picList.value
// })
},
/**
* 组件的初始数据
*/
data: {
photoList: []
},
/**
* 组件的方法列表
*/
ready: function () {
console.log('上传ready', this.properties.picList);
},
methods: {
// initPhotoList(list: any) {
// console.log(list)
// this.setData({
// photoList: list
// })
// },
choosePhoto() {
console.log(this);
let _this = this;
if (this.data.photoList.length < this.properties.maxLength) {
let maxCount;
if (this.properties.maxLength - this.data.photoList.length >= 6)
maxCount = 6;
else maxCount = this.properties.maxLength - this.data.photoList.length;
wx.chooseMedia({
count: maxCount, // 最多同时选 6张
mediaType: ['image'],
success(res) {
console.log(res);
let { tempFiles } = res;
tempFiles.forEach((item, index) => {
_this.uploadImg(item.tempFilePath); // 循环执行上传放法，实现多张图片，同时上传
});
},
fail(err) {
console.log(err);
}
});
} else {
wx.showToast({
title: `最多上传${this.properties.maxLength}张图片`,
icon: 'none'
});
}
},
// 选择本地图片
uploadImg(imgSrcList: any) {
console.log(imgSrcList);
var that = this;
let { photoList } = this.data;
wx.showLoading({
title: '加载中',
mask: true
});
let parms = {
name: 'file',
filePath: imgSrcList
};
upload(this.properties.uploadUrl, parms)
.then((res: any) => {
let result = JSON.parse(res.data);
if (result.code == 200) {
// console.log(result);
photoList.push(result.result);
this.setData({
photoList: photoList
});
this.returnPic();
wx.hideLoading();
} else {
console.log('失败');
wx.hideLoading();
wx.showToast({
title: result.message,
icon: 'none'
});
}
})
.catch(err => {
wx.hideLoading();
wx.showToast({
title: err.message,
icon: 'none'
});
});
},
delImg(e: any) {
let that = this;
let { index } = e.currentTarget.dataset;
let { photoList } = this.data;
wx.showModal({
title: '提示',
content: '是否删除当前照片',
success(res) {
if (res.confirm) {
photoList.splice(index, 1);
that.setData({
photoList
});
that.returnPic();
}
}
});
},
returnPic() {
this.triggerEvent('returnPic', { photoList: this.data.photoList });
},
previewImg(e: any) {
let { index } = e.currentTarget.dataset;
let { photoList } = this.data;
let list = [] as any;
photoList.forEach((item: any) => {
list.push(item.fileUrl);
});
wx.previewImage({
current: list[index | 0], // 当前显示图片的http链接 默认urls[0]
urls: list // 需要预览的图片http链接列表
});
}
}
});
miniprogram/components/uploadPic/uploadPic.wxml
+22
View File
@@ -0,0 +1,22 @@
<!--components/uploadPic/uploadPic.wxml-->
<view class="upload-container">
<view class="upload">
<view class="upload-btn" wx:if="{{photoList.length < maxLength}}" bindtap="choosePhoto">
<image src="../../images/icon_upload.png" mode=""/>
<view class="val">上传图片</view>
</view>
<!-- 注意bindtap 和 catchtap的区别，catchtap可以阻止事件冒泡-->
<view class="photo-list" wx:for="{{photoList}}" data-index="{{index}}" bindtap="previewImg" wx:key="index">
<image src="{{item.fileUrl}}" mode=""/>
<view class="del" catchtap="delImg" data-index="{{index}}">
<image src="../../images/btn_del.png" mode=""/>
</view>
</view>
<!-- <van-uploader
accept="image"
file-list="{{ photoList }}"
max-count="{{ maxLength }}"
deletable="{{ true }}"
bind:after-read="uploadImg" /> -->
</view>
</view>
miniprogram/config.ts
+13
View File
@@ -0,0 +1,13 @@
export default {
// baseUrl: 'http:10.91.122.6:8051/smartTransportMobile'
// baseUrl: 'http://10.91.123.10:8068/cdenv-api/' // 书汉
// baseUrl: 'http://10.180.20.111:8068/cdenv-api/' // 文龙
// baseUrl: 'http://10.180.12.174:8068/cdenv-api/' // 作恒
// baseUrl: 'http://10.180.22.227:8068/cdenv-api/' //玉赞
// baseUrl: 'https://gaosudanao.gci-china.com/' //高速公路测试环境
// baseUrl: 'http://10.91.123.10:8091/cdenv/'
baseUrl: 'http://10.91.123.10:8068/cdenv-api/'
// baseUrl: 'http://10.91.137.95:8080/kfb'
// baseUrl: 'http://10.180.11.162:8068/cdenv-api/'
// baseUrl: 'https://zuche.cdenvironment.com:25000/cdenv-api/' // 产线
};
miniprogram/custom-tab-bar/index.js
+38
View File
@@ -0,0 +1,38 @@
Component({
data: {
selected: 0,
color: '#7A7E83',
selectedColor: '#3B7CFC',
list: [
{
pagePath: '/pages/maintenanceIndex/maintenanceIndex',
iconPath: '/images/icon_tabbar_h.png',
selectedIconPath: '/images/icon_tabbar_hs.png',
text: '工作台'
},
{
pagePath: '/pages/backlog/backlogList/backlogList',
iconPath: '/images/icon_tabbar2.png',
selectedIconPath: '/images/icon_tabbar2.png',
text: '待办'
},
{
pagePath: '/pages/addressBook/addressBook',
iconPath: '/images/icon_tabbar_n.png',
selectedIconPath: '/images/icon_tabbar_ns.png',
text: '通讯录'
}
]
},
attached() {},
methods: {
switchTab(e) {
const data = e.currentTarget.dataset;
const url = data.path;
wx.switchTab({ url });
this.setData({
selected: data.index
});
}
}
});
miniprogram/custom-tab-bar/index.json
+3
View File
@@ -0,0 +1,3 @@
{
"component": true
}
miniprogram/custom-tab-bar/index.less
+62
View File
@@ -0,0 +1,62 @@
.tab-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 120px;
background: transparent;
// padding-bottom: env(safe-area-inset-bottom);
.tab-bar-bg {
width: 100vw;
height: 120px;
position: absolute;
left: 0;
top: 0;
image {
width: 100%;
height: 100%;
display: block;
}
}
.tab-bar-list {
width: 100%;
// height: 80px;
padding-bottom: env(safe-area-inset-bottom);
box-sizing: border-box;
display: flex;
position: absolute;
top: 86rpx;
// bottom: 0;
.tab-bar-item {
padding-top: 8px;
flex: 1;
text-align: center;
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
image {
width: 20px;
height: 20px;
}
view {
margin-top: 10px;
color: #737373;
font-size: 12px;
font-weight: bold;
}
}
.tab-bar-item:nth-child(2) {
image {
width: 56px;
height: 56px;
position: absolute;
top: -24px;
}
view {
margin-top: 20px;
}
}
}
}
miniprogram/custom-tab-bar/index.wxml
+12
View File
@@ -0,0 +1,12 @@
<!--miniprogram/custom-tab-bar/index.wxml-->
<view class="tab-bar">
<view class="tab-bar-bg">
<image src="../images/bg_tabbar.png" mode=""/>
</view>
<view class="tab-bar-list">
<view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
<image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></image>
<view style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</view>
</view>
</view>
</view>
miniprogram/images/bg_btn3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

miniprogram/images/bg_page_blue.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

miniprogram/images/bg_record.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

miniprogram/images/bg_tabbar.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

miniprogram/images/btn_add.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

miniprogram/images/btn_del.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

miniprogram/images/btn_exit.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 736 B

miniprogram/images/btn_l.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

miniprogram/images/btn_maintain.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

miniprogram/images/btn_maintain_r.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

miniprogram/images/btn_project_l.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

miniprogram/images/btn_project_r.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

miniprogram/images/btn_r.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

miniprogram/images/btn_reset.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 756 B

miniprogram/images/btn_upkeep_c.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

miniprogram/images/btn_upkeep_l.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

miniprogram/images/btn_upkeep_r.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

miniprogram/images/cancel-icon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

miniprogram/images/car.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

miniprogram/images/car_select.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

miniprogram/images/default_pic.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

miniprogram/images/icon_add.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 900 B

miniprogram/images/icon_address.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

miniprogram/images/icon_address_w.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 791 B

miniprogram/images/icon_cal.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 535 B

miniprogram/images/icon_contact.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 598 B

miniprogram/images/icon_costEstimationRecord.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

miniprogram/images/icon_customerFollow.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

miniprogram/images/icon_datetime.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

miniprogram/images/icon_delete.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 351 B

miniprogram/images/icon_down.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

miniprogram/images/icon_filter.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

miniprogram/images/icon_filter2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 297 B

miniprogram/images/icon_list.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 B

miniprogram/images/icon_location.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 858 B

miniprogram/images/icon_logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 888 B

miniprogram/images/icon_maintain.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

miniprogram/images/icon_maintain1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

miniprogram/images/icon_map.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 916 B

miniprogram/images/icon_navigation.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

miniprogram/images/icon_phone.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 639 B

miniprogram/images/icon_plateNumber1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

miniprogram/images/icon_plateNumber_active.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

miniprogram/images/icon_platenumber.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 806 B

miniprogram/images/icon_project.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

miniprogram/images/icon_pw.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 799 B

miniprogram/images/icon_reload.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

miniprogram/images/icon_search.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

miniprogram/images/icon_select-disabled.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

miniprogram/images/icon_select.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

miniprogram/images/icon_success.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

miniprogram/images/icon_tabbar2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

miniprogram/images/icon_tabbar_h.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

miniprogram/images/icon_tabbar_hs.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

miniprogram/images/icon_tabbar_n.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

miniprogram/images/icon_tabbar_ns.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

miniprogram/images/icon_un.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 822 B

miniprogram/images/icon_up.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

miniprogram/images/icon_upload.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 861 B

miniprogram/images/icon_vehicleDispatch.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

miniprogram/images/icon_workbench.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

miniprogram/images/icon_workbench1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

miniprogram/images/icon_workbench2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

miniprogram/images/icon_workbench3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

miniprogram/images/icon_workbench4.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

miniprogram/images/icon_workbench5.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

miniprogram/images/icon_workbench6.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

miniprogram/images/icon_workbench7.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

miniprogram/images/info-bottom.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 337 B

miniprogram/images/info-top.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 530 B

miniprogram/images/logo_company.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

miniprogram/images/nodata_signin.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

miniprogram/images/num_add.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

miniprogram/images/num_subtract.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

miniprogram/images/subscription.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

miniprogram/images/success.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

miniprogram/images/top-bg.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

miniprogram/images/wechat.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

miniprogram/packageA/pages/customerFollow/customerFollow.json
+12
View File
@@ -0,0 +1,12 @@
{
"usingComponents": {
"van-picker": "@vant/weapp/picker/index",
"van-popup": "@vant/weapp/popup/index",
"van-datetime-picker": "@vant/weapp/datetime-picker/index",
"van-search": "@vant/weapp/search/index",
"van-radio": "@vant/weapp/radio/index",
"van-radio-group": "@vant/weapp/radio-group/index",
"van-uploader": "@vant/weapp/uploader/index"
},
"navigationBarTitleText": "客户回访"
}
miniprogram/packageA/pages/customerFollow/customerFollow.less
+386
View File
@@ -0,0 +1,386 @@
/* pages/violationReporting/violationReporting.wxss */
page {
background-color: #EFF1F4;
}
.identificationBox {
background-color: #ffffff;
padding: 16rpx 0;
width: 100%;
padding: 16rpx 0;
position: relative;
.textarea {
height: 176rpx;
width: calc(100% - 56rpx);
border-radius: 16rpx;
border: 2rpx solid #E6EAF2;
margin: 0 16rpx 16rpx 16rpx;
padding: 12rpx;
font-size: 28rpx;
}
.analysisBtn {
position: relative;
width: calc(100% - 32rpx);
margin: 0 16rpx;
.tips {
color: red;
font-size: 25rpx;
}
}
.button {
width: 128rpx;
height: 64rpx;
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
border-radius: 16rpx;
text-align: center;
line-height: 64rpx;
color: #fff;
// position: absolute;
// right: 16px;
&.disabled {
opacity: 0.35;
}
}
}
.flex-between {
display: flex;
align-items: center;
justify-content: space-between;
}
.flex-align {
display: flex;
align-items: center;
}
.flex-end {
display: flex;
align-items: center;
justify-content: flex-end;
}
.box {
background-color: #ffffff;
font-size: 28rpx;
padding: 28rpx 20rpx 0 20rpx;
&:not(:first-child) {
margin-top: 16rpx;
}
.row {
.left {
color: #333F53;
font-weight: bold;
.bg {
width: 8rpx;
height: 44rpx;
background: linear-gradient(180deg, #4E87FC 0%, #38B1FE 100%);
border-radius: 4rpx;
margin-right: 16rpx;
}
}
.right {
color: #2E3A4F;
.btn {
display: flex;
align-items: center;
image {
margin-right: 4px;
width: 20px;
height: 20px;
}
}
}
}
.info-item {
padding: 20rpx;
border-bottom: 2rpx solid #E6EAF2;
&.borderBottomNone {
border-bottom: none;
}
&.disabledItem {
background: #EFF1F4;
box-shadow: 0px 1px 0px 0px #E6EAF2;
.right {
color: #949CB5;
}
}
.left {
color: #2F3B50;
width: 40%;
.require {
color: #EA4955;
}
}
.right {
width: 60%;
text-align: right;
&.selectItem {
width: 100%;
justify-content: flex-end;
.placeholder {
color: #949CB5;
}
}
.arrow {
width: 0;
height: 0;
border-left: 13rpx solid transparent;
border-right: 13rpx solid transparent;
border-top: 15rpx solid #636B83;
margin-left: 18rpx;
}
.van-radio-group {
display: flex;
van-radio {
margin-right: 8px;
}
}
}
.button-list {
display: flex;
.button-selected {
position: relative;
height: 34px;
width: 88px;
margin-left: 8px;
.bg {
width: 100%;
height: 100%;
position: absolute;
image {
border-radius: 4px;
width: 100%;
height: 100%;
}
}
.title {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.disabled {
color: #93C0FF;
}
.selected {
color: #1677FF;
}
}
.button {
display: flex;
height: 32px;
width: 86px;
justify-content: center;
align-items: center;
border: 1px solid #C3CBE4;
margin-left: 8px;
border-radius: 4px;
}
}
.tips {
color: red;
text-align: right;
margin-top: 10rpx;
font-size: 25rpx;
}
.uploadBox {
margin-top: 16rpx;
}
.reset-btn {
background-color: #E9F2FF;
color: #4381FC;
width: 100px;
text-align: center;
border: 1px dashed #4381FC;
border-radius: 4px;
}
}
.template-info {
padding: 20rpx;
background-color: #ECEFF5;
.template-category {
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
}
.template-content {
width: 100%;
background-color: #fff;
.template-title {
background: #F8F9FB;
border-bottom: 2rpx solid #E6EAF2;
text-align: center;
padding: 3px 0;
font-weight: bold;
}
.template-item {
padding: 20rpx;
border-bottom: 2rpx solid #E6EAF2;
}
}
}
.vehicle-info {
background-color: #ECEFF5;
border: 1px #ECEFF5 solid;
border-radius: 6px;
.vehicle-title {
display: flex;
justify-content: space-around;
padding: 8rpx 0;
}
.vehicle-content {
background-color: #fff;
max-height: 273px;
overflow-y: auto;
.vehicle-item {
padding: 17rpx 16rpx 8rpx;
&:not(:last-child) {
border-bottom: 1px solid #ECEFF5;
}
.vehicle-item-info {
display: flex;
justify-content: space-between;
height: 20px;
margin-bottom: 8px;
}
.vehicle-item-remark {
border-radius: 4px;
border: 1px solid #4381FC;
height: 36px;
display: flex;
align-items: center;
padding: 8rpx 16rpx;
input {
width: 100%;
}
}
}
.left-item {
display: flex;
.cancel-icon {
width: 20px;
height: 20px;
margin-right: 16rpx;
}
}
.right-item {
margin-right: 8px;
.van-radio-group {
display: flex;
van-radio {
margin-right: 8px;
}
}
}
.tips {
color: red;
font-size: 25rpx;
text-align: right;
margin-top: 10rpx;
}
}
}
}
.pdb_20 {
padding-bottom: 20rpx;
}
.searchBox {
position: absolute;
width: 100%;
left: 0;
top: 80rpx;
z-index: 63;
}
.operateBtn {
width: 100%;
padding: 16px 12px 30px;
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;
.submitBtn {
height: 80rpx;
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
border-radius: 16rpx;
color: #FFFFFF;
line-height: 80rpx;
text-align: center;
}
}
.container {
height: calc(100vh - 100px);
overflow-y: auto;
}
.weui-input {
width: 100%;
height: 60px;
}
.isEdit{
background-color: #ECEFF5 !important;
}
miniprogram/packageA/pages/customerFollow/customerFollow.ts
+1169
View File
File diff suppressed because it is too large Load Diff
miniprogram/packageA/pages/customerFollow/customerFollow.wxml
+600
View File
@@ -0,0 +1,600 @@
<view>
<view class="container">
<view class="box {{showBox.base ? '' : 'pdb_20'}}">
<view class="row flex-between">
<view class="left flex-align">
<view class="bg"></view>
<view>基本信息</view>
</view>
<view class="right">
<view class="btn" wx:if="{{showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
<image src="../../../images/icon_up.png" mode="" />
<view class="val">收起</view>
</view>
<view class="btn" wx:if="{{!showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
<image src="../../../images/icon_down.png" mode="" />
<view class="val">展开</view>
</view>
</view>
</view>
<view wx:if="{{showBox.base}}">
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>项目</view>
</view>
<view class="right flex-align selectItem" data-fieldName="projectShow" catch:tap="pickerChange" wx:if="{{!isEdit}}">
<view wx:if="{{dictTextList.projectId_dictText}}">{{dictTextList.projectId_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view wx:else>{{dictTextList.projectId_dictText}}</view>
</view>
<view class="tips" wx:if="{{requireObj.baseInfo.projectId}}">{{requireObj.baseInfo.projectId}}</view>
</view>
<van-popup show="{{showList.projectShow}}" position="bottom" bind:close="hidePicker">
<view class="searchBox">
<van-search value="{{ projectSearchVal }}" placeholder="请输入项目" bind:search="filterProject" />
</view>
<van-picker data-fieldname="projectId" data-dicttext="projectId_dictText" show-toolbar columns="{{filterProjectList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
<view class="info-item">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>回访方式</view>
</view>
<view class="right flex-align selectItem" data-fieldName="reviewTypeShow" catch:tap="pickerChange">
<view wx:if="{{dictTextList.reviewType_dictText}}">{{dictTextList.reviewType_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
</view>
<view class="tips" wx:if="{{requireObj.baseInfo.reviewType}}">{{requireObj.baseInfo.reviewType}}</view>
</view>
<van-popup show="{{showList.reviewTypeShow}}" position="bottom" bind:close="hidePicker">
<van-picker data-fieldname="reviewType" data-dicttext="reviewType_dictText" show-toolbar columns="{{reviewTypeList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
<view class="info-item">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>回访时间</view>
</view>
<view class="right flex-align selectItem" data-fieldName="reviewTimeShow" catch:tap="pickerChange">
<view wx:if="{{params.reviewTime}}">{{params.reviewTime}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
</view>
<view class="tips" wx:if="{{requireObj.baseInfo.reviewTime}}">{{requireObj.baseInfo.reviewTime}}</view>
</view>
<van-popup show="{{showList.reviewTimeShow}}" position="bottom" bind:close="hidePicker">
<van-datetime-picker type="datetime" value="{{ dictTextList.reviewTimeTamp }}" data-fieldName="reviewTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
</van-popup>
<view class="info-item borderBottomNone">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>内容</view>
</view>
<view class="button-list">
<view class="button-selected">
<view class="bg">
<image src="../../../images/icon_select-disabled.png" mode="" />
</view>
<view class="title disabled">回访信息</view>
</view>
<view class="button-selected" data-fieldName="inspectionTask" catch:tap="selectContent" wx:if="{{contentItem.inspectionTask}}">
<view class="bg">
<image src="../../../images/icon_select.png" mode="" wx:if="{{!isEdit}}" />
<image src="../../../images/icon_select-disabled.png" mode="" wx:else />
</view>
<view class="title {{isEdit ? 'disabled' : 'selected'}}">车辆巡检</view>
</view>
<view class="button" data-fieldName="inspectionTask" catch:tap="selectContent" wx:if="{{!contentItem.inspectionTask}}">
<view class="title">车辆巡检</view>
</view>
<view class="button-selected" data-fieldName="opinion" catch:tap="selectContent" wx:if="{{contentItem.opinion}}">
<view class="bg">
<image src="../../../images/icon_select.png" mode="" wx:if="{{!isEdit}}" />
<image src="../../../images/icon_select-disabled.png" mode="" wx:else />
</view>
<view class="title {{isEdit ? 'disabled' : 'selected'}}">意见反馈</view>
</view>
<view class="button" data-fieldName="opinion" catch:tap="selectContent" wx:if="{{!contentItem.opinion}}">
<view class="title">意见反馈</view>
</view>
</view>
</view>
<view class="tips" wx:if="{{requireObj.director}}">{{requireObj.director}}</view>
</view>
</view>
</view>
<view class="box {{showBox.followInfo && !isEdit ? '' : 'pdb_20'}}">
<view class="row flex-between">
<view class="left flex-align">
<view class="bg"></view>
<view>回访信息</view>
</view>
<view class="right">
<view class="btn" wx:if="{{showBox.followInfo}}" data-fieldName="followInfo" catch:tap="showBoxInf">
<image src="../../../images/icon_up.png" mode="" />
<view class="val">收起</view>
</view>
<view class="btn" wx:if="{{!showBox.followInfo}}" data-fieldName="followInfo" catch:tap="showBoxInf">
<image src="../../../images/icon_down.png" mode="" />
<view class="val">展开</view>
</view>
</view>
</view>
<view wx:if="{{showBox.followInfo}}">
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>回访模板</view>
</view>
<view class="right flex-align selectItem" data-fieldName="customerFollowTemplateShow" catch:tap="pickerChange" wx:if="{{!isEdit}}">
<view wx:if="{{dictTextList.customerFollowTemplate_dictText}}">{{dictTextList.customerFollowTemplate_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view wx:else>{{dictTextList.customerFollowTemplate_dictText}}</view>
</view>
<view class="tips" wx:if="{{requireObj.baseInfo.templateId}}">{{requireObj.baseInfo.templateId}}</view>
</view>
<van-popup show="{{showList.customerFollowTemplateShow}}" position="bottom" bind:close="hidePicker">
<view class="searchBox">
<van-search value="{{ customerFollowTemplateSearchVal }}" placeholder="请输入模板" bind:search="filterCustomerFollowTemplate" />
</view>
<van-picker data-fieldname="templateId" data-dicttext="customerFollowTemplate_dictText" show-toolbar columns="{{filterCustomerFollowTemplateList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
<view wx:if="{{customerFollowTemplatePartList.length > 0}}">
<view class="template-info" wx:for="{{customerFollowTemplatePartList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<view class="template-category">{{item[0].categoryName}}</view>
<view class="template-content" wx:for="{{item}}" wx:for-item="el" wx:for-index="idx" wx:key="idx">
<view class="template-title">{{el.followName}}</view>
<view class="info-item">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>满意度</view>
</view>
<view class="right flex-align selectItem" data-fieldName="pleasedStatusShow" catch:tap="pickerChange" data-index="{{index}}" data-idx="{{idx}}">
<view wx:if="{{el.pleasedStatus}}">{{el.pleasedStatus === '1' ? '满意' : '不满意'}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
</view>
</view>
<view class="info-item">
<view class="flex-between">
<view class="left flex-align">
<view>备注</view>
</view>
<view class="right" style="width: 80%;">
<textarea class="weui-input" style="height: 40px;" maxlength="200" placeholder="最大输入长度为200" data-texttype='textarea' data-fieldName="customerFollowTemplatePartList" data-index="{{index}}" data-idx="{{idx}}" bindinput="partListRemarkChange" value="{{el.remark}}" />
</view>
</view>
<view class="tips" wx:if="{{validateObj.baseInfo.partList[index][idx].remark}}">{{validateObj.baseInfo.partList[index][idx].remark}}</view>
</view>
</view>
</view>
<van-popup show="{{showList.pleasedStatusShow}}" position="bottom" bind:close="hidePicker">
<van-picker show-toolbar columns="{{pleasedStatusList}}" bind:confirm="pleasedStatusPickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
</view>
<view wx:if="{{customerFollowTemplatePartList.length == 0}}">
<view class="template-info">请选择模板</view>
</view>
<view class="info-item">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>回访人</view>
</view>
<view class="right flex-align selectItem" data-fieldName="reviewUserShow" catch:tap="pickerChange">
<view wx:if="{{dictTextList.reviewUserId_dictText}}">{{dictTextList.reviewUserId_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<van-popup show="{{showList.reviewUserShow}}" position="bottom" bind:close="hidePicker">
<view class="searchBox">
<van-search value="{{ reviewUserSearchVal }}" placeholder="请输入回访人" bind:search="filterReviewUser" />
</view>
<van-picker data-fieldname="reviewUserId" data-dicttext="reviewUserId_dictText" show-toolbar columns="{{filterReviewUserList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
</view>
<view class="tips" wx:if="{{requireObj.baseInfo.reviewUserId}}">{{requireObj.baseInfo.reviewUserId}}</view>
</view>
<view class="info-item">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>回访结果</view>
</view>
<view class="right flex-align selectItem" data-fieldName="resultStatusShow" catch:tap="pickerChange">
<view wx:if="{{dictTextList.resultStatus_dictText}}">{{dictTextList.resultStatus_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
</view>
<view class="tips" wx:if="{{requireObj.baseInfo.resultStatus}}">{{requireObj.baseInfo.resultStatus}}</view>
</view>
<van-popup show="{{showList.resultStatusShow}}" position="bottom" bind:close="hidePicker">
<van-picker data-fieldname="resultStatus" data-dicttext="resultStatus_dictText" show-toolbar columns="{{isEdit ? opinionStatusList : resultStatusList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
<view class="info-item">
<view class="flex-between">
<view class="left flex-align">
<view>备注</view>
</view>
<view class="right" style="width: 80%;">
<textarea class="weui-input" maxlength="500" placeholder="最大输入长度为500" data-fieldName="remark" data-require='norequire' data-texttype='textarea' bindinput="inputChange" value="{{params.remark}}" />
</view>
</view>
<view class="tips" wx:if="{{validateObj.baseInfo.remark}}">{{validateObj.baseInfo.remark}}</view>
</view>
<view class="info-item">
<view class="left flex-align">
<view>附件</view>
</view>
<view class="uploadBox">
<van-uploader max-count="10" data-list="baseInfoFileList" bind:after-read="fileAfterRead" file-list="{{baseInfoFileList}}" bind:delete="deleteFile" />
</view>
</view>
</view>
</view>
<view class="box {{showBox.inspectionInfo && !isEdit ? '' : 'pdb_20'}}" wx:if="{{contentItem.inspectionTask}}">
<view class="row flex-between">
<view class="left flex-align">
<view class="bg"></view>
<view>车辆巡检</view>
</view>
<view class="right">
<view class="btn" wx:if="{{showBox.inspectionInfo}}" data-fieldName="inspectionInfo" catch:tap="showBoxInf">
<image src="../../../images/icon_up.png" mode="" />
<view class="val">收起</view>
</view>
<view class="btn" wx:if="{{!showBox.inspectionInfo}}" data-fieldName="inspectionInfo" catch:tap="showBoxInf">
<image src="../../../images/icon_down.png" mode="" />
<view class="val">展开</view>
</view>
</view>
</view>
<view wx:if="{{showBox.inspectionInfo}}">
<view class="info-item" style="border: none;">
<view class="flex-between">
<view class="left flex-align">
<view>巡检车辆</view>
</view>
<view class="right" style="width: 160rpx;" wx:if="{{originVehicleList.length != vehicleList.length && !isEdit}}">
<view class="reset-btn" catch:tap="resetVehicle">重置数据</view>
</view>
</view>
</view>
<view class="vehicle-info" wx:if="{{vehicleList.length > 0}}">
<view class="vehicle-title">
<view>车辆</view>
<view>结果</view>
</view>
<view class="vehicle-content">
<view class="vehicle-item {{isEdit ? 'isEdit' : ''}}" wx:for="{{vehicleList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<view class="vehicle-item-info">
<view class="left-item">
<image class="cancel-icon" src="../../../images/cancel-icon.png" catch:tap="deleteVehicle" data-index="{{index}}"></image>
<view class="plateNumber">{{item.plateNumber}}</view>
</view>
<view class="right-item">
<van-radio-group value="{{item.isNormal}}" bind:change="vehicleOnChange" data-index="{{index}}" disabled="{{isEdit}}">
<van-radio name="1">正常</van-radio>
<van-radio name="0">异常</van-radio>
</van-radio-group>
</view>
</view>
<view class="vehicle-item-remark">
<!-- <input type="text" value="{{item.abnormalMsg}}" placeholder="请输入异常情况备注" bindinput="vehicleRemarkChange" data-index="{{index}}" /> -->
<textarea class="weui-input" style="height: 40px;" maxlength="200" placeholder="最大输入长度为200" data-index="{{index}}" bindinput="vehicleRemarkChange" value="{{item.abnormalMsg}}" disabled="{{isEdit}}" />
</view>
<view class="tips" wx:if="{{validateObj.inspectionTaskInfo.vehicles[index].remark}}">{{validateObj.inspectionTaskInfo.vehicles[index].remark}}</view>
</view>
</view>
</view>
<view class="template-info" wx:if="{{vehicleList.length == 0}}">暂无车辆数据</view>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>巡检模板</view>
</view>
<view class="right flex-align selectItem" data-fieldName="inspectionTemplateShow" catch:tap="pickerChange" wx:if="{{!isEdit}}">
<view wx:if="{{dictTextList.inspectionTemplate_dictText}}">{{dictTextList.inspectionTemplate_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view wx:else>{{dictTextList.inspectionTemplate_dictText}}</view>
</view>
<view class="tips" wx:if="{{requireObj.inspectionTaskInfo.inspectionTemplateId}}">{{requireObj.inspectionTaskInfo.inspectionTemplateId}}</view>
</view>
<van-popup show="{{showList.inspectionTemplateShow}}" position="bottom" bind:close="hidePicker">
<view class="searchBox">
<van-search value="{{ inspectionTemplateSearchVal }}" placeholder="请输入模板" bind:search="filterCustomerFollowTemplate" />
</view>
<van-picker data-fieldname="inspectionTemplateId" data-dicttext="inspectionTemplate_dictText" data-type='inspectionTask' show-toolbar columns="{{filterInspectionTemplateList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
<view wx:if="{{inspectionTemplatePartList.length > 0}}">
<view class="template-info" wx:for="{{inspectionTemplatePartList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<view class="template-category">{{item[0].name}}</view>
<view class="template-content {{isEdit ? 'isEdit' : ''}}" wx:for="{{item}}" wx:for-item="el" wx:for-index="idx" wx:key="idx">
<view class="template-title {{isEdit ? 'isEdit' : ''}}">{{el.content}}</view>
<view class="info-item">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>是否正常</view>
</view>
<view class="right flex-align selectItem">
<van-radio-group value="{{el.normal}}" bind:change="templateOnChange" data-index="{{index}}" data-idx="{{idx}}" disabled='{{isEdit}}'>
<van-radio name="1">是</van-radio>
<van-radio name="0">否</van-radio>
</van-radio-group>
</view>
</view>
</view>
<view class="info-item">
<view class="flex-between">
<view class="left flex-align">
<view>备注</view>
</view>
<view class="right" style="width: 80%;">
<textarea class="weui-input" style="height: 40px;" maxlength="200" placeholder="最大输入长度为200" data-texttype='textarea' data-fieldName="inspectionTemplatePartList" data-index="{{index}}" data-idx="{{idx}}" bindinput="partListRemarkChange" value="{{el.remark}}" disabled='{{isEdit}}' />
</view>
</view>
<view class="tips" wx:if="{{validateObj.inspectionTaskInfo.partList[index][idx].remark}}">{{validateObj.inspectionTaskInfo.partList[index][idx].remark}}</view>
</view>
</view>
</view>
</view>
<view wx:if="{{inspectionTemplatePartList.length == 0}}">
<view class="template-info">请选择模板</view>
</view>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>巡检结果</view>
</view>
<view class="right flex-align selectItem" data-fieldName="inspectionResultShow" catch:tap="pickerChange" wx:if='{{!isEdit}}'>
<view wx:if="{{dictTextList.inspectionResult_dictText}}">{{dictTextList.inspectionResult_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view wx:else>{{dictTextList.inspectionResult_dictText}}</view>
</view>
<view class="tips" wx:if="{{requireObj.inspectionTaskInfo.inspectionResult}}">{{requireObj.inspectionTaskInfo.inspectionResult}}</view>
</view>
<van-popup show="{{showList.inspectionResultShow}}" position="bottom" bind:close="hidePicker">
<van-picker data-fieldname="inspectionResult" data-dicttext="inspectionResult_dictText" data-type="inspectionTask" show-toolbar columns="{{inspectionResultList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view>备注</view>
</view>
<view class="right" style="width: 80%;">
<textarea class="weui-input" maxlength="500" placeholder="最大输入长度为500" data-fieldName="remark" data-type="inspectionTask" data-require='norequire' data-texttype='textarea' bindinput="inputChange" value="{{params.inspectionTask.remark}}" disabled="{{isEdit}}" />
</view>
</view>
<view class="tips" wx:if="{{validateObj.inspectionTaskInfo.remark}}">{{validateObj.inspectionTaskInfo.remark}}</view>
</view>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="left flex-align">
<view>附件</view>
</view>
<view class="uploadBox">
<van-uploader max-count="10" data-list="inspectionTaskFileList" data-type="inspectionTask" bind:after-read="fileAfterRead" file-list="{{inspectionTaskFileList}}" bind:delete="deleteFile" disabled='{{isEdit}}' deletable='{{!isEdit}}' />
</view>
</view>
</view>
</view>
<view class="box {{showBox.handleInfo && !isEdit ? '' : 'pdb_20'}}" wx:if="{{contentItem.handle}}">
<view class="row flex-between">
<view class="left flex-align">
<view class="bg"></view>
<view>异常处理</view>
</view>
<view class="right">
<view class="btn" wx:if="{{showBox.handleInfo}}" data-fieldName="handleInfo" catch:tap="showBoxInf">
<image src="../../../images/icon_up.png" mode="" />
<view class="val">收起</view>
</view>
<view class="btn" wx:if="{{!showBox.handleInfo}}" data-fieldName="handleInfo" catch:tap="showBoxInf">
<image src="../../../images/icon_down.png" mode="" />
<view class="val">展开</view>
</view>
</view>
</view>
<view wx:if="{{showBox.handleInfo}}">
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>处理方案</view>
</view>
<view class="right" style="width: 80%;">
<textarea class="weui-input" maxlength="500" placeholder="最大输入长度为500" data-fieldName="handlePlan" data-type="inspectionTask" data-texttype='textarea' bindinput="inputChange" value="{{params.inspectionTask.handlePlan}}" disabled='{{isEdit}}' />
</view>
</view>
<view class="tips" wx:if="{{requireObj.inspectionTaskInfo.handlePlan}}">{{requireObj.inspectionTaskInfo.handlePlan}}</view>
</view>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>处理结果</view>
</view>
<view class="right flex-align selectItem" data-fieldName="handleTypeShow" catch:tap="pickerChange" wx:if="{{!isEdit}}">
<view wx:if="{{dictTextList.handleType_dictText}}">{{dictTextList.handleType_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view wx:else>{{dictTextList.handleType_dictText}}</view>
</view>
<view class="tips" wx:if="{{requireObj.inspectionTaskInfo.handleType}}">{{requireObj.inspectionTaskInfo.handleType}}</view>
</view>
<van-popup show="{{showList.handleTypeShow}}" position="bottom" bind:close="hidePicker">
<van-picker data-fieldname="handleType" data-dicttext="handleType_dictText" data-type="inspectionTask" show-toolbar columns="{{ resultStatusList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>处理时间</view>
</view>
<view class="right flex-align selectItem" data-fieldName="handleTimeShow" catch:tap="pickerChange" wx:if="{{!isEdit}}">
<view wx:if="{{params.inspectionTask.handleTime}}">{{params.inspectionTask.handleTime}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view wx:else>{{params.inspectionTask.handleTime}}</view>
</view>
<view class="tips" wx:if="{{requireObj.inspectionTaskInfo.handleTime}}">{{requireObj.inspectionTaskInfo.handleTime}}</view>
</view>
<van-popup show="{{showList.handleTimeShow}}" position="bottom" bind:close="hidePicker">
<van-datetime-picker type="datetime" value="{{ dictTextList.handleTimeTamp }}" data-fieldName="handleTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
</van-popup>
</view>
</view>
<view class="box {{showBox.feedbackInfo && !isEdit ? '' : 'pdb_20'}}" wx:if="{{contentItem.opinion}}">
<view class="row flex-between">
<view class="left flex-align">
<view class="bg"></view>
<view>意见反馈</view>
</view>
<view class="right">
<view class="btn" wx:if="{{showBox.feedbackInfo}}" data-fieldName="feedbackInfo" catch:tap="showBoxInf">
<image src="../../../images/icon_up.png" mode="" />
<view class="val">收起</view>
</view>
<view class="btn" wx:if="{{!showBox.feedbackInfo}}" data-fieldName="feedbackInfo" catch:tap="showBoxInf">
<image src="../../../images/icon_down.png" mode="" />
<view class="val">展开</view>
</view>
</view>
</view>
<view wx:if="{{showBox.feedbackInfo}}">
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>意见标题</view>
</view>
<view class="right">
<input placeholder-style="color:#949CB5" data-fieldName="name" data-type='opinion' bindinput="inputChange" value="{{params.opinion.name}}" type="text" placeholder="请输入" style="width:100%;" disabled='{{isEdit}}' />
</view>
</view>
<view class="tips" wx:if="{{requireObj.opinionInfo.name}}">{{requireObj.opinionInfo.name}}</view>
</view>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>意见分类</view>
</view>
<view class="right flex-align selectItem" data-fieldName="opinionTypeShow" catch:tap="pickerChange" wx:if="{{!isEdit}}">
<view wx:if="{{dictTextList.opinionType_dictText}}">{{dictTextList.opinionType_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view wx:else>{{dictTextList.opinionType_dictText}}</view>
</view>
<view class="tips" wx:if="{{requireObj.opinionInfo.opinionType}}">{{requireObj.opinionInfo.opinionType}}</view>
</view>
<van-popup show="{{showList.opinionTypeShow}}" position="bottom" bind:close="hidePicker">
<van-picker data-fieldname="opinionType" data-dicttext="opinionType_dictText" data-type="opinion" show-toolbar columns="{{opinionTypeList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>提议人</view>
</view>
<view class="right">
<input placeholder-style="color:#949CB5" data-fieldName="proposeName" data-type='opinion' bindinput="inputChange" value="{{params.opinion.proposeName}}" type="text" placeholder="请输入" style="width:100%;" disabled='{{isEdit}}' />
</view>
</view>
<view class="tips" wx:if="{{requireObj.opinionInfo.proposeName}}">{{requireObj.opinionInfo.proposeName}}</view>
</view>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>联系电话</view>
</view>
<view class="right">
<input placeholder-style="color:#949CB5" data-fieldName="phone" data-type='opinion' bindinput="inputChange" value="{{params.opinion.phone}}" type="number" placeholder="请输入" style="width:100%;" disabled='{{isEdit}}' />
</view>
</view>
<view class="tips" wx:if="{{requireObj.opinionInfo.phone}}">{{requireObj.opinionInfo.phone}}</view>
</view>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>意见内容</view>
</view>
<view class="right">
<input placeholder-style="color:#949CB5" data-fieldName="content" data-type='opinion' bindinput="inputChange" value="{{params.opinion.content}}" type="text" placeholder="请输入" style="width:100%;" disabled='{{isEdit}}' />
</view>
</view>
<view class="tips" wx:if="{{requireObj.opinionInfo.content}}">{{requireObj.opinionInfo.content}}</view>
</view>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view class="require">*</view>
<view>处理人</view>
</view>
<view class="right flex-align selectItem" data-fieldName="userShow" catch:tap="pickerChange" wx:if="{{!isEdit}}">
<view wx:if="{{dictTextList.handleId_dictText}}">{{dictTextList.handleId_dictText}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view wx:else>{{dictTextList.handleId_dictText}}</view>
</view>
<view class="tips" wx:if="{{requireObj.opinionInfo.handleId}}">{{requireObj.opinionInfo.handleId}}</view>
</view>
<van-popup show="{{showList.userShow}}" position="bottom" bind:close="hidePicker">
<view class="searchBox">
<van-search value="{{ userSearchVal }}" placeholder="请输入处理人" bind:search="filterUser" />
</view>
<van-picker data-fieldname="handleId" data-dicttext="handleId_dictText" data-type="opinion" show-toolbar columns="{{filterUserList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker"></van-picker>
</van-popup>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="flex-between">
<view class="left flex-align">
<view>备注</view>
</view>
<view class="right" style="width: 80%;">
<textarea class="weui-input" maxlength="500" placeholder="最大输入长度为500" data-fieldName="remark" data-type="opinion" data-require='norequire' data-texttype='textarea' bindinput="inputChange" value="{{params.opinion.remark}}" disabled='{{isEdit}}' />
</view>
</view>
<view class="tips" wx:if="{{validateObj.opinionInfo.remark}}">{{validateObj.opinionInfo.remark}}</view>
</view>
<view class="info-item {{isEdit ? 'isEdit' : ''}}">
<view class="left flex-align">
<view>附件</view>
</view>
<view class="uploadBox">
<van-uploader max-count="10" data-list="opinionFileList" data-type="opinion" bind:after-read="fileAfterRead" file-list="{{opinionFileList}}" bind:delete="deleteFile" disabled='{{isEdit}}' deletable='{{!isEdit}}' />
</view>
</view>
</view>
</view>
</view>
<view class="operateBtn">
<view catchtap="formSubmit" class="submitBtn">提交</view>
</view>
</view>
miniprogram/packageA/pages/customerFollowDetail/customerFollowDetail.json
+4
View File
@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "回访详情"
}
miniprogram/packageA/pages/customerFollowDetail/customerFollowDetail.less
+207
View File
@@ -0,0 +1,207 @@
/* pages/backlog/annualInspection/annualInspection.wxss */
.container {
height: 100vh;
padding-top: 2px;
box-sizing: border-box;
background: #EFF1F4;
overflow: hidden;
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;
}
.type-list {
display: flex;
.type {
height: 22px;
line-height: 22px;
padding: 0 8px;
margin-left: 5px;
background: #FFF1F0;
border-radius: 4px;
border: 1px solid #FFA39E;
color: #FF4D4F;
font-size: 12px;
}
.color-red {
color: #FF4D4F;
}
}
}
}
.detail-container {
max-height: calc(100vh - 72px);
box-sizing: border-box;
padding: 0px 8px 0px;
overflow: hidden;
position: relative;
.tabs {
display: flex;
.tab {
width: 50%;
height: 40px;
line-height: 40px;
// background: #fff;
border-radius: 8px 8px 0 0;
color: #4381FC;
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::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;
}
.content {
max-height: calc(100vh - 72px - 40px - 100px);
padding: 12px 10px;
box-sizing: border-box;
border-radius: 0px 8px 8px 8px;
background: #fff;
overflow-y: auto;
.line {
width: 100%;
height: 1px;
margin-bottom: 8px;
background: #EFEFEF;
}
.row {
margin-bottom: 8px;
display: flex;
justify-content: space-between;
// align-items: center;
.label {
margin-right: 4px;
color: #858CA0;
font-size: 14px;
white-space: nowrap;
}
.val {
color: #2E3A4F;
font-size: 14px;
}
.pic-box {
max-width: 70%;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
.item {
width: 84px;
height: 84px;
padding-left: 8px;
display: flex;
align-items: center;
image {
width: 100%;
height: 100%;
display: block;
}
}
}
}
}
}
.bottom {
width: 100%;
padding: 10px 8px 30px;
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;
.btn-box {
width: 100%;
display: flex;
justify-content: space-between;
.btn {
width: 100%;
height: 40px;
line-height: 40px;
border-radius: 8px;
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
color: #fff;
font-weight: bold;
text-align: center;
}
}
}
}
miniprogram/packageA/pages/customerFollowDetail/customerFollowDetail.ts
+131
View File
@@ -0,0 +1,131 @@
// pages/backlog/annualInspection/annualInspection.ts
import { getAction } from '../../../api/base';
Page({
/**
* 页面的初始数据
*/
data: {
tabActive: 0,
info: '' as any,
item: {} as any
},
// 变更tab
// changeTab(e: any) {
// console.log(e.currentTarget.dataset.tab);
// this.setData({
// tabActive: e.currentTarget.dataset.tab
// });
// },
getDetailInf() {
let parms = {
id: this.data.id
};
getAction('api/vehicles/backlog/getAnnualInspectionById', parms).then(
(res: any) => {
if (res.code == 200) {
console.log(res.result);
res.result.drivingLicenseList = res.result.drivingLicense
? res.result.drivingLicense.split(',')
: [];
res.result.vehicleQualificationMarkList = res.result
.vehicleQualificationMark
? res.result.vehicleQualificationMark.split(',')
: [];
res.result.detailsTableList = res.result.detailsTable
? res.result.detailsTable.split(',')
: [];
res.result.otherList = res.result.other
? res.result.other.split(',')
: [];
this.setData({
item: res.result
});
} else {
wx.showToast({
title: res.message,
icon: 'none'
});
}
}
);
},
previewImg(e: any) {
let that = this;
let { index, key, key2 } = e.currentTarget.dataset;
if (key2) {
wx.previewImage({
current: that.data.item[key][key2][index | 0], // 当前显示图片的http链接 默认urls[0]
urls: that.data.item[key][key2] // 需要预览的图片http链接列表
});
} else {
wx.previewImage({
current: that.data.item[key][index | 0], // 当前显示图片的http链接 默认urls[0]
urls: that.data.item[key] // 需要预览的图片http链接列表
});
}
},
toFeedback() {
let that = this;
// 跳转到反馈
wx.navigateTo({
url: '../customerFollow/customerFollow',
success: function (res) {
// 通过eventChannel向被打开页面传送数据
wx.setStorageSync('customerFollowData', that.data.info.id);
},
fail: e => {
console.log(e);
}
});
},
/**
* 生命周期函数--监听页面加载
*/
onLoad() {
const eventChannel = this.getOpenerEventChannel();
getApp().EventChannel = eventChannel;
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
let info = wx.getStorageSync('customerFollowData');
this.setData({
info: info
});
wx.removeStorageSync('customerFollowData');
// this.getDetailInf();
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {}
});
miniprogram/packageA/pages/customerFollowDetail/customerFollowDetail.wxml
+141
View File
@@ -0,0 +1,141 @@
<!--pages/backlog/annualInspection/annualInspection.wxml-->
<view class="container">
<view class="bg">
<image src="../../../images/bg_page_blue.png" mode="" />
</view>
<view class="top">
<view class="row">
<view class="number-plate">
<view class="val">{{info.projectId_dictText}}</view>
</view>
<view class="project-name">{{info.followType}}</view>
</view>
<view class="row">
<view class="time">计划回访时间：{{info.time ? info.time : '-'}}</view>
<view class="type-list">
<view class="type">{{info.followStatus}}</view>
</view>
</view>
</view>
<!-- <view class="detail-container" wx:if="{{false}}">
<view class="tabs">
<view class="tab {{tabActive == 0 ? 'active' : ''}}" data-tab="0" catch:tap="changeTab">
<view class="bg"><image src="../../../images/btn_l.png" mode=""/></view>
<view class="value">年检信息</view>
</view>
</view>
<view class="content">
<view class="row">
<view class="label">处理人</view>
<view class="val">{{ item.processedPerson ? item.processedPerson : '/'}}</view>
</view>
<view class="row">
<view class="label">年检有效期</view>
<view class="val"> {{ item.validityPeriod ? item.validityPeriod : '/'}}</view>
</view>
<view class="row">
<view class="label">办理日期</view>
<view class="val">{{ item.handlingDate ? item.handlingDate : '/'}}</view>
</view>
<view class="row">
<view class="label">年检地点</view>
<view class="val">{{ item.location ? item.location : '/'}}天</view>
</view>
<view class="row">
<view class="label">备注</view>
<view class="val">{{ item.remark ? item.remark : '/'}}</view>
</view>
<view class="line"></view>
<view class="row">
<view class="label">检测费</view>
<view class="val">{{ item.testingFee ? item.testingFee : '/'}}</view>
</view>
<view class="row">
<view class="label">手续费</view>
<view class="val">{{ item.serviceFee ? item.serviceFee : '/'}}</view>
</view>
<view class="row">
<view class="label">杂费</view>
<view class="val">{{ item.miscellaneousFee ? item.miscellaneousFee : '/'}}</view>
</view>
<view class="row">
<view class="label">费用合计</view>
<view class="val">{{ item.totalFee ? item.totalFee : '/'}}</view>
</view>
<view class="line"></view>
<view class="row">
<view class="label">行驶证</view>
<view class="pic-box">
<view
class="item"
wx:for="{{item.drivingLicenseList}}"
wx:key="index"
wx:for-item="pic"
wx:if="{{item.drivingLicenseList.length > 0}}"
data-index="{{index}}"
data-key="drivingLicenseList"
bindtap="previewImg">
<image src="{{pic}}" mode=""/>
</view>
<view class="val" wx:if="{{item.drivingLicenseList.length == 0}}">/</view>
</view>
</view>
<view class="row">
<view class="label">车辆合格证</view>
<view class="pic-box">
<view
class="item"
wx:for="{{item.vehicleQualificationMarkList}}"
wx:key="index"
wx:for-item="pic"
wx:if="{{item.vehicleQualificationMarkList.length > 0}}"
data-index="{{index}}"
data-key="vehicleQualificationMarkList"
bindtap="previewImg">
<image src="{{pic}}" mode=""/>
</view>
<view class="val" wx:if="{{item.vehicleQualificationMarkList.length == 0}}">/</view>
</view>
</view>
<view class="row">
<view class="label">年检费用明细表</view>
<view class="pic-box">
<view
class="item"
wx:for="{{item.detailsTableList}}"
wx:key="index"
wx:for-item="pic"
wx:if="{{item.detailsTableList.length > 0}}"
data-index="{{index}}"
data-key="detailsTableList"
bindtap="previewImg">
<image src="{{pic}}" mode=""/>
</view>
<view class="val" wx:if="{{item.detailsTableList.length == 0}}">/</view>
</view>
</view>
<view class="row">
<view class="label">其他</view>
<view class="pic-box">
<view
class="item"
wx:for="{{item.otherList}}"
wx:key="index"
wx:for-item="pic"
wx:if="{{item.otherList.length > 0}}"
data-index="{{index}}"
data-key="otherList"
bindtap="previewImg">
<image src="{{pic}}" mode=""/>
</view>
<view class="val" wx:if="{{item.otherList.length == 0}}">/</view>
</view>
</view>
</view>
</view> -->
<view class="bottom">
<view class="btn-box">
<view class="btn" catch:tap="toFeedback">办理回访</view>
</view>
</view>
</view>

Some files were not shown because too many files have changed in this diff Show More