From b3d9e44f7d2d691b45fd9bdec2e9a80e79eae754 Mon Sep 17 00:00:00 2001
From: jiazhipeng <jiazhipeng@xmainc.com>
Date: Thu, 12 Jun 2025 14:01:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E8=B4=A7=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/addressAdd.vue              |  397 ++++++++
 components/cartData.vue                |  455 ++++++++++
 package-lock.json                      |   11 +
 pages.json                             |   25 +-
 static/js/CommonFunction.js            |    2 +-
 subPackages/techan/detail.vue          |  900 ++++++++++++++++++
 subPackages/techan/index.vue           |  820 +++++++++++++++++
 subPackages/techan/order.vue           | 1158 ++++++++++++++++++++++++
 subPackages/techan/selfPickUpPoint.vue |  253 ++++++
 9 files changed, 4019 insertions(+), 2 deletions(-)
 create mode 100644 components/addressAdd.vue
 create mode 100644 components/cartData.vue
 create mode 100644 package-lock.json
 create mode 100644 subPackages/techan/detail.vue
 create mode 100644 subPackages/techan/index.vue
 create mode 100644 subPackages/techan/order.vue
 create mode 100644 subPackages/techan/selfPickUpPoint.vue

diff --git a/components/addressAdd.vue b/components/addressAdd.vue
new file mode 100644
index 0000000..67645be
--- /dev/null
+++ b/components/addressAdd.vue
@@ -0,0 +1,397 @@
+<template>
+	<view class="bg">
+		<view class="list-forms">
+			<view class="list-item">
+				<view class="list-item-title">姓名</view>
+				<view class="list-item-input"><input type="text" v-model="username" placeholder="请输入姓名" /></view>
+			</view>
+			<view class="list-item">
+				<view class="list-item-title">手机号</view>
+				<view class="list-item-input"><input type="number" v-model="mobile" placeholder="请输入手机号" maxlength="11"
+						 /></view>
+			</view>
+			<view class="list-item" style="position: relative;">
+				<view class="list-item-title">选择地区</view>
+				<view class="list-item-input3" style="flex: 1;">
+					<picker mode="multiSelector" :range="newProvinceDataList" range-key="name" @change="changeArea" @columnchange="pickerColumnchange"
+					style="position: relative;z-index: 2;">
+						<input type="text" readonly style="font-size: 35rpx;position: relative;z-index: -1;"
+								v-model="citySeld" disabled="true" placeholder="请选择地区"/>
+					</picker>
+				</view>
+			</view>
+			<view class="list-item">
+				<view class="list-item-title">详细地址</view>
+				<view class="list-item-input"><input type="text" v-model="detailAddr" placeholder="请输入详细地址" /></view>
+			</view>
+			<view class="list-item" style="border-bottom: 0;">
+				<view class="list-item-title">设为默认</view>
+				<view class="list-item-switch">
+					<switch :checked="idDefault" @change="switchChange" color="#6A8A2D"/>
+				</view>
+			</view>
+			<!-- <view class="list-item-btn">
+				<view class="list-item-post" @click="postSave()">保存</view>
+			</view> -->
+		</view>
+	</view>
+</template>
+
+<script>
+	import District from 'ydui-district/dist/jd_province_city_area_id';
+	export default {
+		data() {
+			return {
+				username: '',
+				mobile: '',
+				citySeld: '',
+				detailAddr: '',
+				idDefault: false,
+				title: '新增收货地址',
+				show: false,
+				district: District, //数据
+
+				province: null,
+				city: null,
+				area: '',
+				provinceId: null,
+				cityId: null,
+				areaId: null,
+				columns: [],
+				id: '',
+				newProvinceDataList:[
+					[],[],[]
+				],
+				multiIndex: [0, 0, 0],
+			}
+		},
+		onLoad(option){
+			
+		},
+		methods: {
+			init(option) {
+				this.id = null
+				this.username = ''
+				this.mobile = ''
+				this.citySeld = ''
+				this.detailAddr = ''
+				this.idDefault = false
+				this.province = null
+				this.city = null
+				this.area = ''
+				this.provinceId = null
+				this.cityId = null
+				this.areaId = null
+				this.multiIndex = [0, 0, 0]
+				
+				
+				
+				if (option.id > 0) {
+					console.log(option)
+				  this.title = '编辑收货地址'
+				  this.id = option.id
+				  this.username = option.name
+				  this.mobile = option.tel
+				  this.idDefault = option.is_default == 1 ? true : false
+				  this.provinceId = option.province_id
+				  this.cityId = option.city_id
+				  this.areaId = option.district_id
+				  // this.citySeld = option.addresss
+				  this.detailAddr = option.detail_addr;
+				  this.getSeldCityList();
+				}
+				else {
+				  this.getSeldCityList()
+				}
+			},
+			
+			switchChange(e){
+				this.idDefault = e.detail.value
+			},
+			changeArea(e){
+				// 数组内的下标
+				this.multiIndex = e.detail.value;
+				this.citySeld = this.newProvinceDataList[0][this.multiIndex[0]].name + this.newProvinceDataList[1][this.multiIndex[1]].name + this.newProvinceDataList[2][this.multiIndex[2]].name
+				this.provinceId = this.newProvinceDataList[0][this.multiIndex[0]].id
+				this.cityId = this.newProvinceDataList[1][this.multiIndex[1]].id
+				this.areaId = this.newProvinceDataList[2][this.multiIndex[2]].id
+			},
+			getSeldCityList() {
+				if (this.columns.length>0) {
+					this.handleColumns()
+					return
+				}
+				let that = this
+				that.Post({}, '/api/uservice/user/getAreas').then(res => {
+					if (res.code === 1) {
+						var data = res.data;
+						var result = {};
+						for (var i = 0; i < data.length; i++) {
+							var item = data[i];
+							if (!item.pid) {
+								continue;
+							}
+							//获取省
+							if (item.pid == "100000") {
+								result[item.id.toString()] = {};
+								result[item.id.toString()].children = []
+								result[item.id.toString()].name = item.name;
+								result[item.id.toString()].id = item.id;
+							} else if (result[item.pid.toString()]) {
+								//填充市
+								var t = {
+									id: item.id,
+									name: item.name,
+									children: []
+								}
+								result[item.pid.toString()].children.push(t)
+							} else {
+								//填充区
+								var k = {
+									id: item.id,
+									name: item.name
+								}
+								for (var j = 0; j < result[item.pid.toString().substr(0, 2) + "0000"].children
+									.length; j++) {
+									if (result[item.pid.toString().substr(0, 2) + "0000"].children[j].id == item
+										.pid) {
+										result[item.pid.toString().substr(0, 2) + "0000"].children[j].children.push(k)
+									}
+								}
+							}
+						}
+						var r = [];
+						//将Object转为Array
+						for (var i in result) {
+							r.push(result[i]);
+						}
+						//将数据赋值给省市区联动选择器
+						that.district = r;
+						that.columns = r
+						this.handleColumns()
+					}
+				})
+			},
+			
+			handleColumns () {
+				this.newProvinceDataList= [
+					this.columns.map(v=>{return {name: v.name, id: v.id}}),
+					this.columns[0].children.map(v=>{return {name: v.name, id: v.id}}),
+					this.columns[0].children[0].children.map(v=>{return {name: v.name, id: v.id}}),
+				]
+				// this.provinceId = option.province_id
+				// this.cityId = option.city_id
+				// this.areaId = option.district_id
+				// 如果有省市区
+				if (this.provinceId) {
+					// todo 错误处理
+					try {
+						let index1 = this.columns.findIndex(v=>v.id==this.provinceId)
+						let index2 = this.columns[index1].children.findIndex(v=>v.id==this.cityId)
+						let index3 = this.columns[index1].children[index2].children.findIndex(v=>v.id==this.areaId)
+						this.citySeld = this.columns[index1].name + this.columns[index1].children[index2].name + this.columns[index1].children[index2].children[index3].name
+		
+					} catch (e) {
+						console.log(e)
+					}
+					
+					
+				} 
+			},
+			
+			// 滑动
+			pickerColumnchange(e){
+				// 第几列滑动
+				// console.log(e.detail.column);
+				// 第几列滑动的下标
+				// console.log(e.detail.value)
+				// 第一列滑动
+				if(e.detail.column === 0){
+					this.multiIndex[0] =  e.detail.value
+					// console.log('第一列滑动');
+					// this.newProvinceDataList[1] = [];
+					this.newProvinceDataList[1] = this.columns[this.multiIndex[0]].children.map((item,index)=>{
+						// console.log(item)
+						return item
+					})
+					// console.log(this.multiIndex)
+					if(this.columns[this.multiIndex[0]].children.length === 1){
+						this.newProvinceDataList[2] = this.columns[this.multiIndex[0]].children[0].children.map((item,index)=>{
+							// console.log(item)
+							return item
+						})
+					}else{
+						this.newProvinceDataList[2] = this.columns[this.multiIndex[0]].children[this.multiIndex[1]].children.map((item,index)=>{
+							// console.log(item)
+							return item
+						})
+					}
+					// 第一列滑动  第二列 和第三列 都变为第一个
+					this.multiIndex.splice(1, 1, 0)
+					this.multiIndex.splice(2, 1, 0)
+				}
+				// 第二列滑动
+				if(e.detail.column === 1){
+					this.multiIndex[1] =  e.detail.value
+					// console.log('第二列滑动');
+					// console.log(this.multiIndex)
+					this.newProvinceDataList[2] = this.columns[this.multiIndex[0]].children[this.multiIndex[1]].children.map((item,index)=>{
+						// console.log(item)
+						return item
+					})
+					// 第二列 滑动 第三列 变成第一个
+					this.multiIndex.splice(2, 1, 0)
+				}
+				// 第三列滑动
+				if(e.detail.column === 2){
+					this.multiIndex[2] =  e.detail.value
+					// console.log('第三列滑动')
+					// console.log(this.multiIndex)
+				}
+			},
+			async postSave() {
+				this.username = this.username.trim()
+				this.mobile = this.mobile.trim()
+				this.detailAddr = this.detailAddr.trim()
+				if (this.username.length < 1) {
+					uni.showToast({
+						title: '请输入姓名',
+						icon: 'none'
+					})
+					return
+				}
+				if (this.username.length > 6) {
+					uni.showToast({
+						title: '姓名最多6个字',
+						icon: 'none'
+					})
+					return
+				}
+				if (!this.IsTel(this.mobile)) {
+					uni.showToast({
+						title: '请输入正确的手机号',
+						icon: 'none'
+					})
+					return
+				}
+				if (this.citySeld.length < 1) {
+					uni.showToast({
+						title: '请选择地区',
+						icon: 'none'
+					})
+					return
+				}
+				if (this.detailAddr.length < 2) {
+					uni.showToast({
+						title: '请输入具体地址',
+						icon: 'none'
+					})
+					return
+				}
+				let api = '/api/uservice/user/addNewConsignee'
+				if (this.id>0) {
+					api = "/api/uservice/user/editConsignee"
+				}
+				let res = await this.Post({
+					username: this.username,
+					mobile: this.mobile,
+					is_default: this.idDefault ? '1' : '0',
+					province_id: this.provinceId,
+					city_id: this.cityId,
+					district_id: this.areaId,
+					detail_addr: this.detailAddr,
+					id: this.id || null
+				},api)
+				
+				if(res.code == '1'){
+					// uni.setStorageSync('addressNow',JSON.stringify(res.data))
+					uni.showModal({
+						title: '提示',
+						content: this.id>0?'编辑成功':'添加成功',
+						showCancel: false,
+					})
+					this.$emit("changeAddress")
+				}else{
+					uni.showModal({
+						title: '提示',
+						content: res.msg,
+						showCancel: false,
+					})
+				}
+				return {...res,data: {id: this.id}}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.bg {
+		width: 100%;
+		height: 100%;
+	}
+
+	.list-forms {
+		display: flex;
+		flex-direction: column;
+		box-sizing: content-box
+	}
+
+	.list-item {
+		display: flex;
+		border-bottom: 1rpx solid #D8D8D8;
+		padding: 30rpx 0;
+		height: 60rpx;
+		align-items: center;
+		box-sizing: content-box
+	}
+
+	.list-item-title {
+		width: 150rpx;
+		font-size: 31rpx;
+		margin-right: 20rpx;
+	}
+
+	.list-item-input {
+		flex: 1;
+	}
+
+	.list-item-input input {
+		width: 100%;
+		height: 100%;
+		padding: 0;
+		margin: 0;
+		border: 0;
+		background-color: transparent;
+		line-height: 31rpx;
+		font-size: 31rpx;
+	}
+
+	.list-item-input input::placeholder {
+		font-size: 26rpx;
+	}
+
+	.list-item-switch {
+		display: flex;
+		flex: 1;
+		justify-content: flex-end;
+	}
+
+	.list-item-btn {
+		display: flex;
+		justify-content: center;
+		margin-top: 20rpx;
+	}
+
+	.list-item-post {
+		display: flex;
+		color: #FFFFFF;
+		font-size: 36rpx;
+		width: 697rpx;
+		height: 73rpx;
+		background: linear-gradient(90deg, #F84A56, #FF9834);
+		border-radius: 37rpx;
+		justify-content: center;
+		align-items: center;
+		margin-top: 725rpx;
+	}
+</style>
diff --git a/components/cartData.vue b/components/cartData.vue
new file mode 100644
index 0000000..f8a5837
--- /dev/null
+++ b/components/cartData.vue
@@ -0,0 +1,455 @@
+<template>
+	<view class="bg">
+		
+		<uni-popup ref="popup" type="bottom" border-radius="10px 10px 0 0" 
+			:safe-area="true" @change="popChange">
+			<view class="cart-container" v-if="showCart">
+				<view class="header-container">
+					<view class="select-area flex flex-items-center" @click.stop="selectAllGoods">
+						<view class="select-cycle" v-show="!selectAll"></view>
+						<view class="select-cycle selected" v-show="selectAll">
+							<image :src="showImg('/uploads/20241104/3d903e0c2788104b57b4ce5e07ea1de1.png')">
+						</view>
+						<view style="padding-left: 26rpx;" >全选</view>
+					</view>
+					<view class="delete-area flex flex-items-center" @click.stop="clearAllGoods">
+						<image :src="showImg('/uploads/20241104/50900c9a5fa5fbdbdee526abc9af4a40.png')"></image>
+						<view style="padding-left: 8rpx;" >清空</view>
+					</view>
+				</view>
+				
+				<view class="content-container">
+					<view class="content-item" v-for="(item,i) in cartData" :key="i" :model="cartData">
+						<view class="flex flex-items-center" @tap.stop="setItemSelect(item)">
+							<view class="select-cycle" v-show="!item.isSelected"></view>
+							<view class="select-cycle selected" v-show="item.isSelected">
+								<image :src="showImg('/uploads/20241104/3d903e0c2788104b57b4ce5e07ea1de1.png')">
+							</view>
+							<view style="padding-left: 26rpx;flex:1">
+								<view class="commodity box" >
+									<image class="img" :src="showImg(item.Specifications_image)" mode="aspectFill"></image>
+									<view class="title goods-text-area">
+										<view class="commodity-info">
+											<view class="text-overflowRows" style="font-weight: bold;">{{ item.good_name }}</view>
+											<view class="text-overflowRows" style="font-size: 27rpx;color: #999999;padding-top: 10rpx;">{{ item.Specifications_name }}</view>
+										</view>
+										<view class="flex flex-between">
+											<view class="commodity-price">
+												￥ <view style="font-size: 40rpx;">{{item.Specifications_money/100}}</view>
+											</view>
+											<view class="add-num-area">
+												<view :class="['ctrl',item.num>1?'':'disabled']" @click.stop="addBuyNum(item,-1,i)" >-</view>
+												<view>{{item.num}}</view>
+												<view :class="['ctrl']" @click.stop="addBuyNum(item,1,i)">+</view>
+												
+											</view>
+										</view>
+									</view>
+								</view>
+							</view>
+							
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
+		
+				
+		
+
+		<slot name="content"></slot>
+	</view>
+	
+</template>
+
+<script>
+	export default {
+		name: "cartData",
+		data() {
+			return {
+				cartData: [],
+				showCart: false,
+				selectAll: false,
+				canOpenpop: true,
+				allPrice: {allPrice:0, iNum:0, fNum:'00'},
+			}
+		},
+		props:{
+			paramData: {
+				type: Object,
+			},
+		},
+		
+		mounted() {
+			this.canOpenpop = true
+			this.refreshData()
+			uni.$on("updateDataByConnect",this.getDataByConnect)
+		},
+		beforeUnmount () {
+			console.log('触发off')
+			uni.$off("updateDataByConnect",this.getDataByConnect)
+		},
+		beforeDestroy () {
+			console.log('触发off')
+			uni.$off("updateDataByConnect",this.getDataByConnect)
+		},
+		
+		methods: {
+			calNum () {
+				let res = 0
+				this.cartData.forEach(v=>{
+					res += v.num
+				})
+				return res
+			},
+			closePopup() {
+				this.$refs.popup.close()
+				this.paramData.showCart = this.showCart
+				this.$emit('changeParamData', this.paramData)
+			},
+			openPop(){
+				this.$refs.popup.open()
+				this.paramData.showCart = this.showCart
+				this.$emit('changeParamData', this.paramData)
+			},
+			popChange (e) {
+				this.showCart = e.show
+				this.paramData.showCart = this.showCart
+				this.$emit('changeParamData', this.paramData)
+			},
+			
+			getDataByConnect(data) {
+				if (data.msgType == "updateCartDataInfo") {
+					this.refreshData(data)
+				}
+			},
+			
+			
+			refreshData (data) {
+				let selectedData = []
+				try {
+					selectedData = JSON.parse(uni.getStorageSync('cartDataInfo'));
+				} catch(e) {
+					selectedData = []
+				}
+				
+				if (Array.isArray(data) && data.length>0) {
+					this.cartData = data
+					this.setAllSelect()
+				} else {
+					this.Post({},'/api/shopping/getShoppingList').then(res => {
+						if (res) {
+							this.cartData = (res.data || []).map(v=>{return {...v, isSelected:selectedData.includes(v.specifications_id)}})
+							this.setAllSelect()
+						}
+					})
+				}
+			},
+
+			// 购物车操作
+			setItemSelect(item) {
+				item.isSelected = !item.isSelected
+				// uni.setStorageSync('cartDataInfo', JSON.stringify(this.cartData)); 
+				this.setAllSelect()
+				
+			},
+			selectAllGoods(){
+				let goods = this.cartData
+				if (this.selectAll) {
+					goods.forEach(v => v.isSelected = false)
+					this.selectAll = false
+				} else {
+					goods.forEach(v => v.isSelected = true)
+					this.selectAll = true
+				}
+				this.setAllSelect()
+	
+			},
+			clearAllGoods(){
+				let _this = this
+				Promise.all(this.cartData.map(v=>{
+					return _this.Post({s_id: v.id},'/api/shopping/delShopping')
+				})).finally(res =>{
+					this.cartData = []
+					this.setAllSelect()
+				})
+			},
+			setAllSelect() {
+				let goods = this.cartData
+				if(goods.length>0&& goods.every(v => v.isSelected)){
+					this.selectAll = true
+				} else {
+					this.selectAll = false
+				}
+				let selectedData = goods.filter(v=>v.isSelected).map(v=>v.specifications_id)
+				uni.setStorageSync('cartDataInfo', JSON.stringify(selectedData)); 
+				this.calAllPrice()
+			},
+			
+			addBuyNum(item, num,index){
+				if (num == -1 && item.num == 1) {
+					this.Post({s_id: item.id},'/api/shopping/delShopping').then(res =>{
+						this.cartData.splice(index,1)
+						this.setAllSelect()
+					})
+				} else {
+					let numData = item.num + num
+					this.Post({s_id: item.id, num: numData},'/api/shopping/updateShopping').then(res =>{
+						item.num += num
+						this.setAllSelect()
+					})
+				}
+			},
+			
+			calAllPrice () {
+				let selectedGoods = this.cartData.filter(v=>v.isSelected)
+				let totalPrice = 0
+				selectedGoods.forEach(v=>{
+					totalPrice += v.Specifications_money/100 * v.num
+				})
+				totalPrice = totalPrice.toFixed(2)
+				console.log(totalPrice)
+				this.allPrice = {allPrice: totalPrice, iNum: totalPrice.split('.')[0], fNum: totalPrice.split('.')[1]}
+				
+				this.paramData.allPrice = totalPrice
+				this.paramData.iNum = this.allPrice.iNum
+				this.paramData.fNum = this.allPrice.fNum
+				this.paramData.num = this.calNum()
+				
+				this.$emit('changeParamData', this.paramData)
+			},
+			
+			goCartOrder () {
+				if(this.cartData.every(v => !v.isSelected)){
+					uni.showToast({
+						title:'请先选中要购买的商品',
+						icon:'none',
+					})
+					return
+				} 
+				let orderData = this.cartData.filter(v=>v.isSelected).map(v=>{
+					return {
+						goodsInfo: {
+							image: v.Specifications_image,
+							title:v.good_name,
+							merchant_name: v.merchant_name,
+						},
+						skuInfo: {
+							title:v.Specifications_name,
+							buyNum:v.num,
+							money: v.Specifications_money,
+							id: v.specifications_id,
+						},
+						
+					}
+				})
+				
+
+				let orderInfo = {
+					is_post: 1, // 购物车都是邮寄
+					goods: orderData,
+					post: 0
+				}
+				
+				uni.setStorageSync('teChanOrder', JSON.stringify(orderInfo)); //规格
+				// uni.setStorageSync('teChanInfo', JSON.stringify(this.info)); //商品
+				uni.navigateTo({
+					url: '/subPackages/techan/order'
+				});
+			},
+		},
+		
+	}
+</script>
+
+<style scoped lang="scss">
+	*{
+		box-sizing: border-box;
+	}
+	.bg{
+		width: 100%;
+		height: 100%;
+	}
+	.cart-container{
+		display: flex;
+		flex-direction: column;
+		background-color: white;
+		height: 933rpx;
+		padding-bottom: 184rpx;
+		border-radius: 20rpx 20rpx 0rpx 0rpx;
+		display: flex;
+		flex-direction: column;
+		position: absolute;
+		width: 100%;
+		bottom: 0;
+		z-index: 20;
+		
+		.header-container{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 40rpx 26rpx;
+			
+			.select-area{
+				font-family: PingFang SC;
+				font-weight: bold;
+				font-size: 37rpx;
+				color: #000000;
+			}
+			
+			
+			
+			.delete-area{
+				font-family: PingFang SC;
+				font-weight: bold;
+				font-size: 27rpx;
+				color: #999999;
+				image{
+					width: 26rpx;
+					height: 26rpx;
+				}
+			}
+		}
+	}
+	
+	.content-container{
+		flex: 1;
+		height: 10rpx;
+		overflow-y: auto;
+		padding:0 26rpx 26rpx; 
+		
+		.content-item{
+			margin-bottom: 48rpx;
+		}
+		
+		.commodity {
+			display: flex;
+			.add-num-area{
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				width: 160rpx;
+				
+				image{
+					width: 49rpx;
+					height: 49rpx;
+				}
+				
+			}
+			.goods-text-area{
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+			}
+			.commodity-price{
+				font-weight: 500;
+				font-size: 24rpx;
+				color: #F84A56;
+				display: flex;
+				align-items: baseline;
+			}
+			.commodity-info{
+				font-family: PingFangSC;
+				font-weight: 500;
+				font-size: 32rpx;
+				color: #2C2C2C;
+			}
+			// align-items: center;
+			.img {
+				width: 217rpx;
+				height: 179rpx;
+				border-radius: 13rpx;
+				flex-shrink: 0;
+			}
+			.title {
+				flex: 1;
+				margin-left: 20rpx;
+				font-size: 32rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: 500;
+				color: #000000;
+		
+				.price-list {
+					display: flex;
+					margin-top: 18rpx;
+					align-items: center;
+					.price-r {
+						font-size: 32rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #fc5109;
+						&:before {
+							content: '¥';
+							display: inline-block;
+							color: #fc5109;
+							font-size: 24rpx;
+						}
+					}
+					.price-g {
+						font-size: 24rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #b5bcc9;
+						text-decoration: line-through;
+						margin-left: 10rpx;
+					}
+				}
+			}
+			.num-box {
+				display: flex;
+				align-items: center;
+				margin-left: 20rpx;
+				width: 160rpx;
+				justify-content: space-between;
+				.num {
+					text-align: center;
+					width: 50rpx;
+				}
+				.ctrl {
+					width: 46rpx;
+					height: 46rpx;
+				}
+			}
+		}
+		
+		
+	}
+	
+	
+	
+	.select-cycle{
+		width: 40rpx;
+		height: 40rpx;
+		border-radius: 50%;
+		border: 1px solid #999999;
+		image{
+			width: 100%;
+			height: 100%;
+		}
+	}
+	.select-cycle.selected {
+		border: none;
+		image{
+			width: 40rpx;
+			height: 40rpx;
+		}
+	}
+	
+.ctrl {
+			width: 47rpx;
+			height: 47rpx;
+			background: #515150;
+			border-radius: 50%;
+			font-family: PingFang SC;
+			font-weight: 400;
+			font-size: 34rpx;
+			color: #FFFFFF;
+			line-height: 47rpx;
+			text-align: center;
+		}
+		.ctrl.disabled{
+			background: #E8E8E8;
+			color: #999999;
+		}
+	
+</style>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..922878f
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,11 @@
+{
+  "requires": true,
+  "lockfileVersion": 1,
+  "dependencies": {
+    "ydui-district": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/ydui-district/-/ydui-district-1.1.0.tgz",
+      "integrity": "sha512-MBhvfaR5Gkn6MUmEnrH1A7IFB5igALuDgtIF+gz3dRwNwW9+KOmih7z+xZFfGluMsEbWaT7C3lWOckYsLZQnFg=="
+    }
+  }
+}
diff --git a/pages.json b/pages.json
index 8c1d3a5..d12c115 100644
--- a/pages.json
+++ b/pages.json
@@ -65,7 +65,30 @@
 					"navigationBarTitleText": "提交订单"
 				}
 			},
-			
+			{
+				"path": "techan/index",
+				"style": {
+					"navigationStyle": "custom"
+				}
+			},
+			{
+				"path": "techan/detail",
+				"style": {
+					"navigationBarTitleText" : "详情"
+				}
+			},
+			{
+				"path": "techan/order",
+				"style": {
+					"navigationBarTitleText" : "详情"
+				}
+			},
+			{
+				"path": "techan/selfPickUpPoint",
+				"style": {
+					"navigationBarTitleText" : "选择自提点"
+				}
+			},
 			
             {
                 "path" : "line/index",
diff --git a/static/js/CommonFunction.js b/static/js/CommonFunction.js
index f02e1d5..dd27cf0 100644
--- a/static/js/CommonFunction.js
+++ b/static/js/CommonFunction.js
@@ -91,7 +91,7 @@ Vue.prototype.showImg = img => {
 		return img;
 	} else {
 		// return Vue.prototype.NEWAPIURL + img;
-		return 'https://swsz.api.js-dyyj.com'+img;
+		return 'https://static.ticket.sz-trip.com'+img;
 	}
 }
 
diff --git a/subPackages/techan/detail.vue b/subPackages/techan/detail.vue
new file mode 100644
index 0000000..8169f11
--- /dev/null
+++ b/subPackages/techan/detail.vue
@@ -0,0 +1,900 @@
+<template>
+	<view class="bg" id="bg" v-if="info">
+		<view class="swipe-box">
+			<swiper class="swiper" :autoplay="true" :interval="3000" :duration="1000"
+			@change="swiperChange" circular>
+				<swiper-item v-for="(item, index) in info.listimg" :key="item.id">
+					<view class="swiper-item">
+						<image class="item-img" :src="showImg(item)" mode="aspectFill"></image>
+					</view>
+				</swiper-item>
+			</swiper>
+			
+			<view class="swiper-pointer">
+				<view :class="['cricle',swiperCurrent==i?'active':'']" v-for="(item,i) in info.listimg" :key="i"></view>
+			</view>
+		</view>
+		
+		<view class="w-full relative" style="padding: 26rpx;top: -52rpx;">
+			<view class="price-box ">
+				<view class="price-zan">
+					<view class="price">
+						<view class="present-price">{{ info.price / 100 }}</view>
+					</view>
+				</view>
+				<view class="title text-overflowRows">{{ info.title }}</view>
+				<view class="tag no-scrollbar" v-if="info.display_tags">
+					<view class="tag-item" v-for="(item, index) in info.display_tags.split(',')" :key="index">
+						{{ item }}
+					</view>
+				</view>
+			</view>
+			<view class="sp-box" @click="openPop">
+				<view class="sp-box-left flex-1">
+					<view class="flex-shrink-0">
+						选择：
+					</view>
+					<view class="flex-1">
+						{{sku[productIndex].sku_name || '暂无可选规格'}}
+					</view>
+				</view>
+				<uni-icons class="flex-shrink-0" style="height: 36rpx;margin-right: 20rpx;" type="right" size="18"></uni-icons>
+			</view>
+		
+			<view class="pro-title">产品简介</view>
+			<view class="notice" >
+				<view class="rich-text" v-html="formateRichText(info.content)"></view>
+			</view>
+			
+		</view>
+		
+		<view class="btn-list" v-if="!paramData.showCart">
+			<view class="left-box">
+				<view class="img-box" slot="content">
+					<uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small"
+					:custom-style="{background:'#F7F7F7',color:'#F84A56',border:'1px solid #F84A56'}">
+						<image @click.stop="showCartClick" :src="showImg('/uploads/20250611/f8c2078ad76754a0b0251f9b65784dc2.png')" mode="aspectFill"
+						style="width: 78rpx;height: 78rpx;"></image>
+					</uni-badge>
+				</view>
+				<button id="contact" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
+					<view class="img-box">
+						<image src="https://static.ticket.sz-trip.com/uploads/20250611/627d67e48ac41903c40c31f1613f2444.png"
+							mode="aspectFill"></image>
+						<view class="text">
+							客服
+						</view>
+					</view>
+				</button>
+				
+			</view>
+			<view class="btn-post">
+				<view class="left-btn-buy" @click="openPop(true)">加入购物车</view>
+				<view class="right-btn-buy" @click="openPop(false)">立即购买</view>
+			</view>
+
+		</view>
+		
+		<view class="btn-list" v-else>
+			<view class="left-box">
+				<view class="img-box" slot="content">
+					<uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small"
+					:custom-style="{background:'#F7F7F7',color:'#F84A56',border:'1px solid #F84A56'}">
+						<image @click.stop="showCartClick" :src="showImg('/uploads/20250611/f8c2078ad76754a0b0251f9b65784dc2.png')" mode="aspectFill"
+						style="width: 78rpx;height: 78rpx;"></image>
+					</uni-badge>
+				</view>
+				<view class="bottom-price">
+					￥
+					<view class="bottom-price-yuan">{{paramData.iNum}}</view>
+					<view>.{{paramData.fNum}}</view>
+				</view>
+				
+			</view>
+			
+			<view  class="btn-buy" @click="goCartOrder">
+				提交订单
+			</view>
+		</view>
+		
+		<cartDataVue ref="cartDataVueRef" :paramData="paramData" @changeParamData="changeParamData" :key="new Date().getTime()"></cartDataVue>
+
+		<uni-popup ref="popup" type="bottom" @change="changPopShow" style="position: relative;z-index: 50;">
+			<view class="popup-content" v-if="sku.length>0">
+				<view  @click="closePopup" style="padding: 31rpx 0 0 639rpx;width: 50rpx;height: 80rpx;">
+					<uni-icons  type="closeempty" size="24"></uni-icons>
+				</view>
+				
+				<view class="bottom-productImg">
+					<img :src="showImg(sku[productIndex].headimg)" alt="">
+					<view class="right-content">
+						<view class="bottom-productPrice com-price">{{(sku[productIndex].price||0)/100}}</view>
+						<view class="bottom-content">已选择：{{sku[productIndex].sku_name}}</view>
+					</view>
+				</view>
+				<view>
+					<view class="sp">
+						规格
+					</view>
+					<view style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;">
+						<view style="position:relative;" v-for="(botItem,botIndex) in sku" :key="botIndex">
+							<view :class="['botProduct','text-overflow',{'noStore':botItem.store==0},{'botProducts':productIndex==botIndex}]"
+								@click="changeProduct(botItem,botIndex)">
+								{{botItem.sku_name}}
+							</view>
+							<view class="noStore-text" v-if="botItem.store==0">
+								不可购买
+							</view>
+						</view>
+
+					</view>
+				</view>
+				<view class="buy-num com-flex-tao">
+					数量
+					<view class="number-btn">
+						<view>
+							<text @click="delNumber">-</text>
+						</view>
+						<view style="width: 96rpx;height: 69rpx;margin: 0 14rpx;">{{ buyNum }}</view>
+						<view>
+							<text @click="addNumber">+</text>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view style="height: 100rpx;"></view>
+			<!-- <view class="btn-box">
+				<view class="buy-btn" @click="order">
+					下一步
+				</view>
+			</view> -->
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+
+	import cartDataVue from '../../components/cartData.vue'
+	export default {
+		components: {cartDataVue},
+		data() {
+			return {
+				swiperCurrent: 0,
+				
+				id: null,
+				info: null,
+				sku: [],
+				productIndex: 0,
+				
+				is_post: "2",
+
+		
+				showLength: 0,
+				buyNum: 1,
+				popShow: false,
+				paramData: {allPrice: 0,iNum:0, fNum:'00', showCart: false, num: 0},
+			};
+		},
+		onLoad(option) {
+			this.id = option.id;
+			this.getInfo();
+		},
+		methods: {
+			changPopShow (e) {
+				this.popShow = e.show
+			},
+	
+			getInfo() {
+				this.Post({id: this.id},
+					'/api/product/get_product_detail').then(res => {
+					if (res.code !== 1) {
+						uni.showToast({
+							title: '商品不存在或已下架',
+							icon: 'none'
+						})
+						setTimeout(() => {
+							this.goBack()
+						}, 2000)
+						return
+					}
+					this.info = res.data;
+					this.sku = res.data.sku || []
+				});
+			},
+
+			//数量加减
+			addNumber() {
+				this.buyNum += 1;
+			},
+			delNumber() {
+				if (this.buyNum <= 1) {
+					return;
+				}
+				this.buyNum -= 1;
+			},
+			closePopup() {
+				this.$refs.popup.close()
+			},
+			// false 下单 true 加入购物车
+			openPop(flag) {
+				if (!this.sku||this.sku.length<=0) {
+					uni.showToast({
+						title:'暂无可选规格',
+						icon:'none'
+					})
+					return
+				}
+				
+				if (!this.popShow) {
+					this.$refs.popup.open()
+				} else {
+					if (flag) {
+						this.addToCart()
+					} else {
+						this.order()
+					}
+					
+				}
+			},
+			order(item) {
+				let goods = this.sku[this.productIndex]
+				goods.buyNum = this.buyNum
+				
+				let orderInfo = [{
+					// is_post: goods.is_post || "1",
+					// is_post: 2,
+					pInfo: this.info, 
+					sInfo: goods,
+					// post: 0,
+				}]
+				
+				uni.setStorageSync('teChanOrder', JSON.stringify(orderInfo)); //规格
+				uni.navigateTo({
+					url: '/subPackages/techan/order'
+				});
+			},
+			addToCart () {
+				let goods = this.sku[this.productIndex]
+				
+				goods.buyNum = this.buyNum
+				let goodsInfo = {goodsInfo:this.info, skuInfo: goods, isSelected: true}
+				
+				this.Post({good_id: this.info.id, specifications_id: goods.id,num: this.buyNum },
+				'/api/shopping/addShopping').then(res => {
+					if (res) {
+						let selectedData = []
+						try {
+							selectedData = JSON.parse(uni.getStorageSync('cartDataInfo'));
+						} catch(e) {
+							selectedData = []
+						}
+						let currentGoods = selectedData.find(v =>v==goods.id)
+						if (!currentGoods) {
+							selectedData.push(goods.id)
+						}
+						uni.setStorageSync('cartDataInfo', JSON.stringify(selectedData));
+						uni.$emit("updateDataByConnect", {msgType:'updateCartDataInfo',data:null})
+						this.closePopup()
+						// this.$refs.cartDataVueRef.openPop()
+					}
+				});
+				
+			},
+			goUser() {
+				uni.switchTab({
+					url: '/pages/index/user'
+				})
+			},
+			changeProduct(item,index) {
+				if (item.store==0) {
+					uni.showToast({
+						title:"库存不足！",
+						icon:'none'
+					})
+					return
+				}
+				this.productIndex = index
+			},
+			
+			// 购物车
+			changeParamData (data) {
+				for(let key in this.paramData) {
+					this.paramData[key] = data[key]
+				}
+			},
+			showCartClick () {
+				if (this.paramData.showCart) {
+					this.$refs.cartDataVueRef.closePopup()
+				} else {
+					this.$refs.cartDataVueRef.openPop()
+				}
+			},
+			goCartOrder () {
+				this.$refs.cartDataVueRef.goCartOrder()
+			},
+			
+			swiperChange (e) {
+				this.swiperCurrent = e.detail.current
+			},
+		},
+		onReachBottom() {
+
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	.bg {
+		min-height: 100vh;
+		overflow-x: hidden;
+		background: #f2f4f7;
+		padding-bottom: 210rpx;
+	}
+
+	view {
+		box-sizing: border-box;
+	}
+	
+	.swipe-box {
+		height: 413rpx;
+		position: relative;
+		.swiper {
+			height: 413rpx;
+			position: relative;
+		
+			.swiper-item {
+				width: 100%;
+				height: 413rpx;
+		
+				.item-img {
+					width: 750rpx;
+					height: 413rpx;
+				}
+			}
+		}
+		
+		.swiper-pointer{
+			position: absolute;
+			right: 10rpx;
+			bottom: 40rpx;
+			display: flex;
+		}
+		.cricle{
+			width: 14rpx;
+			height: 14rpx;
+			background: rgba(255,255,255,0.3);
+			border-radius: 50%;
+			margin-left: 10rpx;
+		}
+		.cricle.active{
+			background: white;
+		}
+	}
+	
+
+	button {
+		margin: 0;
+		padding: 0;
+		outline: none;
+		border-radius: 0;
+		background-color: transparent;
+		line-height: inherit;
+	}
+
+	button::after {
+		border: none;
+	}
+
+	.swipe-box {
+		height: 400rpx;
+		position: relative;
+
+		.swiper-item-num {
+			width: 90rpx;
+			height: 40rpx;
+			background: rgba(0, 0, 0, 0.5);
+			border-radius: 20rpx;
+			font-size: 24rpx;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: 400;
+			color: #ffffff;
+			text-align: center;
+			line-height: 40rpx;
+			position: absolute;
+			right: 30rpx;
+			bottom: 50rpx;
+		}
+	}
+
+	.swiper {
+		height: 400rpx;
+		position: relative;
+
+		.swiper-item {
+			width: 100%;
+			height: 400rpx;
+
+			.item-img {
+				width: 750rpx;
+				height: 400rpx;
+			}
+		}
+	}
+	
+	.common-container{
+		width: 100%;
+		padding: 32rpx;
+	}
+	
+	.pro-title{
+		font-weight: bold;
+		font-size: 37rpx;
+		color: #000000;
+		margin: 66rpx 0 19rpx 0;
+	}
+	
+	.price-box {
+		width: 100%;
+		background: #ffffff;
+		border-radius: 20rpx 20rpx 0 0;
+		padding: 24rpx 30rpx;
+
+		.price-zan {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.price {
+				display: flex;
+
+				.present-price {
+					font-size: 42rpx;
+					font-family: PingFang SC;
+					font-weight: bold;
+					color: #C3282E;
+
+					&:before {
+						content: '¥';
+						display: inline-block;
+						font-size: 26rpx;
+					}
+
+					&:after {
+						content: '起';
+						display: inline-block;
+						font-size: 24rpx;
+						font-family: PingFangSC;
+						color: #8D8D8D;
+					}
+				}
+			}
+		}
+
+		.tag {
+			margin:24rpx 0 15rpx 0;
+			display: flex;
+			align-items: center;
+			flex-wrap: nowrap;
+			overflow-x: auto;
+
+			.tag-item {
+				margin-right: 14rpx;
+				font-family: PingFangSC;
+				padding: 8rpx 16rpx;
+				flex-shrink: 0;
+				border:1px solid #515150;
+				border-radius: 11rpx;
+				font-weight: 500;
+				font-size: 24rpx;
+				color: #515150;
+			}
+		}
+
+		.title {
+			margin-top: 20rpx;
+			font-family: PingFang;
+			font-weight: bold;
+			font-size: 31rpx;
+			color: #000000;
+		}
+	}
+
+	.notice {
+		padding: 35rpx;
+		width: 100%;
+		background: #ffffff;
+		border-radius: 20rpx;
+	}
+
+	.tab {
+		width: 750rpx;
+		height: 88rpx;
+		background: #ffffff;
+		box-shadow: 0px 1rpx 0px 0px rgba(227, 229, 232, 1);
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0 32rpx;
+		position: fixed;
+		top: 0;
+
+		.tab-item {
+			height: 88rpx;
+			position: relative;
+			line-height: 88rpx;
+
+			.tab-text {
+				font-size: 30rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #393b3e;
+			}
+
+			.act-text {
+				font-size: 30rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: 500;
+				color: #000000;
+			}
+
+			.tab-line {
+				width: 60rpx;
+				height: 6rpx;
+				background: #08c59b;
+				border-radius: 3rpx;
+				position: absolute;
+				bottom: 0;
+				left: 50%;
+				transform: translate(-30rpx, 0);
+			}
+		}
+	}
+
+	.more {
+		width: 100%;
+		height: 93rpx;
+		line-height: 93rpx;
+		text-align: center;
+		border-top: solid 1rpx rgba(227, 229, 232, 1);
+		font-size: 26rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #4D526C;
+		margin-top: 50rpx;
+	}
+
+	.xzPopup {
+		width: 750rpx;
+		padding: 33rpx 26rpx 20rpx;
+		box-sizing: border-box;
+		background-color: #FFFFFF;
+		position: relative;
+		max-height: 70vh;
+		overflow-y: auto;
+
+		view {
+			padding: 0 20rpx;
+			box-sizing: border-box;
+			margin-top: 35rpx;
+		}
+
+		img {
+			width: 32rpx;
+			height: 32rpx;
+			position: absolute;
+			top: 33rpx;
+			right: 27rpx;
+		}
+	}
+
+	.comment {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		width: 710rpx;
+		height: 100rpx;
+		background: #FFFFFF;
+		border-radius: 13rpx;
+		margin: 0 auto;
+		margin-top: 20rpx;
+		padding: 0 20rpx;
+
+		.comment-left {
+			display: flex;
+			align-items: center;
+
+			font-size: 36rpx;
+			font-family: PingFangSC;
+			font-weight: bold;
+			color: #000000;
+		}
+	}
+
+	.btn-list {
+		position: fixed;
+		z-index: 9999;
+		bottom: 0;
+		width: 750rpx;
+		height: 180rpx;
+		background: #FFFFFF;
+		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(6, 0, 1, 0.1);
+		display: flex;
+		justify-content: space-between;
+		padding: 30rpx 50rpx 0 50rpx;
+
+		.left-box {
+			display: flex;
+			align-items: flex-start;
+			
+			.bottom-price{
+				display: flex;
+				align-items: baseline;
+				font-family: PingFang SC;
+				font-weight: bold;
+				font-size: 27rpx;
+				color: #F84A56;
+				padding-top: 20rpx;
+				.bottom-price-yuan{
+					font-size: 40rpx;
+				}
+			}
+			.bottom-detail-icon{
+				font-size: 24rpx;
+				display: flex;
+				align-items: center;
+			}
+			
+
+			.img-box {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				margin-right: 64rpx;
+
+				image {
+					width: 48rpx;
+					height: 48rpx;
+				}
+
+				.text {
+					font-size: 24rpx;
+					font-family: PingFangSC;
+					font-weight: 400;
+					color: #666666;
+				}
+
+			}
+		}
+
+		.btn-buy {
+			width: 293rpx;
+			height: 78rpx;
+			background: #C3282E;
+			border-radius: 40rpx;
+			text-align: center;
+			line-height: 78rpx;
+			font-size: 32rpx;
+			font-family: PingFangSC;
+			font-weight: 500;
+			color: #FFFFFF;
+		}
+	}
+
+	.popup-content {
+		background-color: white;
+		padding: 0rpx 39rpx 51rpx 39rpx;
+		height: auto;
+		border-radius: 20rpx 20rpx 0 0;
+	}
+
+	.bottom-productImg {
+		display: flex;
+		margin-bottom: 23rpx;
+	}
+
+	.bottom-productImg img {
+		width: 218rpx;
+		height: 179rpx;
+		background: #666666;
+		border-radius: 13rpx;
+	}
+
+	.right-content {
+		margin: 10rpx 0 0 41rpx;
+	}
+
+	.bottom-productPrice {
+		font-size: 40rpx;
+		color: #FC524B;
+
+		&:before {
+			content: "￥";
+			font-size: 26rpx;
+		}
+	}
+
+	.bottom-content {
+		width: 331rpx;
+		font-size: 27rpx;
+		font-family: PingFang SC;
+		font-weight: 400;
+		color: #666666;
+	}
+
+	.botProduct {
+		width: 320rpx;
+		// height: 78rpx;
+		border-radius: 13rpx;
+		background-color: #F5F5F5;
+		font-size: 29rpx;
+		font-family: PingFang SC;
+		font-weight: 400;
+		color: #333333;
+		line-height: 78rpx;
+		text-align: center;
+		margin-bottom: 25rpx;
+		display: inline-block;
+		position: relative;
+		padding: 0 40rpx;
+	}
+	.noStore{
+		background-color: rgba(239, 239, 239, 1);
+		color: rgba(153, 153, 153, 1);
+	}
+	.noStore-text{
+		width: 113rpx;
+		height: 43rpx;
+		background: #C0C0C0;
+		border-radius: 7rpx 0rpx 7rpx 0rpx;
+		text-align: center;
+		line-height: 43rpx;
+		position: absolute;
+		right: -14rpx;
+		top: -20rpx;
+		font-size: 23rpx;
+		font-family: PingFangSC;
+		font-weight: 400;
+		color: #FFFFFF;
+	}
+
+
+	.botProducts {
+		// border: 1rpx solid #00AAFF;
+		// background-color: rgba(254, 180, 25, 1);
+		background: #515150;
+		color: #FFFFFF;
+	}
+
+	.buy-num {
+		font-size: 29rpx;
+		font-family: PingFang SC;
+		font-weight: 400;
+		color: #333333;
+		// border-top: 1rpx solid #CCCCCC;
+		padding: 39rpx 0;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.buy-num .number-btn {
+		display: flex;
+	}
+
+	.buy-num .number-btn view {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 69rpx;
+		height: 69rpx;
+		border: 1rpx solid #CCCCCC;
+		border-radius: 7rpx;
+	}
+
+	.buy-num .number-btn>view text {
+		font-size: 46rpx;
+	}
+
+	.buy-btn {
+		width: 670rpx;
+		height: 78rpx;
+		text-align: center;
+		line-height: 78rpx;
+		background: linear-gradient(90deg, #F84A56, #FF9834);
+		border-radius: 40rpx;
+
+		font-size: 34rpx;
+		font-family: PingFangSC;
+		font-weight: 500;
+		color: #FFFFFF;
+	}
+
+	.btn-box {
+		width: 750rpx;
+		height: 151rpx;
+		background: #FFFFFF;
+		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(6, 0, 1, 0.1);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.sp {
+		width: 100%;
+		height: 30rpx;
+		font-size: 32rpx;
+		font-family: PingFangSC;
+		font-weight: 400;
+		color: #060001;
+		line-height: 30rpx;
+		border-top: solid 2rpx #ccc;
+		margin: 60rpx 0;
+		padding-top: 30rpx;
+	}
+
+	.sp-box {
+		width: 100%;
+		
+		background: #fff;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		border-radius: 0 0 12rpx 12rpx;
+		padding: 10rpx 0 30rpx;
+
+		.sp-box-left {
+			display: flex;
+			margin-left: 38rpx;
+			align-items: center;
+
+			:first-child {
+				font-family: PingFang;
+				font-weight: 500;
+				font-size: 31rpx;
+				color: #999999;
+			}
+
+			:last-child {
+				width: 403rpx;
+				font-family: PingFang SC;
+				font-weight: 400;
+				font-size: 31rpx;
+				color: #000000;
+			}
+		}
+
+		image {
+			width: 16rpx;
+			height: 28rpx;
+			margin-right: 38rpx;
+		}
+	}
+
+.btn-post{
+	font-size: 32rpx;
+	font-family: PingFangSC;
+	font-weight: 500;
+	color: #FFFFFF;
+	line-height: 77rpx;
+	text-align: center;
+	display: flex;
+	
+	.left-btn-buy{
+		width: 207rpx;
+		height: 77rpx;
+		color: #C3282E;
+		border-radius: 39rpx 0rpx 0rpx 39rpx;
+		border: 1px solid #C3282E;
+	}
+	.right-btn-buy{
+		width: 207rpx;
+		height: 77rpx;
+		background: #C3282E;
+		border-radius: 0rpx 39rpx 39rpx 0rpx;
+	}
+}
+
+
+</style>
\ No newline at end of file
diff --git a/subPackages/techan/index.vue b/subPackages/techan/index.vue
new file mode 100644
index 0000000..488554f
--- /dev/null
+++ b/subPackages/techan/index.vue
@@ -0,0 +1,820 @@
+<template>
+	<view class="bg">
+		<view class="search-header" :style="{'height': height+'px','padding-top':statusBarHeight+'px'}">
+			<uni-icons type="left" size="20" @click="goBack" style="flex-shrink: 0;"></uni-icons>
+			<view class="input-model">
+				<uni-icons style="height: 1.4rem;line-height: 1.4rem;" type="search" size="15" color="#ABAAAD" ></uni-icons>
+				<input class="input-text" placeholder="请输入商品名称" v-model="searchText" @confirm="search(false)" @keyup.enter="search(false)"></text>
+			</view>
+		</view>
+		
+		<div :style="{'height':height+'px','flex-shrink':0}"></div>
+		
+		<!-- 正常产品 -->
+		<template v-if="searchText.trim().length<=0">
+			<img :src="showImg(headImg)" class="topImg" />
+		
+			<view class="goods-container">
+				<scroll-view class="left-container no-scrollbar" :scroll-y="true">
+					<view :class="['type-item',typeIndex==i?'active':'']" 
+						v-for="(item,i) in typeParam" :key="i" @click="changeType(item,i)">
+						{{item.title}}
+						<view class="active-type-bar" v-if="typeIndex==i"></view>
+					</view>
+					<view style="height: 148rpx;width: 1rpx;"></view>
+				</scroll-view>
+				<scroll-view class="right-container no-scrollbar" :scroll-y="true" @scrolltolower="scrollLow()">
+					<view class="item" v-for="item in list" :key="item.id" @click="viewDetail(item)">
+						<image class="item-img" :src="showImg(item.headimg)" mode=""></image>
+						<view class="content">
+							<view class="title text-overflowRows">{{item.title}}</view>
+							<view class="bottom">
+								<view class="price">
+									{{item.price/100}}
+								</view>
+
+								<view class="buy-cart" @click.stop="showOrderCart(item)">+</view>
+							</view>
+						</view>
+					</view>
+				
+					<view style="height: 148rpx;width: 1rpx;"></view>
+				</scroll-view>
+				
+			</view>
+		</template>
+		
+		<!-- 搜索 -->
+		<view v-else style="flex: 1;">
+			<view v-if="searchList.length<=0" class="flex-center" style="width: 100%;height: 100%;flex-direction: column;">
+				<image style="width: 328rpx;height: 450.67rpx;" :src="showImg('/uploads/20250514/0e5f4c089ba2f3a86d3c6f9d8d818d5b.png')"></image>
+				<view style="font-weight: 500;font-size: 28rpx;color: #666666;
+				text-align: center;margin-top: 67rpx;padding-bottom: 300rpx;">暂无搜索结果</view>
+			</view>
+			<view style="padding:0 26rpx;background: #FFFFFF;min-height: 100%;" v-else>
+				<view class="flex" style="justify-content: space-between;">
+					<view class="search-result" >
+						<view  v-for="(item,i) in searchList" >
+							<view v-if="i%2==0" class="search-item" :key="i" @click="viewDetail(item.goods)">
+								<image :src="showImg(item.goods.image)" mode="widthFix"></image>
+								<view class="search-container">
+									<view class="title text-overflowRows">{{item.goods.title}}</view>
+									<view class="flex-between" style="padding-top: 20rpx;">
+										<view>
+											<text class="price">{{item.goods.money/100}}</text>
+											<text class="oldPrice">{{item.goods.price/100}}</text>
+										</view>
+										<view class="buy-cart" @click.stop="showOrderCart(item.goods)">+</view>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="search-result" >
+						<view v-for="(item,i) in searchList">
+							<view class="search-item" v-if="i%2==1" :key="i" @click="viewDetail(item.goods)">
+								<image :src="showImg(item.goods.image)" mode="widthFix"></image>
+								<view class="search-container">
+									<view class="title text-overflowRows">{{item.goods.title}}</view>
+									<view class="flex-between" style="padding-top: 20rpx;">
+										<view>
+											<text class="price">{{item.goods.money/100}}</text>
+											<text class="oldPrice">{{item.goods.price/100}}</text>
+										</view>
+										<view class="buy-cart" @click.stop="showOrderCart(item.goods)">+</view>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view style="height: 148rpx;width: 1rpx;"></view>
+		</view>
+		
+		<!-- 购物车 -->
+		<view class="btn-bottom" >
+			<cartDataVue ref="cartDataVueRef" :paramData="paramData" @changeParamData="changeParamData" style="width: 100%;height: 100%;">
+				<template class="btn-list" slot="content">
+
+						<view class="left-box">
+							<uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small"
+							:custom-style="{background:'#D90F01',color:'#ffffff',border:'1px solid #ffffff'}">
+							<view class="img-box" @click.stop="showCartClick">
+								<image :src="showImg('/uploads/20250513/cc33cde475ce45c274cb304e20805aa1.png')" mode="aspectFill"></image>
+							</view>
+							</uni-badge>
+							<view class="bottom-price">
+								<text style="color: #000000;">总计：</text>
+								￥
+								<view class="bottom-price-yuan">{{paramData.iNum}}</view>
+								<view>.{{paramData.fNum}}</view>
+							</view>
+							<view class="bottom-detail-icon" @click.stop="showCartClick">
+								明细 
+								<view v-if="!paramData.showCart" style="transform: rotate(90deg);"><uni-icons color="#0B898E" type="left" size="15"></uni-icons></view>
+								<view v-else style="transform: rotate(-90deg);"><uni-icons color="#0B898E" type="left" size="15"></uni-icons></view>
+							</view>
+							
+						</view>
+						<view class="btn-buy" @click="goCartOrder">
+							去结算
+						</view>
+
+				</template>
+			</cartDataVue>
+		</view>
+	
+		<uni-popup ref="popup" type="bottom" :safe-area="true">
+			<view class="popup-content" v-if="sku.length>0">
+				<view  @click="closePopup" style="padding: 31rpx 0 0 639rpx;width: 50rpx;height: 80rpx;">
+					<uni-icons  type="closeempty" size="24"></uni-icons>
+				</view>
+				
+				<view class="bottom-productImg">
+					<img :src="showImg(sku[productIndex].image)" alt="">
+					<view class="right-content">
+						<view class="bottom-productPrice com-price">{{(sku[productIndex].money||0)/100}}</view>
+						<view class="bottom-content text-overflow">已选择：{{sku[productIndex].title}}</view>
+					</view>
+				</view>
+				<view>
+					<view style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;">
+						<view style="position:relative;" v-for="(botItem,botIndex) in sku" :key="botIndex">
+							<view :class="['botProduct','text-overflow',{'noStore':botItem.store==0},{'botProducts':productIndex==botIndex}]"
+								@click="changeProduct(botItem,botIndex)">
+								{{botItem.title}}
+							</view>
+							<view class="noStore-text" v-if="botItem.store==0">
+								不可购买
+							</view>
+							<!-- <view class="noStore-text" v-else-if="botItem.is_post!=1">不可加购</view> -->
+						</view>
+					</view>
+				</view>
+				<view class="buy-num com-flex-tao">
+					数量
+					<view class="number-btn">
+						<view>
+							<text @click="delNumber">-</text>
+						</view>
+						<view style="width: 96rpx;height: 69rpx;margin: 0 14rpx;">{{ buyNum }}</view>
+						<view>
+							<text @click="addNumber">+</text>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="placeholder-content">
+				<view style="height: 100rpx;"></view>
+				<view class="btn-cover">
+					<view class="btn" @click.stop="order">加入购物车</view>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import cartDataVue from 'components/cartData.vue'
+	export default {
+		components: {cartDataVue},
+		data() {
+			return {
+				// 导航栏参数
+				height: 0,
+				statusBarHeight: 0,
+				headImg: "https://cgc.js-dyyj.com/uploads/20250513/f8b255f965efcd71b6843e4b72c3f1f3.png",
+				
+				typeParam: [
+					{id: 366, title: '味 | WEI'},
+					{id: 46, title: '服 | FU'},
+					{id: 47, title: '器 | QI'},
+					{id: 48, title: '香 | XIANG'},
+					{id: 49, title: '饰 | SHI'},
+					{id: 50, title: '艺 | YI'},
+				],
+				typeIndex: 0,
+				list:[],
+				finished: false,
+				
+				paramData: {allPrice: 0,iNum:0, fNum:'00', showCart: false, num: 0},
+				
+				currentGoods: {},
+				sku: [],
+				productIndex: 0,
+				buyNum: 1,
+				cartDataVueShow: false,
+				
+				searchText: '',
+				searchList: [],
+				searchFinish: false,
+			}
+		},
+		onLoad(options) {
+			// this.getHeadImg("techan").then(res => {this.headImg = res})
+			if (options.idIndex) {
+				try {
+					this.typeIndex = Number(options.idIndex)
+				} catch(e) {
+					this.typeIndex = 0
+				}
+			}
+			
+		},
+		onReady() {
+			this.initRectInfo()
+			this.getList()
+		},
+		methods: {
+			initRectInfo () {
+				const sysInfo = uni.getSystemInfoSync()
+				this.statusBarHeight = sysInfo.statusBarHeight
+				// 默认高度
+				this.height = sysInfo.statusBarHeight + 40
+			},
+			
+			changeType (item, i) {
+				if (this.typeIndex!== i) {
+					this.typeIndex=i
+					this.finished = false
+					this.list = []
+					this.getList()
+				}
+			},
+			
+			// 根据产品分类获取产品列表
+			getList(){
+				this.Post({
+					tag_id: this.typeParam[this.typeIndex].id,
+					offset: this.list.length,
+					limit: 10,
+				},'/api/product/get_product_by_tag').then(res => {
+					this.list = [...this.list, ...res.data.list];
+					if (res.data.list.length < 10) {
+						this.finished = true
+					}
+					console.log(this.list)
+				})
+			},
+			scrollLow () {
+				if (!this.finished) {
+					this.getList()
+				}
+			},
+			viewDetail(item) {
+				// this.goOtherDetail(item)
+				
+				uni.navigateTo({
+					url: '/subPackages/techan/detail?id=' + item.id
+				})
+				
+			},
+			
+			showCartClick () {
+				if (this.paramData.showCart) {
+					this.$refs.cartDataVueRef.closePopup()
+				} else {
+					this.$refs.cartDataVueRef.openPop()
+				}
+			},
+			changeParamData (data) {
+				for(let key in this.paramData) {
+					this.paramData[key] = data[key]
+				}
+			},
+			
+			// 购物车相关
+			showOrderCart (item) {
+				console.log(item)
+				this.sku = []
+				this.productIndex = 0
+				this.buyNum = 1
+				this.currentGoods = JSON.parse(JSON.stringify(item))
+				this.getSpecificationsByGoodsId(item.id)
+			},
+			changeProduct(item,index) {
+				if (item.store==0) {
+					uni.showToast({
+						title:"库存不足！",
+						icon:'none'
+					})
+					return
+				}
+				this.productIndex = index
+			},
+			getSpecificationsByGoodsId(goods_id) {
+				this.Post({goods_id: goods_id},'/api/goods/getSpecificationsByGoodsId'
+				).then(res => {
+					if (res) {
+						this.sku = res.data;
+						if (!this.sku||this.sku.length<=0) {
+							uni.showToast({
+								title:'暂无可选规格',
+								icon:'none'
+							})
+							return
+						}
+						this.openPop()
+					}
+				});
+			},
+			//数量加减
+			addNumber() {
+				this.buyNum += 1;
+			},
+			delNumber() {
+				if (this.buyNum <= 1) {
+					return;
+				}
+				this.buyNum -= 1;
+			},
+			closePopup() {
+				this.$refs.popup.close()
+			},
+			openPop(){
+				this.$refs.popup.open()
+			},
+			order() {
+				let goods = this.sku[this.productIndex]
+				
+				if(goods.is_post!=1) {
+					uni.showToast({
+						title: '此规格不支持加入购物车',
+						icon: 'none'
+					})
+					return
+				}
+				
+				goods.buyNum = this.buyNum
+				let goodsInfo = {goodsInfo:this.currentGoods, skuInfo: goods, isSelected: true}
+				
+				this.Post({good_id: this.currentGoods.id, specifications_id: goods.id,num: this.buyNum },
+				'/api/shopping/addShopping').then(res => {
+					if (res) {
+						let selectedData = []
+						try {
+							selectedData = JSON.parse(uni.getStorageSync('cartDataInfo'));
+						} catch(e) {
+							selectedData = []
+						}
+						let currentGoods = selectedData.find(v =>v==goods.id)
+						if (!currentGoods) {
+							selectedData.push(goods.id)
+						}
+						uni.setStorageSync('cartDataInfo', JSON.stringify(selectedData));
+						uni.$emit("updateDataByConnect", {msgType:'updateCartDataInfo',data:null})
+						this.closePopup()
+						// this.$refs.cartDataVueRef.openPop()
+					}
+				});
+				
+			},
+			goCartOrder () {
+				this.$refs.cartDataVueRef.goCartOrder()
+			},
+			
+			
+			//搜索
+			search (isMore) {
+				if (this.searchText.trim().length<=0) {
+					uni.showToast({
+						title:'请输入搜索关键字',
+						icon:'none'
+					})
+					return
+				}
+				if (!isMore) {
+					this.searchList = []
+					this.searchFinish = false
+				}
+				this.Post({
+					name: this.searchText.trim(),
+					offset: this.searchList.length,
+					// type: 'pgoods',
+					limit: 10,
+				}, '/api/search/search').then(res => {
+					let resData = (res.data || []).map(v=> {return {id: v.id, goods: v.search_data}})
+					console.log(resData)
+					this.searchList = [...this.searchList, ...resData];
+					this.searchFinish = false
+					console.log(resData, this.searchList)
+					if (res.data.length<10) {
+						this.searchFinish = true
+					}
+				})
+			},
+		},
+		onReachBottom() {
+			if (!this.searchFinish) {
+				this.search(true)
+			}
+			console.log(1)
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	view {
+		box-sizing: border-box;
+	}
+	.search-header{
+		width: 100%;
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		background: white;
+		display: flex;
+		align-items: center;
+		padding-left: 10rpx;
+		padding-right: 120px;
+		
+		.input-model{
+			flex: 1;
+			width: 1rpx;
+			height: 64rpx;
+			background: #FFFFFF;
+			border-radius: 55rpx;
+			border: 1rpx solid #20898D;
+			margin-left: 12rpx;
+			display: flex;
+			align-items: center;
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #ABAAAD;
+			padding-left: 24rpx;
+		}
+		.input-text{
+			height:19px;
+			padding-left: 14rpx;
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #030000;
+		}
+	}
+	
+	
+	.bg {
+		height: 100vh;
+		padding-bottom: 26rpx;
+		display: flex;
+		flex-direction: column;
+		background: #F8FAFB;
+	}
+	
+	.topImg {
+		width: 750rpx;
+		height: 344rpx;
+		flex-shrink: 0;
+	}
+	
+	.goods-container{
+		height: 1rpx;
+		flex: 1;
+		display: flex;
+	}
+	
+	.left-container{
+		width: 214rpx;
+		flex-shrink: 0;
+		.type-item{
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #000000;
+			text-align: center;
+			width: 216rpx;
+			height: 120rpx;
+			line-height: 120rpx;
+			position: relative;
+			.active-type-bar{
+				position: absolute;
+				left: 0;
+				top: 0;
+				bottom: 0;
+				height: 100%;
+				width: 12rpx;
+				background: #74A5AA;
+			}
+		}
+		.type-item.active{
+			background: linear-gradient( 90deg, rgba(32,137,141,0.4) 0%, rgba(32,137,141,0) 100%);
+			font-weight: 600;
+			font-size: 28rpx;
+		}
+	}
+	.right-container{
+		flex: 1;
+		width: 1rpx;
+		background: white;
+		padding-top: 32rpx;
+		.item {
+			width: 100%;
+			padding:0 32rpx 32rpx 32rpx;
+			display: flex;
+			.item-img {
+				width: 148rpx;
+				height: 148rpx;
+				border-radius: 15rpx;
+				flex-shrink: 0;
+			}
+			.content {
+				height: 148rpx;
+				padding-left: 24rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				flex: 1;
+			}
+			.title {
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #000000;
+				width: 100%;
+			}
+			.bottom {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				.price {
+					font-size: 40rpx;
+					color: #FA0000;
+					font-weight: 400;
+				}
+				.price::before {
+					content: '￥';
+					font-size: 24rpx;
+				}
+			}
+			
+		}
+	}
+.buy-cart{
+	width: 44rpx;
+	height: 44rpx;
+	color: #FFFFFF;
+	background: #74A5AA;
+	line-height: 44rpx;
+	font-size: 30rpx;
+	text-align: center;
+	border-radius: 50%;
+}
+	
+ .btn-list {
+		z-index: 99;
+		position: fixed;
+		bottom: 0;
+		width: 750rpx;
+		height: 148rpx;
+		background: #FFFFFF;
+		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(6, 0, 1, 0.1);
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0 26rpx;
+	
+		.left-box {
+			display: flex;
+			align-items: center;
+			.bottom-price{
+				display: flex;
+				align-items: baseline;
+				font-family: PingFang SC;
+				font-weight: bold;
+				font-size: 27rpx;
+				color: #D70000;
+				padding: 0 12rpx;
+				.bottom-price-yuan{
+					font-size: 40rpx;
+				}
+			}
+			.bottom-detail-icon{
+				font-size: 24rpx;
+				display: flex;
+				align-items: center;
+				color: #0B898E;
+			}
+			
+			.img-box {
+				image {
+					width: 78rpx;
+					height: 78rpx;
+				}
+	
+			}
+		}
+		
+	
+		.btn-buy {
+			width: 240rpx;
+			height: 78rpx;
+			background: #74A5AA;
+			border-radius: 40rpx;
+			text-align: center;
+			line-height: 78rpx;
+			font-size: 32rpx;
+			font-family: PingFangSC;
+			font-weight: 500;
+			color: #FFFFFF;
+		}
+	}
+	
+	
+// 规格弹框
+.popup-content {
+		background-color: white;
+		padding: 0rpx 39rpx 51rpx 39rpx;
+		height: auto;
+		border-radius: 20rpx 20rpx 0 0;
+		.bottom-productImg {
+			display: flex;
+			margin-bottom: 48rpx;
+		}
+		
+		.bottom-productImg img {
+			width: 218rpx;
+			height: 179rpx;
+			background: #666666;
+			border-radius: 13rpx;
+		}
+		
+		.right-content {
+			margin: 10rpx 0 0 41rpx;
+		}
+		
+		.bottom-productPrice {
+			font-size: 40rpx;
+			color: #C3282E;
+		
+			&:before {
+				content: "￥";
+				font-size: 26rpx;
+			}
+		}
+		
+		.bottom-content {
+			width: 331rpx;
+			font-size: 27rpx;
+			font-family: PingFang SC;
+			font-weight: 400;
+			color: #666666;
+		}
+		
+		.botProduct {
+			width: 320rpx;
+			// height: 78rpx;
+			border-radius: 13rpx;
+			background-color: #EFEFEF;
+			font-size: 29rpx;
+			font-family: PingFang SC;
+			font-weight: 400;
+			color: #333333;
+			line-height: 78rpx;
+			text-align: center;
+			margin-bottom: 25rpx;
+			display: inline-block;
+			position: relative;
+			padding: 0 40rpx;
+		}
+		.noStore{
+			background-color: rgba(239, 239, 239, 1);
+			color: rgba(153, 153, 153, 1);
+		}
+		.noStore-text{
+			width: 113rpx;
+			height: 43rpx;
+			background: #C0C0C0;
+			border-radius: 7rpx 0rpx 7rpx 0rpx;
+			text-align: center;
+			line-height: 43rpx;
+			position: absolute;
+			right: -14rpx;
+			top: -20rpx;
+			font-size: 23rpx;
+			font-family: PingFangSC;
+			font-weight: 400;
+			color: #FFFFFF;
+		}
+		.botProducts {
+			background: #74A5AA;
+			color: #FFFFFF;
+		}
+		
+		.buy-num {
+			font-size: 29rpx;
+			font-family: PingFang SC;
+			font-weight: 400;
+			color: #333333;
+			// border-top: 1rpx solid #CCCCCC;
+			padding: 39rpx 0;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			border-top: 1px solid #CCCCCC;
+		}
+		
+		.buy-num .number-btn {
+			display: flex;
+		}
+		
+		.buy-num .number-btn view {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 69rpx;
+			height: 69rpx;
+			border: 1rpx solid #CCCCCC;
+			border-radius: 7rpx;
+		}
+		
+		.buy-num .number-btn>view text {
+			font-size: 46rpx;
+		}
+		
+		.btn-box {
+			width: 750rpx;
+			height: 151rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(6, 0, 1, 0.1);
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+
+
+.placeholder-content{
+	background: white;
+	position: relative;
+	.btn-cover{
+		z-index: 200;
+		position: fixed;
+		bottom: 0;
+		width: 750rpx;
+		height: 148rpx;
+		background: #FFFFFF;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(6,0,1,0.1);
+		.btn{
+			width: 670rpx;
+			height: 78rpx;
+			text-align: center;
+			line-height: 78rpx;
+			background: #74A5AA;
+			border-radius: 40rpx;
+					
+			font-size: 34rpx;
+			font-family: PingFangSC;
+			font-weight: 500;
+			color: #FFFFFF;
+		}
+	}
+}
+
+.search-result{
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	flex: 1;
+	flex-shrink: 0;
+	
+	.search-item{
+		width: 337rpx;
+		box-shadow: 0rpx 0rpx 9rpx 0rpx rgba(153,153,153,0.33);
+		border-radius: 13rpx;
+		flex-shrink: 0;
+		margin-bottom: 20rpx;
+		height: fit-content;
+		image{
+			width: 100%;
+			border-radius: 13rpx;
+		}
+		.search-container{
+			padding: 20rpx;
+			.title{
+				font-weight: 500;
+				font-size: 27rpx;
+				color: #000000;
+			}
+			.price{
+				font-weight: 400;
+				font-size: 33rpx;
+				color: #D70000;
+			}
+			.price:before{
+				content: "￥";
+				font-size: 23rpx;
+			}
+			.oldPrice{
+				font-weight: 400;
+				font-size: 21rpx;
+				color: #999999;
+				text-decoration-line: line-through;
+				padding-left: 12rpx;
+			}
+		}
+	}
+}
+</style>
diff --git a/subPackages/techan/order.vue b/subPackages/techan/order.vue
new file mode 100644
index 0000000..548e89f
--- /dev/null
+++ b/subPackages/techan/order.vue
@@ -0,0 +1,1158 @@
+<template>
+	<!-- 解决滚动穿透 -->
+	<page-meta :page-style="'overflow:'+(popShow?'hidden':'visible')"></page-meta>
+	<view class="bg" v-if="orderList.length>0">
+		<view class="order-container" v-for="(info,i) in orderList" :key="i">
+			<view class="sendwayArea" v-if="info.is_post>=1&&info.is_post<=3">
+				<view v-if="info.is_post!=2" :class="['sendway-item',info.is_user_post==1?'active':'']"
+				 @click="changeUserPost(info,1)" >邮寄</view>
+				<view v-if="info.is_post!=1" :class="['sendway-item',info.is_user_post==2?'active':'']" 
+				@click="changeUserPost(info,2)">自提</view>
+			</view>
+			
+			
+			<!-- 邮寄 -->
+			<view class="address" style="margin-bottom: 36rpx;" v-if="info.is_user_post==1">
+				<view class="a-title">
+					<view>收货地址</view>
+					<view>
+						<view class="more-person flex-center" v-if="addressList.length>0" @click="changeAddressPopup('open', '', info)">
+							更多<uni-icons style="width: 14rpx;" type="right" size="14"></uni-icons>
+						</view>
+					</view>
+				</view>
+			
+				<view class="btn-box">
+					<view class="contacts box" v-if="info.contacts">
+						<view class="contacts-left">
+							<view class="name-phone">
+								<view class="name">{{ info.contacts.name }}</view>
+								<view class="phone">{{ info.contacts.tel }}</view>
+							</view>
+							<view class="adds text-overflowRows">{{ info.contacts.address }}</view>
+						</view>
+						<image @click="changeAddressAddPopup('open', '', info.contacts)" :src="showImg('/uploads/20250612/7408965e126a86023f2e33856622a749.png')" mode="aspectFill"></image>
+					</view>
+					<view v-else class="a-img flex-center" @click.stop="changeAddressAddPopup('open','',{})">
+						<uni-icons style="width: 32rpx;" type="plusempty" size="14"></uni-icons>添加
+					</view>
+				</view>
+			</view>
+			
+			<!-- 自提 -->
+			<view v-if="info.is_user_post!=1">
+				<view class="pickself" >
+					<navigator :url="`/subPackages/techan/selfPickUpPoint?pickupId=${info.pickupAddress.id}&goodsId=${info.sInfo.id}`">
+						<view class="pickpoint">
+							<view class="flex-shrink-0">自提点</view>
+							<view class="pickpointAddress">
+								<view class="pointAddressText text-overflow">{{info.pickupAddress.extract_name||'选择提货地址'}}</view>
+								<uni-icons style="height: 36rpx;" type="right" size="18"></uni-icons>
+							</view>
+						</view>
+					</navigator>
+				</view>
+			</view>
+		
+			<view class="new-box" >
+				<view class="commodity box">
+					<image class="img" :src="showImg(info.sInfo.headimg)" mode="aspectFill"></image>
+					<view class="sku-content">
+						<view class="text-overflowRows">{{ info.pInfo.title }}</view>
+						
+						<view class="text-overflow" style="font-size: 24rpx;color: #666666;">{{ info.sInfo.sku_name }}</view>
+						<view class="tag text-overflow" v-if="info.sInfo.display_tags">
+							<view class="tag-item" v-for="(item, index) in info.sInfo.display_tags.split(',')" :key="index">
+								{{ item }}
+							</view>
+						</view>
+						
+						<view class="flex-between">
+							<view class="commodity-price">
+								{{info.sInfo.price/100}}
+							</view>
+							<view class="num-box">
+								<view :class="['ctrl',info.sInfo.buyNum>1?'':'disabled']" @click="reduce(info.sInfo)">-</view>
+								<input class="num" type="text" v-model="info.sInfo.buyNum" :disabled='true' />
+								<view :class="['ctrl']" @click="plus(info.sInfo)">+</view>
+							</view>
+						</view>
+						
+					</view>
+				</view>
+
+				<view class="post top-line flex-between" v-show="info.is_user_post==1">
+					<view class="">
+						运费
+					</view>
+					<view style="font-weight: 500;" >
+						{{!info.post?'免邮':info.post/100}}
+					</view>
+				</view>
+			
+				
+			</view>
+
+			
+			<view class="tickets-box flex-between">
+				<view class="remark">
+					<view class="remark-title" >订单备注:</view>
+					<input style="z-index:0;text-align: right;" type="text" placeholder="选填" v-model="remark" maxlength="50"/>
+				</view>
+			</view>
+		</view>
+	
+	
+		
+		<!-- 优惠券 -->
+		<view @click="goOrderCoupon" class="tickets-box flex-between">
+			<view class="order-title">优惠券</view>
+			<view class="coupon-btn" v-if="coupon==''">
+				<view class="select">选择优惠券</view>
+				<uni-icons style="height: 42rpx;" color="#999999" type="right" size="18"></uni-icons>
+			</view>
+			<div class="coupon-price" v-else>
+				<span v-if="coupon.percent == 0">-￥{{coupon.discounts/100}}</span>
+				<span v-else>-{{coupon.percent}}%</span>
+				<span style="margin:0 31rpx 0 8rpx;color: #6C7A94;">></span>
+			</div>
+		 </view>
+
+		
+
+
+		
+		<view class="btn-list">
+			<view class="price-box">
+				<view class="text">合计:</view>
+				<view class="price">{{ total() }}</view>
+				<!-- <view class="post-text" v-if="info.is_user_post==1&&post">含邮费:¥{{ post / 100 }}</view> -->
+			</view>
+			<view class="btn" @click="order()">提交订单</view>
+		</view>
+
+		<!-- 选择收货地址弹窗 -->
+		<uni-popup ref="addressPopup" type="bottom" backgroundColor="#F4F4F4" @change="changPopShow">
+			<view class="people-popup">
+				
+				<view class="button" @click="changeAddressAddPopup('open','',{})">添加收货地址</view>
+				<view class="popup-list" v-if="addressList.length > 0">
+					<view :class="['popup-item',selectInfo.contacts.id==item.id?'active':'']" v-for="(item, index) in addressList" :key="index" @click="seldThisAddress(item)">
+						<view class="item-top flex-between">
+							<view style="padding-right: 71rpx;">
+								<view class="name flex-start">
+									{{ item.name }}
+									<text>{{ item.tel }}</text>
+									<text class="tag" v-if="item.is_default == 1">默认</text>
+								</view>
+								<view class="subtitle text-overflowRows">{{ item.address }}</view>
+							</view>
+							<view>
+								<img @click.stop="changeAddressAddPopup('open', '', item)" :src="showImg('/uploads/20250612/7408965e126a86023f2e33856622a749.png')" alt="" />
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
+		<!-- 新增编辑收货地址弹窗 -->
+		<uni-popup ref="addressAddPopup" type="bottom" backgroundColor="#F4F4F4" 
+			@change="changPopShow" style="border-radius: 13rpx 13rpx 0 0;">
+			<view class="people-popup">
+				<view class="top-box">
+					<view class="top flex-between" style="height: fit-content;">
+						<text class="text-overflow" @click="changeAddressAddPopup('close')">取消</text>
+						<text style="font-size: 35rpx;font-weight: 600;">{{addressTitle}}</text>
+						<text style="color: #515150;" class="confirm" @click="saveAddress">保存</text>
+					</view>
+				</view>
+				
+				<view class="add-edit-content">
+					<addressAddVue ref="addressAddVueRef"></addressAddVue>
+				</view>
+				
+				
+			</view>
+		</uni-popup>
+		
+		
+
+	</view>
+</template>
+
+<script>
+import addressAddVue from '../../components/addressAdd.vue';
+export default {
+	components: {addressAddVue},
+	data() {
+		return {
+			// isPost: "1", //0=核销，1=邮寄，2=自取，3=邮寄/自提
+			contacts: null, // 默认收货地址
+			addressList: [],
+			
+			orderList: [],
+			selectInfo: null, // 选中的要修改的产品
+			
+			info: null,//规格的信息
+			detail:null,//商品的信息
+			
+			orderGoods: [],
+			
+			post: 0,
+			flag: true,
+			
+			reserve_name: '',
+			reserve_idcard: '',
+			reserve_phone: '',
+			remark: '',
+			coupon: "",
+			allprice: 0,
+			
+
+			popShow: false, // 解决滚动穿透
+			
+			addressTitle: '添加收货地址'
+			
+		};
+	},
+	onLoad() {
+		this.$store.commit("choseCoupon", "");
+		this.handleOrderGoods()
+	},
+	onShow() {
+		this.coupon = this.$store.state.user.coupon
+		
+		// 更新自提点
+		uni.$on("updateDataByConnect",this.getDataByConnect)
+	},
+	onUnload(){
+		uni.$off("updateDataByConnect",this.getDataByConnect)
+	},
+	onReady () {
+		// this.$nextTick(()=>{
+		// 	setTimeout(()=>{
+		// 		this.getMaxCouponData()
+		// 	},1000)
+		// })
+	},
+	methods: {
+		handleOrderGoods () {
+			let orderList = JSON.parse(uni.getStorageSync('teChanOrder'));
+			if (!Array.isArray(orderList) || orderList.length<=0) {
+				uni.navigateBack();
+				return
+			}
+			
+			orderList.forEach(v=>{
+				v.is_post = v.sInfo.is_post || "1" // 产品自己的方式
+				v.is_user_post = v.sInfo.is_post==2?2:"1" // 用户自选方式
+				v.pickupAddress = {} // 自提信息
+				v.contacts = null // 收货地址
+				v.post = null // 运费信息
+			})
+			
+			this.orderList = orderList
+			console.log(this.orderList)
+			this.getContacts()
+		},
+		// 更换收获方式
+		changeUserPost (item,value) {
+			console.log(item)
+			item.is_user_post = value
+		},
+		
+		goOrderCoupon () {
+			let allPrice = 0
+			let skuIds= []
+			this.info.goods.forEach(v=>{
+				allPrice+= v.skuInfo.money*v.skuInfo.buyNum
+				if (v.skuInfo.buyNum>0) {
+					skuIds.push(v.skuInfo.id)
+				}
+			})
+			uni.navigateTo({
+				url: `/subPackages/order/orderCoupon?allprice=${allPrice}&sku_ids=${skuIds.join(',')}`
+			})
+		},
+		
+		// 获取收获地址
+		getContacts() {
+			this.Post({
+				contactType: "CONSIGNEE",
+				offset: '0',
+				limit: '100'
+			}, '/api/uservice/user/getContactOrConsignee').then(res => {
+				if (res) {
+					this.addressList = res.data || []
+					let defaultData = this.addressList.find(v=>v.is_default)
+					if (defaultData) {
+						this.contacts = defaultData
+					} else if (this.addressList[0]) {
+						this.contacts = this.addressList[0]
+					}
+					// todo 每个邮寄类要设置 并获取邮费
+					this.orderList.forEach(v=>{
+						if (v.is_user_post == 1) {
+							let selfContacts = this.addressList.find(x=>x.id == (v.contacts||{}).id)
+							if (!selfContacts) {
+								v.contacts = JSON.parse(JSON.stringify(this.contacts))
+							} else {
+								v.contacts = JSON.parse(JSON.stringify(selfContacts))
+							}
+						}
+					})
+					this.getPost()
+				}
+			});
+		},
+		getPost() {
+
+			return
+			
+			let tempList = []
+			 this.orderList.forEach(v=>{
+				 if( v.sInfo.contacts && v.is_user_post == 1) {
+					 tempList.push(v)
+				 }
+			 })
+			
+			let param = []
+			tempList.forEach(v=>{
+				param.push({specifications_id: v.sInfo.id, num: v.sInfo.buyNum, consignee_id:v.contacts.id})
+			})
+			
+			let data = JSON.stringify(param);
+			// console.log(data);
+			this.flag = false;
+			this.Post({ data: data }, '/api/order/getNewPost').then(res => {
+				if (res) {
+					for(let i=0;i<tempList.length;i++) {
+						tempList[i].post = res.data[i].price;
+					}
+					this.flag = true;
+				}
+			}).catch(err=>{
+				console.log(err,'aaaaaaa');
+				this.flag = true;
+			});
+		},
+
+		plus(sku) {
+			this.$nextTick(() => {
+				this.$store.commit("choseCoupon","");
+				this.coupon = this.$store.state.user.coupon
+				sku.buyNum += 1;
+				if (this.flag) {
+					this.getPost();
+				}
+			});
+		},
+		reduce(sku) {
+			if (sku.buyNum > 1) {
+				this.$store.commit("choseCoupon","");
+				this.coupon = this.$store.state.user.coupon
+				this.$nextTick(() => {
+					sku.buyNum -= 1;
+					if (this.flag) {
+						this.getPost();
+					}
+				});
+			}
+		},
+		
+		// 选择收货地址弹窗
+		changeAddressPopup(type, confirm, item) {
+			this.selectInfo = item
+			
+			if (type == 'open') this.$refs.addressPopup.open('bottom');
+			else this.$refs.addressPopup.close();
+		},
+
+		// 选择收货地址
+		seldThisAddress(item) {
+			console.log(this.selectInfo, item)
+			
+			this.selectInfo.contacts = item
+			
+			if (this.flag) {
+				// this.getPost();
+			}
+			this.$refs.addressPopup.close();
+		},
+		// 收货地址新增弹窗
+		changeAddressAddPopup(type, confirm, item) {
+			
+			if (type == 'open') {
+				this.addressTitle = '新增收货地址'
+				if (item.id) { this.addressTitle = '编辑收货地址' }
+				// this.id = item.id
+
+				this.$refs.addressAddPopup.open('bottom');
+				
+				this.$nextTick(()=>{
+					this.$refs.addressAddVueRef.init(item)
+				})
+			}
+			else {this.$refs.addressAddPopup.close();}
+			this.$forceUpdate();
+		},
+		
+		// 保存地址
+		async saveAddress () {
+			let res = await this.$refs.addressAddVueRef.postSave()
+			if (res && res.code == 1) {
+				// 更新所有地址
+				this.getContacts()
+				// this.getAllAddressList();
+				this.changeAddressAddPopup('close')
+			}
+		},
+
+
+
+		// 总价
+		total() {
+			let price = 0
+			let postPrice = 0
+			let allPrice = 0
+			
+			
+			if (this.orderList && Array.isArray(this.orderList)) {
+				this.orderList.forEach(v=>{
+					allPrice += v.sInfo.price*v.sInfo.buyNum
+					if (v.is_user_post == 1) {
+						postPrice+=v.post
+					}
+				})
+			}
+			this.allprice = allPrice + postPrice
+			if (this.coupon) {
+				if (this.coupon.percent == 0) {
+					if (this.coupon.discounts>allPrice) {
+						price =postPrice
+					}else{
+						price = allPrice + postPrice - (this.coupon.discounts)
+					}
+					
+				} else{
+					// 有bug折扣券不加邮费
+					price = (allPrice + postPrice) - (allPrice * this.coupon.percent/100)
+				}
+			} else {
+				price = allPrice + postPrice
+			}
+			return price < 0 ? 0 : (price/100).toFixed(2)
+		},
+		// 预定
+		order() {
+			if (this.info.is_user_post == 1 || this.info.is_user_post == 3) {
+				console.log(this.info.is_user_post)
+				if (this.info.is_user_post == 1 && !this.contacts) {
+					uni.showToast({
+						title: '请选择收货地址',
+						icon: 'none'
+					});
+					return;
+				}
+				
+				if (this.info.is_user_post == 2) {
+					if (!this.pickupAddress.id) {
+						uni.showToast({title: '请选择自提点',icon: 'none'});
+						return;
+					}
+
+					
+					
+
+				}
+			}
+
+			let goods = [];
+			this.info.goods.forEach(v=>{
+				let goodsItem = {
+					specifications_id: v.skuInfo.id,
+					num: v.skuInfo.buyNum,
+	
+				};
+				
+				if (this.info.is_user_post == 2) {
+					goodsItem.extract_id = this.pickupAddress.id;
+				} else if (this.info.is_user_post == 1){
+					goodsItem.consignee_id = this.contacts.id 
+				}
+				goods.push(goodsItem);
+			})
+			
+			
+			
+			let data = {
+				goods: goods,
+				coupon: this.coupon ? this.coupon.id : "",
+				remark: this.remark,
+				is_post: this.info.is_user_post,
+			};
+			this.Post(
+				{
+					method: 'POST',
+					data: JSON.stringify(data)
+				},
+				'/api/order/place'
+			).then(res => {
+				uni.removeStorageSync('teChanOrder')
+				uni.removeStorageSync('teChanInfo')
+				if (res.code == 1) {
+					this.Post(
+						{
+							order_id: res.data.order_id,
+							type: 'miniprogram',
+							platform: 'miniprogram'
+						},
+						'/api/pay/unify'
+					).then(res => {
+						if (res.data) {
+							uni.requestPayment({
+								nonceStr: res.data.nonceStr,
+								package: res.data.package,
+								paySign: res.data.paySign,
+								signType: res.data.signType,
+								timeStamp: res.data.timeStamp,
+								success: () => {
+									this.getSubscribeMessage()
+								},
+								fail() {
+									uni.navigateTo({
+										url: '/subPackages/order/trades'
+									})
+								}
+							});
+						}
+					});
+				}
+			});
+		},
+		
+		// ---------------自提-----------------------
+		changPopShow (e) {
+			this.popShow = e.show
+		},
+		
+		getDataByConnect(data) {
+			if (data.msgType == "updatePickUpPoint") {
+				let tempData = this.orderList.find(v=>v.sInfo.id == data.data.goodsId)
+				if (tempData) {
+					tempData.pickupAddress = data.data.selectItem
+				}
+			}
+		},
+		
+		// 获取最大优惠券
+		async getMaxCouponData () {
+			let allPrice =0
+			let skuIds = []
+			if (this.info && Array.isArray(this.info.goods)) {
+				this.info.goods.forEach(v=>{
+					allPrice += v.skuInfo.money*v.skuInfo.buyNum
+					if (v.skuInfo.buyNum>0) {
+						skuIds.push(v.skuInfo.id)
+					}
+				})
+			}
+			let param = {money:allPrice,sku_ids:skuIds.join(',')}
+			let res = await this.getMaxCoupon(param)
+			if (res.id) {
+				this.coupon = res
+			}
+		}
+		
+		
+		
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.bg {
+	min-height: 100vh;
+	overflow-x: hidden;
+	background: #f2f4f7;
+	padding-bottom: 200rpx;
+}
+view {
+	box-sizing: border-box;
+}
+.flex-shrink-0{
+	flex-shrink: 0;
+}
+.box {
+	width: 100%;
+	min-height: 100rpx;
+	padding: 20rpx;
+	background: #ffffff;
+	border-radius: 16rpx;
+}
+.address {
+	width: 697rpx;
+	height: 291rpx;
+	background: #FFFFFF;
+	border-radius: 13rpx;
+	margin: 0 auto;
+	margin-top: 26rpx;
+	.a-title{
+		font-size: 31rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #000000;
+		padding: 30rpx 18rpx;
+		justify-content: space-between;
+		align-items: center;
+		display: flex;
+		width: 100%;
+		.more-person{
+			width: 133rpx;
+			height: 60rpx;
+			border-radius: 30rpx;
+			border: 1px solid #999999;
+			font-family: PingFang SC;
+			font-weight: 400;
+			font-size: 28rpx;
+			color: #000000;
+			line-height: 16rpx;
+		}
+	}
+	.btn-box{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-top:1rpx solid rgba(216, 216, 216, 1) ;
+		height: 176rpx;
+		.a-img{
+			width: 219rpx;
+			height: 73rpx;
+			border-radius: 37rpx;
+			border: 1px solid #333333;
+			font-family: PingFang SC;
+			font-weight: 400;
+			font-size: 29rpx;
+			color: #000000;
+		}
+	}
+}
+
+.pickself{
+	width: 697rpx;
+	height: 120rpx;
+	background: #FFFFFF;
+	border-radius: 13rpx;
+	margin: 26rpx auto;
+	.pickpoint{
+		display: flex;
+		width: 100%;
+		font-size: 31rpx;
+		font-weight: bold;
+		padding: 40rpx 18rpx;
+	}
+	.pickpointAddress{
+		display: flex;
+		font-weight: 500;
+		flex: 1;
+		width: 10rpx;
+		align-items: center;
+		justify-content: flex-end;
+	}
+	.pickpointImg{
+		width: 20rpx;
+		height: 20rpx;
+	}
+	.pointAddressText{
+		padding: 0 20rpx 0 40rpx;
+		flex: 1;
+		text-align: right;
+		width: 10rpx;
+	}
+
+}
+
+
+.new-box{
+		background: #fff;
+		width: 698rpx;
+		margin: 0 auto 20rpx;
+		border-radius: 14rpx;
+		.commodity {
+			display: flex;
+			.num-box {
+				display: flex;
+				align-items: center;
+				margin-left: 20rpx;
+				width: 160rpx;
+				justify-content: space-between;
+				.num {
+					text-align: center;
+					width: 50rpx;
+				}
+				.ctrl {
+					width: 47rpx;
+					height: 47rpx;
+					background: #6A8A2D;
+					border-radius: 50%;
+					font-family: PingFang SC;
+					font-weight: 400;
+					font-size: 34rpx;
+					color: #FFFFFF;
+					line-height: 47rpx;
+					text-align: center;
+				}
+				.ctrl.disabled{
+					background: #E8E8E8;
+					color: #999999;
+				}
+			}
+		}
+		.img {
+			width: 174rpx;
+			height: 174rpx;
+			background: #f2f4f7;
+			border-radius: 10rpx;
+			flex-shrink: 0;
+		}
+		.sku-content{
+			flex: 1;
+			width: 1rpx;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+			font-weight: 500;
+			font-size: 28rpx;
+			color: #333333;
+			padding-left: 12rpx;
+		}
+		.tag {
+			margin-top: 10rpx;
+			display: flex;
+			.tag-item {
+				border-radius: 7rpx;
+				border: 1px solid #6A8A2D;
+				padding: 2rpx 6rpx;
+				font-weight: 500;
+				font-size: 20rpx;
+				color: #6A8A2D;
+				margin-right: 10rpx;
+			}
+		}
+		.commodity-price{
+			&:before{
+				
+				content:"￥";
+				font-size: 24rpx;
+			}
+		}
+}
+	
+.btn-list {
+	width: 100%;
+	height: 166rpx;
+	background: #ffffff;
+	box-shadow: 0rpx -3rpx 9rpx 1rpx rgba(227, 229, 232, 0.5);
+	display: flex;
+	position: fixed;
+	bottom: 0;
+	padding: 20rpx 20rpx;
+	align-items: center;
+	justify-content: space-between;
+	.btn {
+			width: 294rpx;
+			height: 88rpx;
+			background: #6A8A2D;
+			border-radius: 11rpx;
+			text-align: center;
+			line-height: 88rpx;
+
+			font-size: 36rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #FFFFFF;
+	
+	}
+	.price-box {
+		display: flex;
+		align-items: center;
+		.text {
+			font-size: 29rpx;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: 500;
+			color: #333;
+		}
+		.price {
+			margin-left: 15rpx;
+			font-size: 36rpx;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: bold;
+			color: #DC2525;
+			&:before {
+				content: '¥';
+				display: inline-block;
+				font-size: 36rpx;
+			}
+		}
+		.post-text {
+			margin-left: 15rpx;
+			color: #fc5109;
+			font-size: 24rpx;
+		}
+	}
+}
+.contacts {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 100%;
+	image {
+		width: 36rpx;
+		height: 36rpx;
+	}
+	.contacts-left {
+		.name-phone {
+			display: flex;
+			align-items: baseline;
+			.name {
+				font-size: 32rpx;
+				font-family:  PingFang SC;
+				font-weight: 400;
+				color: #222222;
+			}
+			.phone {
+				margin-left: 27rpx;
+				font-size: 25rpx;
+				font-family:  PingFang SC;
+				font-weight: 400;
+				color: #666666;
+			}
+		}
+		.adds {
+			font-size: 27rpx;
+			font-family: PingFang SC;
+			font-weight: 400;
+			color: #000;
+			margin-top: 20rpx;
+			max-width: 500rpx;
+		}
+	}
+}
+.people-popup {
+	padding: 26rpx;
+	min-height: 800rpx;
+
+	.top-box {
+		height: 80rpx;
+
+		.top {
+			position: fixed;
+			left: 0;
+			right: 0;
+			color: #000;
+			height: 80rpx;
+			font-size: 0;
+			overflow: hidden;
+			padding: 0 26rpx;
+
+			text {
+				text-align: left;
+				font-size: 31rpx;
+				font-weight: 400;
+				color: #000000;
+			}
+
+			.confirm {
+				font-weight: 400;
+				color: #000000;
+			}
+		}
+	}
+
+	.popup-list {
+		height: 666rpx;
+		overflow: scroll;
+
+		.popup-item {
+			border-radius: 12rpx;
+			padding: 2rpx;
+			margin-top: 24rpx;
+			font-size: 24rpx;
+			color: #333333;
+			font-weight: 400;
+			background-color: #ffffff;
+
+			.item-top {
+				border-radius: 12rpx;
+				padding: 30rpx 40rpx;
+				background-color: #ffffff;
+				
+				img {
+					color: #666666;
+					width: 40rpx;
+					height: 40rpx;
+				}
+
+				.name {
+					overflow: hidden;
+					font-family: PingFang SC;
+					font-weight: 400;
+					font-size: 32rpx;
+					display: flex;
+					align-items: baseline;
+
+					text {
+						color: #666;
+						font-size: 25rpx;
+						padding: 0 24rpx;
+					}
+
+					.tag {
+						padding: 0 8rpx;
+						height: 32rpx;
+						border-radius: 7rpx;
+						line-height: 30rpx;
+						text-align: center;
+						font-size: 23rpx;
+						font-family: PingFang SC;
+						font-weight: 500;
+						color: #ffffff;
+						background: #6A8A2D;
+
+					}
+				}
+
+				.com-flex-start {
+					margin: 0 0 30rpx;
+				}
+
+				.subtitle {
+					font-weight: 400;
+					flex: 1;
+					text-align: left;
+					margin-top: 33rpx;
+					color: #666666;
+					font-size: 25rpx;
+
+					.mobile {
+						margin-bottom: 36rpx;
+					}
+				}
+
+				.status {
+					width: 40rpx;
+					height: 40rpx;
+					line-height: 40rpx;
+					border-radius: 50%;
+					text-align: center;
+					box-sizing: border-box;
+
+					img {
+						width: 27rpx;
+						height: 21rpx;
+					}
+				}
+				.statuss {
+					background: linear-gradient(90deg, #fa2b66, #ff9834);
+					border: none;
+				}
+				.noSelect {
+					border: 1rpx solid #999999;
+				}
+			}
+
+			.item-site {
+				color: #666666;
+				display: flex;
+				align-items: center;
+				padding: 36rpx 0;
+
+				view {
+					width: 23rpx;
+					height: 23rpx;
+					margin-right: 10rpx;
+					border: 1rpx solid #999999;
+					border-radius: 50%;
+
+					view {
+						width: 8rpx;
+						height: 8rpx;
+						background: #000000;
+						border-radius: 50%;
+						margin: auto;
+					}
+				}
+			}
+		}
+		
+		.popup-item.active{
+			background: #6A8A2D;
+		}
+	}
+
+	.button {
+
+		text-align: center;
+		width: 100%;
+		height: 80rpx;
+		line-height: 80rpx;
+		background-color: #ffffff;
+		border-radius: 40rpx;
+		font-family: PingFang SC;
+		font-weight: 400;
+		font-size: 33rpx;
+		color: #000000;
+
+	}
+}
+
+.person-info {
+	padding: 30rpx 30rpx 15rpx 30rpx;
+	background: #fff;
+	margin-top: 30rpx;
+	border-radius: 16rpx;
+}
+.person-title {
+	font-size: 32rpx;
+	font-weight: bold;
+	color: #000;
+}
+.line {
+	border-bottom: 1px solid #e3e5e8;
+}
+
+.left {
+	width: 140rpx;
+	height: 104rpx;
+	line-height: 104rpx;
+	font-family: PingFang;
+	font-weight: bold;
+	font-size: 31rpx;
+	color: #000000;
+}
+.input {
+	font-size: 31rpx;
+	font-weight: 400;
+	text-align: right;
+}
+.remark {
+	padding:30rpx;
+	display: flex;
+	align-items: center;
+	width: 698rpx;
+	min-height: 120rpx;
+	background: #ffffff;
+	margin: 0 auto;
+	border-radius: 14rpx;
+	.remark-title{
+
+		font-size: 31rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #000000;
+		flex-shrink: 0;
+
+	}
+	input {
+		margin-left: 64rpx;
+		width: 500rpx;
+		font-size: 31rpx;
+	}
+}
+
+
+
+	.tickets-box {
+		width: 698rpx;
+		margin: 26rpx auto 0;
+		border-radius: 13rpx;
+		background: #fff;
+		height: 120rpx;
+		.order-title {
+			margin: 31rpx 0 31rpx 30rpx;
+			font-size: 31rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #000000;
+		}
+
+		.coupon-price {
+			color:#DD0000;
+			font-size: 30rpx;
+			font-weight: bold;
+		}
+	}
+	
+
+		
+	
+	.top-line{
+		border-top:rgba(216, 216, 216, 1) solid 2rpx ;
+	}
+	.post{
+		height: 120rpx;
+		padding: 0 30rpx;
+
+		font-size: 32rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #000000;
+
+	}
+
+.sendwayArea{
+	padding: 26rpx 26rpx 0;
+	display: flex;
+	justify-content: space-between;
+	.sendway-item{
+		font-weight: 500;
+		font-size: 27rpx;
+		color: #111111;
+		width: 48%;
+		text-align: center;
+		height: 57rpx;
+		line-height: 57rpx;
+		background: #FFFFFF;
+		border-radius: 13rpx;
+	}
+	.sendway-item.active{
+		border: 1px solid #6A8A2D;
+		color: #6A8A2D;
+	}
+
+}
+
+.add-edit-content{
+	background-color: white;
+	padding: 0 20rpx;
+	border-radius: 20rpx;
+}
+
+		.coupon-btn {
+			color: #999999;;
+			display: flex;
+			align-items: center;
+			.select {
+				display: block;
+				width: 153rpx;
+				height: 40rpx;
+				background: #6A8A2D;
+				border-radius: 9rpx;
+				font-weight: 500;
+				font-size: 24rpx;
+				color: #FFFFFF;
+				text-align: center;
+				line-height: 40rpx;
+				font-family: PingFang SC;
+				margin-right: 20rpx;
+		
+			}
+		}
+.shop-name{
+	font-weight: bold;
+	font-size: 31rpx;
+	color: #333333;
+	padding-bottom: 12rpx;
+	min-height: fit-content;
+}
+</style>
\ No newline at end of file
diff --git a/subPackages/techan/selfPickUpPoint.vue b/subPackages/techan/selfPickUpPoint.vue
new file mode 100644
index 0000000..f210a5f
--- /dev/null
+++ b/subPackages/techan/selfPickUpPoint.vue
@@ -0,0 +1,253 @@
+<template>
+	<view class="bg">
+		<view :class="['item-bg',selectItem.id==item.id?'active':'']" v-for="(item,index) in list" :key="index" @click="selectPoint(item)">
+			<view class="item">
+			<view class="item-point-title">
+				<view class="name text-overflow flex-shrink-0">{{item.extract_name}}</view>
+				<view class="addressStr">
+					<!-- <view class="flex-shrink-0"></view> -->
+					<view class="text-overflowRows">地址：{{item.detail_addr}}</view>
+				</view>
+			</view>
+			<view class="item-point-guide" @click.stop="goMap(item)">
+				<view>
+					<image :src="showImg('/uploads/20241104/8ff7aa0225c9e4fb86df1a9cb229c932.png')" mode="aspectFill" class="mapPoint"></image>
+				</view>
+				<view>去这里</view>
+			</view>
+			</view>
+		</view>
+		<view class="no-data" v-if="list.length==0">
+			<image src="https://static.ticket.sz-trip.com/dongtai/images/user/noAddress.png" mode="aspectFill" class="no-address"></image>
+			<view class="">
+				暂无自提点地址
+			</view>
+		</view>
+		<!-- <view class="btn-bottom">
+			<view class="addBox" @click.stop="confirmPoint">
+				确定
+			</view>
+		</view> -->
+		
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				load: false,
+				pending: false,
+				list: [],
+				pickupId: null,
+				goodsId: null,
+				selectItem: {},
+			};
+		},
+		onLoad(options) {
+			this.pickupId = options.pickupId || null
+			this.goodsId = options.goodsId
+		},
+		onShow(options) {
+			this.getList()
+		},
+
+		methods: {
+			getList() {
+				if (this.pending) {
+					return
+				}
+				this.pending = true
+				// this.getLocation()
+				let param = {
+					goods_id: this.goodsId,
+					offset: this.list.length,
+					limit: 10,
+					lon: uni.getStorageSync('location').lon || '',
+					lat: uni.getStorageSync('location').lat || '',
+				}
+				this.Post(param, "/api/extract/getMerchantExtractListByGoodsIdNew").then(res => {
+					if (res) {
+						this.list = [...this.list, ...res.data];
+						if (res.data.length < 10) {
+							this.load = true;
+						}
+						if (this.pickupId && Array.isArray(this.list)) {
+							let selectItem = this.list.find(v=>v.id==this.pickupId)
+							if (selectItem) {
+								this.selectItem = selectItem
+							}
+						}
+					}
+					this.pending = false
+				})
+				
+				
+			},
+			
+			selectPoint (item) {
+				this.selectItem = item
+				// 返回上一个页面并带回selectItem
+				uni.$emit("updateDataByConnect", {msgType:'updatePickUpPoint',data:{selectItem: this.selectItem, skuId: this.goodsId}})
+				uni.navigateBack()
+			},
+			
+			goMap (item) {
+				uni.openLocation({
+					latitude: Number(item.lat),
+					longitude: Number(item.lon),
+					name: item.extract_name,
+					address: item.detail_addr,
+					success: function () {
+						console.log('success');
+					}
+				});
+			},
+			
+			confirmPoint () {
+				if(!this.selectItem.id) {
+					uni.showToast({icon: "none",title: "请先选择自提点"})
+					return;
+				}
+				// 返回上一个页面并带回selectItem
+				uni.$emit("updateDataByConnect", {msgType:'updatePickUpPoint',data:{selectItem: this.selectItem, skuId: this.goodsId}})
+				uni.navigateBack()
+			}
+		},
+		
+		onReachBottom() {
+			setTimeout(() => {
+				if (!this.load) {
+					this.getList()
+				}
+			}, 1000);
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	view {
+		box-sizing: border-box;
+		font-family: PingFang SC;
+	}
+
+	.bg {
+		position: relative;
+		background: #F7F7F7;
+		min-height: 100vh;
+		padding-bottom: 170rpx;
+	}
+	.flex-shrink-0{
+		flex-shrink: 0;
+	}
+	.item-bg{
+		width: 697rpx;
+		height: 160rpx;
+		background: #FFFFFF;
+		border-radius: 13rpx;
+		margin: 0 auto;
+		margin-bottom: 28rpx;
+		padding: 2rpx;
+	}
+	
+	.item {
+		padding: 24rpx;
+		padding-right: 0;
+		display: flex;
+		background: #FFFFFF;
+		border-radius: 13rpx;
+		width: 100%;
+		height: 100%;
+		.item-point-title{
+			flex: 1;
+			width: 10rpx;
+			padding-right: 78rpx;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+		}
+		.item-point-guide{
+			width:140rpx;
+			flex-shrink: 0;
+			border-left: 1px solid #D8D8D8;
+			color: #515150;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			font-size: 24rpx;
+		}
+		.mapPoint{
+			width: 33rpx;
+			height: 33rpx;
+		}
+	}
+	.item-bg.active{
+		background: #515150;
+	}
+	.name {
+		display: flex;
+		font-size: 31rpx;
+		font-weight: bold;
+		color: #333333;
+		height: 42rpx;
+	}
+	.addressStr{
+		display: flex;
+		font-size: 27rpx;
+		color: #999999;
+		padding-top: 10rpx;
+	}
+
+	.no-data {
+		width: 100%;
+		height: 100vh;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+
+		view:nth-child(2) {
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #333333;
+			margin-top: 25rpx;
+		}
+
+		image {
+			width: 160rpx;
+			height: 160rpx;
+		}
+
+		padding-bottom: 400rpx;
+	}
+	
+	.btn-bottom{
+		position: fixed;
+		bottom: 0;
+		width: 750rpx;
+		height: 150rpx;
+		background: #FFFFFF;
+		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(6, 0, 1, 0.1);
+		display: flex;
+		justify-content: space-between;
+		padding: 30rpx 50rpx 30rpx 50rpx;
+		
+		.addBox{
+			margin: 0 auto;
+			width: 697rpx;
+			height: 80rpx;
+			background: linear-gradient(90deg, #F84A56, #FF9834);
+			border-radius: 40rpx;
+			font-size: 36rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #FFFFFF;
+			line-height: 80rpx;
+			text-align: center;
+		}
+	}
+	
+</style>