添加药品比价功能

assets/api/mechanism.js

@@ -1,10 +1,13 @@
-import { Request, Request2 } from "@/assets/js/request.js"
+import {
+	Request,
+	Request2
+} from "@/assets/js/request.js"
 
 /**
  * @name 根据ID获取用户信息
  */
 export async function getMechanismInfoById(params) {
-    return await Request("/mechanism/port/GetMechanismInfoById", params)
+	return await Request("/mechanism/port/GetMechanismInfoById", params)
 }
 
 
@@ -12,7 +15,7 @@ export async function getMechanismInfoById(params) {
  * @name 保存机构的坐标
  */
 export async function SaveMechanismPosition(params) {
-    return await Request("/mechanism/port/SaveMechanismLocation", params)
+	return await Request("/mechanism/port/SaveMechanismLocation", params)
 }
 
 
@@ -20,7 +23,7 @@ export async function SaveMechanismPosition(params) {
  * @name 删除机构
  */
 export async function deleteMechanism(params) {
-    return await Request("/mechanism/port/DeleteMechanism", params)
+	return await Request("/mechanism/port/DeleteMechanism", params)
 }
 
 
@@ -28,14 +31,14 @@ export async function deleteMechanism(params) {
  * @name 计算距离
  */
 export async function getDistance(params) {
-    return await Request("/mechanism/port/GetDistance", params)
+	return await Request("/mechanism/port/GetDistance", params)
 }
 
 /**
  * @name 获取地区
  */
 export async function getArea(params) {
-    return await Request("/mechanism/port/GetAreaListForMini", params)
+	return await Request("/mechanism/port/GetAreaListForMini", params)
 }
 
 
@@ -43,33 +46,79 @@ export async function getArea(params) {
  * @name 获取分类信息
  */
 export async function getCateById(params) {
-    return await Request("/category/port/GetCateById", params)
+	return await Request("/category/port/GetCateById", params)
 }
 
 /**
  * @name 查看机构提供服务事项列表
  */
 export async function GetServeCateListForMid(params) {
-    return await Request("/serveCate/port/GetServeCateListForMid", params)
+	return await Request("/serveCate/port/GetServeCateListForMid", params)
 }
 
 /**
  * @name 根据办理业务id获取办理材料
  */
 export async function GetServeCateListById(params) {
-    return await Request("/serveCate/port/GetServeCateListById", params)
+	return await Request("/serveCate/port/GetServeCateListById", params)
 }
 
 /**
  * @name 根据医院编码获取定点医院就医指标数据
  */
 export async function getHospJyzb(params) {
-    return await Request2("/sana/web/query/41072?queryid=41072", params)
+	return await Request2("/sana/web/query/41072?queryid=41072", params)
 }
 
 /**
  * @name 根据机构编码获取定点机构信用等级数据
  */
 export async function getCreditLevel(params) {
-    return await Request2("/sana/web/query/41073?queryid=41073", params)
+	return await Request2("/sana/web/query/41073?queryid=41073", params)
 }
+
+
+
+/**
+ * @name 药店药品列表信息(50001)
+ */
+export async function getMedicineList(params) {
+	return await Request2("/sana/web/query/50001?queryid=50001", params)
+}
+
+/**
+ * @name 药店药品信息(50002)
+ */
+export async function getMedicineInfo(params) {
+	return await Request2("/sana/web/query/50002?queryId=50002", params)
+}
+
+/**
+ * @name 根据药品名称查询药店药品列表信息(50003)
+ */
+export async function getMedicineListByName(params) {
+	return await Request2("/sana/web/query/50003?queryid=50003", params)
+}
+
+/**
+ * @name 根据药品名称查询药品列表信息(50004)
+ */
+export async function getMedicineListByName2(params) {
+	return await Request2("/sana/web/query/50004?queryid=50004", params)
+}
+
+/**
+ * @name 查询常用药品列表信息(50005)
+ */
+export async function getCommonMedicineList(params) {
+	return await Request2("/sana/web/query/50005?queryid=50005", params)
+}
+
+
+/**
+ * @name 查询该药品 比价门店列表数据
+ * https://cc-e.chs.zhengzhou.gov.cn/gzh/app/mechanism/port/GetDrugStoreListByDrug
+ */
+export async function GetDrugStoreListByDrug(params) {
+	return await Request("/mechanism/port/GetDrugStoreListByDrug", params)
+}

components/index/Sale.vue

@@ -1,61 +1,126 @@
 <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 class="comm-sale">
+		<view v-if="!isSale" class="list-item" v-for="(item, index) of saleList" :key="item.id" :style="{margin: !isDetails ? '30rpx 0' : '0'}">
+			<view class="item-title">
+				<view class="title-name">
+					<view class="title-icon"></view>
+					<view class="">
+						{{ item.ypmc }}
+					</view>
+
+				</view>
+				<!-- <view class="other-price">
+					<view style="opacity: 0;">
+						甲类
+					</view>
+				</view> -->
+			</view>
+			<view class="item-info">
+				<view class="info-item">
+					<view class="left row-24 scqy-style-box">
+						<view class="row-24 scqy-style">生产企业：</view>
+						<view class="row-24 scqy-info-style">
+							{{ item.ypsccj }}
 						</view>
 					</view>
-					<view class="other-price">
-						最低售价
+					<!-- <view class="right price">
+							¥0.50
+						</view> -->
+				</view>
+				<view class="info-item">
+					<view class="left">
+						<!-- <view>类别：</view>
+						<view>---</view>
+					</view>
+					<view class="right"> -->
+						<view>剂型：</view>
+						<view>{{ item.ypjx }}</view>
 					</view>
 				</view>
-				<view class="item-info">
-					<view class="info-item">
-						<view class="left">
-							<view>生产企业：</view>
-							福元药业有限公司
+				<view class="info-item">
+					<view class="left row-24 gg-style-box">
+						<view class="row-24">规格：</view>
+						<view class="row-24 gg-info-style">{{ item.ypgg }}</view>
+					</view>
+				<!-- 	<view class="right">
+						<view>在售药店：</view>
+						<view style="color: #4D85F4;">
+							651家
 						</view>
-						<view class="right price">
-							¥0.50
+					</view> -->
+					<view v-if="code == '0' && !isHeader" class="right btn" @click.stop="viewSale(JSON.stringify(item))">
+						查看在售药店
+					</view>
+				</view>
+				<view v-if="code != '0' && (drugInfo.ypjg || item.ypjg)" class="info-item">
+					<view  class="left price">
+						<view>参考价：</view>
+						<view v-if="drugInfo.ypjg">
+							¥{{ drugInfo.ypjg }}
+						</view>
+						<view v-else-if="item.ypjg">
+							¥{{ item.ypjg }}
 						</view>
 					</view>
-					<view class="info-item">
-						<view class="left">
-							<view>类别：</view>
-							西药中成药
-							</view>
+					<view v-if="!isDetails" class="right btn" @click.stop="viewSale(JSON.stringify(item))">
+						查看在售药店
 					</view>
+				</view>
+			</view>
+		</view>
+		<view v-if="isSale" class="query-list">
+			<view class="list-item" v-for="(item, index) of uniqueArray" :key="item.id">
+				<view class="item-title">
+					<view class="title-name">
+						<view class="">
+							{{ item.name }}
+						</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>
-							1支/支
-							</view>
+						<view class="left sale-left">
+							<view style="min-width: min-content;text-align: left;" class="meters">{{item.distance * 1000}}米</view>
+							{{item.address}}
+						</view>
 					</view>
+		
 					<view class="info-item">
-						<view class="left">
-							<view>剂型：</view>
-							外用溶液剂
+						<view class="left sale-left">
+							<view class="other-price details">¥{{ item.ypjg }}</view>
+							<!-- <view style="color: #D91F1E;font-weight: bold;">
+								<text style="color: #AAAAAA;">高于最低价：</text>
+								{{ item.diffprice }}元
+							</view> -->
 						</view>
 					</view>
+					<!-- 
 					<view class="info-item">
-						<view class="left">
-							<view>在售药店：</view>
-							<view style="color: #4D85F4;">
-								651家
-							</view>
+						<view class="tags">
+							<view class="tag">定点药店购药</view>
+							<view class="tag">异地门诊</view>
 						</view>
-						<view v-if="!isDetails" class="right btn" @click.stop="viewSale">
-							查看在告药店
+					</view> -->
+					<view class="info-item footer-btns">
+						<view class="left sale-left" @click="callPhone(item.phone)">
+							<img class="btn-img" src="@/static/imgs/iphone-icon.png" />
+							<view class="btn-iphone">联系电话</view>
+						</view>
+						<view class="right sale-right" @click="daoHang(item)">
+							<img class="btn-img" src="@/static/imgs/mark-icon.png" />
+							<view class="btn-position">
+								一键导航
+							</view>
 						</view>
 					</view>
 				</view>
 			</view>
-			<slot v-else></slot>
+		</view>
+		
 		<LoadModal v-if="loading"></LoadModal>
 	</view>
 </template>
@@ -65,19 +130,23 @@
 		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: {
+			detailsId: Number,
+			cardInfo: Object,
+			code: {
+				type: String,
+				default: '0'
+			},
+			drugInfo: Object,
+			saleList: {
+				type: Array,
+				default: () => []
+			},
 			isDetails: {
 				type: Boolean,
 				default: false
@@ -85,6 +154,10 @@
 			isSale: {
 				type: Boolean,
 				default: false
+			},
+			isHeader: {
+				type: Boolean,
+				default: false
 			}
 		},
 		data() {
@@ -116,26 +189,17 @@
 
 				tabList: ["简介", "参保登记类"],
 				TabCur: 0,
-				meCode : "",
+				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([]),
@@ -145,86 +209,21 @@
 			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;
-				}
-
+			
+			uniqueArray() {
+				const newArr = this.saleList.reduce((acc, current) => {
+				  if (!acc.some(item => item.id === current.id)) {
+				    acc.push(current);
+				  }
+				  return acc;
+				}, []);
+				return newArr;
 			}
 		},
 
 		watch: {
 			treeData() {
 
-				if (!this.opend && this.treeData && this.treeData.length && this.isShowCate) {
-					setTimeout(() => {
-						this.loading = false
-						this.GetServeCateListHandle()
-					}, 200)
-				}
 			},
 			loading() {
 				console.log(this.loading);
@@ -232,20 +231,30 @@
 
 		},
 		onPullDownRefresh() {
-			this.getInfo()
+			this.loading = true;
 			setTimeout(() => {
+				this.loading = false;
 				uni.stopPullDownRefresh()
 			}, 500)
 		},
 		methods: {
-			
 			// 查看在售
-			viewSale () {
-				uni.navigateTo({
-					url: `/pages/index/sale?id=111`
-				})
+			viewSale(item) {
+				uni.setStorage({
+				  key: 'sale-item',
+				  data: item,
+				  success: function () {
+				    console.log('存储成功');
+				  }
+				});
+				const params = JSON.parse(item)
+				if (params) {
+					uni.navigateTo({
+						url: `/pages/index/sale?id=50002&stt_f=${this.code}&stt_ypbm=${params.ypbm}&detailsId=${this.detailsId}`
+					})
+				}
 			},
-			
+
 			/**
 			 * @name input获取焦点
 			 */
@@ -262,97 +271,60 @@
 					// })
 				}
 			},
-			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} 获取分类信息
+			 * @name 拨打电话
 			 */
-			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()
+			callPhone(phone) {
+				if (!phone) {
+					uni.showToast({
+						title: "该门店，暂无联系电话。",
+						icon: "none",
+					});
+				} else {
+					uni.makePhoneCall({
+						phoneNumber: phone
+					})
 				}
 			},
-						
+			
 			/**
-			 * @param {Object} 获取定点医院就医指标数据
+			 * @name 打开导航
 			 */
-			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);
+			daoHang(cardInfo) {
+				let {
+					latitude,
+					longitude,
+					name,
+					address,
+					a_latitude,
+					a_longitude
+				} = cardInfo
+				let lat = a_latitude ? a_latitude : latitude
+				let lng = a_longitude ? a_longitude : longitude
+				if (lat && lng) {
+					uni.openLocation({
+						latitude: Number(lat),
+						longitude: Number(lng),
+						name,
+						address,
+						fail(err) {
+							console.log(err)
+						}
+					})
 				}
+			
 			},
-
 			// 处理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)
 						}
@@ -367,7 +339,6 @@
 						list.push(obj)
 					}
 				}
-				// console.log( list );
 				return list
 			},
 
@@ -390,7 +361,6 @@
 			},
 
 			open() {
-				// this.$refs.levelLinkage.open();
 				this.opend = true
 			},
 			onConfirm(e) {
@@ -411,12 +381,10 @@
 			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)
 				}
@@ -434,36 +402,6 @@
 
 				})
 			},
-
-
-
-			/**
-			 * @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>
@@ -472,12 +410,15 @@
 	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; */
@@ -486,6 +427,7 @@
 		align-items: center;
 		border-bottom: 1rpx solid #F1F1F1;
 	}
+
 	.son_item .coll_item:last-child .child_item_title_2 {
 		border-bottom: none;
 	}
@@ -493,29 +435,191 @@
 
 <style lang="scss" scoped>
 	.comm-sale {
-		margin: 30rpx 0;
+		.list-item {
+			// padding: 25rpx;
+			background-color: #fff;
+			border-radius: 5rpx;
+			margin: 0 0 10rpx 0 !important;
+			border: 1px solid #EAF4FE;
+			overflow: hidden;
+			// border-radius: 15px 15px 0px 0px;
+
+			// 卡片标题
+			.item-title {
+				// padding: 20rpx 30rpx;
+				background: #EAF4FE;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				// padding-bottom: 10rpx;
+				// border-bottom: 1rpx solid #F1F1F1;
+				height: 75rpx;
+				padding: 0 30rpx;
+
+				.title-name {
+					display: flex;
+					align-items: center;
+
+					.title-icon {
+						width: 5px;
+						height: 15px;
+						background: #4D85F4;
+						border-radius: 4px;
+						margin-right: 15rpx;
+					}
+
+					&>view:last-child {
+						margin-right: 18rpx;
+						color: #000;
+						font-weight: bold;
+						font-size: 32rpx;
+					}
+				}
+
+				.other-price {
+					font-size: 22rpx;
+
+					&>view:last-child {
+						border-radius: 5rpx;
+						padding: 6rpx 15rpx;
+						font-size: 20rpx;
+						background: #4186e238;
+						color: #4D85F4;
+					}
+				}
+			}
+
+			// 卡片内容
+			.item-info {
+				padding: 0 25rpx;
+
+				.info-item {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					margin: 25rpx 0;
+					font-size: 25rpx;
+					.scqy-style-box,
+					.gg-style-box {
+						align-items: flex-start !important;
+					}
+					.left.row-24 {
+						width: 100%;
+						.scqy-style {
+							white-space: nowrap;
+						}
+						.scqy-info-style,
+						.gg-info-style {
+							// background-color: green;
+							text-overflow: initial;
+							white-space: pre-wrap;
+							overflow: auto;
+						}
+					}
+					.left {
+						display: flex;
+						align-items: center;
+
+						&>view:first-child {
+							min-width: 120rpx;
+							text-align: right;
+							margin-right: 10rpx;
+							color: #000;
+						}
+						&>view.row-24:first-child {
+							flex: 1;
+						}
+						&>view.row-24 {
+							width: 100%;
+							flex: 5;
+						}
+						&>view:last-child {
+							width: 200rpx;
+							text-overflow: ellipsis;
+							white-space: nowrap;
+							overflow: hidden;
+							
+						}
+					}
+					
+					
+
+					.right {
+						display: flex;
+						align-items: center;
+						
+						&>view:first-child {
+							min-width: 120rpx;
+							text-align: right;
+							margin-right: 10rpx;
+							color: #000;
+						}
+						
+						&>view:last-child {
+							width: 200rpx;
+							text-overflow: ellipsis;
+							white-space: nowrap;
+							overflow: hidden;
+						}
+					}
+
+					.right.price,
+					.left.price {
+						&>view:first-child {
+							
+						}
+						&>view:last-child {
+								color: #B2000A;
+								font-weight: bold;
+								font-size: 36rpx;
+						}
+					}
+
+					.right.btn {
+						background: #4D85F4;
+						color: #fff;
+						padding: 6rpx 17rpx;
+						border-radius: 12rpx;
+						font-size: 20rpx;
+						white-space: nowrap;
+					}
+				}
+			}
+		}
+		
+		.query-list {
+			margin: 0 0 30rpx 0;
+		
 			.list-item {
 				padding: 25rpx;
+				margin: 0;
 				background-color: #fff;
 				border-radius: 5rpx;
+		
 				// 卡片标题
 				.item-title {
+					padding: 0;
+					background: none;
 					display: flex;
 					align-items: center;
 					justify-content: space-between;
 					padding-bottom: 10rpx;
-					border-bottom: 1rpx solid #F1F1F1;
+					// border-bottom: 1rpx solid #F1F1F1;
+		
 					.title-name {
 						display: flex;
 						align-items: center;
-						& > view:first-child {
-							margin-right: 18rpx;
+		
+						&>view:first-child {
+							// margin-right: 18rpx;
 							color: #000;
 							font-weight: bold;
 							font-size: 32rpx;
+							word-wrap: break-word;
+							word-break: break-all;
 						}
-						
-						& > view:last-child {
+		
+						&>view:last-child {
 							color: #4186E2;
 							border: 1rpx solid #4186E2;
 							border-radius: 5rpx;
@@ -523,10 +627,59 @@
 							font-size: 20rpx;
 						}
 					}
-					.other-price {
-						font-size: 22rpx;
+		
+		
+				}
+				
+				.item-info {
+					padding: 0;
+				}
+				.info-item.footer-btns {
+					margin-bottom: 0 !important;
+					border-top: 1rpx solid #4d85f433;
+					padding-top: 25rpx;
+		
+					.left.sale-left {
+						color: #4D85F4;
+						border-color: #4D85F4 !important;
+						text-align: left;
+						.meters {
+							text-align: left !important;
+						}
+					}
+		
+					.right {
+						color: #fff;
+						background: #4D85F4;
+					}
+		
+					.left,
+					.right {
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						padding: 16rpx 35rpx;
+						border-radius: 5px;
+						border: 1px solid transparent;
+		
+						&>.btn-img {
+							width: 24rpx;
+							height: 24rpx;
+							margin-right: 10rpx;
+						}
+		
+						&>.btn-iphone {
+							background: #FFFFFF;
+							width: fit-content;
+						}
+		
+						&>.btn-position {
+							width: fit-content;
+						}
 					}
+		
 				}
+		
 				// 卡片内容
 				.item-info {
 					.info-item {
@@ -535,19 +688,72 @@
 						justify-content: space-between;
 						margin: 25rpx 0;
 						font-size: 25rpx;
-						.left {
+		
+						.tags {
 							display: flex;
 							align-items: center;
-							& > view:first-child {
+		
+							.tag {
+								padding: 5rpx 20rpx;
+								border: 1rpx solid #248df9;
+								color: #248df9;
+								border-radius: 20rpx;
+								margin-right: 15rpx;
+								font-size: 20rpx;
+							}
+						}
+						.left.sale-left {
+							&>view:first-child {
+								min-width: inherit;
+							}
+						}
+						.left {
+							display: flex;
+							// align-items: flex-start;
+							&>view:last-child {
+								width: fit-content !important;
+								text-overflow: ellipsis;
+								white-space: nowrap;
+								overflow: hidden;
+							}
+							.meters {
+								color: #4D85F4;
+								margin-right: 0 !important;
+		
+								&::after {
+									content: "";
+									width: 1px;
+									height: 8px;
+									background: #4d85f433;
+									margin: 0 15rpx;
+									display: inline-block;
+									word-wrap: break-word;
+									word-break: break-all;
+								}
+							}
+		
+							.other-price {
+								font-size: 22rpx;
+		
+								&.details {
+									color: #D91F1E;
+									font-weight: bold;
+									font-size: 32rpx;
+								}
+							}
+		
+							&>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;
@@ -559,7 +765,8 @@
 					}
 				}
 			}
-
+		
+		}
 		.dian {
 			width: 18rpx;
 			height: 18rpx;
@@ -700,7 +907,7 @@
 		}
 	}
 
-.item_child_box {
+	.item_child_box {
 		.item_title {
 			font-weight: bold;
 			font-size: 28rpx;

components/index/mechanism.vue

@@ -70,9 +70,9 @@
 								<text>周一至周五 {{ item.start_time }}-{{ item.end_time }}</text>
 							</view>
 							<!-- 定点药店 -->
-							<view v-if="item.cate_id === 3 && !isDetails" class="details_btn" @click.stop="queryMedicine( item )">
+						<!-- 	<view v-if="item.cate_id === 3 && !isDetails" class="details_btn" @click.stop="queryMedicine( item )">
 								药品查询
-							</view>
+							</view> -->
 							
 							<view v-if="!isDetails" class="details_btn" @click.stop="showDesc( item )">
 								查看详情
@@ -201,7 +201,6 @@
 		},
 		computed: {
 			showCreditLevel() {
-				//console.log("****************125");
 				if(this.item.cate_id != 2 && this.item.cate_id != 3) {
 					return false;
 				}
@@ -233,7 +232,6 @@
 			 * @param {Object} 查看详情
 			 */
 			showDetail(item) {
-				// console.log("this.canClick", this.canClick)
 				if (!this.canClick) {
 					return false
 				}
@@ -256,7 +254,6 @@
 			
 			// 药品查询
 			queryMedicine (item) {
-				console.log("item---", item);
 				uni.navigateTo({
 					url: `/pages/index/queryMedicine?id=${ item.id }`
 				})
@@ -271,7 +268,6 @@
 				if (!this.canClick) {
 					return false
 				} else {
-					// console.log("item", item)
 					uni.navigateTo({
 						url: `/pages/index/MeCate?id=${ id }`
 					})
@@ -303,7 +299,6 @@
 				} = item
 				let lat = a_latitude ? a_latitude : latitude
 				let lng = a_longitude ? a_longitude : longitude
-				// console.log(lat , lng )
 				if (lat && lng) {
 					uni.openLocation({
 						latitude: Number(lat),

pages/index/MeCate.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="container">
+	<view class="container" :style="{ background: info.cate_id == 3 ? '#fff' : '#eee' }">
 		<view class="info" v-if="info && info.id">
 			<Mechanism :item="info" :showBtns="false" :isDetails="true" :showY="false" :canClick="false"></Mechanism>
 		</view>
@@ -10,8 +10,8 @@
 			</view>
 			<view class="list_box" v-if="collList && collList.length  ">
 				<uni-collapse accordion @change="collChange" v-model="sonIndex">
-					<uni-collapse-item title-border="none"
-						v-for="(item, index) in collList" :key="index" :title="item.label" :disabled="item.dis">
+					<uni-collapse-item title-border="none" v-for="(item, index) in collList" :key="index"
+						:title="item.label" :disabled="item.dis">
 						<template v-slot:title>
 							<view :class="item.dis ? 'del' : 'l_title' ">
 								<text class="dian"></text>
@@ -51,8 +51,7 @@
 			</view>
 			<view class="list_box">
 				<uni-collapse accordion @change="collChange" v-model="sonIndex">
-					<uni-collapse-item v-for="(item, index) in filterPosData" :key="index" :title="item.label"
-					 >
+					<uni-collapse-item v-for="(item, index) in filterPosData" :key="index" :title="item.label">
 						<template v-slot:title>
 							<view :class="item.dis ? 'del' : 'l_title' ">
 								<text class="dian"></text>
@@ -74,8 +73,8 @@
 									<view class="item_title">
 										{{index2+1}}.{{item2.label}}
 									</view>
-									<view class="child_item_title"
-										v-for="(child, child_index) of item2.children" :key="child_index">
+									<view class="child_item_title" v-for="(child, child_index) of item2.children"
+										:key="child_index">
 										<view @click="goInformation(child)">
 											{{index2+1}}.{{child_index+1}}.{{child.label}}
 										</view>
@@ -98,9 +97,28 @@
 
 		<!-- 定点药店 -->
 		<view class="cate" v-else-if="info.cate_id == 3">
-			<Sale></Sale>
+			<view v-if="showTips" class="tips">
+				温馨提示：本页面展示的内容为当前时间一个月内医保定点药店提供的药品信息，涉及药品价格等信息由定点药店提供，其真实性、有效性由药店负责
+				<u-icon @click.stop="closeTips" size="20" name="close" color="red"></u-icon>
+			</view>
+			<view class="right">
+				
+				<view class="medicine-search">
+					<input type="search" @confirm="searchByName" confirm-type="search" v-model="medicineName" class="search" placeholder="输入药品名称查询">
+					</input>
+					<u-icon @click.stop="resetSearch" size="20" name="close"></u-icon>
+					
+				</view>
+				<view class="btn" @click.stop="searchByName">
+					查询
+				</view>
+			</view>
+			<Sale v-if="saleList.length > 0" :detailsId="id" :saleList="saleList" :cardInfo="info" :code="info.me_code"></Sale>
+			<view style="margin-left: 15rpx;" v-else>
+				未查询到相关数据
+			</view>
 		</view>
-		<view class="desc" v-else>
+		<view class="cate desc" v-else>
 			<view class="desc_info">
 				<view class="txt" v-if="info.desc">
 					简介:{{ info.desc }}
@@ -127,13 +145,14 @@
 		getMechanismInfoById,
 		getCateById,
 		GetServeCateListForMid,
-		getHospJyzb
+		getHospJyzb,
+		getMedicineList,
+		getMedicineListByName
 	} 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 {
@@ -166,13 +185,16 @@
 
 				tabList: ["简介", "参保登记类"],
 				TabCur: 0,
-				meCode : "",
-				hospJyzb: {}
+				meCode: "",
+				hospJyzb: {},
+				medicineName: "",
+				saleList: [],
+				saleListBak: [],
+				showTips: true
 			}
 		},
 		components: {
 			Mechanism,
-			// levelLinkage,
 			Sale,
 			LoadModal,
 		},
@@ -206,14 +228,12 @@
 				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
@@ -231,7 +251,6 @@
 							value: obj.count ? obj.count + '天' : ''
 						}
 					];
-					console.log("newArr", newArr)
 					return newArr;
 				} else {
 					return null;
@@ -251,14 +270,13 @@
 						},
 						{
 							label: "报销率：",
-							value: this.hospJyzb.bxbl ? this.hospJyzb.bxbl*100 + '%' : ''
+							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;
@@ -290,8 +308,6 @@
 		},
 		methods: {
 			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);
@@ -304,10 +320,8 @@
 				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)
 				}
 			},
 
@@ -323,7 +337,6 @@
 				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)
@@ -344,16 +357,15 @@
 				})
 				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) {
+				if (code == '' || code == this.meCode) {
 					return;
 				}
 				this.meCode = code;
@@ -364,22 +376,62 @@
 				})
 				if (res.data.success && res.data.data.length > 0) {
 					this.hospJyzb = res.data.data[0];
-					console.log(this.hospJyzb);
 				}
 			},
+			
+			
+			/**
+			 * @param {Object} 药店药品列表信息(50001)
+			 */
+			async getMedicineList(code) {
+				let res = await getMedicineList({
+					query_id: "50001",
+					stt_f: code
+				})
+				if (res.data.success && res.data.data.length > 0) {
+					this.saleList = res.data.data || [];
+				}
+				this.saleListBak = this.saleList;
+			},
+			
+			closeTips() {
+				this.showTips = false;
+			},
+			
+			resetSearch() {
+				this.medicineName = "";
+				this.saleList = this.saleListBak;
+			},
+			
+			async searchByName() {
+				if(!this.medicineName || this.medicineName == "") {
+					this.saleList = this.saleListBak;
+					return;
+				}
+				this.loading = true;
+				let res = await getMedicineListByName({
+					query_id: "50001",
+					stt_f: this.info.me_code,
+					ypmc: this.medicineName
+				})
+				if (res.data.success && res.data.data.length > 0) {
+					this.saleList = res.data.data || [];
+				} else {
+					this.saleList = [];
+				}
+				this.loading = false;
+			},
+			
 
 			// 处理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)
 						}
@@ -394,7 +446,6 @@
 						list.push(obj)
 					}
 				}
-				// console.log( list );
 				return list
 			},
 
@@ -412,12 +463,10 @@
 						}
 					})
 				}
-				// console.log(data);
 				return this.handleChilren(data)
 			},
 
 			open() {
-				// this.$refs.levelLinkage.open();
 				this.opend = true
 			},
 			onConfirm(e) {
@@ -438,12 +487,10 @@
 			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)
 				}
@@ -475,16 +522,17 @@
 					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) {
+						if (this.info.cate_id == 2 && this.info.me_code) {
 							this.getHospJyzb(this.info.me_code)
 						}
+						if (this.info.me_code) {
+								this.getMedicineList(this.info.me_code);
+						}
 					}
 				}
 			},
@@ -499,12 +547,15 @@
 	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; */
@@ -513,6 +564,7 @@
 		align-items: center;
 		border-bottom: 1rpx solid #F1F1F1;
 	}
+
 	.son_item .coll_item:last-child .child_item_title_2 {
 		border-bottom: none;
 	}
@@ -535,8 +587,9 @@
 
 	.container {
 		@include ComponWidth;
-		background: #eee;
+		// background: #eee;
 		height: 100vh;
+		overflow: hidden;
 
 		.dian {
 			width: 18rpx;
@@ -550,6 +603,8 @@
 
 		.cate {
 			margin: 20rpx;
+			height: calc(100vh - 230rpx);
+			overflow-y: scroll;
 
 			.cate_class {
 				width: 100%;
@@ -564,8 +619,53 @@
 				padding-left: 15rpx;
 				font-weight: bold;
 			}
+			.tips {
+				flex: 8;
+				display: flex;
+				align-items: center;
+				overflow: hidden;
+				color: red;
+				background-color: #f3d6da;
+				padding: 10rpx;
+				margin-bottom: 20rpx;
+			}
+			
+			.right {
+				display: flex;
+				align-items: center;
+				width: 90%;
+				.medicine-search {
+					flex: 8;
+					background-color: #fff;
+					border:5rpx solid #4D85F4;
+					border-radius: 50rpx;
+					display: flex;
+					align-items: center;
+					overflow: hidden;
+					padding-right: 20rpx;
+					padding: 0 30rpx;
+					margin-bottom: 20rpx;
+					input {
+						font-size: 15px;
+						height: 60rpx;
+						width: 90%;
+						border-radius: 50rpx;
+						// padding-left: 30rpx;
+					}
+				}
+				.btn {
+					background: #4D85F4;
+					color: #fff;
+					padding: 6rpx 10rpx;
+					border-radius: 12rpx;
+					font-size: 24rpx;
+					white-space: nowrap;
+					margin-left: 20rpx;
+					margin-bottom: 12rpx;
+					height: 48rpx;
+				}
+			}
 		}
-
 		.tab_box {
 			margin-bottom: 40rpx;
 		}

pages/index/index.vue

@@ -144,7 +144,7 @@
 	} from "../../assets/api/mechanism.js"
 	import BankList from "@/assets/js/BankList.json"
 	import CustomBar from "../../components/index/CustomBar.vue"
-	import levelLinkage from "@/components/three-level-linkage/linkage.nvue"
+	// import levelLinkage from "@/components/three-level-linkage/linkage.nvue"
 
 	export default {
 		data() {
@@ -257,7 +257,7 @@
 			Mechanism,
 			CustomBar,
 			LoadModal,
-			levelLinkage,
+			// levelLinkage,
 		},
 		onReachBottom() {
 			if (this.hasMore) {
@@ -303,8 +303,6 @@
 				}
 			}, // 地图缩放
 			heit(){
-				console.log("(22 - Math.abs(this.paylodNum/100))", (22 - Math.abs(this.paylodNum/100)))
-				console.log("(90 - Math.abs(this.paylodNum/10) - (22 - Math.abs(this.paylodNum/100))) + '%';", (90 - Math.abs(this.paylodNum/10) - Math.abs(this.paylodNum/100)) + '%')
 				return (90 - Math.abs(this.paylodNum/10) - Math.abs(this.paylodNum/100)) + '%';
 			}
 		},
@@ -333,13 +331,16 @@
 					url: "/pages/index/query"
 				})
 			},
+			
+			goQueryMedicine() {
+				uni.navigateTo({
+					url: "/pages/index/queryMedicine"
+				})
+			},
 			emit_dragTop (paylod) {
-				console.log("paylod--", paylod)
 				this.paylodNum = paylod
-				console.log('----sssss--', )
 			},
 			lowerBottom() {
-				console.log("this.hasMore---", this.hasMore)
 				if (this.hasMore) {
 					this.getMoreList()
 				}
@@ -357,6 +358,10 @@
 			onConfirm() {
 				// console.log( e );
 				this.cardCurVisible = false;
+				if(this.cateList[this.cardCur].name == '药品比价') {
+					this.goQueryMedicine();
+					return;
+				}
 				this.cateName = this.cateList[this.cardCur].name
 				this.cate_id = this.cateList[this.cardCur].ID
 				this.page = 1
@@ -879,6 +884,10 @@
 						ID: 0,
 						name: "全部"
 					})
+					arr.push({
+						ID: 100,
+						name: "药品比价"
+					})
 					this.cateList = arr
 				}
 				this.getTreeList()

pages/index/query.vue

@@ -11,7 +11,7 @@
                     </view>
                     <view class="input-item">
                         <view class="label">身份证号</view>
-                        <input type="number" v-model="idCardNum" placeholder="请输入身份证号">
+                        <input type="text" v-model="idCardNum" placeholder="请输入身份证号">
                     </view>
                 </view>
             </view>
@@ -79,11 +79,13 @@
 				if(this.name =="") {
 					uni.showModal({
 					    title: "提示",
+						showCancel: false,
 					    content: "姓名不能为空"
 					})
 				} else if(this.idCardNum =="") {
 					uni.showModal({
 					    title: "提示",
+						showCancel: false,
 					    content: "身份证号不能为空"
 					})
 				} else {

pages/index/queryMedicine.vue

@@ -1,9 +1,9 @@
 <template>
-	<view class="query-medicine">
+	<!-- <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="query-header">
 			<view class="position">
 				郑州
 			</view>
@@ -15,6 +15,32 @@
 		</view>
 		<Sale></Sale>
 		<LoadModal v-if="loading"></LoadModal>
+	</view> -->
+	<view class="container" style="{ background: #fff}">
+		<!-- 药品比价 -->
+		<view class="cate">
+			<view v-if="showTips" class="tips">
+				温馨提示：本页面展示的内容为当前时间一个月内医保定点药店提供的药品信息，涉及药品价格等信息由定点药店提供，其真实性、有效性由药店负责
+				<u-icon @click.stop="closeTips" size="20" name="close" color="red"></u-icon>
+			</view>
+			<view class="right">
+				<view class="medicine-search">
+					<input type="search" @confirm="searchByName" confirm-type="search" v-model="medicineName" class="search" placeholder="输入药品名称查询">
+					</input>
+					<u-icon @click.stop="resetSearch" size="20" name="close"></u-icon>
+					
+				</view>
+				<view class="btn" @click.stop="searchByName">
+					查询
+				</view>
+			</view>
+			<Sale v-if="saleList.length > 0" :saleList="saleList" detailsId="0" code="0"></Sale>
+			<view style="margin-left: 15rpx;" v-else>
+				未查询到相关数据
+			</view>
+		</view>
+		
+		<LoadModal v-if="loading"></LoadModal>
 	</view>
 </template>
 
@@ -23,159 +49,35 @@
 		mapGetters
 	} from "vuex"
 	import {
-		getMechanismInfoById,
-		getCateById,
-		GetServeCateListForMid,
-		getHospJyzb
+		getMedicineListByName2,
+		getCommonMedicineList
 	} 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: {}
+				medicineName: "",
+				saleList: [],
+				saleListBak: [],
+				showTips: true
 			}
 		},
 		components: {
-			Mechanism,
-			// levelLinkage,
 			Sale,
 			LoadModal,
 		},
 		onLoad(e) {
 			Object.assign(this, e)
 			console.log("this", this)
-			let {
-				id
-			} = this
-			if (id) {
-				this.getInfo()
-			}
-
-
+			this.getMedicineList()
 		},
 		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);
 			},
@@ -188,232 +90,48 @@
 			}, 500)
 		},
 		methods: {
-			
-			// 查看在售
-			viewSale () {
-				uni.navigateTo({
-					url: `/pages/index/sale?id=111`
-				})
-			},
-			
 			/**
-			 * @name input获取焦点
+			 * @param {Object} 药店药品列表信息(50001)
 			 */
-			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
+			async getMedicineList() {
+				this.loading = true;
+				let res = await getCommonMedicineList({
+					query_id: "50005"
 				})
-				console.log('res--2222222222--', res);
-				if (res.data.code == 1) {
-					this.collList = res.data.data[0]?.children;
-					console.log('this.collList----', this.collList)
+				if (res.data.success && res.data.data.length > 0) {
+					this.saleList = res.data.data || [];
 				}
+				
+				this.loading = false;
+				this.saleListBak = this.saleList;
 			},
-
-			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
-
-				}
-
+			
+			closeTips() {
+				this.showTips = 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()
-				}
+			
+			resetSearch() {
+				this.medicineName = "";
+				this.saleList = this.saleListBak;
 			},
-						
-			/**
-			 * @param {Object} 获取定点医院就医指标数据
-			 */
-			async getHospJyzb(code) {
-				if(code == '' || code == this.meCode) {
+			
+			async searchByName() {
+				if(!this.medicineName || this.medicineName == "") {
+					this.saleList = this.saleListBak;
 					return;
 				}
-				this.meCode = code;
-				this.hospJyzb = {};
-				let res = await getHospJyzb({
-					query_id: "41072",
-					stt_f: code
+				this.loading = true;
+				let res = await getMedicineListByName2({
+					query_id: "50004",
+					ypmc: this.medicineName
 				})
 				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)
-						}
-					}
+					this.saleList = res.data.data || [];
+				} else {
+					this.saleList = [];
 				}
+				this.loading = false;
 			},
-
-
-
 		},
 	}
 </script>
@@ -442,6 +160,7 @@
 </style>
 
 <style lang="scss" scoped>
+	
 	.query-medicine {
 		@include ComponWidth;
 		background: #eee;
@@ -481,9 +200,16 @@
 			vertical-align: middle;
 			margin-right: 10px;
 		}
-
+	}
+	.container {
+		@include ComponWidth;
+		background: #eee;
+		height: 100vh;
+		overflow: hidden;
 		.cate {
 			margin: 20rpx;
+			height: calc(100vh - 10rpx);
+			overflow-y: scroll;
 
 			.cate_class {
 				width: 100%;
@@ -498,131 +224,53 @@
 				padding-left: 15rpx;
 				font-weight: bold;
 			}
-		}
-
-		.tab_box {
-			margin-bottom: 40rpx;
-		}
-
-		.desc {
-			font-size: 28rpx;
-			@include ComponWidth;
-			padding: 20rpx 40rpx;
-
-			.d_title {
+			
+			.tips {
+				flex: 8;
+				display: flex;
+				align-items: center;
+				overflow: hidden;
+				color: red;
+				background-color: #f3d6da;
+				padding: 10rpx;
 				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;
-						}
+			
+			.right {
+				display: flex;
+				align-items: center;
+				width: 90%;
+				.medicine-search {
+					flex: 8;
+					background-color: #fff;
+					border:5rpx solid #4D85F4;
+					border-radius: 50rpx;
+					display: flex;
+					align-items: center;
+					overflow: hidden;
+					padding-right: 20rpx;
+					padding: 0 30rpx;
+					margin-bottom: 20rpx;
+					input {
+						font-size: 15px;
+						height: 60rpx;
+						width: 90%;
+						border-radius: 50rpx;
+						// padding-left: 30rpx;
 					}
-
-					.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;
-						}
-					}
+				.btn {
+					background: #4D85F4;
+					color: #fff;
+					padding: 6rpx 10rpx;
+					border-radius: 12rpx;
+					font-size: 24rpx;
+					white-space: nowrap;
+					margin-left: 20rpx;
+					margin-bottom: 12rpx;
+					height: 48rpx;
 				}
 			}
 		}
 	}
-
-.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>