diff --git a/components/qianziyu-select/.DS_Store b/components/qianziyu-select/.DS_Store
new file mode 100644
index 0000000..b1afbba
Binary files /dev/null and b/components/qianziyu-select/.DS_Store differ
diff --git a/components/qianziyu-select/qianziyu-select.vue b/components/qianziyu-select/qianziyu-select.vue
new file mode 100644
index 0000000..9299de5
--- /dev/null
+++ b/components/qianziyu-select/qianziyu-select.vue
@@ -0,0 +1,166 @@
+<template>
+	<view>
+		<u-popup :show="show" @close="cancel">
+			<view class="title">{{popupTitle}}</view>
+			<view style="padding: 20rpx;">
+				<u-search v-if="showSearch" @custom="search" @search="search" :placeholder="placeholder"
+					v-model="keyword"></u-search>
+				<u-gap v-if="showSearch" height="15"></u-gap>
+				<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltolower="$emit('lower')">
+				
+					<!--单选-->
+					<u-radio-group v-if="type == 'radio'" :borderBottom="true" iconPlacement="right" placement="column"
+						@change="groupChange" v-model="radioValue">
+						<u-radio :customStyle="{marginBottom: '12px'}" v-for="(item, index) in dataLists" :key="index"
+							:label="item[name]" :name="index">
+						</u-radio>
+					</u-radio-group>
+				
+					<!--多选-->
+					<u-checkbox-group v-if="type == 'checkbox'" :borderBottom="true" placement="column"
+						iconPlacement="right" @change="checkboxChange" v-model="checkboxValue">
+						<u-checkbox :customStyle="{marginBottom: '12px',paddingBottom:'12px'}"
+							v-for="(item, index) in dataLists" :key="index" :label="item[name]" :name="index">
+						</u-checkbox>
+					</u-checkbox-group>
+				
+				</scroll-view>
+				<u-gap height="45"></u-gap>
+				<view class="bottons">
+					<u-row>
+						<u-col customStyle="padding:0 10rpx 20rpx 20rpx" span="6">
+							<u-button @click="cancel">取消</u-button>
+						</u-col>
+						<u-col customStyle="padding:0 20rpx 20rpx 10rpx" span="6">
+							<u-button @click="submit" type="primary" throttleTime="1000" :disabled="(JSON.stringify(radioData) === '{}') && (checkboxData.length === 0)">确认</u-button>
+						</u-col>
+					</u-row>
+				</view>
+			</view>
+		</u-popup>
+
+	</view>
+</template>
+
+<script>
+	/**
+	 * 公共选择下拉框，基于uview。支持下拉加载、列表搜索、单选｜多选
+	 * @author qianziyu
+	 * @description 弹出层选择器，基于uview中u-popup实现
+	 * @property {Array}			dataLists			数据列表
+	 * @property {String}			name				列表显示的字段名
+	 * @property {Boolean}			show				是否展示弹窗 (默认 false )
+	 * @property {String}			type				选择类型 单选｜多选 (默认 单选 )
+	 * @property {Boolean}			showSearch			是否显示搜索框 (默认 true )
+	 * @property {String}	        popupTitle			列表标题
+	 * @property {String}			placeholder			搜索框placeholder
+	 * @event {Function} search 搜索事件，返回keyword
+	 * @event {Function} lower 滑动到底部触发，用于下拉加载新数据
+	 * @event {Function} cancel 组件关闭事件
+	 * @event {Function} submit 提交按钮,返回选中的列表数据
+	 * @example <common-select :show="show" :popupTitle="popupTitle" @cancel="show=false" @search="selectSearch" name="cworkStationName" @submit="onsubmit"
+			:dataLists="dataLists" placeholder="输入工站名称搜索"></common-select>
+	 */
+	export default {
+		name: "qianziyu-select",
+		props: {
+			dataLists: {
+				default: {},
+				type: Array
+			},
+			name: {
+				default: 'name',
+			},
+			show: {
+				default: false,
+				type: Boolean
+			},
+			type: {
+				default: 'radio',
+				type: String
+			},
+			showSearch: {
+				default: true,
+				type: Boolean
+			},
+			popupTitle: {
+				default: '列表选择',
+				type: String
+			},
+			placeholder: {
+				default: '请输入搜索内容'
+			}
+		},
+		data() {
+			return {
+				keyword: '',
+				scrollTop: 0,
+				checkboxData: [],
+				checkboxValue:[],
+				radioData: {},
+				radioValue: ''
+			};
+		},
+		methods: {
+			checkboxChange(n) {
+				this.checkboxData=[]
+				n.forEach(key=>{
+					this.checkboxData.push(this.dataLists[key])
+				})
+			},
+			//选择列表项触发
+			groupChange(n) {
+				this.radioData = this.dataLists[n]
+			},
+			//点击搜索触发
+			search() {
+				this.$emit('search', this.keyword)
+			},
+			//点击取消按钮触发
+			cancel() {
+				this.$emit('cancel')
+			},
+			//提交触发
+			submit() {
+				if (this.type == 'radio') {
+					if (JSON.stringify(this.radioData) == '{}') {
+						uni.$u.toast('请选择数据')
+						return;
+					}
+					this.$emit('submit', this.radioData)
+				} else if (this.type == 'checkbox') {
+					if (this.checkboxData.length == 0) {
+						uni.$u.toast('请选择数据')
+						return;
+					}
+					this.$emit('submit', this.checkboxData)
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.u-popup {
+		.title {
+			border-bottom: 1px solid #f7f7f7;
+			padding: 20rpx;
+			text-align: center;
+			font-weight: bold;
+		}
+	}
+
+	.scroll-Y {
+		height: 650rpx;
+	}
+
+	.bottons {
+		background-color: white;
+		position: fixed;
+		left: 0;
+		bottom: 0;
+		right: 0;
+		bottom: constant(safe-area-inset-bottom);
+		bottom: env(safe-area-inset-bottom);
+	}
+</style>
diff --git a/components/sin-signature/sin-signature.vue b/components/sin-signature/sin-signature.vue
new file mode 100644
index 0000000..8f6525a
--- /dev/null
+++ b/components/sin-signature/sin-signature.vue
@@ -0,0 +1,442 @@
+<template>
+	<view class="signature-wrap">
+		<view class="img-wrap" @tap="showSignature()" @touchstart="touchSignature()">
+			<image :src="absPrevView" mode="scaleToFill"></image>
+		</view>
+		<view v-if="!disabled" v-show="show" class="signature-contain">
+			<view class="signature-main" style="z-index: 3000;">
+				<view class="signature-title"><text v-for="t in titles">{{t}}</text></view>
+				<canvas disable-scroll="true" class="signature" :class="cid" canvas-id="cvs" @touchstart="touchstart"
+					@touchmove="touchmove" @touchend="touchend"></canvas>
+				<view class="signature-btns">
+					<view class="btn btn-cancel cu-btn bg-main margin-tb-sm text-white" @tap="cancelSignature()">
+						<text>取</text><text>消</text>
+					</view>
+					<view class="btn btn-clear cu-btn bg-main margin-tb-sm text-white" @tap="clearSignature();">
+						<text>清</text><text>空</text>
+					</view>
+					<view class="btn btn-ok cu-btn bg-main margin-tb-sm text-white" @tap="onOK()">
+						<text>确</text><text>定</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	let _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+	var _utf8_encode = function(string) {
+		string = string.replace(/\r\n/g, "\n");
+		var utftext = "";
+		for (var n = 0; n < string.length; n++) {
+			var c = string.charCodeAt(n);
+			if (c < 128) {
+				utftext += String.fromCharCode(c);
+			} else if ((c > 127) && (c < 2048)) {
+				utftext += String.fromCharCode((c >> 6) | 192);
+				utftext += String.fromCharCode((c & 63) | 128);
+			} else {
+				utftext += String.fromCharCode((c >> 12) | 224);
+				utftext += String.fromCharCode(((c >> 6) & 63) | 128);
+				utftext += String.fromCharCode((c & 63) | 128);
+			}
+
+		}
+		return utftext;
+	}
+
+	let base64encode = function(input) {
+		var output = "";
+		var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
+		var i = 0;
+		input = _utf8_encode(input);
+		while (i < input.length) {
+			chr1 = input.charCodeAt(i++);
+			chr2 = input.charCodeAt(i++);
+			chr3 = input.charCodeAt(i++);
+			enc1 = chr1 >> 2;
+			enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
+			enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
+			enc4 = chr3 & 63;
+			if (isNaN(chr2)) {
+				enc3 = enc4 = 64;
+			} else if (isNaN(chr3)) {
+				enc4 = 64;
+			}
+			output = output +
+				_keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
+				_keyStr.charAt(enc3) + _keyStr.charAt(enc4);
+		}
+		return output;
+	}
+	export default {
+		cxt: null,
+		data() {
+			return {
+				VERSION: '1.0.0',
+				cid: 'cvs',
+				show: false,
+				ctrl: null,
+				listeners: [],
+				prevView: '',
+
+				draws: [],
+				lines: [],
+				line: null,
+			};
+		},
+		props: {
+			value: {
+				default: '',
+			},
+			title: {
+				type: String,
+				default: '请签字',
+			},
+			disabled: {
+				type: Boolean,
+				default: false,
+			}
+		},
+		watch: {
+			value() {
+				this.prevView = this.value;
+			}
+		},
+		computed: {
+			titles() {
+				return this.title.split('')
+			},
+			absPrevView() {
+				var pv = this.prevView;
+				// if(pv){
+				// 	pv = this.$wrapUrl(pv)
+				// }
+				return pv;
+			}
+		},
+		mounted() {
+			this.prevView = this.value;
+			console.log('dx')
+		},
+		methods: {
+			onOK() {
+				let data = this.ctrl.getValue();
+				this.$emit('input', data);
+				this.prevView = data;
+				this.hideSignature();
+				let f = this.listeners.shift();
+				if (f) {
+					f(data);
+				}
+			},
+			touchSignature() {
+				let sig = this.prevView
+				if (!sig || !sig.length) {
+					this.showSignature()
+				}
+			},
+			showSignature() {
+				if (this.disabled)
+					return;
+				if (!this.ctrl) {
+					this.initCtrl();
+				} else if (!this.show) {
+					this.clearSignature();
+					this.show = true;
+				}
+			},
+			async getSyncSignature() {
+				this.showSignature();
+				return await new Promise(async (resolve, reject) => {
+					this.listeners.push((res) => {
+						resolve(res);
+					});
+				});
+			},
+			cancelSignature() {
+				this.listeners.map((f) => {
+					f(null);
+				})
+				this.hideSignature();
+			},
+			hideSignature() {
+				this.ctrl && this.ctrl.clear();
+				this.show = false;
+			},
+			clearSignature() {
+				this.ctrl && this.ctrl.clear();
+			},
+			async initCtrl() {
+				this.show = true;
+				let cxt = uni.createCanvasContext(this.cid, this);
+				this.cxt = cxt;
+				// cxt.clearRect(0,0,c.width,c.height);
+				this.ctrl = {
+					width: 0,
+					height: 0,
+					clear: () => {
+						this.lines = [];
+						let info = uni.createSelectorQuery().in(this).select("." + this.cid);
+						info.boundingClientRect((data) => {
+							if (data) {
+								cxt.clearRect(0, 0, data.width, data.height);
+								if (data.width && data.height) {
+									this.ctrl.width = data.width;
+									this.ctrl.height = data.height;
+								}
+							}
+						}).exec();
+						this.redraw();
+					},
+					getValue: () => {
+						if (!this.lines.length)
+							return '';
+						let svg = this._get_svg();
+						// new Buff
+						let b64 = base64encode(svg);
+						let data = 'data:image/svg+xml;base64,' + b64;
+						// console.log(svg);
+						// console.log(data);
+						return data;
+					},
+				};
+				this.$nextTick(function() {
+					this.ctrl.clear();
+				})
+			},
+			_get_svg() {
+				let r = -90;
+				let paths = [];
+				let raww = this.ctrl.width;
+				let rawh = this.ctrl.height;
+				let width = Math.abs(r) != 90 ? raww : rawh;
+				let height = Math.abs(r) == 90 ? raww : rawh;
+				let cx = raww / 2;
+				let cy = rawh / 2;
+				let PI = Math.PI;
+				let R = (r || 0) % 360;
+				let cosv = Math.cos(R * PI / 180);
+				let sinv = Math.sin(R * PI / 180);
+				let dcx = (width - raww) / 2;
+				let dcy = (height - rawh) / 2;
+				let trans = function(p) {
+					if (!R) {
+						return p;
+					} else {
+						let nx = (p.x - cx) * cosv - (p.y - cy) * sinv + cx;
+						let ny = (p.x - cx) * sinv + (p.y - cy) * cosv + cy;
+						return {
+							x: nx + dcx,
+							y: ny + dcy
+						};
+					}
+					return p;
+				}
+				this.lines.map(l => {
+					if (l.points.length < 2) {
+						return;
+					}
+					let sp = trans(l.start)
+					let pts = [`M ${sp.x} ${Number(sp.y)}`];
+					l.points.map(p => {
+						let np = trans(p)
+						pts.push(`L ${np.x} ${Number(np.y)}`);
+					});
+					paths.push(
+						`<path stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="rgb(0,0,0)" fill="none" d="${pts.join(' ')}"/>`
+					);
+				})
+				let svg =
+					`<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="${width}" height="${height}">${paths.join('\n')}</svg>`;
+				return svg;
+			},
+			_get_svg_raw() {
+				let paths = [];
+				this.lines.map(l => {
+					if (l.points.length < 2) {
+						return;
+					}
+					let pts = [`M ${l.start.x} ${Number(l.start.y)}`];
+					l.points.map(p => {
+						pts.push(`L ${p.x} ${Number(p.y)}`);
+					});
+					paths.push(
+						`<path stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="rgb(0,0,0)" fill="none" d="${pts.join(' ')}"/>`
+					);
+				})
+				let width = this.ctrl.width;
+				let height = this.ctrl.height;
+				let svg =
+					`<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="${width}" height="${height}" transform="rotate(-90)">${paths.join('\n')}</svg>`;
+				return svg;
+			},
+			_get_point(e) {
+				return {
+					x: e.changedTouches[0].x.toFixed(1),
+					y: e.changedTouches[0].y.toFixed(1),
+				}
+			},
+			touchstart(e) {
+				let p = this._get_point(e);
+				this.line = {
+					start: p,
+					points: [p],
+				}
+				this.lines.push(this.line);
+			},
+			touchmove(e) {
+				let p = this._get_point(e);
+				this.line.points.push(p)
+				if (!this.tm) {
+					this.tm = setTimeout(() => {
+						this.redraw();
+						this.tm = 0;
+					}, 10)
+				}
+			},
+			touchend(e) {
+				let p = this._get_point(e);
+				this.line.points.push(p)
+				this.line.end = p
+				this.redraw()
+			},
+			redraw() {
+				let cxt = this.cxt;
+				cxt.setStrokeStyle("#000");
+				cxt.setLineWidth(3);
+				var last = null;
+				this.lines.map(l => {
+					cxt.beginPath();
+					if (l.points.length < 2) {
+						return;
+					}
+					cxt.moveTo(l.start.x, l.start.y);
+					l.points.map(p => {
+						cxt.lineTo(p.x, p.y)
+					})
+					cxt.stroke()
+				})
+
+				cxt.draw()
+			},
+			canvasIdErrorCallback: function(e) {
+				console.error(e.detail.errMsg)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.signature-wrap {
+		height: 100%;
+		width: 100%;
+		// padding: 0 5px;
+
+		// min-width: 60vw;
+		.img-wrap {
+			width: 100%;
+			min-height: 200rpx;
+			display: flex;
+			align-items: center;
+			text-align: center;
+			align-content: center;
+			justify-content: center;
+
+			image {
+				width: 100%;
+			}
+
+			// background: red;
+		}
+	}
+
+	.signature-contain {
+		z-index: 9000;
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 100%;
+
+		.signature-main {
+			background: white;
+			flex-direction: row-reverse;
+			display: flex;
+			align-items: stretch;
+			height: 101%;
+			overflow: scroll;
+		}
+
+		.signature-title {
+			font-weight: bold;
+			font-size: 18px;
+			display: flex;
+			padding: 0 20rpx;
+			flex-direction: column;
+			justify-content: center;
+			height: 100vh;
+			color: $uni-text-color;
+
+			text {
+				transform: rotate(90deg);
+			}
+		}
+
+		.signature {
+			border: 1px dotted black;
+			border-bottom: 1px dotted black;
+			background: #FFF;
+			margin: 10px 0;
+			width: 90vw;
+			height: 90vh;
+			align-self: center;
+			// pointer-events:none;
+		}
+
+		.signature-btns {
+			display: flex;
+			padding: 2px;
+			// margin-right: 5px;
+			flex-direction: column;
+
+			.btn {
+				flex-grow: 1;
+				flex-shrink: 0;
+				padding: 20rpx;
+				font-size: 20px;
+				margin: 0;
+				text-align: center;
+				text-decoration: none;
+				height: 30vh;
+				display: flex;
+				align-content: center;
+				justify-content: center;
+				flex-direction: column;
+
+				text {
+					transform: rotate(90deg);
+				}
+
+				&+.btn {
+					border-top: 1px solid #eee;
+				}
+
+				&.btn-clear {
+					// background-color: #fc2a07;
+					color: $uni-color-success;
+				}
+
+				&.btn-cancel {
+					// background-color: #eff4f4;
+					color: $uni-color-warning;
+				}
+
+				&.btn-ok {
+					// background-color: $uni-color-success;
+					color: $uni-color-primary;
+				}
+			}
+		}
+	}
+</style>
diff --git a/pages-business/businessInfo/businessInfo.vue b/pages-business/businessInfo/businessInfo.vue
new file mode 100644
index 0000000..f561c44
--- /dev/null
+++ b/pages-business/businessInfo/businessInfo.vue
@@ -0,0 +1,216 @@
+<template>
+	<view class="container">
+		<!-- 顶部背景 -->
+		<view class="header">
+			<image class="bg-img" src="/static/images/table_header.png" mode="aspectFill"></image>
+			<view style="display: flex;align-items: center;padding-left: 20rpx;">
+				<uni-icons style="position: absolute;left: 30rpx;" @click="goBack" type="left" color="black"
+					size="24"></uni-icons>
+			</view>
+			<view class="title">{{title}}业务总览</view>
+		</view>
+
+		<!-- 表格 -->
+
+		<uni-table emptyText="暂无更多数据" style="margin-top: 30rpx;">
+			<!-- 表头行 -->
+			<uni-tr style="background: #E5EEFF;">
+				<uni-th>车辆信息</uni-th>
+				<uni-th>业务</uni-th>
+				<!-- <uni-th>渠道</uni-th> -->
+				<uni-th>来源</uni-th>
+				<uni-th>经办人</uni-th>
+				<uni-th>办理时间</uni-th>
+				<uni-th>付款状态</uni-th>
+			</uni-tr>
+			<!-- 表格数据行 -->
+			<uni-tr v-for="(item,index) in list" :key="index" class="table-row" @click.native="goWorkDetail(item)"
+				:class="{'row-bg': index % 2 === 1}">
+				<uni-td>{{ item.carNo }}</uni-td>
+				<uni-td>{{ item.sourceStr }}</uni-td>
+				<!-- <uni-td>{{ item.channel }}</uni-td> -->
+				<uni-td>{{ item.busiFrom }}</uni-td>
+				<uni-td>{{ item.handleName }}</uni-td>
+				<uni-td>{{ formatDateTimeToMinute(item.createTime) }}</uni-td>
+				<uni-td>{{ dictData[item.payStatus] }}</uni-td>
+			</uni-tr>
+
+		</uni-table>
+		<uni-pagination :current="current" :pageSize="queryParams.pageSize" :total="total"
+			@change="onPageChange"></uni-pagination>
+	</view>
+</template>
+
+<script>
+	import request from '../../utils/request';
+	import {
+		formatDateTimeToMinute,
+		getDictTextByCodeAndValue,
+		getDictByCode
+	} from '@/utils/utils.js'
+
+	export default {
+		data() {
+			return {
+				list: [],
+				data: undefined,
+				queryParams: {
+					pageSize: 15,
+					pageNo: 1
+				},
+				title: '',
+				total: 0,
+				current: 0,
+				safeLeft: 0,
+				dictData: undefined,
+			}
+		},
+		methods: {
+			formatDateTimeToMinute,
+			getDictTextByCodeAndValue,
+			goBack() {
+				uni.redirectTo({
+					url: '/pages/white/white'
+				});
+			},
+			async getDict() {
+				const list = await getDictByCode('repair_pay_status')
+				this.dictData = list?.reduce((map, item) => {
+					map[item.value] = item.label
+					return map
+				}, {}) ?? {} // 如果 list 为空或 reduce 返回 undefined，则使用空对象
+				console.log('dict', this.dictData)
+			},
+			getList() {
+				request({
+					url: `/admin-api/repair/statistics/pageByCustomerOrCar`,
+					params: this.queryParams
+				}).then(res => {
+					this.list = res.data.records
+					this.total = res.data.total
+					this.current = res.data.current
+				})
+			},
+			onPageChange(e) {
+				this.queryParams.pageNo = e.current
+				this.getList()
+			},
+			goWorkDetail(data) {
+				console.log('执行');
+				// 退出时恢复自动（或者你项目里默认的方向）
+				// #ifdef APP-PLUS
+				plus.screen.lockOrientation('portrait-primary'); //锁死屏幕方向为竖屏
+				plus.navigator.setFullscreen(false);
+				// #endif
+				const innerUrl = `/pages-order/orderDetail/orderDetail?id=${data.id}&isDetail=1`
+				// const url = `/pages-business/white/newWhite?url=${encodeURIComponent(innerUrl)}`
+				setTimeout(() => {
+					uni.navigateTo({
+						url: innerUrl
+					})
+				}, 1000); // 300毫秒延时，可以根据需要调整
+			}
+		},
+		onShow() {},
+		//页面显示时切换为横屏配置
+		onLoad(options) {
+			this.getDict()
+			console.log('传进来的数据', options);
+			if (options.data) {
+				const queryParams = JSON.parse(decodeURIComponent(options.data));
+				this.data = queryParams
+				if (options.type == 'customer') {
+					this.queryParams.phone = queryParams.customerPhone
+					this.title = queryParams.customerName
+				} else {
+					this.queryParams.carNo = queryParams.carNum
+					this.title = queryParams.carNum
+				}
+				this.getList()
+			}
+		},
+		// 监听页面返回
+		onBackPress() {
+			console.log('执行跳转');
+			// 跳转至空白页
+			uni.redirectTo({
+				url: '/pages/white/white'
+			});
+			return true;
+		},
+	}
+</script>
+
+<style scoped>
+	.container {
+		width: 100%;
+		height: 100%;
+		background-color: white;
+		padding-left: env(safe-area-inset-left);
+
+	}
+
+	/* 顶部背景和标题 */
+	.header {
+		display: flex;
+		position: relative;
+		height: 100rpx;
+		justify-content: center;
+		align-items: center;
+		padding: 20rpx 40rpx;
+		padding-top: var(--status-bar-height); //给组件加个上边距
+	}
+
+	.bg-img {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		/* z-index: -1; */
+	}
+
+	.title {
+		text-align: center;
+		font-size: 36rpx;
+		font-weight: bold;
+		color: #333;
+		line-height: 100rpx;
+		z-index: 2;
+	}
+
+	/* 表格 */
+	.table {
+		margin: 20rpx;
+		border-radius: 12rpx;
+		overflow: hidden;
+	}
+
+	.table-row {
+		/* flex-direction: row;
+		display: flex; */
+	}
+
+	.table-header {
+		background-color: #f2f6ff;
+		font-weight: bold;
+	}
+
+	.table-cell {
+		flex: 1;
+		padding: 20rpx;
+		text-align: center;
+		font-size: 28rpx;
+		color: #555;
+	}
+
+	.row-bg {
+		background-color: #f9fbff;
+	}
+
+	.status {
+		color: #d4a017;
+		/* 金色 */
+		font-weight: 500;
+	}
+</style>
\ No newline at end of file
diff --git a/pages-business/businessManage/businessManage.vue b/pages-business/businessManage/businessManage.vue
new file mode 100644
index 0000000..d0e3206
--- /dev/null
+++ b/pages-business/businessManage/businessManage.vue
@@ -0,0 +1,745 @@
+<template>
+	<view class="business-management">
+		<!-- 业务总览头部 -->
+		<view class="header" style="position: relative;">
+			<view style="display: flex;">
+				<uni-icons style="position: absolute;left: 0;" @click="goBack" type="left" color="white"
+					size="24"></uni-icons>
+				<text class="title">业务管理</text>
+			</view>
+			<view class="subtitle">
+				<view class="text_">
+					<image style="height: 40rpx;width: 8rpx;" src="/static/images/business/text_left.png"></image>
+					<view>
+						业务总览
+					</view>
+				</view>
+				<view>
+					<uni-datetime-picker v-model="queryParams.dateRange" type="daterange" @change="initData()"
+						rangeSeparator="至" class="">
+						<view class="cont_time">
+							<view class="cont_size">{{queryParams.dateRange[0]}}</view>
+							<view class="bule_size">~</view>
+							<view class="cont_size">{{queryParams.dateRange[1]}}</view>
+							<view class=""> <u-icon name="arrow-down-fill" color="#0357FF" size="12"></u-icon></view>
+						</view>
+					</uni-datetime-picker>
+				</view>
+			</view>
+
+			<!-- 数据卡片 -->
+			<view class="data-cards">
+				<!-- 选项卡 -->
+				<view class="tabs">
+					<view class="tab" :class="{'active':tapIndex == index}" v-for="(item,index) in tapList" :key="index"
+						@click="tapIcon(index)">
+						<view class="">{{item.label || "无"}}</view>
+						<view class="tap_img" style="display: block;width: 30rpx;" v-show="tapIndex == index">
+							<image src="/static/images/icon_tap.png" mode="widthFix" class="tap_icon"></image>
+
+						</view>
+					</view>
+				</view>
+				<view class="card-row-1">
+					<view class="data-card">
+						<text class="card-value">进厂数</text>
+						<text class="card-label">{{ bossNum.newOrderNum }}</text>
+					</view>
+					<view class="data-card">
+						<text class="card-value">维修中</text>
+						<text class="card-label">{{ bossNum.workingNum }}</text>
+					</view>
+					<view class="data-card">
+						<text class="card-value">已竣工</text>
+						<text class="card-label">{{ bossNum.overNum }}</text>
+					</view>
+				</view>
+
+				<view class="card-row-2">
+					<view class="data-card">
+						<text class="card-value">已交车</text>
+						<text class="card-label">{{ bossNum.giveCusNum }}</text>
+					</view>
+					<view class="data-card">
+						<text class="card-value">未结算</text>
+						<text class="card-label">{{ bossNum.noPayNum }}</text>
+					</view>
+					<view class="data-card">
+						<text class="card-value">在厂数</text>
+						<text class="card-label">{{ bossNum.inCompanyNum }}</text>
+					</view>
+				</view>
+			</view>
+			<view class="business_title">
+				<!-- 选项卡 -->
+				<view class="tabs">
+					<view class="tab" :class="{'active':busTapIndex == index}" v-for="(item,index) in busTapList"
+						:key="index" @click="tapBusIcon(index)">
+						<view class="">{{item.label || "无"}}</view>
+						<view class="tap_img" style="display: block;" v-show="busTapIndex == index">
+							<image src="/static/images/icon_tap.png" mode="widthFix" class="tap_icon"></image>
+						</view>
+					</view>
+				</view>
+				<view class="">
+					<uni-search-bar radius="50" bgColor="#F8F4FF" @confirm="onRefresherrefresh"
+						v-model="queryParams.search" @cancel="onRefresherrefresh" @clear="onRefresherrefresh"
+						placeholder="请输入搜索内容"></uni-search-bar>
+				</view>
+			</view>
+
+		</view>
+		<view class="list">
+			<!-- 客户列表 -->
+			<scroll-view class="client-list" scroll-y style="height:100%" @scrolltolower="onReachBottomCus"
+				refresher-enabled @refresherrefresh="onRefresherrefresh" :refresher-triggered="isTriggered">
+				<view class="client-item" v-for="(item,index) in busList" :key="index" @click="goDetail(item)">
+					<view class="last-time">
+						<view class="">
+							最近办理业务时间：{{item.bizTime}}
+						</view>
+						<view class="">
+							次数：{{item.consumeCount}}
+						</view>
+					</view>
+					<view class="card_bottom">
+						<view class="info_left">
+							<view class="user_">
+								<view class="client-name" v-if="busTapIndex == 0">{{item.customerName}}</view>
+								<view class="client-name" v-else>{{item.carNum}}</view>
+								<view class="agent" v-if="busTapIndex == 0">经办人:{{item.handleName}}</view>
+								<view class="agent" v-else>{{item.customerName}}</view>
+							</view>
+							<view class="phone">联系电话：{{item.customerPhone}}</view>
+						</view>
+						<view class="info_right">
+							<view class="top_text">{{item.sourceStr}}</view>
+							<view class="bottom_text">
+								最近办理业务
+							</view>
+						</view>
+					</view>
+				</view>
+				<view style="text-align: center" v-if="busList.length==0">
+					<image class="" src="@/static/images/nothing.png"></image>
+				</view>
+			</scroll-view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	import request from '../../utils/request'
+	import {
+		getDateRange
+	} from '../../utils/utils'
+
+	export default {
+		data() {
+			return {
+				searchKeyword: '',
+				//下来刷新状态
+				isTriggered: true,
+				tapList: [{
+						label: "本日",
+						value: "day",
+					},
+					{
+						label: "本月",
+						value: "month",
+					},
+					{
+						label: "全部",
+						value: "all",
+					},
+				],
+				busTapList: [{
+						label: "客户",
+						value: "customer",
+					},
+					{
+						label: "车辆",
+						value: "car",
+					}
+				],
+				tapIndex: 0,
+				busTapIndex: 0,
+				queryParams: {
+					dateRange: [],
+					type: 'customer',
+					selectType: 'today',
+					pageNo: 1,
+					pageSize: 10,
+					search: null
+				},
+				bossNum: {},
+				busList: [],
+			}
+		},
+		async onLoad() {
+			await this.setCurrentMonthRange()
+			await this.initData()
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack()
+			},
+			async tapIcon(index) {
+				this.tapIndex = index
+				await this.slectRange(index)
+				await this.initData()
+			},
+			tapBusIcon(index) {
+				this.busTapIndex = index
+				this.queryParams.type = this.busTapList[index].value
+				this.queryParams.pageNo = 1
+				this.busList = []
+				this.getList()
+			},
+			/**
+			 * 初始化数据
+			 */
+			initData() {
+				this.getNum()
+				this.onRefresherrefresh()
+			},
+			getNum() {
+				request({
+					url: '/admin-api/repair/tickets/getBossNumNew',
+					method: 'get',
+					params: this.queryParams
+				}).then((res) => {
+					console.log(res)
+					if (res.code == 200) {
+						this.bossNum = res.data
+					}
+				})
+			},
+
+			getList() {
+				request({
+					url: '/admin-api/repair/statistics/listBusiness',
+					method: 'get',
+					params: this.queryParams
+				}).then((res) => {
+					if (res.code == 200) {
+						if (this.queryParams.pageNo == 1) {
+							this.busList = res.data.records
+						} else {
+							this.busList.push(...res.data.records)
+						}
+					}
+					//将获取的总条数赋值
+					this.total = res.data.total
+					this.isTriggered = false
+				})
+			},
+			clear() {},
+			cancel() {},
+			// 设置本月起止日期：月初到今天
+			setCurrentMonthRange() {
+				// 直接使用 Date 对象
+				const now = new Date();
+
+				// 创建月初的 Date 对象
+				const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+
+				this.queryParams.dateRange = [
+					this.formatDate(now), // 月初
+					this.formatDate(now), // 今天
+				];
+			},
+			formatDate(d) {
+				// 添加类型检查，确保 d 是 Date 对象
+				if (!(d instanceof Date)) {
+					console.error("formatDate() 期望接收 Date 对象，但收到:", d);
+					d = new Date(d); // 尝试转换为 Date 对象
+					if (isNaN(d.getTime())) {
+						// 检查是否有效日期
+						d = new Date(); // 如果转换失败，使用当前日期
+					}
+				}
+				return `${d.getFullYear()}-${this.pad(d.getMonth() + 1)}-${this.pad(
+			  d.getDate()
+			)}`;
+			},
+			// 补零：1 → 01
+			pad(n) {
+				return n.toString().padStart(2, "0");
+			},
+			slectRange(index) {
+				this.selected = index;
+				console.log(index, this.selected);
+				const {
+					value
+				} = this.tapList[index];
+				console.log(value);
+				this.queryParams.dateRange = getDateRange(value);
+			},
+			/**
+			 * 上滑加载数据
+			 */
+			onReachBottomCus() {
+				//判断 如果页码*页容量大于等于总条数，提示该页数据加载完毕
+				if (this.queryParams.pageNo * this.queryParams.pageSize >= this.total) {
+					uni.$u.toast('没有更多数据了')
+					return
+				}
+				//页码+1,调用获取数据的方法获取第二页数据
+				this.queryParams.pageNo++
+				//此处调用自己获取数据列表的方法
+				this.getList()
+			},
+			/**
+			 * 下拉刷新数据
+			 */
+			async onRefresherrefresh() {
+				this.isTriggered = true
+				this.pageNo = 1
+				this.total = 0
+				this.busList = []
+				await this.getList()
+			},
+			goDetail(data) {
+				uni.navigateTo({
+					url: `/pages-business/businessInfo/businessInfo?type=${this.queryParams.type}&data=${encodeURIComponent(JSON.stringify(data))}`
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+	/* 全局样式 */
+	page {
+		background-color: #f5f5f5;
+		padding: 0;
+		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
+	}
+
+	.business-management {
+		/* padding: 20rpx; */
+		background: #F2F5FE;
+		min-height: 100vh;
+	}
+
+	/* 头部样式 */
+	.header {
+		margin-bottom: 30rpx;
+		background: linear-gradient(180deg, #1A53FF 0%, #F2F5FE 100%);
+		/* height: 672rpx; */
+		color: white;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 0 30rpx;
+		padding-top: calc(var(--status-bar-height) + 20rpx);
+	}
+
+	.title {
+		font-size: 36rpx;
+		font-weight: bold;
+		display: block;
+		margin-bottom: 10rpx;
+	}
+
+	.subtitle {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		width: 100%;
+		margin-top: 20rpx;
+
+		.text_ {
+			display: flex;
+
+			view {
+				width: 112rpx;
+				height: 28rpx;
+				font-family: SourceHanSansCN, SourceHanSansCN;
+				font-weight: 800;
+				font-size: 28rpx;
+				color: #FFFFFF;
+				line-height: 42rpx;
+				text-align: left;
+				font-style: normal;
+			}
+
+			image {
+				margin-right: 20rpx;
+			}
+
+		}
+	}
+
+	.date-range {
+		width: 386rpx;
+		height: 56rpx;
+		background: #FFFFFF;
+		border-radius: 36rpx;
+		text-align: center;
+
+		.header {
+
+			width: 124rpx;
+			height: 24rpx;
+			font-family: SourceHanSansCN, SourceHanSansCN;
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #686C7A;
+			line-height: 36rpx;
+			text-align: right;
+			font-style: normal;
+			margin: auto 0;
+		}
+	}
+
+	/* 选项卡样式 */
+	.tabs {
+		display: flex;
+		margin-bottom: 30rpx;
+		padding-bottom: 20rpx;
+	}
+
+	.tab {
+		margin-right: 40rpx;
+		font-size: 28rpx;
+		color: #666;
+		padding: 10rpx 0;
+
+		width: 56rpx;
+		height: 28rpx;
+		font-family: SourceHanSansCN, SourceHanSansCN;
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #707677;
+		line-height: 42rpx;
+		text-align: right;
+		font-style: normal;
+	}
+
+	.tab.active {
+		color: #007AFF;
+		font-weight: bold;
+
+		width: 56rpx;
+		height: 28rpx;
+		font-family: SourceHanSansCN, SourceHanSansCN;
+		font-weight: bold;
+		font-size: 28rpx;
+		color: #292D2E;
+		line-height: 42rpx;
+		text-align: right;
+		font-style: normal;
+
+		margin-bottom: 20rpx;
+	}
+
+	/* 数据卡片样式 */
+	.data-cards {
+		margin: 20rpx 0;
+		background: linear-gradient(180deg, #E4EFFF 0%, #FFFFFF 100%);
+		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(167, 179, 229, 0.25);
+		border-radius: 8rpx;
+		width: 726rpx;
+		/* height: 366rpx; */
+		padding: 20rpx 10rpx;
+	}
+
+
+	.card-row-1 {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 20rpx;
+
+		.data-card {
+			height: 112rpx;
+			width: 226rpx;
+			background: linear-gradient(180deg, #D3EFFF 0%, #E3F3FF 100%);
+			border-radius: 8rpx;
+
+			.card-value {
+				width: 84rpx;
+				height: 28rpx;
+				font-family: SourceHanSansCN, SourceHanSansCN;
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #14557E;
+				line-height: 42rpx;
+				text-align: center;
+				font-style: normal;
+			}
+
+			.card-label {
+				width: 52rpx;
+				height: 28rpx;
+				font-family: SourceHanSansCN, SourceHanSansCN;
+				font-weight: bold;
+				font-size: 28rpx;
+				color: #3E4045;
+				line-height: 42rpx;
+				text-align: center;
+				font-style: normal;
+			}
+		}
+	}
+
+	.card-row-2 {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 20rpx;
+
+		.data-card {
+			height: 112rpx;
+			width: 226rpx;
+			background: linear-gradient(180deg, #D8E6FF 0%, #EDF6FF 100%);
+			border-radius: 8rpx;
+		}
+
+		.card-value {
+			width: 84rpx;
+			height: 28rpx;
+			font-family: SourceHanSansCN, SourceHanSansCN;
+			font-weight: 400;
+			font-size: 28rpx;
+			color: #14557E;
+			line-height: 42rpx;
+			text-align: center;
+			font-style: normal;
+		}
+
+		.card-label {
+			width: 52rpx;
+			height: 28rpx;
+			font-family: SourceHanSansCN, SourceHanSansCN;
+			font-weight: bold;
+			font-size: 28rpx;
+			color: #3E4045;
+			line-height: 42rpx;
+			text-align: center;
+			font-style: normal;
+		}
+	}
+
+	.data-card {
+		flex: 1;
+		background-color: #fff;
+		border-radius: 12rpx;
+		padding: 30rpx 20rpx;
+		margin: 0 10rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+	}
+
+	.card-value {
+		font-size: 40rpx;
+		font-weight: bold;
+		margin-bottom: 10rpx;
+	}
+
+	.card-label {
+		font-size: 24rpx;
+		color: #666;
+	}
+
+	/* 客户区域样式 */
+	.client-section {
+		background-color: #fff;
+		border-radius: 12rpx;
+		padding: 30rpx;
+		margin-bottom: 20rpx;
+		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+	}
+
+	.section-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 30rpx;
+	}
+
+	.section-title {
+		font-size: 32rpx;
+		font-weight: bold;
+	}
+
+	.section-subtitle {
+		font-size: 24rpx;
+		color: #999;
+	}
+
+	.search-box {
+		display: flex;
+		align-items: center;
+		background-color: #f5f5f5;
+		border-radius: 10rpx;
+		padding: 20rpx;
+	}
+
+	.search-input {
+		flex: 1;
+		font-size: 28rpx;
+		margin-left: 15rpx;
+	}
+
+	.placeholder {
+		color: #999;
+	}
+
+	/* 客户列表样式 */
+	.client-list {
+		max-height: 60vh;
+		width: 100%;
+	}
+
+	.client-item {
+		background: #FFFFFF;
+		border-radius: 8rpx;
+		padding: 20rpx 15rpx;
+
+		margin-bottom: 30rpx
+	}
+
+	.client-name {
+		font-family: SourceHanSansCN, SourceHanSansCN;
+		font-weight: 500;
+		font-size: 28rpx;
+		text-align: left;
+		font-style: normal;
+		margin-right: 20rpx;
+	}
+
+	.agent {
+		font-family: SourceHanSansCN, SourceHanSansCN;
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #0357FF;
+		line-height: 36rpx;
+		text-align: left;
+		font-style: normal;
+
+		background-color: #DCE7FF;
+		border-radius: 20rpx;
+		padding: 0 10rpx;
+	}
+
+
+	.phone {
+		width: 312rpx;
+		height: 28rpx;
+		font-family: SourceHanSansCN, SourceHanSansCN;
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #8F9197;
+		line-height: 42rpx;
+		text-align: left;
+		font-style: normal;
+	}
+
+	/* 
+	.last-time {
+		font-size: 26rpx;
+		color: #666;
+		display: block;
+		margin-bottom: 10rpx;
+	} */
+
+	.last-time {
+		border-bottom: 1px dashed #000;
+		padding-bottom: 50rpx;
+		width: 100%;
+
+		height: 24rpx;
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #7E8390;
+		line-height: 36rpx;
+		text-align: left;
+		font-style: normal;
+
+		display: flex;
+		justify-content: space-between;
+	}
+
+	.tap_img {
+		height: 6rpx;
+		text-align: center;
+		margin: 0 auto;
+
+		image {
+			width: 34rpx;
+			height: 12rpx;
+		}
+	}
+
+	.cont_time {
+		background: #F1F4F7;
+		border-radius: 36rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0px 30rpx;
+
+		width: 386rpx;
+		height: 56rpx;
+		background: #FFFFFF;
+		border-radius: 36rpx;
+	}
+
+	.cont_size {
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #686C7A;
+	}
+
+	.business_title {
+		display: flex;
+		justify-content: space-between;
+		width: 100%;
+		height: 100rpx;
+	}
+
+	.user_ {
+		display: flex;
+	}
+
+	.card_bottom {
+		display: flex;
+		justify-content: space-between;
+		padding: 20rpx 0;
+		text-align: center;
+	}
+
+	.info_right {
+		text-align: right;
+		color: black;
+
+		.top_text {
+			font-family: SourceHanSansCN, SourceHanSansCN;
+			font-weight: 500;
+			font-size: 28rpx;
+			color: #323439;
+			line-height: 42rpx;
+		}
+
+		.bottom_text {
+			font-family: SourceHanSansCN, SourceHanSansCN;
+			font-weight: 400;
+			font-size: 28rpx;
+			color: #686B71;
+		}
+	}
+
+	.list {
+		padding: 20rpx;
+		height: calc(100vh - 800rpx);
+	}
+
+	.tap_icon {
+		width: 40rpx;
+		height: 40rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages-business/statistics/statistics.vue b/pages-business/statistics/statistics.vue
new file mode 100644
index 0000000..9fca52c
--- /dev/null
+++ b/pages-business/statistics/statistics.vue
@@ -0,0 +1,896 @@
+<template>
+	<view class="container">
+		<!-- 顶部背景 -->
+		<view class="header">
+			<image class="bg-img" src="/static/images/table_header.png" mode="aspectFill"></image>
+			<view style="display: flex;align-items: center;padding-left: 20rpx;">
+				<uni-icons style="position: absolute;left: 30rpx;" @click="goBack" type="left" color="black"
+					size="24"></uni-icons>
+			</view>
+			<view class="title">数据统计({{total}})</view>
+		</view>
+		<view class="content_top">
+			<!-- 选项卡 -->
+			<view class="tabs">
+				<view class="tab" :class="{'active':tapIndex == index}" v-for="(item,index) in tapList" :key="index"
+					@click="tapIcon(index)">
+					<view class="">{{item.label || "无"}}</view>
+					<view class="tap_img" style="display: block;" v-show="tapIndex == index">
+						<image src="/static/images/icon_tap.png" mode="widthFix" class="tap_icon"></image>
+					</view>
+				</view>
+			</view>
+			<view style="display: flex;">
+				<view class="search">
+					<picker @change="bindTimeTypeChange" range-key="label" :value="timeTypeIndex"
+						:range="timeTypeArray">
+						<view class="uni-input border_" style="padding: 5rpx 20rpx;display: flex;">
+							{{timeTypeArray[timeTypeIndex].label}}
+							<view class=""> <u-icon name="arrow-down-fill" color="#0357FF" size="12"></u-icon></view>
+						</view>
+					</picker>
+				</view>
+				<view style="align-items: center;display: flex; border-radius: 50rpx;">
+					<uni-datetime-picker v-model="queryParams.searchTimeArray" type="daterange"
+						@change="queryParams.pageNo=1;initData()" rangeSeparator="至" class="">
+						<view class="cont_time" style="border: 1px solid #0357FF;"
+							v-if="queryParams.searchTimeArray.length>0">
+							<view class="cont_size">{{queryParams.searchTimeArray[0]}}</view>
+							<view class="bule_size">~</view>
+							<view class="cont_size">{{queryParams.searchTimeArray[1]}}</view>
+							<view class=""> <u-icon name="arrow-down-fill" color="#0357FF" size="12"></u-icon></view>
+						</view>
+						<view v-else class="cont_time border_">
+							全部
+							<view class=""> <u-icon name="arrow-down-fill" color="#0357FF" size="12"></u-icon></view>
+						</view>
+					</uni-datetime-picker>
+				</view>
+				<view class="search" @click="screening">
+					筛选
+				</view>
+			</view>
+		</view>
+
+		<!-- 表格 -->
+		<view class="" style="padding-left: 30rpx;">
+			<view class="census" v-if="checkPermi(['repair:tick:profit'])">
+				<span class="credited">产值{{ laborPartsMoney }}元</span>
+				<span class="notCredited">毛利&nbsp;:&nbsp;{{ totalProfit }}元</span>
+				<span
+					class="onlinePay">含工时毛利率&nbsp;:&nbsp;{{ statisticsInfo && statisticsInfo.profitRateWithLabor !== null && statisticsInfo.profitRateWithLabor !== undefined && !isNaN(statisticsInfo.profitRateWithLabor) ? (statisticsInfo.profitRateWithLabor * 100).toFixed(2) : '0.00' }}
+					%</span>
+				<span
+					class="cashPay">不含工时毛利率&nbsp;:&nbsp;{{ statisticsInfo && statisticsInfo.profitRateWithoutLabor !== null && statisticsInfo.profitRateWithoutLabor !== undefined && !isNaN(statisticsInfo.profitRateWithoutLabor) ? (statisticsInfo.profitRateWithoutLabor * 100).toFixed(2) : '0.00' }}
+					%</span>
+			</view>
+			<uni-table emptyText="暂无更多数据">
+				<!-- 表头行 -->
+				<uni-tr style="background: #E5EEFF;">
+					<uni-th>车辆信息</uni-th>
+					<!-- <uni-th>业务</uni-th> -->
+					<!-- <uni-th>渠道</uni-th> -->
+					<uni-th>经办人</uni-th>
+					<uni-th>经办人手机号</uni-th>
+					<uni-th>进场时间</uni-th>
+					<uni-th>付款状态</uni-th>
+					<uni-th>结算时间</uni-th>
+				</uni-tr>
+				<!-- 表格数据行 -->
+				<uni-tr v-for="(item,index) in list" :key="index" class="table-row" @click.native="goWorkDetail(item)"
+					:class="{'row-bg': index % 2 === 1}">
+					<uni-td>{{ item.carNo }}</uni-td>
+					<!-- <uni-td>{{ item.sourceStr }}</uni-td> -->
+					<!-- <uni-td>{{ item.channel }}</uni-td> -->
+					<uni-td>{{ item.handleName }}</uni-td>
+					<uni-td>{{ item.handleMobile }}</uni-td>
+					<uni-td>{{ formatDateTimeToMinute(item.createTime) }}</uni-td>
+					<uni-td>{{ dictData[item.payStatus] }}</uni-td>
+					<uni-td>{{ item.settlementTime ? formatDateTimeToMinute(item.settlementTime) : '' }}</uni-td>
+				</uni-tr>
+
+			</uni-table>
+			<uni-pagination :current="current" :pageSize="queryParams.pageSize" :total="total"
+				@change="onPageChange"></uni-pagination>
+		</view>
+
+		<!-- 筛选弹窗 -->
+		<uni-popup ref="popup" type="right" background-color="#fff">
+			<view class="popup">
+				<!-- 添加滚动区域 -->
+				<scroll-view class="popup-content" scroll-y="true">
+					<view class="reset" @click="resetQueryParams">
+						<uni-icons type="loop" color="#165DFF"></uni-icons>
+						重置筛选
+					</view>
+					<view>
+						<uni-search-bar radius="50" bgColor="#F8F4FF" @confirm="queryParams.pageNo=1;initData()()"
+							v-model="queryParams.ticketNo" @cancel="initData()" @clear="initData()"
+							placeholder="请输入关键字"></uni-search-bar>
+					</view>
+					<uni-forms labelPosition="top" class="body-top-tab">
+						<uni-forms-item label="业务渠道">
+							<picker @change="bindBusiChange" :value="busiIndex" :range="busiList">
+								<view class="uni-input">{{busiList[busiIndex]}}</view>
+							</picker>
+						</uni-forms-item>
+						<uni-forms-item label="维修类别">
+							<picker @change="bindRepairTypeChange" :value="repairTypeIndex" :range="repairTypeList">
+								<view class="uni-input">{{repairTypeList[repairTypeIndex]}}</view>
+							</picker>
+						</uni-forms-item>
+						<uni-forms-item label="工种类型">
+							<picker @change="bindWorkTypeChange" :value="workTypeIndex" :range="workeTypeList">
+								<view class="uni-input">{{workeTypeList[workTypeIndex]}}</view>
+							</picker>
+						</uni-forms-item>
+						<uni-forms-item label="工单状态">
+							<picker @change="bindTicketsStatusChange" :value="ticketsStatusIndex"
+								:range="ticketsStatusList">
+								<view class="uni-input">{{ticketsStatusList[ticketsStatusIndex]}}</view>
+							</picker>
+						</uni-forms-item>
+						<uni-forms-item label="来源">
+							<uni-data-picker :localdata="cusFromList" v-model='queryParams.cusFrom'
+								popup-title="请选择渠道和来源" :map="{text:'name',value:'name'}"
+								@change="bindCusFromChange"></uni-data-picker>
+						</uni-forms-item>
+						<uni-forms-item label="收款状态">
+							<picker @change="bindpayStatusChange" :value="payStatusIndex" :range="payStatusList">
+								<view class="uni-input">{{payStatusList[payStatusIndex]}}</view>
+							</picker>
+						</uni-forms-item>
+					</uni-forms>
+				</scroll-view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import request from '../../utils/request';
+	import {
+		formatDateTimeToMinute,
+		getDictTextByCodeAndValue,
+		getDictByCode,
+		getDateRange,
+		toPickerData,
+		handleTree
+	} from '@/utils/utils.js';
+	import {
+		checkPermi,
+		checkRole
+	} from "@/utils/permission"; // 权限判断函数
+	import {
+		getToken,
+		getUserInfo,
+		getStrData,
+		getTenantId,
+		setJSONData,
+		getJSONData,
+		getStorageWithExpiry,
+		setStorageWithExpiry
+	} from '@/utils/auth'
+
+	export default {
+		data() {
+			return {
+				list: [],
+				data: undefined,
+				queryParams: {
+					searchTimeArray: [],
+					selectType: 'all',
+					pageNo: 1,
+					pageSize: 10,
+					search: null
+				},
+				title: '',
+				timeTypeArray: [{
+					label: '进场时间',
+					value: 'create'
+				}, {
+					label: '结算时间',
+					value: 'settlement'
+				}, ],
+				timeTypeIndex: 1,
+				total: 0,
+				current: 0,
+				// 工种选中下标
+				workTypeIndex: 0,
+				// 维修项目选中下标
+				repairTypeIndex: 0,
+				//维修项目可选值
+				repairTypeList: ['按维修类别'],
+				//维修项目可选值--值
+				repairTypeValueList: [''],
+				//工种可选值
+				workeTypeList: ['按工种类型'],
+				//工种可选值--值
+				workeTypeValueList: [''],
+				//客户来源可选值
+				cusFromList: [
+					['按客户来源'],
+				],
+				//客户来源可选值---值
+				cusFromValueList: [''],
+				// 客户来源选中下标
+				cusFromIndex: [0, 0],
+				//工单状态可选值
+				ticketsStatusList: ['按工单状态', '进厂', '维修中', '已竣工', '已交车', '未结算', '在厂'],
+				//工单状态可选值--值
+				ticketsStatusValueList: ['', 'jinchang', 'weixiuzhong', 'yijungong', 'yijiaoche', 'weijiesuan',
+					'zaichang'
+				],
+				//工单状态选中下标
+				ticketsStatusIndex: 0,
+				//支付状态可选值
+				payStatusList: ['按支付状态', '应收款', '已收款', '待收款'],
+				//支付状态可选值--值
+				payStatusValueList: ['', 'receivable', 'receivedAmount', 'pendingAmount'],
+				//支付状态选中下标
+				payStatusIndex: 0,
+				//渠道可选值
+				busiList: ['按业务渠道'],
+				//渠道可选值--值
+				busiValueList: [''],
+				//渠道选中下标
+				busiIndex: 0,
+				safeLeft: 0,
+				dictData: undefined,
+				statisticsInfo: {},
+				tapIndex: 0,
+				tapList: [{
+						label: "本日",
+						value: "day",
+					},
+					{
+						label: "本月",
+						value: "month",
+					},
+					{
+						label: "全部",
+						value: "all",
+					},
+				],
+			}
+		},
+
+		computed: {
+			laborPartsMoney() {
+				return this.statisticsInfo && this.statisticsInfo.totalLaborPartsMoney ? this.statisticsInfo
+					.totalLaborPartsMoney : 0
+			},
+			totalProfit() {
+				return this.statisticsInfo && this.statisticsInfo.totalProfit ? this.statisticsInfo.totalProfit : 0
+			},
+			profitRateWithLabor() {
+				if (this.statisticsInfo && this.statisticsInfo.profitRateWithLabor != null && !isNaN(this.statisticsInfo
+						.profitRateWithLabor)) {
+					return (this.statisticsInfo.profitRateWithLabor * 100).toFixed(2)
+				}
+				return '0.00'
+			},
+			profitRateWithoutLabor() {
+				if (this.statisticsInfo && this.statisticsInfo.profitRateWithoutLabor != null && !isNaN(this.statisticsInfo
+						.profitRateWithoutLabor)) {
+					return (this.statisticsInfo.profitRateWithoutLabor * 100).toFixed(2)
+				}
+				return '0.00'
+			}
+		},
+		watch: {
+			repairTypeIndex(newval) {
+				this.initData()
+			},
+			workTypeIndex(newval) {
+				this.initData()
+			},
+			ticketsStatusIndex(newval) {
+				this.initData()
+			},
+			workTypeIndex(newval) {
+				this.initData()
+			},
+			busiIndex(newval) {
+				this.initData()
+			},
+			payStatusIndex(newval) {
+				this.initData()
+			},
+		},
+		onResize() {
+			console.log('执行了刷新');
+		},
+		methods: {
+			checkPermi,
+			checkRole,
+			formatDateTimeToMinute,
+			getDictTextByCodeAndValue,
+			goBack() {
+				// setTimeout(() => {
+				uni.redirectTo({
+					url: '/pages/white/white'
+				});
+				// }, 300)
+			},
+			async initData() {
+				await this.getStatistics();
+				this.queryParams.pageNo = 1;
+				await this.getList()
+			},
+			setDictItem(dictCode, item) {
+				if ("repair_type" == dictCode) {
+					//维修项目
+					this.repairTypeList.push(item.label)
+					this.repairTypeValueList.push(item.value)
+				} else if ("cus_data_from" == dictCode) {
+					//客户来源
+					this.cusFromList.push(item.label)
+					this.cusFromValueList.push(item.value)
+				} else if ("repair_tickets_status" == dictCode) {
+					//工单状态
+					this.ticketsStatusList.push(item.label)
+					this.ticketsStatusValueList.push(item.value)
+				} else if ("repair_work_type" == dictCode) {
+					//工单状态
+					this.workeTypeList.push(item.label)
+					this.workeTypeValueList.push(item.value)
+				}
+			},
+			screening() {
+				this.$refs.popup.open()
+			},
+			/**
+			 * 查2个数据字典备用---客户注册方式-cus_data_from、维修业务分类-repair_type
+			 */
+			initDict(dictCode) {
+				let dictArray = getStorageWithExpiry(dictCode);
+				if (null == dictArray || undefined == dictArray) {
+					request({
+						url: '/admin-api/system/dict-data/type',
+						method: 'get',
+						params: {
+							type: dictCode
+						}
+					}).then((res) => {
+						if (res.code == 200) {
+							setStorageWithExpiry(dictCode, res.data, 3600)
+							this.$nextTick(() => {
+								res.data.map(item => {
+									this.setDictItem(dictCode, item)
+								})
+							})
+						}
+					})
+				} else {
+					this.$nextTick(() => {
+						dictArray.map(item => {
+							this.setDictItem(dictCode, item)
+						})
+					})
+				}
+			},
+			/**
+			 * 切换维修项目类型
+			 */
+			bindRepairTypeChange(e) {
+				this.repairTypeIndex = e.detail.value
+				// this.onRefresherrefresh()
+			},
+			/**
+			 * 切换维修项目类型
+			 */
+			bindBusiChange(e) {
+				this.busiIndex = e.detail.value
+				console.log('选择的渠道', this.busiValueList[e.detail.value]);
+				// this.onRefresherrefresh()
+			},
+			/**
+			 * 切换客户来源
+			 */
+			bindCusFromChange(e) {
+				this.initData()
+				// this.onRefresherrefresh()
+			},
+			/**
+			 * 切换工单状态
+			 */
+			bindTicketsStatusChange(e) {
+				this.ticketsStatusIndex = e.detail.value
+				// this.onRefresherrefresh()
+			},
+			/**
+			 * 切换工单状态
+			 */
+			bindpayStatusChange(e) {
+				this.payStatusIndex = e.detail.value
+				// this.onRefresherrefresh()
+			},
+			/**
+			 * 切换工种类型
+			 */
+			bindWorkTypeChange(e) {
+				this.workTypeIndex = e.detail.value
+				// this.onRefresherrefresh()
+			},
+			bindTimeTypeChange(e) {
+				console.log(e);
+				this.timeTypeIndex = e.detail.value
+
+				this.queryParams.timeType = this.timeTypeArray[e.detail.value].value
+				this.initData()
+				// this.onRefresherrefresh()
+			},
+			async getDict() {
+				const list = await getDictByCode('repair_pay_status')
+				this.dictData = list?.reduce((map, item) => {
+					map[item.value] = item.label
+					return map
+				}, {}) ?? {} // 如果 list 为空或 reduce 返回 undefined，则使用空对象
+				console.log('dict', this.dictData)
+			},
+			slectRange(index) {
+				this.selected = index;
+				console.log(index, this.selected);
+				const {
+					value
+				} = this.tapList[index];
+				console.log(value);
+				this.queryParams.searchTimeArray = getDateRange(value);
+			},
+			async tapIcon(index) {
+				this.tapIndex = index
+				await this.slectRange(index)
+				this.queryParams.pageNo = 1
+				await this.initData()
+			},
+			setCurrentMonthRange() {
+				// 直接使用 Date 对象
+				const now = new Date();
+
+				// 创建月初的 Date 对象
+				const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+
+				this.queryParams.searchTimeArray = [
+					this.formatDate(now), // 月初
+					this.formatDate(now), // 今天
+				];
+			},
+			/**
+			 * 获取业务来源和渠道
+			 */
+			queryBusiAndCus() {
+				request({
+					url: `/admin-api/business/list`,
+					method: 'GET',
+					params: {
+						systemCode: 'repair'
+					}
+				}).then(res => {
+					//过滤出pid为0的
+					this.busiList.push(
+						...res.data
+						.filter(item => item.pid === 0)
+						.map(item => item.name)
+					);
+					//过滤出pid为0的
+					this.busiValueList.push(
+						...res.data
+						.filter(item => item.pid === 0)
+						.map(item => item.name)
+					);
+
+					this.cusFromList = handleTree(res.data, 'id', 'pid')
+				})
+			},
+			formatDate(d) {
+				// 添加类型检查，确保 d 是 Date 对象
+				if (!(d instanceof Date)) {
+					console.error("formatDate() 期望接收 Date 对象，但收到:", d);
+					d = new Date(d); // 尝试转换为 Date 对象
+					if (isNaN(d.getTime())) {
+						// 检查是否有效日期
+						d = new Date(); // 如果转换失败，使用当前日期
+					}
+				}
+				return `${d.getFullYear()}-${this.pad(d.getMonth() + 1)}-${this.pad(
+			  d.getDate()
+			)}`;
+			},
+			// 补零：1 → 01
+			pad(n) {
+				return n.toString().padStart(2, "0");
+			},
+			getList() {
+				let paramsObj = {
+					repairType: this.repairTypeValueList[this.repairTypeIndex],
+					workType: this.workeTypeValueList[this.workTypeIndex],
+					ticketsStatus: this.ticketsStatusValueList[this.ticketsStatusIndex],
+					busiFrom: this.busiValueList[this.busiIndex],
+					payStatus: this.payStatusValueList[this.payStatusIndex],
+					// timeType: 'settlement',
+					...this.queryParams
+				}
+
+				request({
+					url: `/admin-api/repair/tickets/pageType`,
+					params: paramsObj
+				}).then(res => {
+					this.list = res.data.records
+					this.total = res.data.total
+					this.current = res.data.current
+				})
+			},
+			onPageChange(e) {
+				this.queryParams.pageNo = e.current
+				this.getList()
+			},
+			goWorkDetail(data) {
+				console.log('执行');
+				// 退出时恢复自动（或者你项目里默认的方向）
+				// #ifdef APP-PLUS
+				plus.screen.lockOrientation('portrait-primary'); //锁死屏幕方向为竖屏
+				plus.navigator.setFullscreen(false);
+				// #endif
+				const innerUrl = `/pages-order/orderDetail/orderDetail?id=${data.id}&isDetail=1`
+				const url = `/pages-business/white/newWhite?url=${encodeURIComponent(innerUrl)}`
+				setTimeout(() => {
+					uni.redirectTo({
+						url: innerUrl
+					})
+				}, 1000); // 300毫秒延时，可以根据需要调整
+			},
+			getStatistics() {
+				let paramsObj = {
+					repairType: this.repairTypeValueList[this.repairTypeIndex],
+					workType: this.workeTypeValueList[this.workTypeIndex],
+					ticketsStatus: this.ticketsStatusValueList[this.ticketsStatusIndex],
+					busiFrom: this.busiValueList[this.busiIndex],
+					...this.queryParams
+				}
+				request({
+					url: '/admin-api/repair/tickets/getStatistics',
+					params: paramsObj
+				}).then(res => {
+					this.statisticsInfo = res.data
+				})
+			},
+			/**
+			 * 重置请求参数
+			 */
+			resetQueryParams() {
+				this.queryParams.pageNo = 1
+				this.queryParams.pageSize = 10
+				this.queryParams.search = null
+				this.queryParams.cusFrom = null
+				this.queryParams.ticketNo = null
+
+				this.repairTypeIndex = 0
+				this.workTypeIndex = 0
+				this.ticketsStatusIndex = 0
+				this.busiIndex = 0
+				this.payStatusIndex = 0
+			}
+		},
+		//页面显示时切换为横屏配置
+		async onLoad(options) {
+			await this.setCurrentMonthRange()
+			await this.getDict()
+			await this.initDict("repair_type")
+			await this.initDict("repair_work_type")
+			if (options.selectType) {
+				this.ticketsStatusIndex = this.ticketsStatusValueList.indexOf(options.selectType);
+			}
+			if (options.repairType) {
+				this.repairTypeIndex = this.repairTypeValueList.indexOf(options.repairType);
+			}
+			if (options.payStatus) {
+				this.payStatusIndex = this.payStatusValueList.indexOf(options.payStatus);
+			}
+			this.initData()
+			this.queryBusiAndCus()
+			// #ifdef APP-PLUS
+			uni.showLoading({
+				title: "加载中..."
+			})
+			setTimeout(() => {
+				plus.screen.lockOrientation('default');
+				uni.hideLoading();
+			}, 1200)
+			// #endif
+		},
+		//页面卸载时切换为竖屏配置
+		onUnload() {
+			// // 退出时恢复自动（或者你项目里默认的方向）
+			// #ifdef APP-PLUS
+			plus.screen.lockOrientation('portrait-primary'); //锁死屏幕方向为竖屏
+			plus.navigator.setFullscreen(false);
+			// #endif
+		},
+		// 监听页面返回
+		onBackPress() {
+			console.log('执行跳转');
+			// 跳转至空白页
+			uni.redirectTo({
+				url: '/pages/white/white'
+			});
+			return true;
+		},
+	}
+</script>
+
+<style scoped>
+	.container {
+		width: 100%;
+		height: 100%;
+		background-color: white;
+		padding-left: env(safe-area-inset-left);
+	}
+
+	/* 顶部背景和标题 */
+	.header {
+		display: flex;
+		position: relative;
+		height: 100rpx;
+		justify-content: center;
+		align-items: center;
+		padding: 20rpx 40rpx;
+		padding-top: var(--status-bar-height); //给组件加个上边距
+	}
+
+	.bg-img {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		/* z-index: -1; */
+	}
+
+	.title {
+		text-align: center;
+		font-size: 36rpx;
+		font-weight: bold;
+		color: #333;
+		line-height: 100rpx;
+		z-index: 2;
+	}
+
+	/* 表格 */
+	.table {
+		margin: 20rpx;
+		border-radius: 12rpx;
+		overflow: hidden;
+	}
+
+	.table-row {
+		/* flex-direction: row;
+		display: flex; */
+	}
+
+	.table-header {
+		background-color: #f2f6ff;
+		font-weight: bold;
+	}
+
+	.table-cell {
+		flex: 1;
+		padding: 20rpx;
+		text-align: center;
+		font-size: 28rpx;
+		color: #555;
+	}
+
+	.row-bg {
+		background-color: #f9fbff;
+	}
+
+	.status {
+		color: #d4a017;
+		/* 金色 */
+		font-weight: 500;
+	}
+
+	/* 选项卡样式 */
+	.tabs {
+		display: flex;
+		margin-bottom: 30rpx;
+		padding-bottom: 20rpx;
+	}
+
+	.cont_time {
+		background: #F1F4F7;
+		border-radius: 36rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0px 30rpx;
+
+		width: 386rpx;
+		height: 56rpx;
+		background: #FFFFFF;
+		border-radius: 36rpx;
+	}
+
+	.cont_size {
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #686C7A;
+	}
+
+	.tab {
+		margin-right: 40rpx;
+		font-size: 28rpx;
+		color: #666;
+		padding: 10rpx 0;
+
+		width: 56rpx;
+		height: 28rpx;
+		font-family: SourceHanSansCN, SourceHanSansCN;
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #707677;
+		line-height: 42rpx;
+		text-align: right;
+		font-style: normal;
+	}
+
+	.tab.active {
+		color: #007AFF;
+		font-weight: bold;
+
+		width: 56rpx;
+		height: 28rpx;
+		font-family: SourceHanSansCN, SourceHanSansCN;
+		font-weight: bold;
+		font-size: 28rpx;
+		color: #292D2E;
+		line-height: 42rpx;
+		text-align: right;
+		font-style: normal;
+
+		margin-bottom: 20rpx;
+	}
+
+	.tap_img {
+		height: 3px;
+		text-align: center;
+		margin: 0 auto;
+
+		image {
+			width: 34rpx;
+			height: 12rpx;
+		}
+	}
+
+	.content_top {
+		width: 100%;
+		display: flex;
+		justify-content: space-between;
+		padding-left: 30rpx;
+		align-items: center;
+		margin-top: 30rpx;
+	}
+
+	.census {
+		display: flex;
+		justify-content: right;
+		font-weight: bold;
+		font-size: 30rpx;
+		/* margin: 1rem 1rem 1rem 0; */
+	}
+
+	.census>span {
+		padding-left: 3rem;
+	}
+
+	.credited {
+		color: green;
+	}
+
+	.notCredited {
+		color: gray;
+	}
+
+	.onlinePay {
+		color: blue;
+	}
+
+	.cashPay {
+		color: goldenrod;
+	}
+
+	.signedPay {
+		color: orange;
+	}
+
+	.content_right {
+		display: flex;
+		align-items: center;
+	}
+
+	.line {
+		width: 2rpx;
+		height: 60rpx;
+		background-color: #DDDDDD;
+	}
+
+	.tap_icon {
+		width: 40rpx;
+		height: 40rpx;
+	}
+
+	.search {
+		display: flex;
+		align-items: center;
+	}
+
+	.popup {
+		padding-top: var(--status-bar-height);
+		width: 700rpx;
+		height: 100vh;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.popup-content {
+		flex: 1;
+		height: 100%;
+		overflow-y: auto;
+		padding: 20rpx;
+		box-sizing: border-box;
+	}
+
+	.border_ {
+		border: 1px solid #0357FF;
+		border-radius: 50rpx;
+		align-items: center;
+	}
+
+	.body-top-tab {
+		background: white;
+		display: flex;
+		font-size: 30rpx;
+		padding: 5rpx 0;
+		flex-direction: column;
+	}
+
+	.body-top-tab .line {
+		width: 2rpx;
+		height: 60rpx;
+		background-color: #DDDDDD;
+	}
+
+	.body-top-tab-item {
+		width: 100%;
+		padding: 20rpx 0;
+		position: relative;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.body-top-tab-item .label {
+		font-size: 28rpx;
+		color: #333;
+	}
+
+	.reset {
+		color: #165DFF;
+		padding: 20rpx;
+		display: flex;
+		align-items: center;
+		font-size: 28rpx;
+	}
+
+	/* 横屏适配 */
+	@media (orientation: landscape) {
+		.popup {
+			width: 60vw;
+		}
+
+		.popup-content {
+			max-height: 100vh;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages-detail/detail/detail.vue b/pages-detail/detail/detail.vue
new file mode 100644
index 0000000..47270f6
--- /dev/null
+++ b/pages-detail/detail/detail.vue
@@ -0,0 +1,555 @@
+<template>
+	<view class="detail-container">
+		<view class="top">
+			<view class="navbar">
+				<uni-icons type="left" color="#1f2d3d" size="22" @click="goBack" />
+				<text class="navbar-title">详情页</text>
+			</view>
+
+			<view class="header">
+				<!-- 选项卡 -->
+				<view class="tabs">
+					<view class="tab" :class="{'active':currentTab == index}" v-for="(item,index) in tapList"
+						:key="index" @click="switchTab(index)">
+						<view class="">{{item.label || "无"}}</view>
+						<view class="tap_img" style="display: block;" v-show="currentTab == index">
+							<image src="/static/images/icon_tap.png" mode="widthFix" class="tap_icon"></image>
+						</view>
+					</view>
+				</view>
+				<view class="">
+					<uni-datetime-picker v-model="queryParams.dateRange" type="daterange" @change="loadData()"
+						rangeSeparator="至" class="">
+						<view class="cont_time">
+							<view class="cont_size">{{queryParams.dateRange[0]}}</view>
+							<view class="bule_size"></view>
+							<view class="cont_size">{{queryParams.dateRange[1]}}</view>
+							<view class=""> <u-icon name="arrow-down-fill" color="#0357FF" size="12"></u-icon></view>
+						</view>
+					</uni-datetime-picker>
+				</view>
+			</view>
+		</view>
+
+
+		<view class="content">
+			<view class="section-list">
+				<view class="section-card" v-for="(sKey, idx) in statsData" :key="idx">
+					<view class="section-header" @click="goList(sKey.selectType)">
+						<view class="section-header-left">
+							<view class="section-tag">{{ sKey.name }}</view>
+							<view class="section-total">{{ sKey.total }}台次</view>
+						</view>
+						<view class="section-header-right">
+							<image src="../images/small.png" mode="widthFix" class="tap_icon" />
+						</view>
+					</view>
+					<view class="section-body">
+						<view class="kv" v-for="(item, i) in sKey.children" :key="i"
+							@click="goList(sKey.selectType,item.repairType)">
+							<view class="kv-number">{{ item.count }}</view>
+							<view class="kv-label">{{ dictData[item.repairType] }}</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="finance" v-if="checkPermi(['repair:tick:profit'])">
+				<view class="fin-card receivable" @click.self="goListByPayStatus('receivable')">
+					<view class="fin-top">
+						<text class="fin-title">应收款</text>
+						<uni-icons :type="financeVisibility.receivable ? 'eye' : 'eye-slash'" color="#7aa6ff" size="20"
+							@click="toggleFinance('receivable')" />
+					</view>
+					<!-- 已收款金额 -->
+					<text
+						class="fin-amount">{{ financeVisibility.receivable ? formatCurrency(otherInfo.receivableAmount || 0) : '*****' }}</text>
+					<view class="fin-bottom">
+						<view class="fin-count">{{otherInfo.receivableCount}}台次</view>
+						<image src="../images/money_one.png" mode="widthFix" class="tap_icon"></image>
+					</view>
+				</view>
+				<view class="fin-card collected" @click.self="goListByPayStatus('receivedAmount')">
+					<view class="fin-top">
+						<text class="fin-title">已收款</text>
+						<uni-icons :type="financeVisibility.collected ? 'eye' : 'eye-slash'" color="#a896ff" size="20"
+							@click="toggleFinance('collected')" />
+					</view>
+					<text
+						class="fin-amount">{{ financeVisibility.collected ? formatCurrency(otherInfo.receivedAmount) : '*****' }}</text>
+					<view class="fin-bottom">
+						<view class="fin-count">{{otherInfo.receivedCount}}台次</view>
+						<image src="../images/money_two.png" mode="widthFix" class="tap_icon"></image>
+					</view>
+				</view>
+				<view class="fin-card pending" @click.self="goListByPayStatus('pendingAmount')">
+					<view class="fin-top">
+						<text class="fin-title">待收款</text>
+						<uni-icons :type="financeVisibility.pending ? 'eye' : 'eye-slash'" color="#ffcf7a" size="20"
+							@click="toggleFinance('pending')" />
+					</view>
+					<text
+						class="fin-amount">{{ financeVisibility.pending ? formatCurrency(otherInfo.pendingAmount) : '*****' }}</text>
+					<view class="fin-bottom">
+						<view class="fin-count">{{otherInfo.pendingCount}}台次</view>
+						<image src="../images/money_three.png" mode="widthFix" class="tap_icon"></image>
+					</view>
+				</view>
+			</view>
+
+		</view>
+
+	</view>
+
+</template>
+
+<script>
+	import request from '@/utils/request';
+	import {
+		formatCurrency,
+		getDictByCode,
+		getDateRange
+	} from '@/utils/utils';
+	import {
+		checkPermi,
+		checkRole
+	} from "@/utils/permission"; // 权限判断函数
+
+	export default {
+		name: 'DetailPage',
+		data() {
+			return {
+				currentTab: 0,
+				queryParams: {
+					dateRange: [],
+				},
+				sectionOrder: ['orders', 'repairing', 'completed', 'settled', 'unsettled', 'delivered', 'inFactory'],
+				sectionTitle: {
+					orders: '订单(进厂)数',
+					repairing: '维修中',
+					completed: '已竣工',
+					settled: '竣工已结算',
+					unsettled: '竣工未结算',
+					delivered: '已交车',
+					inFactory: '在厂数'
+				},
+				tapList: [{
+						label: "本日",
+						value: "day",
+					},
+					{
+						label: "本月",
+						value: "month",
+					},
+					{
+						label: "全部",
+						value: "all",
+					},
+				],
+				statsData: {},
+				financeVisibility: {
+					receivable: false,
+					collected: false,
+					pending: false
+				},
+				dictData: undefined,
+				otherInfo: {}
+			};
+		},
+		async mounted() {
+			await this.setCurrentMonthRange()
+			this.getDict()
+			this.loadFinanceVisibility() // 从缓存加载显示设置
+			this.loadData();
+		},
+		methods: {
+			checkPermi,
+			checkRole,
+			async switchTab(tab) {
+				if (this.currentTab !== tab) {
+					this.currentTab = tab;
+
+					await this.slectRange(tab)
+				}
+			},
+			slectRange(index) {
+				this.selected = index;
+				console.log(index, this.selected);
+				const {
+					value
+				} = this.tapList[index];
+				console.log(value);
+				this.queryParams.dateRange = getDateRange(value);
+			},
+			showDatePicker() {
+				console.log('show date picker');
+			},
+			// 从本地缓存加载显示设置
+			loadFinanceVisibility() {
+				try {
+					const savedVisibility = uni.getStorageSync('financeVisibility');
+					if (savedVisibility) {
+						this.financeVisibility = savedVisibility;
+					}
+				} catch (e) {
+					console.error('Failed to load finance visibility from storage:', e);
+				}
+			},
+
+			// 切换财务信息显示/隐藏并保存到缓存
+			toggleFinance(key) {
+				this.financeVisibility[key] = !this.financeVisibility[key];
+
+				// 保存到本地缓存
+				try {
+					uni.setStorageSync('financeVisibility', this.financeVisibility);
+				} catch (e) {
+					console.error('Failed to save finance visibility to storage:', e);
+				}
+			},
+			async getDict() {
+				const list = await getDictByCode('repair_type')
+				this.dictData = list?.reduce((map, item) => {
+					map[item.value] = item.label
+					return map
+				}, {}) ?? {} // 如果 list 为空或 reduce 返回 undefined，则使用空对象
+				console.log('dict', this.dictData)
+			},
+			/**
+			 * 列表
+			 */
+			goList(selectType, repairType) {
+				if (repairType) {
+					uni.navigateTo({
+						url: `/pages-business/statistics/statistics?selectType=${selectType}&repairType=${repairType}`
+					})
+				} else {
+					uni.navigateTo({
+						url: `/pages-business/statistics/statistics?selectType=${selectType}`
+					})
+				}
+			},
+			goListByPayStatus(payStatus) {
+				uni.navigateTo({
+					url: `/pages-business/statistics/statistics?payStatus=${payStatus}`
+				})
+			},
+			loadData() {
+				request({
+					url: '/admin-api/repair/tickets/getBossNumStatistics',
+					method: 'get',
+					params: this.queryParams
+				}).then(res => {
+					if (res.code === 200 && res.data) {
+						this.statsData = res.data.stats;
+						this.otherInfo = res.data
+					}
+				}).catch(error => {
+					console.error('Failed to load stats data:', error);
+				});
+			},
+			formatCurrency(amount) {
+				return formatCurrency(amount);
+			},
+			// toggleFinance(key) {
+			// 	this.financeVisibility[key] = !this.financeVisibility[key];
+			// },
+			goBack() {
+				uni.navigateBack();
+			},
+			setCurrentMonthRange() {
+				// 直接使用 Date 对象
+				const now = new Date();
+
+				// 创建月初的 Date 对象
+				const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+
+				this.queryParams.dateRange = [
+					this.formatDate(now), // 月初
+					this.formatDate(now), // 今天
+				];
+			},
+			formatDate(d) {
+				// 添加类型检查，确保 d 是 Date 对象
+				if (!(d instanceof Date)) {
+					console.error("formatDate() 期望接收 Date 对象，但收到:", d);
+					d = new Date(d); // 尝试转换为 Date 对象
+					if (isNaN(d.getTime())) {
+						// 检查是否有效日期
+						d = new Date(); // 如果转换失败，使用当前日期
+					}
+				}
+				return `${d.getFullYear()}-${this.pad(d.getMonth() + 1)}-${this.pad(
+			  d.getDate()
+			)}`;
+			},
+			// 补零：1 → 01
+			pad(n) {
+				return n.toString().padStart(2, "0");
+			},
+		},
+		watch: {
+			currentTab() {
+				this.loadData();
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.detail-container {
+		/* background: #f2f6ff; */
+		min-height: 100vh;
+		padding-bottom: 24rpx;
+		height: 100%;
+		flex-direction: column;
+		overflow: hidden;
+		display: flex;
+	}
+
+	.navbar {
+		height: 88rpx;
+		display: flex;
+		align-items: center;
+		padding: 0 24rpx;
+	}
+
+	.top {
+		background-image: url('/static/images/table_header.png');
+		padding-top: var(--status-bar-height); //给组件加个上边距
+	}
+
+	.navbar-title {
+		flex: 1;
+		text-align: center;
+		color: #1f2d3d;
+		font-weight: 600;
+		font-size: 32rpx;
+		margin-right: 44rpx;
+	}
+
+	.header {
+		margin: 0 24rpx 24rpx;
+		/* background: linear-gradient(180deg, #e8f1ff 0%, #f5f8ff 100%); */
+		border-radius: 16rpx;
+		padding: 24rpx;
+		display: flex;
+		justify-content: space-between;
+		/* box-shadow: 0 8rpx 24rpx rgba(88, 131, 255, 0.12); */
+	}
+
+	.tabs {
+		display: flex;
+		gap: 24rpx;
+		margin-bottom: 20rpx;
+	}
+
+	.tab {
+		font-size: 28rpx;
+		color: #7f8fa4;
+		position: relative;
+		padding-bottom: 8rpx;
+	}
+
+	.tab.active {
+		color: #2a6cff;
+		font-weight: 600;
+	}
+
+	.tab.active:after {
+		/* content: '';
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		width: 48rpx;
+		height: 6rpx;
+		background: #2a6cff;
+		border-radius: 6rpx; */
+	}
+
+	.date-range {
+		background: #ffffff;
+		border-radius: 12rpx;
+		padding: 18rpx 20rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		color: #5f6b7a;
+		box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.04);
+	}
+
+	.date-text {
+		font-size: 26rpx;
+	}
+
+	.section-list {
+		padding: 0 24rpx;
+		display: flex;
+		flex-direction: column;
+		gap: 16rpx;
+	}
+
+	.section-card {
+		background: #ffffff;
+		border-radius: 16rpx;
+		box-shadow: 0 8rpx 28rpx rgba(31, 45, 61, 0.06);
+	}
+
+	.section-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 16rpx 8rpx;
+		background: linear-gradient(180deg, #EDF8FF 0%, #FBFEFF 100%);
+	}
+
+	.section-header-left {
+		display: flex;
+	}
+
+	.section-header-right {
+		image {
+			height: 30rpx;
+			width: 30rpx;
+		}
+	}
+
+	.section-tag {
+		background-image: url('../images/list_title.png');
+		color: #2a6cff;
+		font-size: 26rpx;
+		padding: 10rpx 18rpx;
+		font-weight: 600;
+	}
+
+	.section-total {
+		padding: 10rpx 18rpx;
+		font-size: 28rpx;
+		color: #144B7E;
+		font-weight: 500;
+	}
+
+	.section-body {
+		display: grid;
+		grid-template-columns: repeat(4, 1fr);
+		gap: 16rpx;
+		padding: 8rpx;
+	}
+
+	.kv {
+		border-radius: 12rpx;
+		padding: 18rpx 0;
+		text-align: center;
+	}
+
+	.kv-number {
+		color: #1f2d3d;
+		font-weight: 700;
+		font-size: 30rpx;
+		margin-bottom: 4rpx;
+	}
+
+	.kv-label {
+		color: #7f8fa4;
+		font-size: 22rpx;
+	}
+
+	.finance {
+		padding: 16rpx 24rpx 0;
+		display: grid;
+		grid-template-columns: repeat(3, 1fr);
+		gap: 16rpx;
+	}
+
+	.fin-card {
+		border-radius: 16rpx;
+		padding: 18rpx;
+		color: #1f2d3d;
+		display: flex;
+		flex-direction: column;
+		gap: 10rpx;
+		box-shadow: 0 10rpx 28rpx rgba(0, 0, 0, 0.06);
+	}
+
+	.fin-card.receivable {
+		background: linear-gradient(180deg, #eaf3ff, #f3f8ff);
+	}
+
+	.fin-card.collected {
+		background: linear-gradient(180deg, #f1ecff, #f7f4ff);
+	}
+
+	.fin-card.pending {
+		background: linear-gradient(180deg, #fff3df, #fff8ea);
+	}
+
+	.tap_img {
+		height: 3px;
+		text-align: center;
+		margin: 0 auto;
+
+		image {
+			width: 34rpx;
+			height: 12rpx;
+		}
+	}
+
+	.fin-top {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.fin-title {
+		color: #7f8fa4;
+		font-size: 22rpx;
+	}
+
+	.fin-amount {
+		font-size: 32rpx;
+		font-weight: 700;
+		letter-spacing: 1rpx;
+	}
+
+	.fin-bottom {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		color: #7f8fa4;
+		font-size: 22rpx;
+
+		image {
+			height: 30rpx;
+			width: 30rpx;
+		}
+	}
+
+	.content {
+		overflow-y: scroll;
+	}
+
+	.cont_time {
+		background: #F1F4F7;
+		border-radius: 36rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0px 30rpx;
+
+		width: 386rpx;
+		height: 56rpx;
+		background: #FFFFFF;
+		border-radius: 36rpx;
+	}
+
+	.cont_size {
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #686C7A;
+	}
+
+	.tap_icon {
+		width: 40rpx;
+		height: 40rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages-detail/images/list_title.png b/pages-detail/images/list_title.png
new file mode 100644
index 0000000..f64b747
Binary files /dev/null and b/pages-detail/images/list_title.png differ
diff --git a/pages-detail/images/money_one.png b/pages-detail/images/money_one.png
new file mode 100644
index 0000000..6f91bcf
Binary files /dev/null and b/pages-detail/images/money_one.png differ
diff --git a/pages-detail/images/money_three.png b/pages-detail/images/money_three.png
new file mode 100644
index 0000000..c1e146b
Binary files /dev/null and b/pages-detail/images/money_three.png differ
diff --git a/pages-detail/images/money_two.png b/pages-detail/images/money_two.png
new file mode 100644
index 0000000..37c7675
Binary files /dev/null and b/pages-detail/images/money_two.png differ
diff --git a/pages-detail/images/small.png b/pages-detail/images/small.png
new file mode 100644
index 0000000..b5cb228
Binary files /dev/null and b/pages-detail/images/small.png differ
diff --git a/pages-home/home/home1.vue b/pages-home/home/home1.vue
new file mode 100644
index 0000000..e71351c
--- /dev/null
+++ b/pages-home/home/home1.vue
@@ -0,0 +1,1589 @@
+<template>
+	<view class="container">
+		<!--<VNavigationBar style="position: relative;z-index: 99;" leftTitle="true" backgroundColor="rgba(0,0,0,0)" title-color="#fff" title=" "></VNavigationBar>-->
+		<view class="bodyTopBg"></view>
+		<view class="body">
+			<view style="text-align: left;margin: 0 32rpx">
+				<text class="company-text">{{ companyInfo.simpleName || companyInfo.corpName }}</text>
+			</view>
+			<view class="userInfoBox">
+				<image @click="showUserDetail" style="width: 104rpx;height: 104rpx;border-radius: 50%;"
+					v-if="''==userInfo.avatar || null == userInfo.avatar" :src="defaultAvatar" mode="scaleToFill"
+					@error="avatarErr"></image>
+				<image @click="showUserDetail" style="width: 104rpx;height: 104rpx;border-radius: 50%;" v-else
+					:src="imgUrlPrex+userInfo.avatar" mode="scaleToFill" @error="avatarErr"></image>
+				<view class="userInfo" @click="showUserDetail">
+					<text class="userName">{{ userInfo.nickname }}</text>
+					<text class="userType">{{ userInfo.roleNames }}</text>
+					<!--          <text class="userType" v-if="ifLeader">班组长</text>-->
+				</view>
+				<view class="msg-box" @click="gotoMsg">
+					<image mode="aspectFita" src="@/pages-home/static/msg.png" style="width: 48rpx;height: 48rpx">
+					</image>
+					<view class="msg-num">{{noReadNum}}</view>
+				</view>
+				<image @click="showUserDetail" style="width: 48rpx;height: 48rpx" src="/static/icons/more.png"
+					mode="aspectFita"></image>
+			</view>
+			<!--      服务顾问才能开单-->
+			<view class="body-top-grid" v-if="userInfo.roleCodes.includes('service_advisor')">
+				<view v-for="(item, index) in menuList" :key="index" class="body-top-item" @click="gotoPage(item)">
+					<view>
+						<view class="title">{{ item.title }}</view>
+						<view class="desc">{{ item.desc }}</view>
+						<image class="btn" mode="aspectFit" src="@/static/icons/homeMenuIcon/menuBtn.png"></image>
+					</view>
+					<image :src="item.icon" class="icon" mode="aspectFit"></image>
+				</view>
+			</view>
+			<!-- 维修工角色-->
+			<view class="body-card" v-if="userInfo.roleCodes.includes('repair_staff')" @click="workerTodo">
+				<view class="title">单据查看<text class="formValue">全部</text><u-icon color="#999" name="arrow-right"
+						size="12"></u-icon></view>
+				<view class="title-box">
+					<view class="title-box-item">
+						<view class="titleDesc">配件申请单</view>
+						<view class="titleNumber">{{ workerNumObj.submitNum }}</view>
+						<image class="titleImg" src="@/pages-home/static/up.png"></image>
+					</view>
+					<!--          <view class="title-box-item">-->
+					<!--            <view class="titleDesc">未通过</view>-->
+					<!--            <view class="titleNumber">{{ workerNumObj.noAllowNum }}</view>-->
+					<!--            <image class="titleImg"  src="@/pages-home/static/no.png" ></image>-->
+					<!--          </view>-->
+					<!--          <view class="title-box-item">-->
+					<!--            <view class="titleDesc">已通过</view>-->
+					<!--            <view class="titleNumber">{{ workerNumObj.allowNum }}</view>-->
+					<!--            <image class="titleImg"  src="@/pages-home/static/alow.png" ></image>-->
+					<!--          </view>-->
+					<view class="title-box-item">
+						<view class="titleDesc">待确认领料</view>
+						<view class="titleNumber">{{ workerNumObj.waitingReceiveNum }}</view>
+						<image class="titleImg" src="@/pages-home/static/waitingReceiveNum.png"></image>
+					</view>
+					<view class="title-box-item">
+						<view class="titleDesc">待确认退料</view>
+						<view class="titleNumber">{{ workerNumObj.waitingBackNum }}</view>
+						<image class="titleImg" src="@/pages-home/static/waitingBackNum.png"></image>
+					</view>
+				</view>
+			</view>
+			<!-- 通知公告 -->
+			<view class="notice-dom" v-if="noticeNum>0" @click="gotoNotice">
+				<view class="notice-box">
+					<image class="left-img" src="@/pages-home/static/notice.png"></image>
+					<view class="center-text">你有{{noticeNum}}条来自平台的通知公告</view>
+					<u-icon style="width: 20rpx" color="#999" name="arrow-right" size="12"></u-icon>
+				</view>
+			</view>
+			<!-- 总检角色和维修业务管理员 -->
+			<view class="orderCount"
+				v-if="userInfo.roleCodes.includes('general_inspection') || userInfo.roleCodes.includes('weixiu')">
+				<view class="dl-float-view">累计</view>
+				<view class="orderCountItem" @click="viewOrder('wxz')">
+					<text class="label">维修中</text>
+					<text class="value">{{ bossNum.workingNum }}</text>
+				</view>
+				<!--        <view class="line"></view>-->
+				<view class="orderCountItem" @click="viewOrder('wjs')">
+					<text class="label">未结算</text>
+					<text class="value">{{ bossNum.noPayNum }}</text>
+				</view>
+				<!--        <view class="line"></view>-->
+				<view class="orderCountItem" @click="viewOrder('zc')">
+					<text class="label">在厂数</text>
+					<text class="value">{{ bossNum.inCompanyNum }}</text>
+				</view>
+				<!--        <view class="orderCountItem">-->
+				<!--          <text class="label">进厂数</text>-->
+				<!--          <text class="value">{{ bossNum.newOrderNum }}</text>-->
+				<!--        </view>-->
+				<!--        &lt;!&ndash;          <view class="line"></view>&ndash;&gt;-->
+				<!--        <view class="orderCountItem">-->
+				<!--          <text class="label">已竣工</text>-->
+				<!--          <text class="value">{{ bossNum.overNum }}</text>-->
+				<!--        </view>-->
+				<!--        &lt;!&ndash;          <view class="line"></view>&ndash;&gt;-->
+				<!--        <view class="orderCountItem">-->
+				<!--          <text class="label">已交车</text>-->
+				<!--          <text class="value">{{ bossNum.giveCusNum }}</text>-->
+				<!--        </view>-->
+			</view>
+			<view v-if="userInfo.roleCodes.includes('general_inspection') || userInfo.roleCodes.includes('weixiu')">
+				<!--        <view class="body-top-tab" >-->
+				<!--          <view v-for="(item, index) in timePicker" @click="activeTab(index)" :key="index"-->
+				<!--                :class="{ active: active === index }"-->
+				<!--                class="body-top-tab-item" style="font-weight: bold">-->
+				<!--            {{ item }}-->
+				<!--            <view v-if="index === active" class="activeLine"></view>-->
+				<!--          </view>-->
+				<!--        </view>-->
+				<!--        <view class="orderCount" style="margin-bottom: 0" v-if="active==2">-->
+				<!--          <uni-datetime-picker v-model="range" type="daterange" @maskClick="maskClick" />-->
+				<!--        </view>-->
+				<!--        <view class="body-top-tab" style="margin-bottom: 0" v-if="active==2">-->
+				<!--          <view v-for="(item, index) in timePickerSon" @click="activeTabSon(index)" :key="index"-->
+				<!--                :class="{ active: activeSon === index }"-->
+				<!--                class="body-top-tab-item">-->
+				<!--            {{ item }}-->
+				<!--            <view v-if="index === activeSon" class="activeLine"></view>-->
+				<!--          </view>-->
+				<!--        </view>-->
+				<view class="orderCount">
+					<view class="dl-float-view">当日</view>
+					<view class="orderCountItem" @click="viewOrder(bossNum.newOrderIdList)">
+						<text class="label">进厂数</text>
+						<text class="value">{{ bossNum.newOrderNum }}</text>
+					</view>
+					<!--          <view class="line"></view>-->
+					<view class="orderCountItem" @click="viewOrder(bossNum.overIdList)">
+						<text class="label">已竣工</text>
+						<text class="value">{{ bossNum.overNum }}</text>
+					</view>
+					<!--          <view class="line"></view>-->
+					<view class="orderCountItem" @click="viewOrder(bossNum.giveCusIdList)">
+						<text class="label">已交车</text>
+						<text class="value">{{ bossNum.giveCusNum }}</text>
+					</view>
+				</view>
+			</view>
+			<!-- 服务顾问角色 -->
+			<view class="orderCount"
+				v-if="userInfo.roleCodes.includes('service_advisor') || userInfo.roleCodes.includes('weixiu')|| userInfo.roleCodes.includes('general_inspection')">
+				<view class="orderCountItem" style="line-height: 90rpx" @click="serviceWork">
+					<view class="label">待审批配件单<view class="number-box">{{serviceNum}}</view>
+					</view>
+				</view>
+				<!--        <view class="orderCountItem">-->
+				<!--          <view class="label">待办工单<view class="number-box">{{total}}</view></view>-->
+				<!--        </view>-->
+			</view>
+			<view class="orderCount">
+				<view class="orderCountItem" style="line-height: 90rpx" @click="waitingWork">
+					<view class="label">待办工单<view class="number-box">{{total}}</view>
+					</view>
+				</view>
+			</view>
+			<view class="todoListBox">
+				<!--        <view class="title">-->
+				<!--          待办工单-->
+				<!--          <text class="titleDesc">当前共-->
+				<!--            <text class="titleCount">{{total}}</text>-->
+				<!--            个工单需要处理-->
+				<!--          </text>-->
+				<!--        </view>-->
+				<view class="todoList">
+					<!--          <view class="body-top-tab" v-if="userInfo.roleCodes.includes('general_inspection') || userInfo.roleCodes.includes('weixiu')">-->
+					<!--            <view  class="body-top-tab-item">-->
+					<!--              <picker @change="bindCusFromChange" :value="cusFromIndex" :range="cusFromList">-->
+					<!--                <view class="uni-input">{{cusFromList[cusFromIndex]}}</view>-->
+					<!--              </picker>-->
+					<!--            </view>-->
+					<!--            <view class="line"></view>-->
+					<!--            <view  class="body-top-tab-item">-->
+					<!--              <picker @change="bindRepairTypeChange" :value="repairTypeIndex" :range="repairTypeList">-->
+					<!--                <view class="uni-input">{{repairTypeList[repairTypeIndex]}}</view>-->
+					<!--              </picker>-->
+					<!--            </view>-->
+					<!--          </view>-->
+					<scroll-view
+						v-if="userInfo.roleCodes.includes('general_inspection') || userInfo.roleCodes.includes('weixiu')"
+						scroll-y="true" style="height:100%" class="itemContent" @scrolltolower="onReachBottomCus"
+						refresher-enabled @refresherrefresh="onRefresherrefresh" :refresher-triggered="isTriggered">
+						<order-card :userInfo="userInfo" v-for="(item, index) in orderList" :key="index" :order="item"
+							@childEvent="onRefresherrefresh" @doVoid="doVoidReq" @pickCar="openPickcar"
+							@getOrder="openFile" @startWork="startWork" @addProj="addProj"></order-card>
+						<view style="text-align: center" v-if="orderList.length==0">
+							<image class="" src="@/static/images/nothing.png"></image>
+						</view>
+					</scroll-view>
+					<scroll-view v-else scroll-y="true" style="height: 100%" class="itemContent"
+						@scrolltolower="onReachBottomCus" refresher-enabled @refresherrefresh="onRefresherrefresh"
+						:refresher-triggered="isTriggered">
+						<order-card :userInfo="userInfo" v-for="(item, index) in orderList" :key="index" :order="item"
+							@childEvent="onRefresherrefresh" @doVoid="doVoidReq" @pickCar="openPickcar"
+							@getOrder="openFile" @startWork="startWork" @addProj="addProj"></order-card>
+						<view style="text-align: center" v-if="orderList.length==0">
+							<image class="" src="@/static/images/nothing.png"></image>
+						</view>
+					</scroll-view>
+				</view>
+			</view>
+		</view>
+		<project-picker ref="proj" @confirm="projConfirm"></project-picker>
+		<tabBarVue :title="myText" msg="1" ref="tarBar" @socketSuccess="socketSuccess"></tabBarVue>
+		<!-- 提示窗示例 -->
+		<uni-popup ref="alertDialog" type="dialog">
+			<uni-popup-dialog type="success" cancelText="线下告知" confirmText="去签字" title="系统提示" content="客户是否在厂进行签字确认？"
+				@confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
+		</uni-popup>
+		<!-- 提示窗示例 -->
+		<uni-popup ref="addProjDialog" type="dialog">
+			<uni-popup-dialog type="success" cancelText="修改已有项目" confirmText="新增项目" title="系统提示" content="是否需要新增项目？"
+				@confirm="addProjDialogConfirm" @close="cancelDialogClose"></uni-popup-dialog>
+		</uni-popup>
+		<!-- 输入框示例 -->
+		<uni-popup ref="inputDialog" type="dialog">
+			<uni-popup-dialog ref="inputClose" mode="input" title="线下告知" value="" placeholder="请填入告知方式!"
+				@confirm="dialogInputConfirm"></uni-popup-dialog>
+		</uni-popup>
+		<!--      作废modal框-->
+		<view>
+			<u-modal showCancelButton @cancel="doVoidCancel" @confirm="doVoidConfirm" :show="show" :title="title">
+				<input type="text" v-model="voidData.remark" placeholder="请输入作废原因">
+			</u-modal>
+		</view>
+		<!-- 普通弹窗---拍照上传 -->
+		<uni-popup ref="popup" background-color="#fff">
+			<view class="popup-content">
+				<view class="dl-avatar-box">
+					<uni-file-picker :value="fileList" :sizeType="sizeType" @select="afterRead" @delete="deleteFile"
+						limit="9" title="请上传诊断维修单和车辆维修前照片"></uni-file-picker>
+				</view>
+				<button type="primary" @click="receiveOrder">保存</button>
+			</view>
+		</uni-popup>
+		<!-- 接车---拍照上传 -->
+		<uni-popup ref="pickcarPopup" background-color="#fff">
+			<view class="popup-content">
+				<view class="dl-avatar-box">
+					<uni-file-picker :value="fileList" :sizeType="sizeType" @select="afterRead" @delete="deleteFile"
+						limit="9" title="请上传车辆照片"></uni-file-picker>
+				</view>
+				<button type="primary" @click="pickCar">保存</button>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import tabBarVue from '@/components/tabBar/tabBar.vue'
+	import VNavigationBar from '@/components/VNavigationBar.vue'
+	import OrderCard from "@/components/orderCard.vue";
+	import ProjectPicker from "@/components/projectPicker.vue";
+	import request from '@/utils/request';
+	import {
+		formatTimestamp,
+		getOrderStatusText,
+		builderOrder,
+		saveTicketsRecords
+	} from "@/utils/utils";
+	import config from "@/config";
+	import upload from "@/utils/upload";
+	import {
+		getToken,
+		getUserInfo,
+		getStrData,
+		getTenantId,
+		setJSONData,
+		getJSONData,
+		getStorageWithExpiry,
+		setStorageWithExpiry
+	} from '@/utils/auth'
+
+	export default {
+		components: {
+			OrderCard,
+			tabBarVue,
+			ProjectPicker,
+			VNavigationBar
+		},
+		data() {
+			return {
+				//上传的图片数组
+				fileList: [],
+				sizeType: ['compressed'],
+				show: false,
+				title: '作废',
+				voidData: {},
+				takeOrderId: '',
+				imgUrlPrex: config.baseImageUrl,
+				userInfo: {
+					avatar: undefined,
+					nickname: ''
+				},
+				//时间可选项
+				timePicker: ['当日', '累计', '自定义时间'],
+				//时间子可选项
+				timePickerSon: ['当月', '近三个月', '近六个月'],
+				active: 0,
+				activeSon: 0,
+				menuList: [{
+						title: '新建工单',
+						desc: '直接添加订单',
+						icon: require('@/static/icons/homeMenuIcon/menu1.png'),
+						path: '/pages-order/addOrder/addOrder'
+					},
+					{
+						title: '预约开单',
+						desc: '查询预约记录',
+						icon: require('@/static/icons/homeMenuIcon/menu1.png'),
+						path: '/pages-order/appointOrder/appointOrder'
+					}
+				],
+				bannerIndex: 0,
+				shopList: [],
+				bannerList: [],
+				richTextHtml: null,
+				pageNo: 1,
+				pageSize: 10,
+				total: 0,
+				//下来刷新状态
+				isTriggered: true,
+				orderList: [],
+				//维修工处理配件申请单数量
+				workerNumObj: {
+					submitNum: 0,
+					allowNum: 0,
+					noAllowNum: 0,
+					waitingReceiveNum: 0,
+					waitingBackNum: 0,
+				},
+				//服务顾问待处理数量
+				serviceNum: 0,
+				//总检查看维修中、已竣工的工单数量
+				bossNum: {
+					workingNum: 0,
+					workingIdList: [],
+					inCompanyNum: 0,
+					inCompanyIdList: [],
+					newOrderNum: 0,
+					newOrderIdList: [],
+					overNum: 0,
+					overIdList: [],
+					giveCusNum: 0,
+					giveCusIdList: [],
+					noPayNum: 0,
+					noPayIdList: 0
+				},
+				defaultAvatar: require('@/static/icons/avatar.png'),
+				//未读消息数量
+				noReadNum: 0,
+				//通知公告数量
+				noticeNum: 0,
+				//选中的维修单id
+				ticketId: null,
+				//新加的维修项目
+				selectedProj: [],
+				//告知客户的内容
+				tellCusText: "",
+				ifLeader: false,
+				//企业信息
+				companyInfo: {},
+				//日期默认选中范围
+				range: ['2021-02-01', '2021-03-28'],
+				//维修项目可选值
+				repairTypeList: ['按维修类别'],
+				//维修项目可选值--值
+				repairTypeValueList: [''],
+				// 维修项目选中下标
+				repairTypeIndex: 0,
+				//客户来源可选值
+				cusFromList: ['按客户来源'],
+				//客户来源可选值---值
+				cusFromValueList: [''],
+				// 客户来源选中下标
+				cusFromIndex: 0,
+				//有下角菜单显示文字
+				myText: "工单",
+			}
+		},
+		watch: {
+			range(newval) {
+				if (this.active == 2) {
+					this.getBossTodo()
+				}
+				console.log('范围选:', this.range);
+			},
+		},
+		onLoad() {
+			if (!getToken()) {
+				uni.reLaunch({
+					url: '/pages/login/login'
+				})
+			} else {
+				this.companyInfo = getJSONData("companyInfo")
+				//查2个数据字典备用---客户注册方式-cus_data_from、维修业务分类-repair_type
+				this.initDict("repair_type")
+				this.initDict("cus_data_from")
+				if (!this.$msgSocket) {
+					this.$startMsgSocket(getTenantId(), getStrData("userId"))
+				}
+			}
+		},
+		onShow() {
+			if (!getToken()) {
+				uni.reLaunch({
+					url: '/pages/login/login'
+				})
+			} else {
+				//直接取缓存中的用户信息
+				this.userInfo = getUserInfo()
+				this.ifLeader = getStrData('ifLeader')
+				this.getNoReadNum()
+				this.getNoticeList()
+				this.onRefresherrefresh()
+				if (this.userInfo.roleCodes.includes('repair_staff')) {
+					//维修工
+					this.getWorkerTodo()
+				} else if (this.userInfo.roleCodes.includes('service_advisor')) {
+					//服务顾问
+					this.getServiceTodo()
+				} else if (this.userInfo.roleCodes.includes('weixiu') || this.userInfo.roleCodes.includes(
+						'general_inspection')) {
+					//总检或管理员
+					this.setChooseDate("nowMonth")
+					this.getBossTodo()
+					// this.myText = "我的"
+					this.getServiceTodo()
+				}
+			}
+		},
+		methods: {
+			viewOrder(statisticsType) {
+				setJSONData('orderIdList', [])
+				uni.navigateTo({
+					url: `/pages-order/orderList/orderSimpleList?statisticsType=${statisticsType}`
+				})
+			},
+			/**
+			 * 切换客户来源
+			 */
+			bindCusFromChange(e) {
+				this.cusFromIndex = e.detail.value
+				this.onRefresherrefresh()
+			},
+			/**
+			 * 切换维修项目类型
+			 */
+			bindRepairTypeChange(e) {
+				this.repairTypeIndex = e.detail.value
+				this.onRefresherrefresh()
+			},
+			/**
+			 * 查2个数据字典备用---客户注册方式-cus_data_from、维修业务分类-repair_type
+			 */
+			initDict(dictCode) {
+				let dictArray = getStorageWithExpiry(dictCode);
+				if (null == dictArray || undefined == dictArray) {
+					request({
+						url: '/admin-api/system/dict-data/type',
+						method: 'get',
+						params: {
+							type: dictCode
+						}
+					}).then((res) => {
+						if (res.code == 200) {
+							setStorageWithExpiry(dictCode, res.data, 3600)
+							this.$nextTick(() => {
+								res.data.map(item => {
+									this.setDictItem(dictCode, item)
+								})
+							})
+						}
+					})
+				} else {
+					this.$nextTick(() => {
+						dictArray.map(item => {
+							this.setDictItem(dictCode, item)
+						})
+					})
+				}
+			},
+			setDictItem(dictCode, item) {
+				if ("repair_type" == dictCode) {
+					//维修项目
+					this.repairTypeList.push(item.label)
+					this.repairTypeValueList.push(item.value)
+				} else {
+					//客户来源
+					this.cusFromList.push(item.label)
+					this.cusFromValueList.push(item.value)
+				}
+			},
+			maskClick(e) {
+				console.log('maskClick事件:', e);
+			},
+			activeTab(index) {
+				this.active = index
+				this.getBossTodo()
+			},
+			activeTabSon(index) {
+				this.activeSon = index
+				//设置选中日期
+				if (0 == this.activeSon) {
+					//当月
+					this.setChooseDate("nowMonth")
+				} else if (1 == this.activeSon) {
+					//近3个月
+					this.setChooseDate("threeMonth")
+				} else if (2 == this.activeSon) {
+					//近半年
+					this.setChooseDate("sixMonth")
+				}
+			},
+			//设置选中日期
+			setChooseDate(type) {
+				var currentDate = new Date();
+				var year = currentDate.getFullYear();
+				var month = currentDate.getMonth() + 1; // 返回的月份从0开始，需要加1
+				var startStr;
+				var endStr;
+				if ("nowMonth" == type) {
+					//当月
+					//当月第一天
+					startStr = year + "-" + month + "-01";
+					//当天
+					const day = currentDate.getDate();
+					endStr = year + "-" + month + "-" + day;
+					this.range = [startStr, endStr]
+				} else {
+					//近3个月或近半年
+					request({
+						url: '/admin-api/repair/tickets/getDateRange',
+						method: 'GET',
+						params: {
+							selectType: type
+						}
+					}).then((res) => {
+						if (res.code == 200) {
+							this.range = [res.data.startDate, res.data.endDate]
+						}
+					})
+				}
+			},
+			/**
+			 * 作废
+			 */
+			doVoidReq(row) {
+				this.show = true
+				this.voidData = {
+					id: row.id,
+					remark: '',
+					ticketsStatus: '03'
+				}
+			},
+			/**
+			 * 作废请求后台方法
+			 */
+			doVoidConfirm() {
+				request({
+					url: '/admin-api/repair/tickets/void',
+					method: 'POST',
+					data: this.voidData
+				}).then((res) => {
+					if (res.code == 200) {
+						uni.showToast({
+							title: "操作成功",
+							icon: "success",
+						})
+					}
+					this.doVoidCancel()
+					this.onRefresherrefresh()
+				})
+			},
+
+			doVoidCancel() {
+				this.show = false
+			},
+			/**
+			 * 接单上传附件
+			 */
+			openFile(id) {
+				this.takeOrderId = id
+				this.$refs.popup.open("bottom")
+			},
+			/**
+			 * 接车上传附件
+			 */
+			openPickcar(id) {
+				this.takeOrderId = id
+				this.$refs.pickcarPopup.open("bottom")
+			},
+			/**
+			 * 接车
+			 */
+			pickCar() {
+				if (this.fileList.length == 0) {
+					uni.showToast({
+						title: '请上传车辆照片',
+						icon: 'none'
+					})
+					return
+				}
+				this.$refs.pickcarPopup.close()
+				let fileStr = this.fileList.map(item => item.url.replace(config.baseImageUrl, "")).join(",")
+				request({
+					url: '/admin-api/repair/tickets/pickCar',
+					method: 'get',
+					params: {
+						id: this.takeOrderId,
+						image: fileStr
+					}
+				}).then(res => {
+					uni.showToast({
+						icon: 'none',
+						title: '接车成功！'
+					})
+					this.fileList = []
+					this.onRefresherrefresh()
+				})
+			},
+			/**
+			 * 接单
+			 */
+			receiveOrder() {
+				let fileStr = this.fileList.map(item => item.url.replace(config.baseImageUrl, "")).join(",")
+				request({
+					url: '/admin-api/repair/tickets/take',
+					method: 'get',
+					params: {
+						id: this.takeOrderId,
+						image: fileStr
+					}
+				}).then((res) => {
+					console.log(res)
+					this.$refs.popup.close()
+					if (res.code == 200) {
+						uni.showToast({
+							icon: 'none',
+							title: '接单成功，请尽快处理！'
+						})
+						this.fileList = []
+						this.onRefresherrefresh()
+					} else {
+						uni.showToast({
+							icon: 'none',
+							title: res.message
+						})
+					}
+				})
+			},
+			afterRead(file) {
+				uni.showLoading({
+					title: '正在上传中...',
+					mask: true
+				});
+				for (let i = 0; i < file.tempFilePaths.length; i++) {
+					upload({
+						url: '/admin-api/infra/file/upload',
+						filePath: file.tempFilePaths[i]
+					}).then((res) => {
+						this.fileList.push({
+							url: config.baseImageUrl + res.data
+						})
+						if (i == file.tempFilePaths.length - 1) {
+							uni.hideLoading()
+						}
+						console.log(this.fileList)
+					})
+				}
+			},
+
+			deleteFile(file, index) {
+				this.fileList.splice(index, 1);
+			},
+			/**
+			 * 保存当前项目
+			 */
+			dialogInputConfirm(val) {
+				// 关闭窗口后，恢复默认内容
+				this.$refs.inputDialog.close()
+				const newData = {
+					itemList: getJSONData("newProject"),
+					remark: val
+				}
+				request({
+					url: '/admin-api/repair/titem/addNewProj',
+					method: 'post',
+					data: newData
+				}).then((res) => {
+					if (res.code == 200) {
+						uni.showToast({
+							title: '添加维修项目成功！',
+							icon: 'success'
+						})
+						uni.navigateTo({
+							url: `/pages-order/orderDetail/orderDetail?id=${res.data}&isDetail=0`
+						});
+					} else {
+						uni.showToast({
+							title: '操作失败，请联系管理员',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			/**
+			 * 去签字
+			 */
+			dialogConfirm() {
+				uni.navigateTo({
+					url: '/pages-home/service/sign-agin'
+				})
+			},
+			/**
+			 * 客户不在厂，手动输入
+			 */
+			dialogClose() {
+				this.$refs.inputDialog.open()
+			},
+			/**
+			 * 卡片的 修改项目 按钮点击
+			 */
+			addProj(order) {
+				this.ticketId = order.id
+				this.$refs.addProjDialog.open()
+			},
+			/**
+			 * 新增项目
+			 */
+			addProjDialogConfirm() {
+				this.$refs.proj.open()
+			},
+			/**
+			 * 修改已有项目
+			 */
+			cancelDialogClose() {
+				this.$refs.addProjDialog.close()
+				uni.navigateTo({
+					url: `/pages-order/orderDetail/orderDetail?id=${this.ticketId}&isDetail=0`
+				});
+			},
+			/**
+			 * 添加项目回调
+			 */
+			projConfirm(proj) {
+				this.selectedProj = proj
+				if (this.selectedProj.length > 0) {
+					setJSONData("newProject", this.formatItem(this.selectedProj))
+					this.$refs.alertDialog.open()
+				}
+				console.log(this.selectedProj, "selectedProj")
+				console.log(this.ticketId, "this.ticketId")
+			},
+			// 子表信息预处理
+			formatItem(list) {
+				if (!(list && list.length > 0)) {
+					return []
+				}
+				return list.map(item => {
+					const temp = {
+						...item,
+						ticketId: this.ticketId,
+						itemName: item.name,
+						itemCount: 1,
+						itemUnit: item.unit,
+						itemPrice: item.price,
+						itemDiscount: 1,
+						itemMoney: item.price,
+						itemTypeId: item.type,
+						remark: item.remark,
+						itemType: "01",
+						itemStatus: "01",
+						projectId: item.id,
+						id: null
+					}
+					return temp;
+				})
+			},
+			socketSuccess() {
+				this.getNoReadNum()
+				this.onRefresherrefresh()
+				console.log('通知并刷新成功')
+			},
+
+			gotoMsg() {
+				//去消息中心
+				uni.navigateTo({
+					url: '/pages-home/msg/message'
+				})
+			},
+			/**
+			 * 上滑加载数据
+			 */
+			onReachBottomCus() {
+				//判断 如果页码*页容量大于等于总条数，提示该页数据加载完毕
+				if (this.pageNo * this.pageSize >= this.total) {
+					uni.$u.toast('没有更多数据了')
+					return
+				}
+				//页码+1,调用获取数据的方法获取第二页数据
+				this.pageNo++
+				//此处调用自己获取数据列表的方法
+				this.getOrderList()
+			},
+			/**
+			 * 下拉刷新数据
+			 */
+			onRefresherrefresh() {
+				this.isTriggered = true
+				this.pageNo = 1
+				this.total = 0
+				this.orderList = []
+				this.getOrderList()
+			},
+			/**
+			 * 开始施工
+			 */
+			startWork(id) {
+				let paramsObj = {
+					ticketId: id
+				}
+				//先查当前用户在本工单下有几个维修项目
+				request({
+					url: '/admin-api/repair/titem/listProject',
+					method: 'get',
+					params: paramsObj
+				}).then((res) => {
+					console.log(res)
+					if (res.code == 200 && res.data.length > 0) {
+						if (res.data.length == 1) {
+							//只有1个，直接开始施工
+							this.startWorkRequest(id, "02", res.data[0].id, "02", "kssg", "开始施工")
+						} else {
+							uni.showActionSheet({
+								itemList: res.data.map(m => m.itemName),
+								success: ({
+									tapIndex
+								}) => {
+									this.startWorkRequest(id, "02", res.data[tapIndex].id, "02",
+										"kssg", "开始施工")
+								}
+							})
+						}
+					} else {
+						uni.showToast({
+							title: '操作失败，请联系管理员',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			/**
+			 * 开始施工请求后台
+			 */
+			async startWorkRequest(id, ticketsWorkStatus, itemId, itemStatus, recordType, remark) {
+				try {
+					const result = await saveTicketsRecords(id, ticketsWorkStatus, itemId, itemStatus, recordType,
+						remark, null);
+					console.error("result", result);
+					this.onRefresherrefresh()
+				} catch (error) {
+					console.error(error);
+				}
+			},
+			/**
+			 * 维修工的角度查提交的配件申请单 待处理数量
+			 */
+			getWorkerTodo() {
+				request({
+					url: '/admin-api/repair/tw/getWorkerTodo',
+					method: 'get',
+				}).then((res) => {
+					console.log(res)
+					if (res.code == 200) {
+						this.workerNumObj = res.data
+					}
+				})
+			},
+			/**
+			 * 从总检的角度差维修中、已竣工的工单数量
+			 */
+			getBossTodo() {
+				let params = {}
+				if (this.active == 0) {
+					//当日
+					params.selectType = "today"
+				} else if (this.active == 1) {
+					//累计
+					params.selectType = "all"
+				} else {
+					//自定义时间
+					params.selectType = "customer"
+					if (this.range.length == 2) {
+						params.startDate = this.range[0]
+						params.endDate = this.range[1]
+					} else {
+						uni.showToast({
+							title: '请选择查询日期范围',
+							icon: 'none'
+						})
+						return
+					}
+				}
+				request({
+					url: '/admin-api/repair/tickets/getBossNum',
+					method: 'get',
+					params: params
+				}).then((res) => {
+					console.log(res)
+					if (res.code == 200) {
+						this.bossNum = res.data
+					}
+				})
+			},
+			/**
+			 * 服务顾问的角度查待处理的配件申请单数量
+			 */
+			getServiceTodo() {
+				let params = {
+					pageNo: this.pageNo,
+					pageSize: this.pageSize,
+					type: "01",
+					status: "01"
+				}
+				request({
+					url: '/admin-api/repair/tw/page',
+					method: 'get',
+					params: params
+				}).then((res) => {
+					console.log(res)
+					if (res.code == 200) {
+						this.serviceNum = res.data.total
+					}
+				})
+			},
+			/**
+			 * 查本人待处理工单
+			 */
+			getOrderList() {
+				let paramsObj = {
+					pageNo: this.pageNo,
+					pageSize: this.pageSize,
+					isFinish: "0",
+					cusFrom: this.cusFromValueList[this.cusFromIndex],
+					repairType: this.repairTypeValueList[this.repairTypeIndex]
+				}
+				request({
+					url: '/admin-api/repair/tickets/pageType',
+					method: 'get',
+					params: paramsObj
+				}).then((res) => {
+					console.log(res)
+					if (res.code == 200) {
+						let thisPageRecords = []
+						if (res.data && res.data.hasOwnProperty("records")) {
+							for (let i = 0; i < res.data.records.length; i++) {
+								let order = res.data.records[i]
+								let viewOrder = builderOrder(order)
+								if (order.booking) {
+									viewOrder['appointDate'] = formatTimestamp(order.createTime)
+								}
+								let projectList = []
+								if (order.itemList) {
+									for (let j = 0; j < order.itemList.length; j++) {
+										let itemObj = order.itemList[j]
+										if ("01" == itemObj.itemType) {
+											projectList.push({
+												id: itemObj.id,
+												name: itemObj.itemName
+											})
+										}
+									}
+								}
+								viewOrder['projectList'] = projectList
+								thisPageRecords.push(viewOrder)
+							}
+						}
+						//判断 如果获取的数据的页码不是第一页，就让之前赋值获取过的数组数据 concat连接 刚获取的第n页数据
+						if (this.pageNo != 1) {
+							this.orderList = this.orderList.concat(thisPageRecords)
+						} else {
+							this.orderList = thisPageRecords
+						}
+						//将获取的总条数赋值
+						this.total = res.data.total
+						this.isTriggered = false
+					}
+				})
+			},
+			gotoPage(menu) {
+				uni.navigateTo({
+					url: menu.path
+				})
+			},
+			avatarErr(err) {
+				console.log('err', err)
+				this.userInfo.avatar = this.defaultAvatar
+			},
+			showUserDetail() {
+				uni.navigateTo({
+					url: '/pages/my/myInfo'
+				})
+			},
+			workerTodo() {
+				uni.navigateTo({
+					url: '/pages-repair/applyList/applyList'
+				})
+			},
+			/**
+			 * 服务顾问待办
+			 */
+			serviceWork() {
+				uni.navigateTo({
+					url: '/pages-home/service/applyList'
+				})
+			},
+			/**
+			 * 待办工单
+			 */
+			waitingWork() {
+				uni.navigateTo({
+					url: '/pages-order/orderList/orderList'
+				})
+			},
+			/**
+			 * 获取未读消息数量
+			 * @returns {Promise<void>}
+			 */
+			async getNoReadNum() {
+				await request({
+					url: "/admin-api/system/notify-message/get-unread-count",
+					method: "GET",
+					params: {
+						systemCode: "weixiu"
+					}
+				}).then((res) => {
+					if (res.code == 200) {
+						this.noReadNum = res.data > 99 ? 99 : res.data
+					}
+				})
+			},
+			/**
+			 * 跳转通知公告列表页
+			 */
+			gotoNotice() {
+				uni.navigateTo({
+					url: '/pages-home/notice/notice'
+				})
+			},
+			/**
+			 * 查通知公告--查数量
+			 */
+			async getNoticeList() {
+				const res = await request({
+					url: "/admin-api/base/notice/page",
+					method: "get",
+					params: {
+						pageNo: 1,
+						pageSize: 1,
+						type: 1,
+						parentServer: "weixiu",
+						server: "app"
+					},
+					tenantIdFlag: false
+				})
+				if (res.code == 200) {
+					this.noticeNum = res.data.total
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	* {
+		box-sizing: border-box;
+	}
+
+	.popup-content {
+		@include flex;
+		align-items: center;
+		justify-content: center;
+		padding: 30rpx;
+		height: auto;
+		background-color: #fff;
+	}
+
+	.container {
+		height: 100%;
+		//background: linear-gradient(180deg, #0174F6 0%, rgba(1, 116, 246, 0) 100%);
+		display: flex;
+		flex-direction: column;
+		position: relative;
+		padding-top: var(--status-bar-height);
+		background-color: #F3F5F7;
+
+
+		.bodyTopBg {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 500rpx;
+			background-image: url("@/static/bg.png");
+			background-size: 100% 100%;
+			background-repeat: no-repeat;
+		}
+
+		.body {
+			position: relative;
+			z-index: 10;
+			flex: 1;
+			height: 0;
+			overflow: auto;
+			//padding-bottom: 30rpx;
+		}
+
+		.company-text {
+			font-size: 30rpx;
+			font-weight: bold;
+			display: inline-block;
+			padding: 8rpx 16rpx;
+		}
+
+		.userInfoBox {
+			margin: 0 32rpx 40rpx;
+
+			display: flex;
+			column-gap: 20rpx;
+			align-items: center;
+
+			.userInfo {
+				flex: 1;
+				width: 0;
+
+				.userName {
+					font-weight: bold;
+					font-size: 36rpx;
+					color: #333333;
+					display: block;
+					margin-bottom: 16rpx;
+				}
+
+				.userType {
+					font-size: 24rpx;
+					color: #0174F6;
+					display: inline-block;
+					border-radius: 24rpx 24rpx 24rpx 24rpx;
+					border: 1rpx solid #0174F6;
+					padding: 8rpx 16rpx;
+				}
+			}
+
+			.msg-box {
+				position: relative;
+				margin-right: 40rpx;
+
+				.msg-num {
+					position: absolute;
+					right: -15rpx;
+					color: white;
+					background: #d74a43;
+					width: 35rpx;
+					height: 35rpx;
+					line-height: 35rpx;
+					text-align: center;
+					font-weight: 800;
+					font-size: 11px;
+					border-radius: 50%;
+					top: -15rpx;
+				}
+			}
+		}
+
+		.body-top-grid {
+			display: grid;
+			grid-template-columns: 1fr 1fr;
+			column-gap: 30rpx;
+			margin: 0 32rpx 40rpx;
+
+			.body-top-item {
+				position: relative;
+				display: flex;
+				align-items: center;
+				padding: 30rpx 0 30rpx 20rpx;
+				background: linear-gradient(360deg, #FFFFFF 0%, #D7EAFF 100%);
+				border-radius: 8rpx 8rpx 8rpx 8rpx;
+				border: 2rpx solid;
+				border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(202, 223, 247, 1)) 2 2;
+
+				&>view:first-child {
+					flex: 1;
+					width: 0;
+					display: flex;
+					flex-direction: column;
+					row-gap: 30rpx;
+				}
+
+				.title {
+					font-weight: bold;
+					font-size: 32rpx;
+					color: #113A68;
+				}
+
+				.desc {
+					font-weight: 500;
+					font-size: 24rpx;
+					color: #858BA0;
+				}
+
+				.btn {
+					width: 40rpx;
+					height: 30rpx;
+				}
+
+				.icon {
+					width: 136rpx;
+					height: 136rpx;
+				}
+			}
+		}
+
+		.body-card {
+			border-radius: 6px 6px 6px 6px;
+			margin: 18px;
+			padding: 15px;
+			background: #FFFFFF;
+
+			.title {
+				margin-bottom: 30rpx;
+				font-weight: bold;
+				font-size: 32rpx;
+				color: #113A68;
+				box-sizing: border-box;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				column-gap: 20rpx;
+			}
+
+			.formValue {
+				flex: 1;
+				width: 0;
+				text-align: right;
+				font-weight: 500;
+				font-size: 13px;
+				color: #858BA0;
+			}
+
+			.title-box {
+				display: flex;
+				justify-content: space-around;
+
+				.title-box-item {
+					width: 33%;
+					text-align: center;
+
+					.titleDesc {
+						font-weight: 500;
+						font-size: 28rpx;
+						color: #858BA0;
+					}
+
+					.titleNumber {
+						font-weight: 500;
+						font-size: 40rpx;
+						color: #333333;
+						margin: 4px;
+					}
+
+					.titleImg {
+						width: 48rpx;
+						height: 48rpx;
+					}
+				}
+			}
+		}
+
+		.notice-dom {
+			margin: 40rpx 32rpx;
+			background: #FFFFFF;
+			border-radius: 8rpx 8rpx 8rpx 8rpx;
+			padding: 20rpx;
+			display: flex;
+			align-items: center;
+
+			.notice-box {
+				display: flex;
+				width: 100%;
+
+				.left-img {
+					width: 48rpx;
+					height: 48rpx;
+				}
+
+				.center-text {
+					width: calc(100% - 70rpx);
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+					padding: 0 20rpx;
+				}
+			}
+		}
+
+		.orderCount {
+			margin: 0 40rpx 18rpx;
+			background: #FFFFFF;
+			border-radius: 8rpx 8rpx 8rpx 8rpx;
+			padding: 15rpx;
+			display: flex;
+			align-items: center;
+			position: relative;
+
+			.dl-float-view {
+				position: absolute;
+				left: 5rpx;
+				top: 5rpx;
+				font-size: 12px;
+				color: rgb(232, 163, 33);
+			}
+
+			.orderCountItem {
+				flex: 1;
+				width: 0;
+				display: flex;
+				justify-content: center;
+				flex-direction: column;
+				align-items: center;
+
+				.label {
+					color: #858BA0;
+				}
+
+				.value {
+					font-weight: bold;
+					font-size: 40rpx;
+					color: #333333;
+				}
+			}
+
+			.line {
+				height: 84rpx;
+				width: 1rpx;
+				background-color: #DDDDDD;
+			}
+		}
+
+		.todoListBox {
+			margin: 20rpx 32rpx;
+			height: calc(100vh - 370rpx);
+
+			.title {
+				margin-bottom: 30rpx;
+				font-weight: bold;
+				font-size: 32rpx;
+				color: #113A68;
+
+				.titleDesc {
+					margin-left: 20rpx;
+					font-weight: 500;
+					font-size: 24rpx;
+					color: #858BA0;
+				}
+
+				.titleCount {
+					color: #0174F6;
+				}
+			}
+
+			.todoList {
+				display: flex;
+				flex-direction: column;
+				//row-gap: 20rpx;
+				height: 100%;
+			}
+		}
+
+		.body-top-banner {
+			text-align: center;
+		}
+
+		.banner {
+			margin: 24rpx 0 0;
+			width: 686rpx;
+			height: 100%;
+			border-radius: 12rpx 12rpx 12rpx 12rpx;
+			background-color: #0174F6;
+		}
+
+		.menus {
+			margin: 30rpx auto 0;
+			box-sizing: border-box;
+			width: 686rpx;
+			padding: 40rpx 38rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(10, 54, 104, 0.1);
+			border-radius: 12rpx 12rpx 12rpx 12rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+		}
+
+		.menu-item {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
+			row-gap: 22rpx;
+			font-size: 24rpx;
+
+			.menu-icon {
+				width: 48rpx;
+				height: 48rpx;
+			}
+		}
+
+		.info {
+			width: 686rpx;
+			margin: 38rpx auto 0;
+			display: flex;
+			align-items: center;
+			column-gap: 20rpx;
+
+			.info-icon {
+				width: 80rpx;
+				height: 80rpx;
+			}
+
+			.infoList {
+				flex: 1;
+				width: 0;
+
+				.infoItem {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					column-gap: 10rpx;
+				}
+
+				.infoIndex {
+					width: 12rpx;
+					height: 12rpx;
+					border-radius: 50%;
+					background-color: #333;
+				}
+
+				.infoText {
+					flex: 1;
+					width: 0;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+					font-size: 24rpx;
+				}
+			}
+
+			.more-icon {
+				width: 24rpx;
+				height: 24rpx;
+			}
+		}
+
+		.body-top-tab {
+			display: flex;
+			font-size: 30rpx;
+			margin: 0 32rpx;
+
+			.line {
+				width: 2rpx;
+				height: 60rpx;
+				background-color: #DDDDDD;
+			}
+
+			.body-top-tab-item {
+				flex: 1;
+				width: 0;
+				text-align: center;
+				padding: 16rpx 20rpx;
+				position: relative;
+
+				&.active {
+					color: #0174F6;
+				}
+
+				.activeLine {
+					position: absolute;
+					bottom: 0;
+					left: 50%;
+					transform: translateX(-50%);
+					width: 96rpx;
+					height: 6rpx;
+					background: #0174F6;
+					border-radius: 4rpx 4rpx 0rpx 0rpx;
+				}
+			}
+		}
+
+		.repairShop {
+			width: 686rpx;
+			margin: 38rpx auto 0;
+
+			.title {
+				font-weight: bold;
+				font-size: 32rpx;
+				color: #333333;
+			}
+
+			.shopList {
+				.shopItem {
+					padding: 30rpx 0;
+					border-bottom: 1rpx solid #DDDDDD;
+					display: flex;
+					align-items: center;
+					column-gap: 20rpx;
+				}
+
+				.shopImg {
+					width: 160rpx;
+					height: 100rpx;
+					border-radius: 8rpx 8rpx 8rpx 8rpx;
+					background-color: #999;
+				}
+
+				.shopInfo {
+					flex: 1;
+					width: 0;
+				}
+
+				.shopTitle {
+					font-weight: 500;
+					font-size: 28rpx;
+					color: #333333;
+					margin-bottom: 20rpx;
+				}
+
+				.shopDetail {
+					display: flex;
+					align-items: center;
+					font-size: 24rpx;
+					color: #666666;
+					column-gap: 10rpx;
+				}
+
+				.shopAddress {
+					flex: 1;
+					width: 0;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+
+				.line {
+					width: 2rpx;
+					height: 24rpx;
+					background-color: #858BA0;
+				}
+
+				.shopDistance {
+					flex-shrink: 0;
+				}
+			}
+		}
+
+		.number-box {
+			width: 45rpx;
+			height: 45rpx;
+			line-height: 45rpx;
+			text-align: center;
+			font-weight: 800;
+			font-size: 26rpx;
+			border-radius: 50%;
+			display: inline-block;
+			background: #d74a43;
+			color: white;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages-home/home/index1.vue b/pages-home/home/index1.vue
new file mode 100644
index 0000000..f35be1e
--- /dev/null
+++ b/pages-home/home/index1.vue
@@ -0,0 +1,568 @@
+<template>
+	<view class="content_">
+	<view class="topt_">
+		<view class="db_">
+			<view class="ds_">
+				<view class="user_img">
+					<image src="/static/icons/avatar.png" mode=""></image>
+					<view class="img_bo">蓝安汽修</view>
+				</view>
+				<view class="">
+					<view class="user_name">思利利</view>
+					<view class="user_gly">维修业务管理员</view>
+				</view>
+			</view>
+			<view class="top_time">
+				<view class="time_left">2015年08月12日</view>
+				<view class="time_right">星期二</view>
+			</view>
+		</view>
+		<view class="jg_">
+			<view class="jg_box">
+				<image src="/static/icons/order-icon3.png" mode=""></image>
+				<view class="">内部管理</view>
+			</view>
+			<view class="jg_box">
+				<image src="/static/icons/order-icon3.png" mode=""></image>
+				<view class="">业务管理</view>
+			</view>
+			<view class="jg_box">
+				<image src="/static/icons/order-icon3.png" mode=""></image>
+				<view class="">数据统计</view>
+			</view>
+			<view class="jg_box">
+				<image src="/static/icons/order-icon3.png" mode=""></image>
+				<view class="">消息通知</view>
+			</view>
+		</view>
+	</view>
+	<view class="bo_">
+		<view class="db_">
+			<view class="jg_left">
+				<view class="ds_">
+					<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
+					<view class="">待审批工单</view>
+				</view>
+				<view class="">26</view>
+			</view>
+			<view class="jg_right">
+				<view class="ds_">
+					<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
+					<view class="">待办工单</view>
+				</view>
+				<view class="">26</view>
+			</view>
+		</view>
+		<view class="db_">
+			<view class="three1">
+				<view class="">
+					<view class="t_size">进厂数</view>
+					<view class="t_num">123</view>
+				</view>
+				<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
+			</view>
+			<view class="three2">
+				<view class="">
+					<view class="t_size">维修中</view>
+					<view class="t_num">123</view>
+				</view>
+				<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
+			</view>
+			<view class="three3">
+				<view class="">
+					<view class="t_size">已竣工</view>
+					<view class="t_num">123</view>
+				</view>
+				<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
+			</view>
+		</view>
+		<view class="db_c">
+			<view class="ds_">
+				<view class="gang_"></view>
+				<view class="title_">工单列表</view>
+			</view>
+			<view class="ds_h">查看全部</view>
+		</view>
+		<view class="c_box">
+			<view class="db_">
+				<view class="">
+					<view class="size1">川EPY528</view>
+					<view class="size2">东风</view>
+				</view>
+				<view class="">
+					<view class="size3">维修保养</view>
+					<view class="size4">进厂报修项目</view>
+				</view>
+			</view>
+			<view class="cont_title">
+				<view class="c_t_title">所有维修项目</view>
+				<view class="c_t_size">轿车二级维护、发动机维修、空调系统检修‌</view>
+			</view>
+			<view class="end_">
+				<view class="r_buttom">作废</view>
+				<view class="l_buttom">展开</view>
+				<view class="l_buttom">查看详情</view>
+			</view>
+		</view>
+	</view>
+	</view>
+</template>
+
+<script>
+	import {getToken,getUserInfo} from "@/utils/auth";
+  import request from '@/utils/request';
+  let innerAudioContext ='';
+    const keepAlivePlugin = uni.requireNativePlugin('Ba-KeepAlive')
+	export default {
+		data() {
+			return {
+        // 是否正在播放
+        ifPlay:false,
+				keepLive: {
+					channelId: 'Ba-KeepAlive',
+					channelName: "Ba-KeepAlive",
+					title: "汽修小助手正在运行",
+					content: "汽修小助手正在运行",
+					dataResult: "",
+					type: undefined
+				}
+			}
+		},
+    onLoad() {
+      // #ifdef APP
+      //保活技术
+      this.register()
+      // #endif
+      if (getToken()) {
+        this.getNoReadNum()
+        //跳转首页
+        //判断是否是仓管，仓管需要跳单独的首页
+        let userInfo = getUserInfo()
+        if (userInfo.roleCodes.includes('repair_warehouse')) {
+          //仓管
+          uni.navigateTo({
+            url: '/pages-warehouse/home/home'
+          })
+        } else {
+          uni.navigateTo({
+            url: '/pages-home/home/home'
+          })
+        }
+      } else {
+        uni.navigateTo({
+          url: '/pages/login/login'
+        })
+      }
+    },
+    onShow(){
+      if (getToken()) {
+        //判断是否是仓管，仓管需要跳单独的首页
+        let userInfo = getUserInfo()
+        if (userInfo.roleCodes.includes('repair_warehouse')) {
+          //仓管
+          uni.navigateTo({
+            url: '/pages-warehouse/home/home'
+          })
+        } else {
+          uni.navigateTo({
+            url: '/pages-home/home/home'
+          })
+        }
+      } else {
+        uni.navigateTo({
+          url: '/pages/login/login'
+        })
+      }
+    },
+		methods: {
+			register() { //注册
+				console.log(keepAlivePlugin, 'keepAlive');
+				keepAlivePlugin.register({
+						channelId: this.keepLive.channelId,
+						channelName: this.keepLive.channelName,
+						title: this.keepLive.title,
+						content: this.keepLive.content,
+					},
+					(res) => {
+						console.log('保活注册', res);
+					});
+			},
+      /**
+       * 获取未读消息数量
+       * @returns {Promise<void>}
+       */
+      async getNoReadNum(){
+        await request({
+          url: "/admin-api/system/notify-message/get-unread-count?systemCode=weixiu",
+          method: "GET"
+        }).then((res) => {
+          if(res.code==200 && res.data>0){
+              this.dianyidain()
+          }
+        })
+      },
+      dianyidain() {
+        if(!this.ifPlay){
+          console.log('执行了，dianyidain');
+          if(innerAudioContext!=""){
+            try {
+              console.log('调用前先销毁');
+              innerAudioContext.stop();
+              innerAudioContext.destroy();
+              innerAudioContext="";
+            }catch (e){
+              console.log('销毁出错');
+            }
+          }
+          innerAudioContext = uni.createInnerAudioContext();
+          this.ifPlay=true
+          // #ifdef APP-PLUS
+          innerAudioContext.src = '../../static/msgV.mp3';
+          // #endif
+          // #ifndef APP-PLUS
+          innerAudioContext.src = 'https://www.nuoyunr.com/lananRsc/rescue/msgV.mp3';
+          // #endif
+          // 设置播放次数和计数器
+          const playCount = 4;
+          let currentCount = 0;
+          // 初次播放
+          innerAudioContext.play();
+          // 震动
+          uni.vibrateLong({
+            success: function () {
+              console.log('success');
+            }
+          });
+          innerAudioContext.onError((err) => {
+            console.error('播放错误', err);
+            this.ifPlay=false
+            innerAudioContext.stop();
+            innerAudioContext.destroy(); // 播放错误后释放实例
+          });
+          // 监听音频播放结束事件
+          innerAudioContext.onEnded(() => {
+            // 播放计数加一
+            currentCount++;
+            // 判断是否达到播放次数上限
+            if (currentCount < playCount) {
+              // 继续播放
+              innerAudioContext.play();
+              // 震动
+              uni.vibrateLong({
+                success: function () {
+                  console.log('success');
+                }
+              });
+            } else {
+              // 播放完成，可以在这里添加额外的逻辑
+              console.log('播放完成');
+              this.ifPlay=false
+              //及时释放资源
+              innerAudioContext.stop();
+              innerAudioContext.destroy();
+            }
+          });
+        }else{
+          console.log('正在播放音频，拒绝播放请求');
+        }
+      },
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content_{
+		
+	}
+	.topt_{
+		width: 100%;
+		height: 408rpx;
+		background: linear-gradient( 180deg, #2D3BFF 0%, #1463FF 100%);
+		border-radius: 0rpx 0rpx 12rpx 12rpx;
+		box-sizing: border-box;
+		padding: 30rpx;
+		padding-top: 96px;
+	}
+	.db_{
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.db_c{
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin: 30rpx auto;
+	}
+	.ds_{
+		display: flex;
+		align-items: center;
+	}
+	.top_time{
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.time_left{
+		width: 210rpx;
+		height: 52rpx;
+		background: rgba(255,255,255,0.4);
+		border-radius: 36rpx 0rpx 0rpx 36rpx;
+		background: #7e90fe;
+		color: #fff;
+	}
+	.time_right{
+		background: #fff;
+		color: #214FFF;
+		border-radius: 36rpx 0rpx 0rpx 36rpx;
+		width: 118rpx;
+		height: 52rpx;
+	}
+	.user_gly{
+		font-weight: 400;
+		color: rgba(255,255,255,0.83);
+		font-size: 24rpx;
+	}
+	.user_name{
+		font-weight: bold;
+		font-size: 28rpx;
+		color: #FFFFFF;
+		margin-bottom: 5rpx;
+	}
+	.user_img{
+		position: relative;
+		text-align: center;
+		image{
+			width: 96rpx;
+			height: 96rpx;
+		}
+	}
+	.img_bo{
+		width: 116rpx;
+		height: 32rpx;
+		background: linear-gradient( 180deg, #8DB4FF 0%, #3069FF 100%);
+		border-radius: 20rpx;
+		border: 1rpx solid rgba(255,255,255,0.46);
+		font-weight: 500;
+		font-size: 24rpx;
+		color: #FFFFFF;
+	}
+	.jg_{
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.jg_box{
+		text-align: center;
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #FFFFFF;
+		width: 25%;
+		image{
+			width: 56rpx;
+			height: 56rpx;
+			margin-bottom: 10rpx;
+		}
+	}
+	.bo_{
+		width: 100%;
+		box-sizing: border-box;
+		padding: 30rpx;
+	}
+	.jg_left{
+		width: 356rpx;
+		border-radius: 8rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		padding: 30rpx;
+		color: #fff;
+		font-weight: bold;
+		font-size: 28rpx;
+		color: #FFFFFF;
+		background: linear-gradient( 68deg, #6CAFFF 0%, #0059FF 100%);
+		image{
+			width: 40rpx;
+			height: 40rpx;
+			margin-right: 15rpx;
+		}
+	}
+	.jg_right{
+		width: 356rpx;
+		border-radius: 8rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		padding: 30rpx;
+		color: #fff;
+		font-weight: bold;
+		font-size: 28rpx;
+		color: #FFFFFF;
+		background: linear-gradient( 68deg, #87E2FF 0%, #008BFF 100%);
+		image{
+			width: 40rpx;
+			height: 40rpx;
+			margin-right: 15rpx;
+		}
+	}
+	.three1{
+		width: 234rpx;
+		height: 120rpx;
+		background: linear-gradient( 68deg, #EEF5FF 0%, #D7E0FC 100%);
+		border-radius: 8rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		padding: 10rpx;
+		padding-left: 30rpx;
+		image{
+			width: 96rpx;
+			height: 92rpx;
+		}
+	}
+	.three2{
+		width: 234rpx;
+		height: 120rpx;
+		background: linear-gradient( 84deg, #E3F2F5 0%, #AFEEF8 100%);
+		border-radius: 8rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		padding: 10rpx;
+		padding-left: 30rpx;
+		image{
+			width: 96rpx;
+			height: 92rpx;
+		}
+	}
+	.three3{
+		width: 234rpx;
+		height: 120rpx;
+		background: linear-gradient( 84deg, #E8F2E1 0%, #CCEFDD 100%);
+		border-radius: 8rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		padding: 10rpx;
+		padding-left: 30rpx;
+		image{
+			width: 96rpx;
+			height: 92rpx;
+		}
+	}
+	.t_size{
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #284F89;
+		margin-bottom: 10rpx;
+	}
+	.t_num{
+		font-weight: bold;
+		font-size: 28rpx;
+		color: #3E4045;
+	}
+	.gang_{
+		width: 8rpx;
+		height: 40rpx;
+		background: #195AFF;
+		margin-right: 8rpx;
+		border-radius: 8px;
+	}
+	.title_{
+		font-weight: 800;
+		font-size: 28rpx;
+		color: #23252B;
+	}
+	.ds_h{
+		display: flex;
+		align-items: center;
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #9799A1;
+	}
+	.c_box{
+		width: 100%;
+		height: 300rpx;
+		background: #FFFFFF;
+		border-radius: 8rpx;
+		box-sizing: border-box;
+		padding: 30rpx;
+		margin: 10px auto;
+	}
+	.size1{
+		font-weight: 600;
+		font-size: 28rpx;
+		color: #3B3D41;
+	}
+	.size2{
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #686B71;
+	}
+	.size3{
+		font-weight: 600;
+		font-size: 28rpx;
+		color: #3B3D41;
+	}
+	.size4{
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #176C97;
+	}
+	.cont_title{
+		height: 98rpx;
+		background: #F7F8F9;
+		border-radius: 8rpx;
+		width: 100%;
+		box-sizing: border-box;
+		padding: 10rpx;
+		margin: 10rpx auto;
+	}
+	.c_t_title{
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #176C97;
+	}
+	.c_t_size{
+		font-weight: 600;
+		font-size: 24rpx;
+		color: #3B3D41;
+	}
+	.end_{
+		display: flex;align-items: center;justify-content: end;
+	}
+	.l_buttom{
+		width: 168rpx;
+		height: 48rpx;
+		background: #FFFFFF;
+		border-radius: 30rpx;
+		border: 2rpx solid #2E90F2;
+		color: #2E90F2;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #2E90F2;
+		margin-left: 10rpx;
+	}
+	.r_buttom{
+		width: 168rpx;
+		height: 48rpx;
+		background: #FFFFFF;
+		border-radius: 30rpx;
+		border: 2rpx solid #F2612E;
+		color: #F2612E;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-weight: 400;
+		font-size: 28rpx;
+		margin-left: 10rpx;
+	}
+</style>
diff --git a/pages-internal/deviceManagement/deviceManage.vue b/pages-internal/deviceManagement/deviceManage.vue
new file mode 100644
index 0000000..a8887db
--- /dev/null
+++ b/pages-internal/deviceManagement/deviceManage.vue
@@ -0,0 +1,158 @@
+<template>
+	<view class="">
+		<!-- <view class="top-rail"></view>
+		<view class="page-top" :style='{ justifyContent: "center" }'>
+
+			<view class='go-back-page' @click='pageBack'>返回</view>
+
+			<view class="other-title-class">
+				设备管理
+			</view>
+		</view> -->
+
+		<VNavigationBar style="position: relative;z-index: 99;" homeHeaderPaddingTop="0" backgroundColor="#fff"
+			title-color="#000" title="设备管理"></VNavigationBar>
+		<view class="content">
+
+			<view class="box_">
+				<view class="box_list" v-for="(item, index) in tabList">
+					<view class="" @click="gettap(item)">
+						<image :src=defaultIcon mode=""></image>
+						<!-- <image :src=iconArr[index] mode=""></image> -->
+						<view class="name_">{{ item.categoryName }}</view>
+						<view class="">{{ item.count }}</view>
+					</view>
+				</view>
+
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		getDictDataByType
+	} from "@/utils/utils";
+	import request from "@/utils/request";
+
+	import VNavigationBar from "@/components/VNavigationBar.vue";
+
+	export default {
+		data() {
+			return {
+				titles: "设备管理",
+				List: [],
+				show: false,
+				status: 'loading',
+				tabList: [],
+				/* iconArr: ["../../static/internal/s1.png", "../../static/internal/s2.png", "../../static/internal/s3.png",
+					"../../static/internal/s4.png"
+				] */
+				defaultIcon: "../../static/icons/internal/s1.png"
+			}
+		},
+		components: {
+			VNavigationBar
+		},
+		onLoad() {
+			// this.getTab()
+			this.getCount()
+		},
+		methods: {
+			gettap(value) {
+				uni.navigateTo({
+					url: `/pages-internal/deviceManagement/informationManage?value=${value.categoryId}`
+				})
+			},
+			async getTab() {
+				const data = await getDictDataByType("repair_equ_type");
+				this.tabList = [...this.tabList, ...data];
+			},
+			pageBack() {
+				uni.navigateBack({
+					delta: 1 // delta值为1时表示返回的页面层数
+				});
+			},
+			getCount() {
+				const data = request({
+					url: '/admin-api/system/equInfo/queryEquipmentCountByPackageId',
+					method: 'get',
+					params: {
+						servicePackageId: 'weixiu',
+						dictType: 'repair_equ_type'
+					}
+				});
+				this.tabList = data.then(res => {
+					this.tabList = res.data
+				})
+			},
+		},
+	}
+</script>
+
+
+<style scoped lang="scss">
+	.content {
+		/* background: #F7F8FC;
+		width: 100%;
+		height: calc(100vh - 220rpx);
+		box-sizing: border-box;
+		padding: 30rpx; */
+		// padding-top: 200rpx;
+		background: #F7F8FC;
+		width: 100%;
+		height: 100%;
+		box-sizing: border-box;
+		padding: 30rpx;
+	}
+
+	.box_ {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+		margin-top: 40rpx;
+	}
+
+	.box_list {
+		width: 328rpx;
+		height: 396rpx;
+		background: #fff;
+		border-radius: 18px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		margin-bottom: 30rpx;
+
+		image {
+			width: 130rpx;
+			height: 130rpx;
+		}
+	}
+
+	.name_ {
+		font-size: 28rpx;
+		color: #000000;
+	}
+
+	.num_ {
+		font-size: 36rpx;
+		color: #000000;
+	}
+
+
+
+	/* .content {
+		width: 100%;
+		box-sizing: border-box;
+		background: #f4f5f6;
+		// background: #55aaff;
+		// height: 100vh;
+	} */
+
+	.top-rail {
+		height: 60rpx;
+		width: 100%;
+		background-color: #054DF3;
+	}
+</style>
\ No newline at end of file
diff --git a/pages-internal/deviceManagement/informationAdd.vue b/pages-internal/deviceManagement/informationAdd.vue
new file mode 100644
index 0000000..75a2423
--- /dev/null
+++ b/pages-internal/deviceManagement/informationAdd.vue
@@ -0,0 +1,580 @@
+<!-- 发起订单 -->
+<template>
+	<view class="content">
+		<!-- <view class="top-rail"></view>
+		<view class="c-top" :style='{ justifyContent: "center" }'>
+			<view class="go-back-page" @click="getback()">返回</view>
+			<view class="c-title" v-if="type == 'add'">新增设备</view>
+			<view class="c-title" v-if="type == 'edit'">编辑设备</view>
+			<view class=""></view>
+		</view> -->
+		<!-- <headersVue :titles="pageName" style="position: static !important;">
+			<u-icon name="arrow-left" color="#fff" size="18"></u-icon>
+		</headersVue> -->
+		<VNavigationBar style="position: relative;z-index: 99;" homeHeaderPaddingTop="0" backgroundColor="#fff"
+			title-color="#000" :title="pageName"></VNavigationBar>
+		<view class="dil">
+			<view class="tinput">
+
+				<view class="text1">
+					<text class="hong1">*</text>
+					设备名称
+				</view>
+				<view class="you">
+					<input type="text" placeholder="请输入设备名称" v-model="box.equName">
+				</view>
+			</view>
+			<view class="tinput">
+
+				<view class="text1">
+					<text class="hong1">*</text>
+					设备型号
+				</view>
+				<view class="you">
+					<input type="text" placeholder="请输入设备型号" v-model="box.equModel">
+				</view>
+			</view>
+			<view class="tinput">
+
+				<view class="text1">
+					<text class="hong1">*</text>
+					设备编号
+				</view>
+				<view class="you">
+					<input type="text" placeholder="请输入设备编号" v-model="box.equNumber">
+				</view>
+			</view>
+			<view class="tinput" @click="typeShow = true">
+				<view class="text1">
+					设备类别
+				</view>
+				<view class="you">
+					<input type="text" disabled placeholder="请选择设备类别" v-model="typeName">
+				</view>
+			</view>
+			<view class="tinput">
+
+				<view class="text1">
+					<text class="hong1">*</text>
+					设备检定周期
+				</view>
+				<view class="you">
+					<input type="text" placeholder="请输入设备检定周期" v-model="box.equZq">
+				</view>
+			</view>
+			<view class="tinput">
+
+				<view class="text1">
+					<text class="hong1">*</text>
+					上次检定单位
+				</view>
+				<view class="you">
+					<input type="text" placeholder="请输入上次检定单位" v-model="box.lastUnit">
+				</view>
+			</view>
+
+
+			<view class="tinput">
+				<view class="text1">
+					<text class="hong1">*</text>
+					有效期
+				</view>
+				<!-- validTime -->
+				<view class="you" @click="show = true ">
+					<text>{{ time || '--' }}</text>
+				</view>
+			</view>
+			<view class="tinput">
+				<view class="text1">
+					<text class="hong1">*</text>
+					下次检定时间
+				</view>
+				<!-- nextCheckTime -->
+				<view class="you" @click="show1 = true ">
+					<text>{{ time1 || '--' }}</text>
+				</view>
+			</view>
+
+			<view class="tinput" v-if="type == 'edit'">
+				<view class="text1">
+					<text class="hong1">*</text>
+					设备附件
+				</view>
+				<view class="lan_" @click="goFile">查看附件
+					<image src="../../static/icons/internal/add.png" mode=""></image>
+				</view>
+			</view>
+			<u-datetime-picker :show="show" v-model="box.validTime" @cancel="cancels" @confirm="confirms" mode="date"
+				return-type='string'></u-datetime-picker>
+			<u-datetime-picker :show="show1" v-model="box.nextCheckTime" @cancel="cancels1" @confirm="confirms1"
+				mode="date" return-type='string'></u-datetime-picker>
+
+			<u-picker :show="typeShow" :columns="columns" @confirm="confirmsType" @cancel="typeShow = false"
+				keyName="label"></u-picker>
+			<view class="anniu" @click="getnewsadd()">
+				<text>保存</text>
+			</view>
+			<view style="width: 100%; height: 60px;"></view>
+		</view>
+
+
+	</view>
+</template>
+
+<script>
+	import request from '../../utils/request'
+	import config from '@/config'
+	import {
+		getToken
+	} from '@/utils/auth'
+	import upload from '@/utils/upload.js'
+	import {
+		getDictByCode,
+		getDictDataByType
+	} from "../../utils/utils";
+	import VNavigationBar from "@/components/VNavigationBar.vue";
+
+	var wvCurrent;
+	export default {
+		components: {
+			VNavigationBar
+		},
+		data() {
+			return {
+
+				time: '请选择有效期',
+				time1: '请选择下次检定时间',
+				value1: '2023-10-10',
+				baseUrl: this.$baseUrl,
+				show: false,
+				show1: false,
+				fileId: null,
+				id: '',
+				type: 'add',
+				box: {},
+				typeShow: false,
+				columns: [],
+				typeName: null,
+				//附件列表
+				fileList3: [],
+				pageName: '新增设备',
+				baseImageUrl: config.baseImageUrl,
+			}
+		},
+		onLoad(option) {
+			this.type = option.type
+			if (option.type == 'edit') {
+				this.box.id = option.id
+				this.pageName = '编辑设备'
+			}
+			this.getInsType()
+		},
+
+		onShow() {
+			if (this.type == 'edit') this.getDetail();
+		},
+		methods: {
+			confirmsType(e) {
+				console.log(e)
+				this.box.type = e.value[0].value
+				this.typeName = e.value[0].label
+				this.typeShow = false
+			},
+			async getInsType() {
+				if (!this.columns || this.columns.length === 0) {
+					this.columns = [await getDictByCode("repair_equ_type")]
+				}
+				console.log(this.columns)
+			},
+			async getDetail() {
+				let res = await request({
+					url: '/admin-api/system/equInfo/' + this.box.id,
+					method: 'get'
+				})
+				if (res.code == 200) {
+					this.box = res.data
+					if (this.box.fileList) {
+						this.fileList3 = this.box.fileList
+						// 在回显时给 URL 加上域名
+						this.fileList3 = this.fileList3.map(file => {
+							// 如果是相对路径，添加域名
+							file.url = this.baseImageUrl + '/' + file.url;
+							return file;
+						});
+					}
+					// this.maneizhi = this.box.type
+					this.time = this.box.validTime
+					this.time1 = this.box.nextCheckTime
+				}
+				if (this.box.type) {
+					const data = this.columns[0]
+					const index = data.findIndex(item => item.value === this.box.type)
+					if (index !== -1) {
+						this.typeName = data[index].label
+					}
+				}
+			},
+			cancels() {
+				this.show = false
+			},
+			cancels1() {
+				this.show1 = false
+			},
+			confirms(e) {
+				var timestamp = e.value;
+				var date = new Date(timestamp);
+				var year = date.getFullYear();
+				var month = ("0" + (date.getMonth() + 1)).slice(-2);
+				var day = ("0" + date.getDate()).slice(-2);
+				var formattedDate = year + "-" + month + "-" + day;
+				this.box.validTime = formattedDate
+				this.time = formattedDate
+				this.show = false
+
+			},
+			confirms1(e) {
+				var timestamp = e.value;
+				var date = new Date(timestamp);
+				var year = date.getFullYear();
+				var month = ("0" + (date.getMonth() + 1)).slice(-2);
+				var day = ("0" + date.getDate()).slice(-2);
+				var formattedDate = year + "-" + month + "-" + day;
+				this.box.nextCheckTime = formattedDate
+				this.time1 = formattedDate
+				this.show1 = false
+
+			},
+			//发布按钮
+			async getnewsadd() {
+				this.box.fileList = this.fileList3.map(file => {
+					// 去掉域名，返回相对路径
+					if (file.url && file.url.startsWith(this.baseImageUrl)) {
+						file.url = file.url.replace(this.baseImageUrl, '');
+					}
+					return file;
+				});
+				if (this.type == 'add') {
+					this.box.servicePackageId = 'wexiu'
+					let res = await request({
+						url: '/admin-api/system/equInfo/add',
+						method: 'post',
+						data: this.box
+					})
+					if (res.code == 200) {
+						uni.showToast({
+							title: '发布成功'
+						})
+						setTimeout(() => {
+							uni.navigateBack({
+								delta: 1
+							});
+						}, 1000);
+					}
+				}
+				if (this.type == 'edit') {
+					let res = await request({
+						url: '/admin-api/system/equInfo/edit',
+						method: 'post',
+						data: this.box
+					})
+					if (res.code == 200) {
+						uni.showToast({
+							title: '发布成功'
+						})
+						setTimeout(() => {
+							uni.navigateBack({
+								delta: 1
+							});
+						}, 1000);
+
+					}
+				}
+
+			},
+
+			getback() {
+				uni.navigateBack({
+					delta: 1,
+				})
+			},
+
+			// 删除图片
+			deletePic(event) {
+				this[`fileList${event.name}`].splice(event.index, 1);
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file);
+				let fileListLen = this[`fileList${event.name}`].length;
+				lists.map((item) => {
+					this[`fileList${event.name}`].push({
+						...item,
+						status: "uploading",
+						message: "上传中",
+					});
+				});
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url);
+					let item = this[`fileList${event.name}`][fileListLen];
+					this[`fileList${event.name}`].splice(
+						fileListLen,
+						1,
+						Object.assign(item, {
+							status: "success",
+							message: "",
+							url: result,
+						})
+					);
+					fileListLen++;
+				}
+				console.log('现在文件集合', this[`fileList${event.name}`])
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					upload({
+						url: '/common/upload',
+						filePath: url,
+					}).then((res) => {
+						resolve(res.data.url);
+					})
+				});
+			},
+
+			goFile() {
+				if (!this.box.id) {
+					uni.showToast({
+						title: '请先新建设备',
+						icon: 'none'
+					})
+					return
+				}
+				if (!this.box.folderId) {
+					console.log('当前员工没有文件加')
+					//给当前设备创建一个文件夹
+					request({
+						url: '/admin-api/system/equInfo/addDeviceFolder',
+						method: 'post',
+						params: {
+							id: this.box.id,
+							servicePackageId: 'jiuyuan',
+							defaultKey: 'jy_equipment'
+						},
+					}).then(res => {
+						this.box.folderId = res.data
+						uni.navigateTo({
+							url: '/pages-internal/dataManagement/deviceManage?type=staff&folderId=' + this
+								.box
+								.folderId
+						})
+					})
+				} else {
+					uni.navigateTo({
+						url: '/pages-internal/dataManagement/deviceManage?type=staff&folderId=' + this.box.folderId
+					})
+				}
+
+			},
+		}
+
+	}
+</script>
+
+<style scoped lang="scss">
+	.content {
+		/* width: 100%;
+		height: calc(100vh);
+		background-color: #F6F6F6;
+		box-sizing: border-box; */
+		// padding-top: 45px;
+		width: 100%;
+		height: 100vh;
+		background-color: #F6F6F6;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.dil {
+		/* box-sizing: border-box;
+		background-color: #F6F6F6;
+		padding: 0px 12px; */
+		box-sizing: border-box;
+		background-color: #F6F6F6;
+		padding: 0px 12px;
+		flex: 1;
+		overflow-y: auto;
+
+	}
+
+	.lan_ {
+		font-size: 28rpx;
+		color: #327DFB;
+		display: flex;
+		align-items: center;
+
+		image {
+			width: 36rpx;
+			height: 36rpx;
+			margin-left: 15rpx;
+		}
+	}
+
+	.top-icon {
+		margin-bottom: 45px;
+	}
+
+	.c-top {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 15px;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		background-color: white;
+		padding-top: 40px;
+	}
+
+	.c-title {
+		font-size: 18px;
+		font-weight: bold
+	}
+
+	.top {
+		box-sizing: border-box;
+		padding: 0px 15px;
+		width: 100%;
+		background-color: white;
+	}
+
+	.top-box {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		box-sizing: border-box;
+		padding: 20px 0px;
+	}
+
+	.tb-left {
+		height: 100%;
+		width: 80%;
+		display: flex;
+		align-items: center;
+	}
+
+	.uicon {
+		width: 18px;
+		height: 18px;
+		border-radius: 4px;
+		color: white;
+		background: orangered;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		font-size: 12px;
+		font-weight: bold;
+		margin-right: 6px;
+
+	}
+
+	.tb-right {
+		width: 20px;
+		height: 26px;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+
+	.text1 {
+		font-size: 16px;
+		font-weight: bold;
+		color: #363636;
+	}
+
+	.hong1 {
+		margin-top: 5px;
+		font-size: 12px;
+		font-weight: 400;
+		color: #FF5453;
+	}
+
+	.hong2 {
+		margin-top: 5px;
+		font-size: 12px;
+		font-weight: 400;
+
+	}
+
+	.tinput {
+		width: 100%;
+		display: flex;
+		background: white;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		padding: 16px;
+		margin-top: 14px;
+		margin-bottom: 14px;
+	}
+
+	.xinput {
+		width: 100%;
+		background: white;
+		box-sizing: border-box;
+		padding: 16px;
+		margin-top: 14px;
+	}
+
+	.you {
+		text-align: right;
+
+	}
+
+	.xz {
+		margin-top: 10px;
+		display: flex;
+		align-items: center;
+
+	}
+
+	.kuang {
+		width: 80px;
+		height: 23px;
+		background: #ECECEC;
+		border-radius: 5px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		color: #666666;
+		font-size: 14px;
+		margin-right: 15px;
+	}
+
+	.xlan {
+		background: #CDE7FF !important;
+		color: #1D62FF !important;
+		border: 1px solid #2A96FE;
+	}
+
+	.anniu {
+		width: 100%;
+		//background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
+		color: #0174F6;
+		border-radius: 50px;
+		height: 40px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		//color: #542F0E;
+		border: 1px solid #0174F6;
+		margin-top: 20px;
+
+	}
+
+
+	button::after {
+		border: none;
+	}
+</style>
\ No newline at end of file
diff --git a/pages-internal/deviceManagement/informationManage.vue b/pages-internal/deviceManagement/informationManage.vue
new file mode 100644
index 0000000..98683da
--- /dev/null
+++ b/pages-internal/deviceManagement/informationManage.vue
@@ -0,0 +1,310 @@
+<template>
+	<view class="content">
+		<VNavigationBar style="position: relative;z-index: 99;" homeHeaderPaddingTop="0" backgroundColor="#fff"
+			title-color="#000" title="设备管理"></VNavigationBar>
+
+		<!-- 固定部分：搜索框 -->
+		<view class="search_box">
+			<u-search placeholder="请输入设备名称..." @clear="getlistindex()" @search="getlistindex()" :showAction="false"
+				v-model="equName" searchIconColor="#427FFE"></u-search>
+		</view>
+
+		<!-- 固定部分：新增按钮 -->
+		<view class="add-btn" @click="goadd('add')">
+			<text>+ 新增设备</text>
+		</view>
+
+		<!-- 固定部分：Tab切换（横向滚动） -->
+		<view class="tab-scroll-container">
+			<scroll-view class="tab-scroll-view" scroll-x="true" shows-horizontal-scroll-indicator="false">
+				<view class="tap-box" v-for="(item,index) in tabList" :key="index" @click="gettap(item.value)">
+					<view :class="{'lan' : tapindex == item.value}">{{ item.label }}</view>
+					<view class="gang" v-if="tapindex == item.value"></view>
+				</view>
+			</scroll-view>
+		</view>
+
+		<!-- 滚动部分：设备列表 -->
+		<view class="list-container">
+			<!-- 有数据时显示列表 -->
+			<view class="c-box" v-for="(item,index) in arrlist" :key="index" v-if="arrlist.length > 0">
+				<view class="box-top">
+					<view>{{ item.equName || '设备名称' }}</view>
+					<view style="display: flex;align-items: center; justify-content: space-between; width: 25%;">
+						<view style="color: #43A045;" @click="goadd('edit',item.id)">编辑</view>
+						<view style="color: #FF7272;" @click="dialogToggle(item.id)">删除</view>
+					</view>
+				</view>
+				<view class="box-hui">
+					<view class="box-left">设备型号:</view>
+					<view>{{ item.equModel || '' }}</view>
+				</view>
+				<view class="box-hui">
+					<view class="box-left">设备编号:</view>
+					<view>{{ item.equNumber || '' }}</view>
+				</view>
+				<view class="box-hui">
+					<view class="box-left">检定/校准周期:</view>
+					<view>{{ item.equZq || '' }}</view>
+				</view>
+				<view class="box-hui">
+					<view class="box-left">有效期:</view>
+					<view>{{ item.validTime || '' }}</view>
+				</view>
+				<view class="box-hui">
+					<view class="box-left">检定单位:</view>
+					<view>{{ item.lastUnit || '' }}</view>
+				</view>
+				<view class="box-hui">
+					<view class="box-left">计划检定时间:</view>
+					<view>{{ item.nextCheckTime || '' }}</view>
+				</view>
+			</view>
+
+			<!-- 无数据时显示提示 -->
+			<view class="empty-tips" v-if="arrlist.length === 0">
+				<image src="/static/internal/empty.png" class="empty-img"></image>
+				<!-- <text>暂无设备</text> -->
+			</view>
+		</view>
+
+		<uni-popup ref="alertDialog" type="dialog">
+			<uni-popup-dialog cancelText="关闭" confirmText="同意" title="通知" content="您确认要删除吗" @confirm="dialogConfirm"
+				@close="dialogClose"></uni-popup-dialog>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import config from '@/config'
+	import request from '../../utils/request';
+	import VNavigationBar from "@/components/VNavigationBar.vue";
+	import {
+		getDictByCode
+	} from "../../utils/utils";
+
+	export default {
+		components: {
+			VNavigationBar
+		},
+		data() {
+			return {
+				partnerId: '',
+				arrlist: [],
+				pageNum: 1,
+				pageSize: 20,
+				totalPages: 0,
+				deleteid: '',
+				equName: null,
+				tabList: [{
+					label: "全部",
+					value: "0"
+				}],
+				tapindex: 0,
+				type: null
+			}
+		},
+		onLoad(data) {
+			this.partnerId = uni.getStorageSync('partnerId')
+			if (data.value) {
+				this.tapindex = parseInt(data.value)
+				this.type = data.value === '0' ? null : data.value
+			}
+			this.getlistindex()
+			this.getTab()
+		},
+		onShow() {
+			// this.getlistindex()
+		},
+		onReachBottom() {
+			if (this.pageNum >= this.totalPages) {
+				uni.showToast({
+					title: '没有下一页数据',
+					icon: 'none'
+				})
+			} else {
+				this.pageNum++
+				this.getlistindex()
+			}
+		},
+		methods: {
+			gettap(value) {
+				this.tapindex = value
+				this.type = value === '0' ? null : value
+				this.getlistindex()
+			},
+			async getTab() {
+				const data = await getDictByCode("repair_equ_type");
+				console.log('data123', data)
+				this.tabList = [...this.tabList, ...data];
+				console.log('this.tabList', this.tabList)
+			},
+			dialogToggle(id) {
+				this.deleteid = id
+				this.$refs.alertDialog.open()
+			},
+			async dialogConfirm() {
+				let res = await request({
+					url: '/admin-api/system/equInfo/' + this.deleteid,
+					method: 'delete',
+				})
+				if (res.code == 200) {
+					this.$refs.alertDialog.close()
+					uni.showToast({
+						icon: 'none',
+						title: '删除成功'
+					})
+					this.getlistindex()
+				}
+			},
+			dialogClose() {
+				this.$refs.alertDialog.close()
+			},
+			goadd(type, id) {
+				uni.navigateTo({
+					url: '/pages-internal/deviceManagement/informationAdd?type=' + type + '&id=' + id
+				})
+			},
+			async getlistindex() {
+				let res = await request({
+					url: '/admin-api/system/equInfo/list',
+					method: 'get',
+					data: {
+						pageSize: this.pageSize,
+						pageNum: this.pageNum,
+						equName: this.equName,
+						type: this.type,
+						servicePackageId: 'weixiu'
+					}
+				})
+				if (this.pageNum != 1) {
+					this.arrlist = this.arrlist.concat(res.rows)
+				} else {
+					this.arrlist = res.rows
+				}
+				let total = res.total
+				this.totalPages = Math.ceil(total / this.pageSize);
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.content {
+		width: 100%;
+		height: 100vh;
+		background-color: white;
+		display: flex;
+		flex-direction: column;
+	}
+
+	/* 固定搜索框 */
+	.search_box {
+		padding: 10px 15px;
+		background: white;
+		border-bottom: 1px solid #f5f5f5;
+	}
+
+	/* 固定新增按钮 */
+	.add-btn {
+		width: 100%;
+		color: #0174F6;
+		text-align: center;
+		padding: 10px 0;
+		font-weight: bold;
+		border-radius: 8px;
+		margin: 10px 15px;
+		width: calc(100% - 30px);
+		border: 1px solid #0174F6;
+		position: sticky;
+		top: 50px;
+		z-index: 9;
+	}
+
+	/* Tab横向滚动容器 */
+	.tab-scroll-container {
+		background: white;
+		position: sticky;
+		top: 100px;
+		z-index: 8;
+		border-bottom: 1px solid #f5f5f5;
+		padding: 10px 0;
+	}
+
+	.tab-scroll-view {
+		white-space: nowrap;
+		width: 100%;
+		height: 40px;
+	}
+
+	.tap-box {
+		display: inline-block;
+		min-width: 80px;
+		text-align: center;
+		padding: 0 10px;
+	}
+
+	.gang {
+		height: 4px;
+		background: #327DFB;
+		width: 80%;
+		margin: 0 auto;
+	}
+
+	.lan {
+		color: #0D2E8D;
+	}
+
+	/* 滚动列表容器 */
+	.list-container {
+		flex: 1;
+		overflow-y: auto;
+		padding: 0 15px;
+	}
+
+	/* 列表项样式 */
+	.c-box {
+		background: #F7F8FC;
+		border-radius: 10px;
+		padding: 10px;
+		margin-bottom: 10px;
+	}
+
+	.box-top {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding-bottom: 10px;
+		border-bottom: 1px solid #eee;
+		margin-bottom: 10px;
+		font-weight: bold;
+	}
+
+	.box-hui {
+		display: flex;
+		margin-bottom: 5px;
+		color: #999;
+		font-size: 14px;
+	}
+
+	.box-left {
+		margin-right: 10px;
+	}
+
+	/* 空列表提示 */
+	.empty-tips {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 40px 0;
+		color: #999;
+		font-size: 14px;
+	}
+
+	.empty-img {
+		width: 240px;
+		height: 200px;
+		margin-bottom: 10px;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/white/white.vue b/pages/white/white.vue
new file mode 100644
index 0000000..3cdf8f2
--- /dev/null
+++ b/pages/white/white.vue
@@ -0,0 +1,26 @@
+<template>
+	<view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'White',
+		data() {
+			return {
+
+			}
+		},
+		onLoad() {
+			uni.navigateBack()
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/static/icons/internal/add.png b/static/icons/internal/add.png
new file mode 100644
index 0000000..daa229d
Binary files /dev/null and b/static/icons/internal/add.png differ
diff --git a/static/icons/internal/device.png b/static/icons/internal/device.png
new file mode 100644
index 0000000..c3f270a
Binary files /dev/null and b/static/icons/internal/device.png differ
diff --git a/static/icons/internal/s1.png b/static/icons/internal/s1.png
new file mode 100644
index 0000000..c0b002b
Binary files /dev/null and b/static/icons/internal/s1.png differ
diff --git a/static/icons/tabbar/new-home-checked.png b/static/icons/tabbar/new-home-checked.png
new file mode 100644
index 0000000..ec98345
Binary files /dev/null and b/static/icons/tabbar/new-home-checked.png differ
diff --git a/static/icons/tabbar/new-home.png b/static/icons/tabbar/new-home.png
new file mode 100644
index 0000000..2b06136
Binary files /dev/null and b/static/icons/tabbar/new-home.png differ
diff --git a/static/images/business/text_left.png b/static/images/business/text_left.png
new file mode 100644
index 0000000..a06e858
Binary files /dev/null and b/static/images/business/text_left.png differ
diff --git a/static/images/icon_tap.png b/static/images/icon_tap.png
new file mode 100644
index 0000000..0a69a0d
Binary files /dev/null and b/static/images/icon_tap.png differ
diff --git a/static/images/j1.png b/static/images/j1.png
new file mode 100644
index 0000000..ba0833a
Binary files /dev/null and b/static/images/j1.png differ
diff --git a/static/images/j2.png b/static/images/j2.png
new file mode 100644
index 0000000..35f2f0e
Binary files /dev/null and b/static/images/j2.png differ
diff --git a/static/images/j3.png b/static/images/j3.png
new file mode 100644
index 0000000..5aa4492
Binary files /dev/null and b/static/images/j3.png differ
diff --git a/static/images/j4.png b/static/images/j4.png
new file mode 100644
index 0000000..81d24ae
Binary files /dev/null and b/static/images/j4.png differ
diff --git a/static/images/r1.png b/static/images/r1.png
new file mode 100644
index 0000000..20ec4eb
Binary files /dev/null and b/static/images/r1.png differ
diff --git a/static/images/r2.png b/static/images/r2.png
new file mode 100644
index 0000000..8439a23
Binary files /dev/null and b/static/images/r2.png differ
diff --git a/static/images/t1.png b/static/images/t1.png
new file mode 100644
index 0000000..d8dadd5
Binary files /dev/null and b/static/images/t1.png differ
diff --git a/static/images/t2.png b/static/images/t2.png
new file mode 100644
index 0000000..b3ee0b5
Binary files /dev/null and b/static/images/t2.png differ
diff --git a/static/images/t3.png b/static/images/t3.png
new file mode 100644
index 0000000..3c78076
Binary files /dev/null and b/static/images/t3.png differ
diff --git a/static/images/table_header.png b/static/images/table_header.png
new file mode 100644
index 0000000..607da8c
Binary files /dev/null and b/static/images/table_header.png differ
diff --git a/static/images/ttel.png b/static/images/ttel.png
new file mode 100644
index 0000000..caef076
Binary files /dev/null and b/static/images/ttel.png differ
diff --git a/static/images/yh.png b/static/images/yh.png
new file mode 100644
index 0000000..b0d039d
Binary files /dev/null and b/static/images/yh.png differ
diff --git a/utils/fixScreen.js b/utils/fixScreen.js
new file mode 100644
index 0000000..c2a7f48
--- /dev/null
+++ b/utils/fixScreen.js
@@ -0,0 +1,26 @@
+// common/fixScreen.js
+
+/**
+ * 修复 APP 端横竖屏切换后页面元素放大问题
+ * 使用方式：在页面 onShow 中调用 fixScreen()
+ */
+export function fixScreen() {
+	// #ifdef APP-PLUS
+	try {
+		console.log('执行缩放比');
+		const pages = getCurrentPages();
+		const page = pages[pages.length - 1];
+		const currentWebview = page.$getAppWebview();
+
+		if (currentWebview) {
+			// 强制重置缩放比例，避免放大
+			currentWebview.setStyle({
+				scalable: false, // 禁止缩放
+				viewport: "device-width" // 保持设备宽度
+			});
+		}
+	} catch (e) {
+		console.error("fixScreen 执行失败:", e);
+	}
+	// #endif
+}
\ No newline at end of file