Commit 13f26b85 authored by zhengke's avatar zhengke

修改

parent d4b1a1b7
...@@ -36,6 +36,7 @@ ...@@ -36,6 +36,7 @@
:key="index2" :key="index2"
class="flex item2 flex_start_center" class="flex item2 flex_start_center"
> >
<view class="chooseNum">{{index2+1}}</view>
<view class="chooseName"> <view class="chooseName">
<input type="text" v-model="item2.Content" :placeholder="'请填写第 '+(index2+1)+' 空答案'" class="input" /> <input type="text" v-model="item2.Content" :placeholder="'请填写第 '+(index2+1)+' 空答案'" class="input" />
</view> </view>
...@@ -166,13 +167,8 @@ export default { ...@@ -166,13 +167,8 @@ export default {
} }
.chooseNum { .chooseNum {
width: 40rpx;
height: 40rpx;
text-align: center; text-align: center;
line-height: 40rpx; margin-right: 25rpx;
border-radius: 50%;
border: 1px solid #e2e2e2;
margin-right: 30rpx;
font-size: 26rpx; font-size: 26rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
......
...@@ -33,6 +33,7 @@ ...@@ -33,6 +33,7 @@
:key="index2" :key="index2"
class="flex item2 flex_start_center" class="flex item2 flex_start_center"
> >
<view class="chooseNum">{{index2+1}}</view>
<view class="chooseName"> <view class="chooseName">
<input <input
type="text" type="text"
...@@ -174,13 +175,8 @@ export default { ...@@ -174,13 +175,8 @@ export default {
} }
.chooseNum { .chooseNum {
width: 40rpx;
height: 40rpx;
text-align: center; text-align: center;
line-height: 40rpx; margin-right: 25rpx;
border-radius: 50%;
border: 1px solid #e2e2e2;
margin-right: 30rpx;
font-size: 26rpx; font-size: 26rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
......
...@@ -27,8 +27,9 @@ ...@@ -27,8 +27,9 @@
:key="index2" :key="index2"
class="flex item2 flex_start_center" class="flex item2 flex_start_center"
> >
<view class="chooseNum">{{index2+1}}</view>
<view class="chooseName"> <view class="chooseName">
<input type="text" v-model="item2.Content" class="input" /> <input type="text" v-model="item2.Content" :placeholder="'请填写第 '+(index2+1)+' 空答案'" class="input" />
</view> </view>
</view> </view>
</view> </view>
...@@ -148,13 +149,10 @@ export default { ...@@ -148,13 +149,10 @@ export default {
} }
.chooseNum { .chooseNum {
width: 40rpx;
height: 40rpx; height: 40rpx;
text-align: center; text-align: center;
line-height: 40rpx; line-height: 40rpx;
border-radius: 50%; margin-right: 25rpx;
border: 1px solid #e2e2e2;
margin-right: 30rpx;
font-size: 26rpx; font-size: 26rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
......
...@@ -120,8 +120,6 @@ ...@@ -120,8 +120,6 @@
this.$forceUpdate(); this.$forceUpdate();
}, },
onSelect(e,item3){ onSelect(e,item3){
console.log(e,'e');
console.log(item3,'item3');
item3.isShow = false; item3.isShow = false;
item3.Name = e.detail.name; item3.Name = e.detail.name;
}, },
......
...@@ -20,10 +20,22 @@ ...@@ -20,10 +20,22 @@
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view> <view class="num" v-html="item1.Title"></view>
</view> </view>
<view class="chooseName"> <template v-if="item1.QuestionContentObj[0]&&item1.QuestionContentObj[0].length>0">
<textarea type="text" v-model="item1.myAnswer" class="input textarea" placeholder="请填写答案" <view v-for="(item2, index2) in item1.QuestionContentObj[0]" :key="index2">
placeholder-style="textarea-placeholder" :maxlength="-1" /> <view class="flex item2 flex_start_center">
</view> <view class="num">{{item2.Name}}</view>
<view style="margin-left:5px;" class="chooseName" v-html="item2.Content"></view>
</view>
</view>
</template>
<template v-if="item1.QuestionContentObj[1]&&item1.QuestionContentObj[1].length>0">
<view v-for="(item3, index3) in item1.QuestionContentObj[1]" :key="index3" style="margin-bottom:20px;">
<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> </view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
...@@ -55,12 +67,12 @@ ...@@ -55,12 +67,12 @@
isLast: Boolean isLast: Boolean
}, },
setup(props, context) { setup(props, context) {
let { let {ctx} = getCurrentInstance();
ctx if(props.paperData.DetailsList&&props.paperData.DetailsList.length>0){
} = getCurrentInstance(); props.paperData.DetailsList[0].QuestionContentObj[1].forEach((item, index) => {
props.paperData.DetailsList.forEach((item, index) => { item.isShow=false;
item.myAnswer = ""; });
}); }
let data = reactive({ let data = reactive({
data: props.paperData, data: props.paperData,
autoplay: false, autoplay: false,
...@@ -89,7 +101,33 @@ ...@@ -89,7 +101,33 @@
if (e.detail.current == 0) { if (e.detail.current == 0) {
this.$emit('getBeforeTopic'); this.$emit('getBeforeTopic');
} }
} },
alertMenu(item){
item.isShow=true;
this.$forceUpdate();
console.log(item,'item');
},
//点击背景隐藏
hideVan(item){
item.isShow=false;
this.$forceUpdate();
},
onSelect(e,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(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment