feat：新增比价需求

components/index/Sale.vue

@@ -0,0 +1,716 @@
+<template>
+	<view class="comm-sale">{{isDetails}}--{{isSale}}
+			<view class="list-item" v-if="!isSale">
+				<view class="item-title">
+					<view class="title-name">
+						<view class="">
+							开塞露
+						</view>
+						<view class="">
+								甲类
+						</view>
+					</view>
+					<view class="other-price">
+						最低售价
+					</view>
+				</view>
+				<view class="item-info">
+					<view class="info-item">
+						<view class="left">
+							<view>生产企业：</view>
+							福元药业有限公司
+						</view>
+						<view class="right price">
+							¥0.50
+						</view>
+					</view>
+					<view class="info-item">
+						<view class="left">
+							<view>类别：</view>
+							西药中成药
+							</view>
+					</view>
+					<view class="info-item">
+						<view class="left">
+							<view>规格：</view>
+							1支/支
+							</view>
+					</view>
+					<view class="info-item">
+						<view class="left">
+							<view>剂型：</view>
+							外用溶液剂
+						</view>
+					</view>
+					<view class="info-item">
+						<view class="left">
+							<view>在售药店：</view>
+							<view style="color: #4D85F4;">
+								651家
+							</view>
+						</view>
+						<view v-if="!isDetails" class="right btn" @click.stop="viewSale">
+							查看在告药店
+						</view>
+					</view>
+				</view>
+			</view>
+			<slot v-else></slot>
+		<LoadModal v-if="loading"></LoadModal>
+	</view>
+</template>
+
+<script>
+	import {
+		mapGetters
+	} from "vuex"
+	import {
+		getMechanismInfoById,
+		getCateById,
+		GetServeCateListForMid,
+		getHospJyzb
+	} from "../../assets/api/mechanism.js"
+	import {
+		GetTreeData
+	} from "../../assets/api/common.js"
+	import Mechanism from "../../components/index/mechanism.vue"
+	// import levelLinkage from "@/components/three-level-linkage/linkage.nvue"
+	import LoadModal from "../../components/index/LoadModal.vue"
+	export default {
+		props: {
+			isDetails: {
+				type: Boolean,
+				default: false
+			},
+			isSale: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+				posData: [{
+						label: "简介",
+						value: 0
+					},
+					{
+						label: "办理事项",
+						value: 1
+					},
+					{
+						label: "就医指标概况",
+						value: 2
+					},
+				],
+				id: null,
+				info: {},
+				collList: [],
+				collItemList: [],
+				pickerValueDefault: [0],
+				treeData: [],
+				cateList: [],
+				sonIndex: "",
+				cateInfo: {},
+				opend: true,
+				loading: false,
+
+				tabList: ["简介", "参保登记类"],
+				TabCur: 0,
+				meCode : "",
+				hospJyzb: {}
+			}
+		},
+		components: {
+			Mechanism,
+			// levelLinkage,
+			LoadModal,
+		},
+		onLoad(e) {
+			Object.assign(this, e)
+			console.log("this", this)
+			let {
+				id
+			} = this
+			if (id) {
+				this.getInfo()
+			}
+
+
+		},
+		computed: {
+			...mapGetters([]),
+			cateId() {
+				return this.info.cate_id
+			},
+			isShowCate() {
+				return this.cateId == 2 || this.cateId == 4 || this.cateId == 6
+			},
+
+			filterPosData() {
+				let arr = JSON.parse(JSON.stringify(this.posData));
+				// 办理事项是空也显示
+				// if (!this.collList) {
+				// 	arr = arr.filter(item => item.value != 1)
+				// }
+				if (!this.hosFit) {
+					arr = arr.filter(item => item.value != 2)
+				}
+				console.log("arr", arr)
+				return arr;
+			},
+
+			hosFit0() {
+				if (this.info && this.info.hosInfo) {
+					const obj = JSON.parse(this.info.hosInfo);
+					console.log("obj", obj)
+					let newArr = [{
+							label: "人次：",
+							value: obj.person
+						},
+						{
+							label: "次均费用：",
+							value: obj.money
+						},
+						{
+							label: "报销率：",
+							value: obj.rate ? obj.rate + '%' : ''
+						},
+						{
+							label: "平均住院天数：",
+							value: obj.count ? obj.count + '天' : ''
+						}
+					];
+					console.log("newArr", newArr)
+					return newArr;
+				} else {
+					return null;
+				}
+
+			},
+
+			hosFit() {
+				if (this.hospJyzb && this.hospJyzb.rc) {
+					let newArr = [{
+							label: "人次：",
+							value: this.hospJyzb.rc
+						},
+						{
+							label: "次均费用：",
+							value: this.hospJyzb.cjfy
+						},
+						{
+							label: "报销率：",
+							value: this.hospJyzb.bxbl ? this.hospJyzb.bxbl*100 + '%' : ''
+						},
+						{
+							label: "平均住院天数：",
+							value: this.hospJyzb.pjzyts ? this.hospJyzb.pjzyts + '天' : ''
+						}
+					];
+					console.log("newArr", newArr)
+					return newArr;
+				} else {
+					return null;
+				}
+
+			}
+		},
+
+		watch: {
+			treeData() {
+
+				if (!this.opend && this.treeData && this.treeData.length && this.isShowCate) {
+					setTimeout(() => {
+						this.loading = false
+						this.GetServeCateListHandle()
+					}, 200)
+				}
+			},
+			loading() {
+				console.log(this.loading);
+			},
+
+		},
+		onPullDownRefresh() {
+			this.getInfo()
+			setTimeout(() => {
+				uni.stopPullDownRefresh()
+			}, 500)
+		},
+		methods: {
+			
+			// 查看在售
+			viewSale () {
+				uni.navigateTo({
+					url: `/pages/index/sale?id=111`
+				})
+			},
+			
+			/**
+			 * @name input获取焦点
+			 */
+			focus() {
+				let {
+					latitude,
+					longitude
+				} = this.position
+				if (!this.isSearchPage && latitude && longitude) {
+					alert('查询')
+					// this.$emit("searchHandle", this.keyword)
+					// uni.navigateTo({
+					// 	url:"/pages/index/search"
+					// })
+				}
+			},
+			async goInformation(item) {
+				console.log("item", item)
+				console.log("this.info", this.info.name)
+				let name = JSON.stringify(this.info.name);
+				let subName = JSON.stringify(item.label);
+				let info = JSON.stringify(this.info);
+				uni.navigateTo({
+					url: `/pages/index/Make?mid=${this.id}&id=${item.value}&name=${encodeURIComponent(name)}&subName=${encodeURIComponent(subName)}&info=${encodeURIComponent(info)}`
+				})
+			},
+			// 查看机构提供服务事项列表
+			async GetServeCateListHandle() {
+				let res = await GetServeCateListForMid({
+					id: this.info.id
+				})
+				console.log('res--2222222222--', res);
+				if (res.data.code == 1) {
+					this.collList = res.data.data[0]?.children;
+					console.log('this.collList----', this.collList)
+				}
+			},
+
+			tabSelect(index) {
+				console.log(index);
+				this.TabCur = index
+			},
+
+			/**
+			 * @name 获取数据
+			 */
+			async getList() {
+				this.loading = true
+				this.treeData = []
+				let res = await GetTreeData({})
+				console.log('res----', res);
+				if (res.data.code == 1) {
+					this.cateList = res.data.data
+					this.treeData = this.filterTreeData(0)
+					this.loading = false
+					this.opend = false
+
+				}
+
+			},
+
+			/**
+			 * @param {Object} 获取分类信息
+			 */
+			async getCate(id) {
+				this.cateInfo = {}
+				let res = await getCateById({
+					id
+				})
+				if (res.data.code == 1) {
+					this.cateInfo = res.data.data
+					console.log(this.cateInfo);
+					this.getList()
+				}
+			},
+						
+			/**
+			 * @param {Object} 获取定点医院就医指标数据
+			 */
+			async getHospJyzb(code) {
+				if(code == '' || code == this.meCode) {
+					return;
+				}
+				this.meCode = code;
+				this.hospJyzb = {};
+				let res = await getHospJyzb({
+					query_id: "41072",
+					stt_f: code
+				})
+				if (res.data.success && res.data.data.length > 0) {
+					this.hospJyzb = res.data.data[0];
+					console.log(this.hospJyzb);
+				}
+			},
+
+			// 处理children为null
+			handleChilren(arr) {
+				// console.log("start");
+				let Tag = this.cateInfo.tag_code
+				// console.log(Tag);
+				let list = []
+				if (arr && arr.length) {
+					for (var i = 0; i < arr.length; i++) {
+						let el = arr[i]
+						let reg = new RegExp(`${Tag}`)
+						let HasCode = true
+						// console.log(!HasCode);
+						if (el.org) {
+							HasCode = reg.test(el.org)
+						}
+						let obj = {
+							id: el.ID,
+							name: el.name,
+							children: el.children ?? [],
+							onsite: el.onsite,
+							online: el.online,
+							dis: !HasCode
+						}
+						list.push(obj)
+					}
+				}
+				// console.log( list );
+				return list
+			},
+
+			// 过滤数据
+			filterTreeData(fid) {
+				let {
+					cateList
+				} = this
+				let data = []
+				if (cateList && cateList.length && fid >= 0) {
+					cateList.forEach(el => {
+						if (el.fid == fid) {
+
+							data.push(el)
+						}
+					})
+				}
+				// console.log(data);
+				return this.handleChilren(data)
+			},
+
+			open() {
+				// this.$refs.levelLinkage.open();
+				this.opend = true
+			},
+			onConfirm(e) {
+				this.collList = []
+				this.collItemList = []
+				let {
+					value
+				} = e
+				let index = value[0]
+				let fd = this.treeData[index]
+
+				this.collList = this.filterTreeData(fd.id)
+			},
+
+			/**
+			 * @name 折叠面板变化
+			 */
+			collChange(index) {
+				let self = this
+				try {
+					// console.log( index );
+					let {
+						id
+					} = self.collList[index]
+					self.collItemList = self.filterTreeData(id)
+					// console.log(self.collItemList);
+				} catch (e) {
+					// throw(e)
+				}
+			},
+
+			collSunChange() {
+
+			},
+
+			/**
+			 * @name 点击取消
+			 */
+			back() {
+				uni.navigateBack({
+
+				})
+			},
+
+
+
+			/**
+			 * @name 获取机构详情
+			 */
+			async getInfo() {
+				let {
+					id
+				} = this
+				let res = await getMechanismInfoById({
+					id: Number(id)
+				})
+				if (res.data.code == 1) {
+					console.log('000---000', res)
+					this.info = res.data.data
+					if (this.info) {
+						this.info.start_time = this.info.start_time ? this.info.start_time : "9:00"
+						this.info.end_time = this.info.end_time ? this.info.end_time : "17:00"
+						// console.log( this.info.cate_id );
+						this.getCate(this.info.cate_id)
+						if(this.info.cate_id == 2 && this.info.me_code) {
+							this.getHospJyzb(this.info.me_code)
+						}
+					}
+				}
+			},
+
+
+
+		},
+	}
+</script>
+
+<style>
+	page {
+		background-color: #fff;
+	}
+	.uni-collapse-item {
+		border-bottom: 1rpx solid #F1F1F1;
+	}
+	.item_content {
+		border-top: 1rpx solid #F1F1F1;
+	}
+	.child_item_title_2 {
+		font-size: 26rpx;
+		/* font-weight: bold; */
+		padding: 50rpx 0;
+		display: flex;
+		align-items: center;
+		border-bottom: 1rpx solid #F1F1F1;
+	}
+	.son_item .coll_item:last-child .child_item_title_2 {
+		border-bottom: none;
+	}
+</style>
+
+<style lang="scss" scoped>
+	.comm-sale {
+		margin: 30rpx 0;
+			.list-item {
+				padding: 25rpx;
+				background-color: #fff;
+				border-radius: 5rpx;
+				// 卡片标题
+				.item-title {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					padding-bottom: 10rpx;
+					border-bottom: 1rpx solid #F1F1F1;
+					.title-name {
+						display: flex;
+						align-items: center;
+						& > view:first-child {
+							margin-right: 18rpx;
+							color: #000;
+							font-weight: bold;
+							font-size: 32rpx;
+						}
+						
+						& > view:last-child {
+							color: #4186E2;
+							border: 1rpx solid #4186E2;
+							border-radius: 5rpx;
+							padding: 2rpx 15rpx;
+							font-size: 20rpx;
+						}
+					}
+					.other-price {
+						font-size: 22rpx;
+					}
+				}
+				// 卡片内容
+				.item-info {
+					.info-item {
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+						margin: 25rpx 0;
+						font-size: 25rpx;
+						.left {
+							display: flex;
+							align-items: center;
+							& > view:first-child {
+								min-width: 120rpx;
+								text-align: right;
+								margin-right: 30rpx;
+							}
+						}
+						.right.price {
+							color: #D91F1E;
+							font-weight: bold;
+						}
+						.right.btn {
+							background: #4D85F4;
+							color: #fff;
+							padding: 6rpx 17rpx;
+							border-radius: 12rpx;
+							font-size: 20rpx;
+							white-space: nowrap;
+						}
+					}
+				}
+			}
+
+		.dian {
+			width: 18rpx;
+			height: 18rpx;
+			border-radius: 100%;
+			background-color: #248df9;
+			display: inline-block;
+			vertical-align: middle;
+			margin-right: 10px;
+		}
+
+		.cate {
+			margin: 20rpx;
+
+			.cate_class {
+				width: 100%;
+				height: 80rpx;
+				line-height: 80rpx;
+				font-size: 30rpx;
+				color: #3A3C3D;
+				border-top-left-radius: 30rpx;
+				border-top-right-radius: 30rpx;
+				background-color: #fff;
+				border-bottom: 1rpx solid #F1F1F1;
+				padding-left: 15rpx;
+				font-weight: bold;
+			}
+		}
+
+		.tab_box {
+			margin-bottom: 40rpx;
+		}
+
+		.desc {
+			font-size: 28rpx;
+			@include ComponWidth;
+			padding: 20rpx 40rpx;
+
+			.d_title {
+				margin-bottom: 20rpx;
+				color: #3A3C3D;
+				font-size: 32rpx;
+				font-weight: 400;
+			}
+
+			.desc_info {
+				line-height: 40rpx;
+				color: #8E9499;
+
+				.txt {
+					@include multipleRows(7);
+				}
+
+				.notxt {
+					text-align: center;
+
+					.img_txt {
+						width: 318rpx;
+						height: 124rpx;
+						margin: 40rpx auto;
+
+						image {
+							width: 318rpx;
+							height: 124rpx;
+						}
+					}
+
+					.nomore_txt {}
+				}
+			}
+		}
+
+		.fix_btm_btn {
+			@include ComponWidth;
+			background-color: #fff;
+			font-size: 28rpx;
+			height: 140rpx;
+			line-height: 140rpx;
+			text-align: center;
+			color: #4D85F4;
+			position: fixed;
+			left: 0;
+			bottom: 0;
+		}
+
+		.list_box {
+			@include ComponWidth;
+			padding-bottom: 140rpx;
+			// height: calc(100vh - 360rpx );
+			overflow: auto;
+
+			.l_title {
+				font-size: 28rpx;
+				color: #3A3C3D;
+				font-weight: bold;
+				padding: 20rpx;
+				max-width: 600rpx;
+				@include multipleRows(3);
+
+			}
+
+			.del {
+				font-size: 28rpx;
+				color: #CACBCC;
+				font-weight: bold;
+				padding: 20rpx;
+				max-width: 600rpx;
+				@include multipleRows(3);
+				text-decoration: line-through;
+			}
+
+			.item_content {
+				width: 100%;
+				height: 100%;
+				padding: 10rpx 40rpx;
+
+				.ql {
+					width: 100%;
+					height: 100%;
+
+					.son_item {
+						width: 100%;
+						height: 100%;
+
+						.coll_item {
+							// border-top: 1rpx solid #eee;
+						}
+
+						.onsite {
+							text-indent: 2em;
+							padding: 10rpx;
+							font-size: 24rpx;
+							color: #3A3C3D;
+							height: auto;
+						}
+					}
+				}
+			}
+		}
+	}
+
+.item_child_box {
+		.item_title {
+			font-weight: bold;
+			font-size: 28rpx;
+			padding: 20rpx 0
+		}
+
+		.child_item_title {
+			font-size: 25rpx;
+			padding: 20rpx 0;
+			color: #000;
+		}
+	}
+</style>

components/index/mechanism.vue

@@ -69,7 +69,12 @@
 								<u-icon name="clock" color="#909399" size="14"></u-icon>
 								<text>周一至周五 {{ item.start_time }}-{{ item.end_time }}</text>
 							</view>
-							<view v-if="!isDetails" class="details_btn" @click="showDesc( item )">
+							<!-- 定点药店 -->
+							<view v-if="item.cate_id === 3 && !isDetails" class="details_btn" @click.stop="queryMedicine( item )">
+								药品查询
+							</view>
+							
+							<view v-if="!isDetails" class="details_btn" @click.stop="showDesc( item )">
 								查看详情
 							</view>
 						</view>
@@ -248,6 +253,14 @@
 					})
 				}
 			},
+			
+			// 药品查询
+			queryMedicine (item) {
+				console.log("item---", item);
+				uni.navigateTo({
+					url: `/pages/index/queryMedicine?id=${ item.id }`
+				})
+			},
 
 			// 点击出现弹窗
 			showDesc(item) {

pages.json

@@ -29,6 +29,24 @@
                 "navigationBarTextStyle": "white"
             }
         },
+		{
+		    "path": "pages/index/queryMedicine",
+		    "style": {
+		        "navigationBarTitleText": "药品比价",
+		        "enablePullDownRefresh": true,
+		        "navigationBarBackgroundColor": "#ffffff",
+		        "navigationBarTextStyle": "black"
+		    }
+		},
+		{
+		    "path": "pages/index/sale",
+		    "style": {
+		        "navigationBarTitleText": "药品比价",
+		        "enablePullDownRefresh": true,
+		        "navigationBarBackgroundColor": "#ffffff",
+		        "navigationBarTextStyle": "black"
+		    }
+		},
         {
             "path": "pages/index/Make",
             "style": {

pages/index/MeCate.vue

@@ -96,6 +96,10 @@
 			</view>
 		</view>
 
+		<!-- 定点药店 -->
+		<view class="cate" v-else-if="info.cate_id == 3">
+			<Sale></Sale>
+		</view>
 		<view class="desc" v-else>
 			<view class="desc_info">
 				<view class="txt" v-if="info.desc">
@@ -130,6 +134,7 @@
 	} from "../../assets/api/common.js"
 	import Mechanism from "../../components/index/mechanism.vue"
 	// import levelLinkage from "@/components/three-level-linkage/linkage.nvue"
+	import Sale from "@/components/index/Sale.vue"
 	import LoadModal from "../../components/index/LoadModal.vue"
 	export default {
 		data() {
@@ -168,6 +173,7 @@
 		components: {
 			Mechanism,
 			// levelLinkage,
+			Sale,
 			LoadModal,
 		},
 		onLoad(e) {

pages/index/queryMedicine.vue

@@ -0,0 +1,628 @@
+<template>
+	<view class="query-medicine">
+		<!-- <view class="info" v-if="info && info.id">
+			<Mechanism :item="info" :showBtns="false" :isDetails="true" :showY="false" :canClick="false"></Mechanism>
+		</view> -->
+		<view class="query-header">
+			<view class="position">
+				郑州
+			</view>
+			<view class="medicine-search">
+				<u-icon class="search_icon" @click="focus" size="25" name="search"></u-icon>
+				<input type="search" @confirm="focus" confirm-type="search" v-model="keyword" class="search" placeholder="输入药品名称查询">
+				</input>
+			</view>
+		</view>
+		<Sale></Sale>
+		<LoadModal v-if="loading"></LoadModal>
+	</view>
+</template>
+
+<script>
+	import {
+		mapGetters
+	} from "vuex"
+	import {
+		getMechanismInfoById,
+		getCateById,
+		GetServeCateListForMid,
+		getHospJyzb
+	} from "../../assets/api/mechanism.js"
+	import {
+		GetTreeData
+	} from "../../assets/api/common.js"
+	import Mechanism from "../../components/index/mechanism.vue"
+	// import levelLinkage from "@/components/three-level-linkage/linkage.nvue"
+	import Sale from "@/components/index/Sale.vue"
+	import LoadModal from "../../components/index/LoadModal.vue"
+	export default {
+		data() {
+			return {
+				posData: [{
+						label: "简介",
+						value: 0
+					},
+					{
+						label: "办理事项",
+						value: 1
+					},
+					{
+						label: "就医指标概况",
+						value: 2
+					},
+				],
+				id: null,
+				info: {},
+				collList: [],
+				collItemList: [],
+				pickerValueDefault: [0],
+				treeData: [],
+				cateList: [],
+				sonIndex: "",
+				cateInfo: {},
+				opend: true,
+				loading: false,
+
+				tabList: ["简介", "参保登记类"],
+				TabCur: 0,
+				meCode : "",
+				hospJyzb: {}
+			}
+		},
+		components: {
+			Mechanism,
+			// levelLinkage,
+			Sale,
+			LoadModal,
+		},
+		onLoad(e) {
+			Object.assign(this, e)
+			console.log("this", this)
+			let {
+				id
+			} = this
+			if (id) {
+				this.getInfo()
+			}
+
+
+		},
+		computed: {
+			...mapGetters([]),
+			cateId() {
+				return this.info.cate_id
+			},
+			isShowCate() {
+				return this.cateId == 2 || this.cateId == 4 || this.cateId == 6
+			},
+
+			filterPosData() {
+				let arr = JSON.parse(JSON.stringify(this.posData));
+				// 办理事项是空也显示
+				// if (!this.collList) {
+				// 	arr = arr.filter(item => item.value != 1)
+				// }
+				if (!this.hosFit) {
+					arr = arr.filter(item => item.value != 2)
+				}
+				console.log("arr", arr)
+				return arr;
+			},
+
+			hosFit0() {
+				if (this.info && this.info.hosInfo) {
+					const obj = JSON.parse(this.info.hosInfo);
+					console.log("obj", obj)
+					let newArr = [{
+							label: "人次：",
+							value: obj.person
+						},
+						{
+							label: "次均费用：",
+							value: obj.money
+						},
+						{
+							label: "报销率：",
+							value: obj.rate ? obj.rate + '%' : ''
+						},
+						{
+							label: "平均住院天数：",
+							value: obj.count ? obj.count + '天' : ''
+						}
+					];
+					console.log("newArr", newArr)
+					return newArr;
+				} else {
+					return null;
+				}
+
+			},
+
+			hosFit() {
+				if (this.hospJyzb && this.hospJyzb.rc) {
+					let newArr = [{
+							label: "人次：",
+							value: this.hospJyzb.rc
+						},
+						{
+							label: "次均费用：",
+							value: this.hospJyzb.cjfy
+						},
+						{
+							label: "报销率：",
+							value: this.hospJyzb.bxbl ? this.hospJyzb.bxbl*100 + '%' : ''
+						},
+						{
+							label: "平均住院天数：",
+							value: this.hospJyzb.pjzyts ? this.hospJyzb.pjzyts + '天' : ''
+						}
+					];
+					console.log("newArr", newArr)
+					return newArr;
+				} else {
+					return null;
+				}
+
+			}
+		},
+
+		watch: {
+			treeData() {
+
+				if (!this.opend && this.treeData && this.treeData.length && this.isShowCate) {
+					setTimeout(() => {
+						this.loading = false
+						this.GetServeCateListHandle()
+					}, 200)
+				}
+			},
+			loading() {
+				console.log(this.loading);
+			},
+
+		},
+		onPullDownRefresh() {
+			this.getInfo()
+			setTimeout(() => {
+				uni.stopPullDownRefresh()
+			}, 500)
+		},
+		methods: {
+			
+			// 查看在售
+			viewSale () {
+				uni.navigateTo({
+					url: `/pages/index/sale?id=111`
+				})
+			},
+			
+			/**
+			 * @name input获取焦点
+			 */
+			focus() {
+				let {
+					latitude,
+					longitude
+				} = this.position
+				if (!this.isSearchPage && latitude && longitude) {
+					alert('查询')
+					// this.$emit("searchHandle", this.keyword)
+					// uni.navigateTo({
+					// 	url:"/pages/index/search"
+					// })
+				}
+			},
+			async goInformation(item) {
+				console.log("item", item)
+				console.log("this.info", this.info.name)
+				let name = JSON.stringify(this.info.name);
+				let subName = JSON.stringify(item.label);
+				let info = JSON.stringify(this.info);
+				uni.navigateTo({
+					url: `/pages/index/Make?mid=${this.id}&id=${item.value}&name=${encodeURIComponent(name)}&subName=${encodeURIComponent(subName)}&info=${encodeURIComponent(info)}`
+				})
+			},
+			// 查看机构提供服务事项列表
+			async GetServeCateListHandle() {
+				let res = await GetServeCateListForMid({
+					id: this.info.id
+				})
+				console.log('res--2222222222--', res);
+				if (res.data.code == 1) {
+					this.collList = res.data.data[0]?.children;
+					console.log('this.collList----', this.collList)
+				}
+			},
+
+			tabSelect(index) {
+				console.log(index);
+				this.TabCur = index
+			},
+
+			/**
+			 * @name 获取数据
+			 */
+			async getList() {
+				this.loading = true
+				this.treeData = []
+				let res = await GetTreeData({})
+				console.log('res----', res);
+				if (res.data.code == 1) {
+					this.cateList = res.data.data
+					this.treeData = this.filterTreeData(0)
+					this.loading = false
+					this.opend = false
+
+				}
+
+			},
+
+			/**
+			 * @param {Object} 获取分类信息
+			 */
+			async getCate(id) {
+				this.cateInfo = {}
+				let res = await getCateById({
+					id
+				})
+				if (res.data.code == 1) {
+					this.cateInfo = res.data.data
+					console.log(this.cateInfo);
+					this.getList()
+				}
+			},
+						
+			/**
+			 * @param {Object} 获取定点医院就医指标数据
+			 */
+			async getHospJyzb(code) {
+				if(code == '' || code == this.meCode) {
+					return;
+				}
+				this.meCode = code;
+				this.hospJyzb = {};
+				let res = await getHospJyzb({
+					query_id: "41072",
+					stt_f: code
+				})
+				if (res.data.success && res.data.data.length > 0) {
+					this.hospJyzb = res.data.data[0];
+					console.log(this.hospJyzb);
+				}
+			},
+
+			// 处理children为null
+			handleChilren(arr) {
+				// console.log("start");
+				let Tag = this.cateInfo.tag_code
+				// console.log(Tag);
+				let list = []
+				if (arr && arr.length) {
+					for (var i = 0; i < arr.length; i++) {
+						let el = arr[i]
+						let reg = new RegExp(`${Tag}`)
+						let HasCode = true
+						// console.log(!HasCode);
+						if (el.org) {
+							HasCode = reg.test(el.org)
+						}
+						let obj = {
+							id: el.ID,
+							name: el.name,
+							children: el.children ?? [],
+							onsite: el.onsite,
+							online: el.online,
+							dis: !HasCode
+						}
+						list.push(obj)
+					}
+				}
+				// console.log( list );
+				return list
+			},
+
+			// 过滤数据
+			filterTreeData(fid) {
+				let {
+					cateList
+				} = this
+				let data = []
+				if (cateList && cateList.length && fid >= 0) {
+					cateList.forEach(el => {
+						if (el.fid == fid) {
+
+							data.push(el)
+						}
+					})
+				}
+				// console.log(data);
+				return this.handleChilren(data)
+			},
+
+			open() {
+				// this.$refs.levelLinkage.open();
+				this.opend = true
+			},
+			onConfirm(e) {
+				this.collList = []
+				this.collItemList = []
+				let {
+					value
+				} = e
+				let index = value[0]
+				let fd = this.treeData[index]
+
+				this.collList = this.filterTreeData(fd.id)
+			},
+
+			/**
+			 * @name 折叠面板变化
+			 */
+			collChange(index) {
+				let self = this
+				try {
+					// console.log( index );
+					let {
+						id
+					} = self.collList[index]
+					self.collItemList = self.filterTreeData(id)
+					// console.log(self.collItemList);
+				} catch (e) {
+					// throw(e)
+				}
+			},
+
+			collSunChange() {
+
+			},
+
+			/**
+			 * @name 点击取消
+			 */
+			back() {
+				uni.navigateBack({
+
+				})
+			},
+
+
+
+			/**
+			 * @name 获取机构详情
+			 */
+			async getInfo() {
+				let {
+					id
+				} = this
+				let res = await getMechanismInfoById({
+					id: Number(id)
+				})
+				if (res.data.code == 1) {
+					console.log('000---000', res)
+					this.info = res.data.data
+					if (this.info) {
+						this.info.start_time = this.info.start_time ? this.info.start_time : "9:00"
+						this.info.end_time = this.info.end_time ? this.info.end_time : "17:00"
+						// console.log( this.info.cate_id );
+						this.getCate(this.info.cate_id)
+						if(this.info.cate_id == 2 && this.info.me_code) {
+							this.getHospJyzb(this.info.me_code)
+						}
+					}
+				}
+			},
+
+
+
+		},
+	}
+</script>
+
+<style>
+	page {
+		background-color: #fff;
+	}
+	.uni-collapse-item {
+		border-bottom: 1rpx solid #F1F1F1;
+	}
+	.item_content {
+		border-top: 1rpx solid #F1F1F1;
+	}
+	.child_item_title_2 {
+		font-size: 26rpx;
+		/* font-weight: bold; */
+		padding: 50rpx 0;
+		display: flex;
+		align-items: center;
+		border-bottom: 1rpx solid #F1F1F1;
+	}
+	.son_item .coll_item:last-child .child_item_title_2 {
+		border-bottom: none;
+	}
+</style>
+
+<style lang="scss" scoped>
+	.query-medicine {
+		@include ComponWidth;
+		background: #eee;
+		height: 100vh;
+		padding: 30rpx;
+		.query-header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			.position {
+				flex: 1;
+				margin-right: 20px;
+			}
+			.medicine-search {
+				flex: 8;
+				background-color: #fff;
+				border-radius: 50rpx;
+				display: flex;
+				align-items: center;
+				overflow: hidden;
+				padding-right: 20rpx;
+				padding: 0 30rpx;
+				input {
+					font-size: 15px;
+					height: 60rpx;
+					border-radius: 50rpx;
+					// padding-left: 30rpx;
+				}
+			}
+		}
+		.dian {
+			width: 18rpx;
+			height: 18rpx;
+			border-radius: 100%;
+			background-color: #248df9;
+			display: inline-block;
+			vertical-align: middle;
+			margin-right: 10px;
+		}
+
+		.cate {
+			margin: 20rpx;
+
+			.cate_class {
+				width: 100%;
+				height: 80rpx;
+				line-height: 80rpx;
+				font-size: 30rpx;
+				color: #3A3C3D;
+				border-top-left-radius: 30rpx;
+				border-top-right-radius: 30rpx;
+				background-color: #fff;
+				border-bottom: 1rpx solid #F1F1F1;
+				padding-left: 15rpx;
+				font-weight: bold;
+			}
+		}
+
+		.tab_box {
+			margin-bottom: 40rpx;
+		}
+
+		.desc {
+			font-size: 28rpx;
+			@include ComponWidth;
+			padding: 20rpx 40rpx;
+
+			.d_title {
+				margin-bottom: 20rpx;
+				color: #3A3C3D;
+				font-size: 32rpx;
+				font-weight: 400;
+			}
+
+			.desc_info {
+				line-height: 40rpx;
+				color: #8E9499;
+
+				.txt {
+					@include multipleRows(7);
+				}
+
+				.notxt {
+					text-align: center;
+
+					.img_txt {
+						width: 318rpx;
+						height: 124rpx;
+						margin: 40rpx auto;
+
+						image {
+							width: 318rpx;
+							height: 124rpx;
+						}
+					}
+
+					.nomore_txt {}
+				}
+			}
+		}
+
+		.fix_btm_btn {
+			@include ComponWidth;
+			background-color: #fff;
+			font-size: 28rpx;
+			height: 140rpx;
+			line-height: 140rpx;
+			text-align: center;
+			color: #4D85F4;
+			position: fixed;
+			left: 0;
+			bottom: 0;
+		}
+
+		.list_box {
+			@include ComponWidth;
+			padding-bottom: 140rpx;
+			// height: calc(100vh - 360rpx );
+			overflow: auto;
+
+			.l_title {
+				font-size: 28rpx;
+				color: #3A3C3D;
+				font-weight: bold;
+				padding: 20rpx;
+				max-width: 600rpx;
+				@include multipleRows(3);
+
+			}
+
+			.del {
+				font-size: 28rpx;
+				color: #CACBCC;
+				font-weight: bold;
+				padding: 20rpx;
+				max-width: 600rpx;
+				@include multipleRows(3);
+				text-decoration: line-through;
+			}
+
+			.item_content {
+				width: 100%;
+				height: 100%;
+				padding: 10rpx 40rpx;
+
+				.ql {
+					width: 100%;
+					height: 100%;
+
+					.son_item {
+						width: 100%;
+						height: 100%;
+
+						.coll_item {
+							// border-top: 1rpx solid #eee;
+						}
+
+						.onsite {
+							text-indent: 2em;
+							padding: 10rpx;
+							font-size: 24rpx;
+							color: #3A3C3D;
+							height: auto;
+						}
+					}
+				}
+			}
+		}
+	}
+
+.item_child_box {
+		.item_title {
+			font-weight: bold;
+			font-size: 28rpx;
+			padding: 20rpx 0
+		}
+
+		.child_item_title {
+			font-size: 25rpx;
+			padding: 20rpx 0;
+			color: #000;
+		}
+	}
+</style>

pages/index/sale.vue

@@ -0,0 +1,846 @@
+<template>
+	<view class="query-medicine">
+		<!-- <view class="info" v-if="info && info.id">
+			<Mechanism :item="info" :showBtns="false" :isDetails="true" :showY="false" :canClick="false"></Mechanism>
+		</view> -->
+	
+		<Sale isDetails></Sale>
+		<view class="query-header">
+			<view class="position">
+				郑州
+			</view>
+			<view class="medicine-search">
+				<u-icon class="search_icon" @click="focus" size="25" name="search"></u-icon>
+				<input type="search" @confirm="focus" confirm-type="search" v-model="keyword" class="search" placeholder="输入药品名称查询">
+				</input>
+			</view>
+		</view>
+		
+		<view class="filter-element-box">
+			<view class="filter-element">
+				<view class="filter-type" :class="item.type === filterActive ? 'active' : ''" v-for="(item, index) of filterOptions" :key="index" @click.stop="fiterHandle(item, index)">
+					{{ item.name }}
+				</view>
+			</view>
+			<view class="select-element">
+				<uni-data-select
+				placeholder="距离筛选"
+				        v-model="value"
+				        :localdata="range"
+				        @change="change"
+				      ></uni-data-select>
+			</view>
+		</view>
+		
+		<Sale isDetails isSale>
+			<view class="query-list">
+				<view class="list-item">
+					<view class="item-title">
+						<view class="title-name">
+							<view class="">
+								河南张仲景大药房股份有限公司郑州石门路店
+							</view>
+							<view v-show="false" class=""></view>
+						</view>
+						<view class="other-price details">
+							¥16.90
+						</view>
+					</view>
+					<view class="item-info">
+						
+						
+						<view class="info-item">
+							<view class="left">
+								<view>地址：</view>
+								郑州市二七区丹心路7号1层附4号房
+								</view>
+						</view>
+						<view class="info-item">
+							<view class="left">
+								<view>距离：</view>
+								<view style="color: #4D85F4;">
+									312米
+								</view>
+							</view>
+						</view>
+						
+						<view class="info-item">
+							<view class="left">
+								<view>比价：</view>
+								<view style="color: #D91F1E;font-weight: bold;">
+									<text style="">高于最低价</text>
+									8.00元
+								</view>
+							</view>
+						</view>
+						
+						<view class="info-item">
+							<view class="tags">
+								<view class="tag">定点药店购药</view>
+								<view class="tag">异地门诊</view>
+							</view>
+						</view>
+						<view class="info-item">
+							<view class="left">
+								<view>联系电话</view>
+							</view>
+							<view class="right">
+								一键导航
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</Sale>
+		<LoadModal v-if="loading"></LoadModal>
+	</view>
+</template>
+
+<script>
+	import {
+		mapGetters
+	} from "vuex"
+	import {
+		getMechanismInfoById,
+		getCateById,
+		GetServeCateListForMid,
+		getHospJyzb
+	} from "../../assets/api/mechanism.js"
+	import {
+		GetTreeData
+	} from "../../assets/api/common.js"
+	import Mechanism from "../../components/index/mechanism.vue"
+	import Sale from "@/components/index/Sale.vue"
+	import LoadModal from "../../components/index/LoadModal.vue"
+	export default {
+		data() {
+			return {
+				value: undefined,
+				        range: [
+				          { value: 0, text: "1" },
+				          { value: 1, text: "2" },
+				          { value: 2, text: "3" },
+				        ],
+				filterActive: 1,
+				filterOptions: [
+					{
+						type: 1,
+						name: "价格优先"
+					},
+					{
+						type: 2,
+						name: "距离优先"
+					}
+				],
+				posData: [{
+						label: "简介",
+						value: 0
+					},
+					{
+						label: "办理事项",
+						value: 1
+					},
+					{
+						label: "就医指标概况",
+						value: 2
+					},
+				],
+				id: null,
+				info: {},
+				collList: [],
+				collItemList: [],
+				pickerValueDefault: [0],
+				treeData: [],
+				cateList: [],
+				sonIndex: "",
+				cateInfo: {},
+				opend: true,
+				loading: false,
+
+				tabList: ["简介", "参保登记类"],
+				TabCur: 0,
+				meCode : "",
+				hospJyzb: {}
+			}
+		},
+		components: {
+			Mechanism,
+			Sale,
+			LoadModal,
+		},
+		onLoad(e) {
+			Object.assign(this, e)
+			console.log("this", this)
+			let {
+				id
+			} = this
+			if (id) {
+				this.getInfo()
+			}
+
+
+		},
+		computed: {
+			...mapGetters([]),
+			cateId() {
+				return this.info.cate_id
+			},
+			isShowCate() {
+				return this.cateId == 2 || this.cateId == 4 || this.cateId == 6
+			},
+
+			filterPosData() {
+				let arr = JSON.parse(JSON.stringify(this.posData));
+				// 办理事项是空也显示
+				// if (!this.collList) {
+				// 	arr = arr.filter(item => item.value != 1)
+				// }
+				if (!this.hosFit) {
+					arr = arr.filter(item => item.value != 2)
+				}
+				console.log("arr", arr)
+				return arr;
+			},
+
+			hosFit0() {
+				if (this.info && this.info.hosInfo) {
+					const obj = JSON.parse(this.info.hosInfo);
+					console.log("obj", obj)
+					let newArr = [{
+							label: "人次：",
+							value: obj.person
+						},
+						{
+							label: "次均费用：",
+							value: obj.money
+						},
+						{
+							label: "报销率：",
+							value: obj.rate ? obj.rate + '%' : ''
+						},
+						{
+							label: "平均住院天数：",
+							value: obj.count ? obj.count + '天' : ''
+						}
+					];
+					console.log("newArr", newArr)
+					return newArr;
+				} else {
+					return null;
+				}
+
+			},
+
+			hosFit() {
+				if (this.hospJyzb && this.hospJyzb.rc) {
+					let newArr = [{
+							label: "人次：",
+							value: this.hospJyzb.rc
+						},
+						{
+							label: "次均费用：",
+							value: this.hospJyzb.cjfy
+						},
+						{
+							label: "报销率：",
+							value: this.hospJyzb.bxbl ? this.hospJyzb.bxbl*100 + '%' : ''
+						},
+						{
+							label: "平均住院天数：",
+							value: this.hospJyzb.pjzyts ? this.hospJyzb.pjzyts + '天' : ''
+						}
+					];
+					console.log("newArr", newArr)
+					return newArr;
+				} else {
+					return null;
+				}
+
+			}
+		},
+
+		watch: {
+			treeData() {
+
+				if (!this.opend && this.treeData && this.treeData.length && this.isShowCate) {
+					setTimeout(() => {
+						this.loading = false
+						this.GetServeCateListHandle()
+					}, 200)
+				}
+			},
+			loading() {
+				console.log(this.loading);
+			},
+
+		},
+		onPullDownRefresh() {
+			this.getInfo()
+			setTimeout(() => {
+				uni.stopPullDownRefresh()
+			}, 500)
+		},
+		methods: {
+			
+			change(e) {
+			        console.log("e:", e);
+			      },
+			
+			fiterHandle (item, index) {
+				this.filterActive = item.type
+			},
+			
+			// 查看在售
+			viewSale () {
+				
+			},
+			
+			/**
+			 * @name input获取焦点
+			 */
+			focus() {
+				let {
+					latitude,
+					longitude
+				} = this.position
+				if (!this.isSearchPage && latitude && longitude) {
+					alert('查询')
+					// this.$emit("searchHandle", this.keyword)
+					// uni.navigateTo({
+					// 	url:"/pages/index/search"
+					// })
+				}
+			},
+			async goInformation(item) {
+				console.log("item", item)
+				console.log("this.info", this.info.name)
+				let name = JSON.stringify(this.info.name);
+				let subName = JSON.stringify(item.label);
+				let info = JSON.stringify(this.info);
+				uni.navigateTo({
+					url: `/pages/index/Make?mid=${this.id}&id=${item.value}&name=${encodeURIComponent(name)}&subName=${encodeURIComponent(subName)}&info=${encodeURIComponent(info)}`
+				})
+			},
+			// 查看机构提供服务事项列表
+			async GetServeCateListHandle() {
+				let res = await GetServeCateListForMid({
+					id: this.info.id
+				})
+				console.log('res--2222222222--', res);
+				if (res.data.code == 1) {
+					this.collList = res.data.data[0]?.children;
+					console.log('this.collList----', this.collList)
+				}
+			},
+
+			tabSelect(index) {
+				console.log(index);
+				this.TabCur = index
+			},
+
+			/**
+			 * @name 获取数据
+			 */
+			async getList() {
+				this.loading = true
+				this.treeData = []
+				let res = await GetTreeData({})
+				console.log('res----', res);
+				if (res.data.code == 1) {
+					this.cateList = res.data.data
+					this.treeData = this.filterTreeData(0)
+					this.loading = false
+					this.opend = false
+
+				}
+
+			},
+
+			/**
+			 * @param {Object} 获取分类信息
+			 */
+			async getCate(id) {
+				this.cateInfo = {}
+				let res = await getCateById({
+					id
+				})
+				if (res.data.code == 1) {
+					this.cateInfo = res.data.data
+					console.log(this.cateInfo);
+					this.getList()
+				}
+			},
+						
+			/**
+			 * @param {Object} 获取定点医院就医指标数据
+			 */
+			async getHospJyzb(code) {
+				if(code == '' || code == this.meCode) {
+					return;
+				}
+				this.meCode = code;
+				this.hospJyzb = {};
+				let res = await getHospJyzb({
+					query_id: "41072",
+					stt_f: code
+				})
+				if (res.data.success && res.data.data.length > 0) {
+					this.hospJyzb = res.data.data[0];
+					console.log(this.hospJyzb);
+				}
+			},
+
+			// 处理children为null
+			handleChilren(arr) {
+				// console.log("start");
+				let Tag = this.cateInfo.tag_code
+				// console.log(Tag);
+				let list = []
+				if (arr && arr.length) {
+					for (var i = 0; i < arr.length; i++) {
+						let el = arr[i]
+						let reg = new RegExp(`${Tag}`)
+						let HasCode = true
+						// console.log(!HasCode);
+						if (el.org) {
+							HasCode = reg.test(el.org)
+						}
+						let obj = {
+							id: el.ID,
+							name: el.name,
+							children: el.children ?? [],
+							onsite: el.onsite,
+							online: el.online,
+							dis: !HasCode
+						}
+						list.push(obj)
+					}
+				}
+				// console.log( list );
+				return list
+			},
+
+			// 过滤数据
+			filterTreeData(fid) {
+				let {
+					cateList
+				} = this
+				let data = []
+				if (cateList && cateList.length && fid >= 0) {
+					cateList.forEach(el => {
+						if (el.fid == fid) {
+
+							data.push(el)
+						}
+					})
+				}
+				// console.log(data);
+				return this.handleChilren(data)
+			},
+
+			open() {
+				// this.$refs.levelLinkage.open();
+				this.opend = true
+			},
+			onConfirm(e) {
+				this.collList = []
+				this.collItemList = []
+				let {
+					value
+				} = e
+				let index = value[0]
+				let fd = this.treeData[index]
+
+				this.collList = this.filterTreeData(fd.id)
+			},
+
+			/**
+			 * @name 折叠面板变化
+			 */
+			collChange(index) {
+				let self = this
+				try {
+					// console.log( index );
+					let {
+						id
+					} = self.collList[index]
+					self.collItemList = self.filterTreeData(id)
+					// console.log(self.collItemList);
+				} catch (e) {
+					// throw(e)
+				}
+			},
+
+			collSunChange() {
+
+			},
+
+			/**
+			 * @name 点击取消
+			 */
+			back() {
+				uni.navigateBack({
+
+				})
+			},
+
+
+
+			/**
+			 * @name 获取机构详情
+			 */
+			async getInfo() {
+				let {
+					id
+				} = this
+				let res = await getMechanismInfoById({
+					id: Number(id)
+				})
+				if (res.data.code == 1) {
+					console.log('000---000', res)
+					this.info = res.data.data
+					if (this.info) {
+						this.info.start_time = this.info.start_time ? this.info.start_time : "9:00"
+						this.info.end_time = this.info.end_time ? this.info.end_time : "17:00"
+						// console.log( this.info.cate_id );
+						this.getCate(this.info.cate_id)
+						if(this.info.cate_id == 2 && this.info.me_code) {
+							this.getHospJyzb(this.info.me_code)
+						}
+					}
+				}
+			},
+
+
+
+		},
+	}
+</script>
+
+<style>
+	page {
+		background-color: #fff;
+	}
+	.uni-collapse-item {
+		border-bottom: 1rpx solid #F1F1F1;
+	}
+	.item_content {
+		border-top: 1rpx solid #F1F1F1;
+	}
+	.child_item_title_2 {
+		font-size: 26rpx;
+		/* font-weight: bold; */
+		padding: 50rpx 0;
+		display: flex;
+		align-items: center;
+		border-bottom: 1rpx solid #F1F1F1;
+	}
+	.son_item .coll_item:last-child .child_item_title_2 {
+		border-bottom: none;
+	}
+</style>
+
+<style lang="scss" scoped>
+	.query-medicine {
+		@include ComponWidth;
+		background: #eee;
+		height: 100vh;
+		padding: 30rpx;
+		.query-header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			.position {
+				flex: 1;
+				margin-right: 20px;
+			}
+			.medicine-search {
+				flex: 8;
+				background-color: #fff;
+				border-radius: 50rpx;
+				display: flex;
+				align-items: center;
+				overflow: hidden;
+				padding-right: 20rpx;
+				padding: 0 30rpx;
+				input {
+					font-size: 15px;
+					height: 60rpx;
+					border-radius: 50rpx;
+					// padding-left: 30rpx;
+				}
+			}
+		}
+		.filter-element-box {
+			margin-top: 20rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			.filter-element {
+				flex: 2;
+				display: flex;
+				border-radius: 5rpx;
+				.filter-type {
+				background-color: #fff;
+					display: flex;
+					padding: 0 40rpx;
+					white-space: nowrap;
+					&:first-child {
+						border-right: 1rpx solid #CACBCC;
+					}
+				}
+				.filter-type.active {
+					color: #4D85F4;
+				}
+				
+			}
+			.select-element {
+				flex: 1;
+				::v-deep .uni-select {
+					background-color: #fff;
+				}
+			}
+		}
+		
+		
+		.query-list {
+			margin: 30rpx 0;
+			.list-item {
+				padding: 25rpx;
+				background-color: #fff;
+				border-radius: 5rpx;
+				// 卡片标题
+				.item-title {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					padding-bottom: 10rpx;
+					border-bottom: 1rpx solid #F1F1F1;
+					.title-name {
+						display: flex;
+						align-items: center;
+						& > view:first-child {
+							margin-right: 18rpx;
+							color: #000;
+							font-weight: bold;
+							font-size: 32rpx;
+						}
+						
+						& > view:last-child {
+							color: #4186E2;
+							border: 1rpx solid #4186E2;
+							border-radius: 5rpx;
+							padding: 2rpx 15rpx;
+							font-size: 20rpx;
+						}
+					}
+					.other-price {
+						font-size: 22rpx;
+						&.details {
+							color: #D91F1E;
+							font-weight: bold;
+							font-size: 32rpx;
+						}
+					}
+				}
+				// 卡片内容
+				.item-info {
+					.info-item {
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+						margin: 25rpx 0;
+						font-size: 25rpx;
+						.tags {
+							display: flex;
+							align-items: center;
+							.tag {
+								padding: 5rpx 20rpx;
+								border: 1rpx solid #248df9;
+								color: #248df9;
+								border-radius: 20rpx;
+								margin-right: 15rpx;
+								font-size: 20rpx;
+							}
+						}
+						.left {
+							display: flex;
+							align-items: center;
+							& > view:first-child {
+								min-width: 120rpx;
+								text-align: right;
+								margin-right: 30rpx;
+							}
+						}
+						.right.price {
+							color: #D91F1E;
+							font-weight: bold;
+						}
+						.right.btn {
+							background: #4D85F4;
+							color: #fff;
+							padding: 6rpx 17rpx;
+							border-radius: 12rpx;
+							font-size: 20rpx;
+							white-space: nowrap;
+						}
+					}
+				}
+			}
+			
+		}
+
+		.dian {
+			width: 18rpx;
+			height: 18rpx;
+			border-radius: 100%;
+			background-color: #248df9;
+			display: inline-block;
+			vertical-align: middle;
+			margin-right: 10px;
+		}
+
+		.cate {
+			margin: 20rpx;
+
+			.cate_class {
+				width: 100%;
+				height: 80rpx;
+				line-height: 80rpx;
+				font-size: 30rpx;
+				color: #3A3C3D;
+				border-top-left-radius: 30rpx;
+				border-top-right-radius: 30rpx;
+				background-color: #fff;
+				border-bottom: 1rpx solid #F1F1F1;
+				padding-left: 15rpx;
+				font-weight: bold;
+			}
+		}
+
+		.tab_box {
+			margin-bottom: 40rpx;
+		}
+
+		.desc {
+			font-size: 28rpx;
+			@include ComponWidth;
+			padding: 20rpx 40rpx;
+
+			.d_title {
+				margin-bottom: 20rpx;
+				color: #3A3C3D;
+				font-size: 32rpx;
+				font-weight: 400;
+			}
+
+			.desc_info {
+				line-height: 40rpx;
+				color: #8E9499;
+
+				.txt {
+					@include multipleRows(7);
+				}
+
+				.notxt {
+					text-align: center;
+
+					.img_txt {
+						width: 318rpx;
+						height: 124rpx;
+						margin: 40rpx auto;
+
+						image {
+							width: 318rpx;
+							height: 124rpx;
+						}
+					}
+
+					.nomore_txt {}
+				}
+			}
+		}
+
+		.fix_btm_btn {
+			@include ComponWidth;
+			background-color: #fff;
+			font-size: 28rpx;
+			height: 140rpx;
+			line-height: 140rpx;
+			text-align: center;
+			color: #4D85F4;
+			position: fixed;
+			left: 0;
+			bottom: 0;
+		}
+
+		.list_box {
+			@include ComponWidth;
+			padding-bottom: 140rpx;
+			// height: calc(100vh - 360rpx );
+			overflow: auto;
+
+			.l_title {
+				font-size: 28rpx;
+				color: #3A3C3D;
+				font-weight: bold;
+				padding: 20rpx;
+				max-width: 600rpx;
+				@include multipleRows(3);
+
+			}
+
+			.del {
+				font-size: 28rpx;
+				color: #CACBCC;
+				font-weight: bold;
+				padding: 20rpx;
+				max-width: 600rpx;
+				@include multipleRows(3);
+				text-decoration: line-through;
+			}
+
+			.item_content {
+				width: 100%;
+				height: 100%;
+				padding: 10rpx 40rpx;
+
+				.ql {
+					width: 100%;
+					height: 100%;
+
+					.son_item {
+						width: 100%;
+						height: 100%;
+
+						.coll_item {
+							// border-top: 1rpx solid #eee;
+						}
+
+						.onsite {
+							text-indent: 2em;
+							padding: 10rpx;
+							font-size: 24rpx;
+							color: #3A3C3D;
+							height: auto;
+						}
+					}
+				}
+			}
+		}
+	}
+
+.item_child_box {
+		.item_title {
+			font-weight: bold;
+			font-size: 28rpx;
+			padding: 20rpx 0
+		}
+
+		.child_item_title {
+			font-size: 25rpx;
+			padding: 20rpx 0;
+			color: #000;
+		}
+	}
+</style>

uni_modules/uni-data-select/changelog.md

@@ -0,0 +1,39 @@
+## 1.0.8（2024-03-28）
+- 修复 在vue2下:style动态绑定导致编译失败的bug
+## 1.0.7（2024-01-20）
+- 修复 长文本回显超过容器的bug，超过容器部分显示省略号
+## 1.0.6（2023-04-12）
+- 修复 微信小程序点击时会改变背景颜色的 bug
+## 1.0.5（2023-02-03）
+- 修复 禁用时会显示清空按钮
+## 1.0.4（2023-02-02）
+- 优化 查询条件短期内多次变更只查询最后一次变更后的结果
+- 调整 内部缓存键名调整为 uni-data-select-lastSelectedValue
+## 1.0.3（2023-01-16）
+- 修复 不关联服务空间报错的问题
+## 1.0.2（2023-01-14）
+- 新增  属性 `format` 可用于格式化显示选项内容
+## 1.0.1（2022-12-06）
+- 修复  当where变化时，数据不会自动更新的问题
+## 0.1.9（2022-09-05）
+- 修复 微信小程序下拉框出现后选择会点击到蒙板后面的输入框
+## 0.1.8（2022-08-29）
+- 修复 点击的位置不准确
+## 0.1.7（2022-08-12）
+- 新增 支持 disabled 属性
+## 0.1.6（2022-07-06）
+- 修复 pc端宽度异常的bug
+## 0.1.5
+- 修复 pc端宽度异常的bug
+## 0.1.4（2022-07-05）
+- 优化 显示样式
+## 0.1.3（2022-06-02）
+- 修复 localdata 赋值不生效的 bug
+- 新增 支持  uni.scss 修改颜色
+- 新增 支持选项禁用（数据选项设置 disabled: true 即禁用）
+## 0.1.2（2022-05-08）
+- 修复 当 value 为 0 时选择不生效的 bug
+## 0.1.1（2022-05-07）
+- 新增 记住上次的选项（仅 collection 存在时有效）
+## 0.1.0（2022-04-22）
+- 初始化

uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue

@@ -0,0 +1,562 @@
+<template>
+	<view class="uni-stat__select">
+		<span v-if="label" class="uni-label-text hide-on-phone">{{label + '：'}}</span>
+		<view class="uni-stat-box" :class="{'uni-stat__actived': current}">
+			<view class="uni-select" :class="{'uni-select--disabled':disabled}">
+				<view class="uni-select__input-box" @click="toggleSelector">
+					<view v-if="current" class="uni-select__input-text">{{textShow}}</view>
+					<view v-else class="uni-select__input-text uni-select__input-placeholder">{{typePlaceholder}}</view>
+					<view v-if="current && clear && !disabled" @click.stop="clearVal">
+						<uni-icons type="clear" color="#c0c4cc" size="24" />
+					</view>
+					<view v-else>
+						<uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" />
+					</view>
+				</view>
+				<view class="uni-select--mask" v-if="showSelector" @click="toggleSelector" />
+				<view class="uni-select__selector" :style="getOffsetByPlacement" v-if="showSelector">
+					<view :class="placement=='bottom'?'uni-popper__arrow_bottom':'uni-popper__arrow_top'"></view>
+					<scroll-view scroll-y="true" class="uni-select__selector-scroll">
+						<view class="uni-select__selector-empty" v-if="mixinDatacomResData.length === 0">
+							<text>{{emptyTips}}</text>
+						</view>
+						<view v-else class="uni-select__selector-item" v-for="(item,index) in mixinDatacomResData" :key="index"
+							@click="change(item)">
+							<text :class="{'uni-select__selector__disabled': item.disable}">{{formatItemName(item)}}</text>
+						</view>
+					</scroll-view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	/**
+	 * DataChecklist 数据选择器
+	 * @description 通过数据渲染的下拉框组件
+	 * @tutorial https://uniapp.dcloud.io/component/uniui/uni-data-select
+	 * @property {String} value 默认值
+	 * @property {Array} localdata 本地数据 ，格式 [{text:'',value:''}]
+	 * @property {Boolean} clear 是否可以清空已选项
+	 * @property {Boolean} emptyText 没有数据时显示的文字 ，本地数据无效
+	 * @property {String} label 左侧标题
+	 * @property {String} placeholder 输入框的提示文字
+	 * @property {Boolean} disabled 是否禁用
+	 * @property {String} placement 弹出位置
+	 * 	@value top   		顶部弹出
+	 * 	@value bottom		底部弹出（default)
+	 * @event {Function} change  选中发生变化触发
+	 */
+
+	export default {
+		name: "uni-data-select",
+		mixins: [uniCloud.mixinDatacom || {}],
+		props: {
+			localdata: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			value: {
+				type: [String, Number],
+				default: ''
+			},
+			modelValue: {
+				type: [String, Number],
+				default: ''
+			},
+			label: {
+				type: String,
+				default: ''
+			},
+			placeholder: {
+				type: String,
+				default: '请选择'
+			},
+			emptyTips: {
+				type: String,
+				default: '无选项'
+			},
+			clear: {
+				type: Boolean,
+				default: true
+			},
+			defItem: {
+				type: Number,
+				default: 0
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			// 格式化输出 用法 field="_id as value, version as text, uni_platform as label" format="{label} - {text}"
+			format: {
+				type: String,
+				default: ''
+			},
+			placement: {
+				type: String,
+				default: 'bottom'
+			}
+		},
+		data() {
+			return {
+				showSelector: false,
+				current: '',
+				mixinDatacomResData: [],
+				apps: [],
+				channels: [],
+				cacheKey: "uni-data-select-lastSelectedValue",
+			};
+		},
+		created() {
+			this.debounceGet = this.debounce(() => {
+				this.query();
+			}, 300);
+			if (this.collection && !this.localdata.length) {
+				this.debounceGet();
+			}
+		},
+		computed: {
+			typePlaceholder() {
+				const text = {
+					'opendb-stat-app-versions': '版本',
+					'opendb-app-channels': '渠道',
+					'opendb-app-list': '应用'
+				}
+				const common = this.placeholder
+				const placeholder = text[this.collection]
+				return placeholder ?
+					common + placeholder :
+					common
+			},
+			valueCom() {
+				// #ifdef VUE3
+				return this.modelValue;
+				// #endif
+				// #ifndef VUE3
+				return this.value;
+				// #endif
+			},
+			textShow() {
+				// 长文本显示
+				let text = this.current;
+				if (text.length > 10) {
+					return text.slice(0, 25) + '...';
+				}
+				return text;
+			},
+			getOffsetByPlacement() {
+				switch (this.placement) {
+					case 'top':
+						return "bottom:calc(100% + 12px);";
+					case 'bottom':
+						return "top:calc(100% + 12px);";
+				}
+			}
+		},
+
+		watch: {
+			localdata: {
+				immediate: true,
+				handler(val, old) {
+					if (Array.isArray(val) && old !== val) {
+						this.mixinDatacomResData = val
+					}
+				}
+			},
+			valueCom(val, old) {
+				this.initDefVal()
+			},
+			mixinDatacomResData: {
+				immediate: true,
+				handler(val) {
+					if (val.length) {
+						this.initDefVal()
+					}
+				}
+			},
+
+		},
+		methods: {
+			debounce(fn, time = 100) {
+				let timer = null
+				return function(...args) {
+					if (timer) clearTimeout(timer)
+					timer = setTimeout(() => {
+						fn.apply(this, args)
+					}, time)
+				}
+			},
+			// 执行数据库查询
+			query() {
+				this.mixinDatacomEasyGet();
+			},
+			// 监听查询条件变更事件
+			onMixinDatacomPropsChange() {
+				if (this.collection) {
+					this.debounceGet();
+				}
+			},
+			initDefVal() {
+				let defValue = ''
+				if ((this.valueCom || this.valueCom === 0) && !this.isDisabled(this.valueCom)) {
+					defValue = this.valueCom
+				} else {
+					let strogeValue
+					if (this.collection) {
+						strogeValue = this.getCache()
+					}
+					if (strogeValue || strogeValue === 0) {
+						defValue = strogeValue
+					} else {
+						let defItem = ''
+						if (this.defItem > 0 && this.defItem <= this.mixinDatacomResData.length) {
+							defItem = this.mixinDatacomResData[this.defItem - 1].value
+						}
+						defValue = defItem
+					}
+					if (defValue || defValue === 0) {
+						this.emit(defValue)
+					}
+				}
+				const def = this.mixinDatacomResData.find(item => item.value === defValue)
+				this.current = def ? this.formatItemName(def) : ''
+			},
+
+			/**
+			 * @param {[String, Number]} value
+			 * 判断用户给的 value 是否同时为禁用状态
+			 */
+			isDisabled(value) {
+				let isDisabled = false;
+
+				this.mixinDatacomResData.forEach(item => {
+					if (item.value === value) {
+						isDisabled = item.disable
+					}
+				})
+
+				return isDisabled;
+			},
+
+			clearVal() {
+				this.emit('')
+				if (this.collection) {
+					this.removeCache()
+				}
+			},
+			change(item) {
+				if (!item.disable) {
+					this.showSelector = false
+					this.current = this.formatItemName(item)
+					this.emit(item.value)
+				}
+			},
+			emit(val) {
+				this.$emit('input', val)
+				this.$emit('update:modelValue', val)
+				this.$emit('change', val)
+				if (this.collection) {
+					this.setCache(val);
+				}
+			},
+			toggleSelector() {
+				if (this.disabled) {
+					return
+				}
+
+				this.showSelector = !this.showSelector
+			},
+			formatItemName(item) {
+				let {
+					text,
+					value,
+					channel_code
+				} = item
+				channel_code = channel_code ? `(${channel_code})` : ''
+
+				if (this.format) {
+					// 格式化输出
+					let str = "";
+					str = this.format;
+					for (let key in item) {
+						str = str.replace(new RegExp(`{${key}}`, "g"), item[key]);
+					}
+					return str;
+				} else {
+					return this.collection.indexOf('app-list') > 0 ?
+						`${text}(${value})` :
+						(
+							text ?
+							text :
+							`未命名${channel_code}`
+						)
+				}
+			},
+			// 获取当前加载的数据
+			getLoadData() {
+				return this.mixinDatacomResData;
+			},
+			// 获取当前缓存key
+			getCurrentCacheKey() {
+				return this.collection;
+			},
+			// 获取缓存
+			getCache(name = this.getCurrentCacheKey()) {
+				let cacheData = uni.getStorageSync(this.cacheKey) || {};
+				return cacheData[name];
+			},
+			// 设置缓存
+			setCache(value, name = this.getCurrentCacheKey()) {
+				let cacheData = uni.getStorageSync(this.cacheKey) || {};
+				cacheData[name] = value;
+				uni.setStorageSync(this.cacheKey, cacheData);
+			},
+			// 删除缓存
+			removeCache(name = this.getCurrentCacheKey()) {
+				let cacheData = uni.getStorageSync(this.cacheKey) || {};
+				delete cacheData[name];
+				uni.setStorageSync(this.cacheKey, cacheData);
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	$uni-base-color: #6a6a6a !default;
+	$uni-main-color: #333 !default;
+	$uni-secondary-color: #909399 !default;
+	$uni-border-3: #e5e5e5;
+
+	/* #ifndef APP-NVUE */
+	@media screen and (max-width: 500px) {
+		.hide-on-phone {
+			display: none;
+		}
+	}
+
+	/* #endif */
+	.uni-stat__select {
+		display: flex;
+		align-items: center;
+		// padding: 15px;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		width: 100%;
+		flex: 1;
+		box-sizing: border-box;
+	}
+
+	.uni-stat-box {
+		width: 100%;
+		flex: 1;
+	}
+
+	.uni-stat__actived {
+		width: 100%;
+		flex: 1;
+		// outline: 1px solid #2979ff;
+	}
+
+	.uni-label-text {
+		font-size: 14px;
+		font-weight: bold;
+		color: $uni-base-color;
+		margin: auto 0;
+		margin-right: 5px;
+	}
+
+	.uni-select {
+		font-size: 14px;
+		border: 1px solid $uni-border-3;
+		box-sizing: border-box;
+		border-radius: 4px;
+		padding: 0 5px;
+		padding-left: 10px;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		user-select: none;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		border-bottom: solid 1px $uni-border-3;
+		width: 100%;
+		flex: 1;
+		height: 35px;
+
+		&--disabled {
+			background-color: #f5f7fa;
+			cursor: not-allowed;
+		}
+	}
+
+	.uni-select__label {
+		font-size: 16px;
+		// line-height: 22px;
+		height: 35px;
+		padding-right: 10px;
+		color: $uni-secondary-color;
+	}
+
+	.uni-select__input-box {
+		height: 35px;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.uni-select__input {
+		flex: 1;
+		font-size: 14px;
+		height: 22px;
+		line-height: 22px;
+	}
+
+	.uni-select__input-plac {
+		font-size: 14px;
+		color: $uni-secondary-color;
+	}
+
+	.uni-select__selector {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		position: absolute;
+		left: 0;
+		width: 100%;
+		background-color: #FFFFFF;
+		border: 1px solid #EBEEF5;
+		border-radius: 6px;
+		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+		z-index: 3;
+		padding: 4px 0;
+	}
+
+	.uni-select__selector-scroll {
+		/* #ifndef APP-NVUE */
+		max-height: 200px;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	/* #ifdef H5 */
+	@media (min-width: 768px) {
+		.uni-select__selector-scroll {
+			max-height: 600px;
+		}
+	}
+
+	/* #endif */
+
+	.uni-select__selector-empty,
+	.uni-select__selector-item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		cursor: pointer;
+		/* #endif */
+		line-height: 35px;
+		font-size: 14px;
+		text-align: center;
+		/* border-bottom: solid 1px $uni-border-3; */
+		padding: 0px 10px;
+	}
+
+	.uni-select__selector-item:hover {
+		background-color: #f9f9f9;
+	}
+
+	.uni-select__selector-empty:last-child,
+	.uni-select__selector-item:last-child {
+		/* #ifndef APP-NVUE */
+		border-bottom: none;
+		/* #endif */
+	}
+
+	.uni-select__selector__disabled {
+		opacity: 0.4;
+		cursor: default;
+	}
+
+	/* picker 弹出层通用的指示小三角 */
+	.uni-popper__arrow_bottom,
+	.uni-popper__arrow_bottom::after,
+	.uni-popper__arrow_top,
+	.uni-popper__arrow_top::after,
+	{
+	position: absolute;
+	display: block;
+	width: 0;
+	height: 0;
+	border-color: transparent;
+	border-style: solid;
+	border-width: 6px;
+	}
+
+	.uni-popper__arrow_bottom {
+		filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
+		top: -6px;
+		left: 10%;
+		margin-right: 3px;
+		border-top-width: 0;
+		border-bottom-color: #EBEEF5;
+	}
+
+	.uni-popper__arrow_bottom::after {
+		content: " ";
+		top: 1px;
+		margin-left: -6px;
+		border-top-width: 0;
+		border-bottom-color: #fff;
+	}
+
+	.uni-popper__arrow_top {
+		filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
+		bottom: -6px;
+		left: 10%;
+		margin-right: 3px;
+		border-bottom-width: 0;
+		border-top-color: #EBEEF5;
+	}
+
+	.uni-popper__arrow_top::after {
+		content: " ";
+		bottom: 1px;
+		margin-left: -6px;
+		border-bottom-width: 0;
+		border-top-color: #fff;
+	}
+
+
+	.uni-select__input-text {
+		// width: 280px;
+		width: 100%;
+		color: $uni-main-color;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		-o-text-overflow: ellipsis;
+		overflow: hidden;
+	}
+
+	.uni-select__input-placeholder {
+		color: $uni-base-color;
+		font-size: 12px;
+	}
+
+	.uni-select--mask {
+		position: fixed;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		left: 0;
+		z-index: 2;
+	}
+</style>

uni_modules/uni-data-select/package.json

@@ -0,0 +1,86 @@
+{
+  "id": "uni-data-select",
+  "displayName": "uni-data-select 下拉框选择器",
+  "version": "1.0.8",
+  "description": "通过数据驱动的下拉框选择器",
+  "keywords": [
+    "uni-ui",
+    "select",
+    "uni-data-select",
+    "下拉框",
+    "下拉选"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "^3.1.1"
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+"dcloudext": {
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+    "type": "component-vue"
+  },
+  "uni_modules": {
+    "dependencies": ["uni-load-more"],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "App": {
+          "app-vue": "u",
+          "app-nvue": "n"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "u",
+          "百度": "u",
+          "字节跳动": "u",
+        "QQ": "u",
+        "京东": "u"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}

uni_modules/uni-data-select/readme.md

@@ -0,0 +1,8 @@
+## DataSelect 下拉框选择器
+> **组件名：uni-data-select**
+> 代码块： `uDataSelect`
+
+当选项过多时，使用下拉菜单展示并选择内容
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-data-select)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 

uni_modules/uni-load-more/changelog.md

@@ -0,0 +1,25 @@
+## 1.3.6（2024-10-15）
+- 修复 微信小程序中的getSystemInfo警告
+## 1.3.5（2024-10-12）
+- 修复 微信小程序中的getSystemInfo警告
+## 1.3.4（2024-10-12）
+- 修复 微信小程序中的getSystemInfo警告
+## 1.3.3（2022-01-20）
+- 新增 showText属性 ，是否显示文本
+## 1.3.2（2022-01-19）
+- 修复 nvue 平台下不显示文本的bug
+## 1.3.1（2022-01-19）
+- 修复 微信小程序平台样式选择器报警告的问题
+## 1.3.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-load-more](https://uniapp.dcloud.io/component/uniui/uni-load-more)
+## 1.2.1（2021-08-24）
+- 新增 支持国际化
+## 1.2.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.1.8（2021-05-12）
+- 新增 组件示例地址
+## 1.1.7（2021-03-30）
+- 修复 uni-load-more 在首页使用时，h5 平台报 'uni is not defined' 的 bug
+## 1.1.6（2021-02-05）
+- 调整为uni_modules目录规范

uni_modules/uni-load-more/components/uni-load-more/i18n/en.json

@@ -0,0 +1,5 @@
+{
+	"uni-load-more.contentdown": "Pull up to show more",
+	"uni-load-more.contentrefresh": "loading...",
+	"uni-load-more.contentnomore": "No more data"
+}

uni_modules/uni-load-more/components/uni-load-more/i18n/index.js

@@ -0,0 +1,8 @@
+import en from './en.json'
+import zhHans from './zh-Hans.json'
+import zhHant from './zh-Hant.json'
+export default {
+	en,
+	'zh-Hans': zhHans,
+	'zh-Hant': zhHant
+}

uni_modules/uni-load-more/components/uni-load-more/i18n/zh-Hans.json

@@ -0,0 +1,5 @@
+{
+	"uni-load-more.contentdown": "上拉显示更多",
+	"uni-load-more.contentrefresh": "正在加载...",
+	"uni-load-more.contentnomore": "没有更多数据了"
+}

uni_modules/uni-load-more/components/uni-load-more/i18n/zh-Hant.json

@@ -0,0 +1,5 @@
+{
+	"uni-load-more.contentdown": "上拉顯示更多",
+	"uni-load-more.contentrefresh": "正在加載...",
+	"uni-load-more.contentnomore": "沒有更多數據了"
+}

uni_modules/uni-load-more/package.json

@@ -0,0 +1,84 @@
+{
+  "id": "uni-load-more",
+  "displayName": "uni-load-more 加载更多",
+  "version": "1.3.6",
+  "description": "LoadMore 组件，常用在列表里面，做滚动加载使用。",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "加载更多",
+    "load-more"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": ""
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+"dcloudext": {
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+    "type": "component-vue"
+  },
+  "uni_modules": {
+    "dependencies": ["uni-scss"],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}

uni_modules/uni-load-more/readme.md

@@ -0,0 +1,14 @@
+
+
+### LoadMore 加载更多
+> **组件名：uni-load-more**
+> 代码块： `uLoadMore`
+
+
+用于列表中，做滚动加载使用，展示 loading 的各种状态。
+
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-load-more)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 
+
+