业务审核查询

pages.json

@@ -103,6 +103,13 @@
 	"subPackages": [{
 			"root": "subpackage/after-sale", //售后相关 
 			"pages": [{
+					"path": "progress-query/progress-query-business",
+					"style": {
+						"navigationBarTitleText": "业务审核记录",
+						"enablePullDownRefresh": false
+					}
+				},
+				{
 					"path": "progress-query/progress-query-tab",
 					"style": {
 						"navigationBarTitleText": "进度查询",

subpackage/after-sale/progress-query/progress-query-business.vue

@@ -0,0 +1,309 @@
+<template>
+	<view class="content">
+		<view class="top-content">
+			<view class="item">
+				<text>车牌号：</text><input placeholder="请输入车牌号" v-model="state.vehicleIdNum" />
+			</view>
+			<view class="item">
+				<text>车牌颜色：</text>
+				<view>
+					<uni-data-select v-model="state.vehiclePlateColor" :localdata="state.vehiclePlateColorArr"
+						@change="changeColor" :clear="false"></uni-data-select>
+				</view>
+			</view>
+			<view class="item">
+				<text>审核状态：</text>
+				<view>
+					<uni-data-select v-model="state.status" :localdata="state.statusArr" @change="changeBusiness"
+						:clear="false"></uni-data-select>
+				</view>
+			</view>
+			<view class="item">
+				<text>业务类型：</text>
+				<uni-data-select v-model="state.businessTypeVal" :localdata="state.businessRange"
+					@change="changeBusiness" :clear="false"></uni-data-select>
+			</view>
+			<view class="example-body">
+				<uni-datetime-picker v-model="state.range" type="daterange" />
+				<button size="mini" style="color: #ffffff;
+				backgroundColor: rgb(118, 200, 77);
+				borderColor: rgb(118, 200, 77);
+				font-size: 26rpx;
+				flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button>
+			</view>
+		</view>
+
+
+		<view class="uni-container">
+			<view class="list-item" v-for="(item,index) in state.listData">
+				<view><text>车牌号：</text><text>{{item.vehiclePlate}}</text></view>
+				<view><text>车牌颜色：</text><text>{{item.vehiclePlateColorC}}</text></view>
+				<view><text>状态：</text><text>{{item.statusC}}</text></view>
+				<view><text>业务类型：</text><text>{{item.businessType}}</text></view>
+				<view><text>时间：</text><text>{{item.insertTime}}</text></view>
+			</view>
+		</view>
+		<view class="bottom-line" v-if="state.flags">我是有底线的~~~</view>
+	</view>
+
+</template>
+
+<script setup lang="ts">
+	import { reactive } from "vue";
+	import {
+		businessType
+	} from "@/datas/businessType.js"
+	import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+	import { auditQueryApi } from "@/utils/network/api.js";
+	import { stringToJson } from "@/utils/network/encryption";
+	import { request } from "@/utils/network/request.js";
+	import { getItem, StorageKeys } from "@/utils/storage";
+	import { vehiclePlateColor, getVehiclePlateColorPai } from "@/datas/vehiclePlateColor";
+	const state = reactive({
+		startTime: Date.now(), //日期
+		businessTypeVal: "",
+		businessRange: [],
+		listData: [],
+		range: ['', ''],
+		pageSize: 10,  //每页数据量
+		pageNo: 1,	// 当前页
+		total: 0,	// 数据总量
+		flags: false,
+		vehicleIdNum: "",//车牌号
+		vehiclePlateColor: 0,
+		status: 0,
+		statusArr: [
+			{
+				value: 'AUDIT',
+				text: '审核中'
+			},
+			{
+				value: 'FAIL',
+				text: '未通过'
+			},
+			{
+				value: 'COMPLETE',
+				text: '已完成'
+			},
+		],
+		vehiclePlateColorArr: [{
+			value: 0,
+			text: '蓝色'
+		},
+		{
+			value: 1,
+			text: '黄色'
+		},
+		{
+			value: 2,
+			text: '黑色'
+		},
+		{
+			value: 3,
+			text: '白色'
+		},
+		{
+			value: 4,
+			text: '渐变绿色'
+		},
+		{
+			value: 5,
+			text: '黄绿双拼色'
+		},
+		{
+			value: 6,
+			text: '蓝白渐变色'
+		},
+		{
+			value: 9,
+			text: '未确定'
+		},
+		{
+			value: 11,
+			text: '绿色'
+		},
+		{
+			value: 12,
+			text: '红色'
+		}
+		]
+
+	})
+	onLoad((option) => {
+		let getBusiness = getItem('key')['BUSINESS_TYPE'];
+		for (var k = 0; k < getBusiness.length; k++) {
+			let obj = {};
+			obj['value'] = getBusiness[k]['code']
+			obj['text'] = getBusiness[k]['name']
+			state.businessRange.push(obj)
+		}
+
+		search(1)
+	})
+	const changeColor = (e) => {
+		console.log("changeColor", e)
+	}
+	const changeBusiness = (e) => {
+		state.businessTypeVal = e
+		console.log(e)
+	}
+	//业务完成日志
+	const search = (val) => {
+		if (val == 1) {
+			state.pageNo = 1
+		}
+		if (state.pageNo == 1 && state.listData.length > 0) {
+			state.listData = []
+		}
+		var data = {
+			// vehiclePlate: "",
+			// vehiclePlateColor: "",
+			// status: "",
+			// businessType: "",
+			// startTime: state.range[0],
+			// endTime: state.range[1],
+			pageNo: state.pageNo,
+			pageSize: state.pageSize,
+		};
+		const options = {
+			type: 2,
+			data: data,
+			method: "POST",
+			showLoading: true,
+		};
+
+		request(auditQueryApi, options).then((res) => {
+			const data = stringToJson(res.bizContent);
+			var getData = [...stringToJson(res.bizContent).data, ...state.listData]
+			for (var i = 0; i < getData.length; i++) {
+				getData[i]['vehiclePlateColorC'] = getVehiclePlateColorPai(getData[i]['vehiclePlateColor'])
+				if (getData[i]['status'] == 'AUDIT') {
+					getData[i]['statusC'] = "审核中"
+				} else if (getData[i]['status'] == 'FAIL') {
+					getData[i]['statusC'] = "未通过"
+				} else if (getData[i]['status'] == 'COMPLETE') {
+					getData[i]['statusC'] = "已完成"
+				}
+
+			}
+			state.listData = getData
+			state.total = data.data.length
+			console.log("业务完成日志", state.listData, state.pageNo,)
+		});
+	}
+	const change = (e) => {
+		console.log("e", e)
+		state.pageNo = e.current
+		search(2)
+	}
+	// 触底加载
+	onReachBottom(() => {
+		if (state.listData.length < state.pageNo * 10) return state.flags = true
+		console.log("触底了")
+		state.pageNo++
+		search(2)
+	})
+</script>
+
+<style scoped>
+	.top-content {
+		position: fixed;
+		left: 0;
+		top: 0;
+		background-color: white;
+		width: 100%;
+		padding: 0 20rpx 20rpx 20rpx;
+		box-sizing: border-box;
+	}
+
+	.content {
+		font-size: 32rpx;
+		padding: 20rpx 30rpx;
+		background-color: #EEF7F7;
+		min-height: 100vh;
+	}
+
+	.card {
+		display: flex;
+		margin: 0 20rpx;
+		align-items: center;
+	}
+
+	.title {
+		margin-bottom: 20rpx;
+	}
+
+	.uni-container {
+		margin: 50rpx 0;
+		margin-top: 200rpx;
+	}
+
+	/deep/.uni-table-th,
+	/deep/.uni-table-td {
+		padding: 0 !important;
+		font-size: 12px !important;
+	}
+
+	/deep/.uni-date__x-input,
+	/deep/.uni-select {
+		font-size: 13px;
+		height: 28px;
+		line-height: 28px;
+	}
+
+	/deep/.uni-stat__select {
+		width: 360rpx;
+	}
+
+	/deep/.uni-select__selector-empty,
+	/deep/.uni-select__selector-item {
+		font-size: 13px !important;
+	}
+
+	/deep/.uni-date {
+		width: 73% !important;
+	}
+
+	.example-body {
+		display: flex;
+		align-items: center;
+		margin-top: 20rpx;
+	}
+
+	/deep/.uni-date-x {
+		height: 68rpx !important;
+	}
+
+	.list-item {
+		width: 95%;
+		border-radius: 10rpx;
+		margin: 30rpx auto;
+		font-size: 28rpx;
+		border: 1rpx solid #ccc;
+		padding: 12rpx;
+		box-sizing: border-box;
+		background-color: white;
+	}
+
+	.list-item>view {
+		margin-bottom: 10rpx;
+	}
+
+	.bottom-line {
+		text-align: center;
+		margin: 30rpx 0;
+	}
+
+	.item {
+		display: flex;
+		font-size: 30rpx;
+		margin: 20rpx 0 0 20rpx;
+		align-items: center;
+	}
+
+	input,
+	.uni-input {
+		border: 1rpx solid #ccc;
+		padding: 0 10rpx;
+	}
+</style>

subpackage/after-sale/progress-query/progress-query-tab.vue

@@ -1,9 +1,58 @@
 <template>
-	<view>11111</view>
+	<view class="list" v-for="(item,index) in state.list" :key="item.type" @click="go(item.type)">
+		<view style="display: flex;align-items: center;">
+			<image class="photo" :src="fileURL + item.image "></image>
+			<text>{{item.title}}</text>
+		</view>
+		<image class="photo1" src="../../static/image/icon-back.png" mode="widthFix"></image>
+	</view>
 </template>
 
-<script>
+<script setup lang="ts">
+	import { reactive } from "vue"
+	import { fileURL } from "@/datas/fileURL.js";
+	const state = reactive({
+		list: [
+			{
+				"title": "业务审核",
+				"type": 1,
+				"image": "image/index/goRecharge.png",
+			},
+			{
+				"title": "对公账户",
+				"type": 2,
+				"image": "image/index/goRecharge.png"
+			}
+		],
+	});
+	const go = (type) => {
+		if (type == 1) {
+			uni.navigateTo({
+				url: "/subpackage/after-sale/progress-query/progress-query-business"
+			})
+		}
+	}
 </script>
 
-<style>
+<style scoped>
+	.list {
+		border-bottom: 1rpx solid #c1c1c1;
+		display: flex;
+		padding: 16rpx 20rpx;
+		align-items: center;
+		justify-content: space-between;
+		height: 60rpx;
+		font-size: 32rpx;
+	}
+
+	.photo {
+		width: 40rpx;
+		height: 40rpx;
+		margin-right: 20rpx;
+	}
+
+	.photo1 {
+		width: 40rpx;
+		transform: rotateY(180deg);
+	}
 </style>

utils/network/api.js

@@ -270,4 +270,5 @@ export const activationRecordApi = "1be22d30f08a4f10958a4b76dcfae6cf" //查询
 export const submitVehicleApi = "e35daf84891549afabcbf86b4ed7e2e3" //重新激活提交车辆信息
 export const getEquityListApi = "a2656146d9c24c86b8ea7aabbe3dbf97" //获取全部加购权益列表
 export const addEquityListApi = "783e1feed98740b691f6c49c6d76f7d5" //全部权益列表购买
-export const showEquityListApi = "2af868adcf2f44ceb7a94c659ba2cee1" //展示权益列表购买
+export const showEquityListApi = "2af868adcf2f44ceb7a94c659ba2cee1" //展示权益列表购买
+export const auditQueryApi = "38b105703c854c118202bb411c924b88" //通用审核查询接口