1

src/components/subject/SharingChoose.vue

 <template>
 	<!-- 计算题 -->
 	<view>
-		<view class="item" style="padding:0 20px;">
-			<view class="name">
+		<view class="item">
+			<view class="name" style="padding:0 20px;">
 				<view>
 					{{ changeNumToHan(sortIndex) }}、{{ data.GroupName }}
 					<text style="color:#999999;">（共{{data.DetailsList.length}}道,{{data.GScore}}分）</text>
@@ -15,7 +15,7 @@
 			<swiper class="swiper-box" :autoplay="autoplay" :current="current" @change="onchange">
 				<swiper-item v-if="sortIndex != 1"></swiper-item>
 				<swiper-item v-for="(item1, index1) in data.DetailsList" :key="item1.id">
-					<view class="item1">
+					<view class="item1" style="padding:0 20px;">
 						<view class="flex flex_start_center">
 							<template v-if="item1.QuestionContentObj[1]&& item1.QuestionContentObj[1].length>0">
 								<view class="num">(1)</view>
@@ -33,12 +33,13 @@
 						<template v-if="item1.QuestionContentObj[1]&&item1.QuestionContentObj[1].length>0">
 							<view v-for="(item3, index3) in item1.QuestionContentObj[1]" :key="index3">
 								<view class="flex item2 flex_start_center">
-									<view>{{index3+1}}</view>
-									<view v-html="item3.Content"></view>
+									<view class="num">{{index3+1}}.</view>
+									<view class="chooseName" v-html="item3.Content"></view>
 								</view>
-								<van-button type="primary" @click="alertMenu(item3)">弹出菜单</van-button>
-								{{item3.isShow}}
-								<van-action-sheet :value="item3.isShow" :actions="item1.QuestionContentObj[0]" @select="onSelect"/>
+								<van-button type="primary" size="small" @click="alertMenu(item3)">
+									{{item3.Name==''?'请选择':item3.Name}}
+								</van-button>
+								<van-action-sheet :show="item3.isShow" @click-overlay="hideVan(item3)" :actions="getSelect(item1.QuestionContentObj[0])" @select="onSelect($event,item3)"/>
 							</view>
 						</template>
 					</view>
@@ -113,13 +114,28 @@
 					this.$forceUpdate();
 					console.log(item,'item');
 				},
-				onSelect(item){
-				  console.log(item);
-				 //  this.show = false;
-				 //  this.$toast({
-					// message:item.name,
-					// duration:500
-				 //  })
+				//点击背景隐藏
+				hideVan(item){
+					item.isShow=false;
+					this.$forceUpdate();
+				},
+				onSelect(e,item3){
+				  console.log(e,'e');
+				  console.log(item3,'item3');
+				  item3.isShow = false;
+				  item3.Name = e.detail.name;
+			    },
+				getSelect(item){
+					let Array=[]
+					if(item&&item.length>0){
+						item.forEach(x=>{
+							let obj={
+								name:x.Name
+							}
+							Array.push(obj);
+						})
+					}
+					return Array;
 				},
 			};
 			onMounted(() => {
@@ -168,7 +184,6 @@
 	}
 
 	.item1 {
-		margin: 25rpx 0;
 		align-items: center;
 	}