no message

src/components/setComments/commentDetails.vue

@@ -13,7 +13,17 @@
 					<view class="commentDetailsList-img flex">
 						<view>{{item.StuName}}</view>
 						<view class="flex">
-							<text>{{item.ShowTypeStr}}</text>
+							<view class="commentDetailsList-img-text">
+                                <view class="img-text" @click.stop="clickOptionsShow(item)">
+                                    <text>{{item.ShowTypeStr}}</text>
+                                    <van-icon :name="item.optionsShow?'arrow-down':'arrow'" />
+                                </view>
+                                <view v-if="item.optionsShow" class="Detailstype flex">
+                                    <text v-for="(subItem,index) in optionsList" :key="index" @click="clickoptions(item,subItem)">
+                                        {{subItem.text}}
+                                    </text>
+                                </view>
+                            </view>
 							<van-image @click="editRules(item)" class="img" width="31rpx" height="30rpx" fit="cover" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653980151000_180.png" />
 						</view>
 						<view class="Wire"></view>
@@ -61,10 +71,26 @@
 				proxy
 			} = getCurrentInstance();
 			let data = reactive({
+                optionsShow:false,
+                optionsList: [{
+						text: '可见',
+						value: 1
+					},
+					{
+						text: '不可见',
+						value: 3
+					},
+				],
 				dataList: [],
 				show: false
 			});
 			let methods = {
+                clickOptionsShow(item) {
+					item.optionsShow = !item.optionsShow;
+				},
+                clickoptions(item,subItem){
+
+                },
 				goAdd() {
 					let url = '/pages/setComments/addComment?CourseId=' + this.qMsg.CourseId + "&CommentTimes=" + this.qMsg.CommentTimes;
 					console.log("url", url);
@@ -112,6 +138,7 @@
 						Times: item.Times,
 						ShowType: subItem.value
 					};
+                    return
 					proxy.$request("/Teacher/SetStuCommentShowTypeByTimes", showTypeMsg).then(res => {
 						if (res) {
 
@@ -183,18 +210,40 @@
         margin-top: 8rpx;
         flex-shrink: 0;
     }
-    .commentDetailsList-img view:first-child{
-        flex-grow: 1;
-        margin-right: 15rpx;
+    .Detailstype text{
+        text-align: center;
+        line-height: 44rpx;
     }
-    .commentDetailsList-img text{
+    .Detailstype{
+        position: absolute;
+        top: 40rpx;
+        left: 0;
+        right: 0;
+        background: #FCEEEF;
+        border-radius: 0 0 25rpx 25rpx;
+        font-size: 24rpx;
+        font-weight: 500;
+        color: #CE8086; 
+        flex-direction: column;
+        padding: 10rpx 20rpx 15rpx 20rpx;
+    }
+    .img-text van-icon{
+        font-size: 25rpx;
+        margin-left: 10rpx;
+        display: inline-block;
+    }
+    .img-text{
         background: #FCEEEF;
         border-radius: 25rpx;
+        padding: 10rpx 10rpx 10rpx 18rpx;
         font-size: 24rpx;
         font-weight: 500;
-        color: #CE8086;
-        padding: 10rpx 25rpx;
-        margin-right: 33rpx;
+        color: #CE8086; 
+    }
+    .commentDetailsList-img-text{
+        position: relative;
+        flex-grow: 1;
+        margin-right: 15rpx;
     }
     .commentDetailsList-img{
         justify-content: space-between;

src/pages/setComments/setComments.vue

@@ -59,19 +59,6 @@
 			} = getCurrentInstance();
 			let data = reactive({
 				value: 1,
-				optionsList: [{
-						text: '部分可见',
-						value: 0
-					},
-					{
-						text: '可见不可见',
-						value: 1
-					},
-					{
-						text: '活动商品',
-						value: 2
-					},
-				],
 				radioList: [{
 						name: '使用默认配置',
 						id: 1,