代码更新

pageProduct/add-Product/components/choose-danwei.vue

@@ -1,125 +1,31 @@
 <template>
 	<view class="u-relative choose-haocai">
-		<!-- <view class="input u-flex" @click="toggle" >
-			<up-input @blur="blur"   @change="filterHaocaiList" border="none" v-model="text" placeholder="请选择"></up-input>
-			<up-icon :size="10" name="arrow-down-fill"></up-icon>
-		</view> -->
 		<view class="input u-flex"  >
 			<view>{{text||''}}</view>
-			<!-- <up-input @blur="blur" disabled="true"  @change="filterHaocaiList" border="none" v-model="text" placeholder="请选择"></up-input> -->
-		</view>
-		<view class="u-absolute" v-if="popShow">
-			<scroll-view scroll-y="true" class="scroll">
-				<view class="item" v-for="(item,index) in $haocaiList" :key="index" @click="haocaiClick(item,index)">
-					{{item.name}}
-				</view>
-				<view class="item no-wrap" @click="toggle" v-if="text&&!$haocaiList.length">没有该单位</view>
-			</scroll-view>
-
 		</view>
 	</view>
 </template>
 
 <script setup>
-	import {
-		reactive,
-		ref,
-		watch,
-		onMounted
-	} from 'vue';
+	import { reactive, ref, watch, onMounted } from 'vue';
 	const props = defineProps({
-		listMap: {
-			type: Object,
-			default: () => {}
-		},
-		list: {
-			type: Array,
-			default: () => []
-		},
 		modelValue: {
 			type: [String, Number],
 			default: ''
 		},
-		show: {
-			type: Boolean,
-			default: false
-		},
-
 	})
 	let text = ref('')
-	
-	let popShow = ref(props.show)
-	const emits = defineEmits(['update:show', 'close', 'confirm', 'update:modelValue'])
-
-	function close() {
-		popShow.value = false
-	}
-
-	function confirm() {
-		popShow.value = false
-	}
-	watch(() => props.show, (newval) => {
-		popShow.value = newval
-		
-	})
-	watch(() => popShow.value, (newval) => {
-		console.log(newval);
-		emits('update:show', newval)
-	})
-	let $haocaiList = ref(props.list)
-	watch(() => props.list, (newval) => {
-		$haocaiList.value = newval
-		setText()
-	})
 	watch(() => props.modelValue, (newval) => {
-		console.log(newval);
 		setText()
 	})
-	
-	
-
-	function setText() {
-		// const item = props.listMap[props.modelValue]
-		// text.value = item ? item.name : ''
-		text.value=props.modelValue
-	}
-
-	function toggle(e) {
-		popShow.value = !popShow.value
-	}
-
-	function filterHaocaiList(e) {
-		if (e === '') {
-			return $haocaiList.value = props.list
-		}
-		const arr = props.list.filter(v => v.name.match(e))
-		$haocaiList.value = arr
-	}
-
-	function haocaiClick(item, index) {
-		console.log(item);
-		// if (item.id != props.modelValue) {
-		// 	emits('update:modelValue', item.id)
-		// }
-		if(item.name!=props.modelValue){
-				emits('update:modelValue', item.name)
-		}
-		popShow.value = false
-	}
-	
-	function focus(){
-		console.log('focus');
-		popShow.value = true
-	}
-	function blur() {
-		console.log('blur');
-		// setTimeout(()=>{
-		// 	popShow.value = false
-		// },100)
-	}
 	onMounted(() => {
 		setText()
 	})
+	function setText() {
+		text.value=props.modelValue
+	}
+
+	
 </script>
 
 <style lang="scss" scoped>
@@ -137,27 +43,5 @@
 			border: 2rpx solid #E5E5E5;
 			overflow: hidden;
 		}
-
-
-		.u-absolute {
-			top: calc(100% + 10rpx);
-			border: 1px solid #E5E5E5;
-			left: 0;
-			background-color: #fff;
-			z-index: 10;
-			right: 0;
-			border-radius: 8rpx;
-
-			.scroll {
-				$line-h: 60rpx;
-				max-height: calc($line-h * 4);
-
-				.item {
-					line-height: $line-h;
-					padding: 0 20rpx;
-				}
-			}
-
-		}
 	}
 </style>