|
|
@ -2,18 +2,22 @@ |
|
|
|
<view class="question-box"> |
|
|
|
<global-loading /> |
|
|
|
<view class="tabsbox"> |
|
|
|
<u-tabs :list="questionTypeList" bar-width="140" :bold="false" active-color="#C5AA7B" |
|
|
|
inactive-color="#999999" :is-scroll="false" :current="questionTypeFlag" @change="questionTypeActive"> |
|
|
|
<u-tabs :list="questionTypeList" bar-width="140" :bold="false" active-color="#252744" |
|
|
|
inactive-color="#90919C" :is-scroll="false" :current="questionTypeFlag" @change="questionTypeActive"> |
|
|
|
</u-tabs> |
|
|
|
</view> |
|
|
|
<view v-if="questionTypeFlag == 0"> |
|
|
|
<view v-if="problemList.length>0"> |
|
|
|
<view class="wid function-box"> |
|
|
|
<view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view> |
|
|
|
<!-- <view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view>--> |
|
|
|
<view v-if="allCheckShow" class="flex-row-plus editicon-box flex-items font-color-252744 fs28" @click="finishClick"> |
|
|
|
<image class="editicon" src="@/static/images/temp/title_finish.png"> |
|
|
|
</image> |
|
|
|
</view> |
|
|
|
<view v-else class="flex-row-plus editicon-box flex-items fs28" @click="editClick"> |
|
|
|
<image class="editicon" src="https://ceres.zkthink.com/static/images/collectionEditicon.png"> |
|
|
|
<image class="editicon" src="@/static/images/temp/title_edit.png"> |
|
|
|
</image> |
|
|
|
<text class="mar-left-10">{{$t('common.edit')}}</text> |
|
|
|
<!-- <text class="mar-left-10">{{$t('common.edit')}}</text>--> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="swipe-box"> |
|
|
@ -25,10 +29,10 @@ |
|
|
|
<view v-show="allCheckShow"> |
|
|
|
<image mode="aspectFill" v-if="item.selected == 1" |
|
|
|
@click.stop="problemItemSel(index,0)" |
|
|
|
src="https://ceres.zkthink.com/static/images/selectActive.png" |
|
|
|
src="@/static/images/temp/icon_cart_select_active.png" |
|
|
|
class="cart-select-img"></image> |
|
|
|
<image mode="aspectFill" v-else @click.stop="problemItemSel(index,1)" |
|
|
|
src="https://ceres.zkthink.com/static/images/selectEmpty.png" |
|
|
|
src="@/static/images/temp/icon_cart_select_normal.png" |
|
|
|
class="cart-select-img"></image> |
|
|
|
</view> |
|
|
|
<!-- <image class="product-img" mode="aspectFill" :src="item.image" />--> |
|
|
@ -52,9 +56,9 @@ |
|
|
|
<view v-show="allCheckShow" class="allcheck-box flex-row-plus flex-sp-between flex-items"> |
|
|
|
<view class="left"> |
|
|
|
<image mode="aspectFill" v-if="isAllProblemCheck" |
|
|
|
src="https://ceres.zkthink.com/static/images/selectActive.png" class="cart-select-img" |
|
|
|
src="@/static/images/temp/icon_cart_select_active.png" class="cart-select-img" |
|
|
|
@click="allProblemSel(0)"></image> |
|
|
|
<image mode="aspectFill" v-else src="https://ceres.zkthink.com/static/images/selectEmpty.png" |
|
|
|
<image mode="aspectFill" v-else src="@/static/images/temp/icon_cart_select_normal.png" |
|
|
|
class="cart-select-img" @click="allProblemSel(1)"></image> |
|
|
|
<text>{{$t('common.chooseall')}}</text> |
|
|
|
</view> |
|
|
@ -71,11 +75,15 @@ |
|
|
|
</view> |
|
|
|
<view v-if="questionTypeFlag == 1"> |
|
|
|
<view v-if="answerList.length > 0"> |
|
|
|
<view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view> |
|
|
|
<!-- <view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view>--> |
|
|
|
<view v-if="allCheckShow" class="flex-row-plus editicon-box flex-items font-color-252744 fs28" @click="finishClick"> |
|
|
|
<image class="editicon" src="@/static/images/temp/title_finish.png"> |
|
|
|
</image> |
|
|
|
</view> |
|
|
|
<view v-else class="flex-row-plus editicon-box flex-items fs28" @click="editClick"> |
|
|
|
<image class="editicon" src="https://ceres.zkthink.com/static/images/collectionEditicon.png"> |
|
|
|
<image class="editicon" src="@/static/images/temp/title_edit.png"> |
|
|
|
</image> |
|
|
|
<text class="mar-left-10">{{$t('common.edit')}}</text> |
|
|
|
<!-- <text class="mar-left-10">{{$t('common.edit')}}</text>--> |
|
|
|
</view> |
|
|
|
<view class="swipe-box"> |
|
|
|
<u-swipe-action :show="item.show" :index="index" v-for="(item, index) in answerList" |
|
|
@ -87,10 +95,10 @@ |
|
|
|
<view v-show="allCheckShow"> |
|
|
|
<image mode="aspectFill" v-if="item.selected == 1" |
|
|
|
@click.stop="answerItemSel(index,0)" |
|
|
|
src="https://ceres.zkthink.com/static/images/selectActive.png" |
|
|
|
src="@/static/images/temp/icon_cart_select_active.png" |
|
|
|
class="cart-select-img"></image> |
|
|
|
<image mode="aspectFill" v-else @click.stop="answerItemSel(index,1)" |
|
|
|
src="https://ceres.zkthink.com/static/images/selectEmpty.png" |
|
|
|
src="@/static/images/temp/icon_cart_select_normal.png" |
|
|
|
class="cart-select-img"></image> |
|
|
|
</view> |
|
|
|
<!-- <image class="product-img" mode="aspectFill" :src="item.image" />--> |
|
|
@ -103,16 +111,17 @@ |
|
|
|
<view class="flex-items reply"> |
|
|
|
<label>{{$t('common.answer')}}</label> |
|
|
|
<text v-if="allCheckShow" style="width: 270rpx;" |
|
|
|
class="font-color-666 fs24 overflow">{{item.name}} : |
|
|
|
class="font-color-252744 fs24 overflow">{{item.name}} : |
|
|
|
{{item.answer}}</text> |
|
|
|
<text v-else style="width: 360rpx;" |
|
|
|
class="font-color-999 fs24 overflow">{{item.name}} : |
|
|
|
class="font-color-252744 fs24 overflow">{{item.name}} : |
|
|
|
{{item.answer}}</text> |
|
|
|
</view> |
|
|
|
<view class="qAarrow mar-top-30 flex-items"> |
|
|
|
<text class="fs24 font-color-C5AA7B">{{$t(common.replaycount, {name:item.count})}}</text> |
|
|
|
<text class="fs24 font-color-545784">{{$t('common.replaycount', {"number":item.count})}}</text> |
|
|
|
<!-- <text class="fs24 font-color-C5AA7B">{{item.count}}</text>--> |
|
|
|
<image class="item-btn-right" |
|
|
|
src="https://ceres.zkthink.com/static/img/user/arrow.png" |
|
|
|
src="@/static/images/temp/icon_common_grey_forward.png" |
|
|
|
mode="widthFix"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -126,14 +135,14 @@ |
|
|
|
<view v-show="allCheckShow" class="allcheck-box flex-row-plus flex-sp-between flex-items"> |
|
|
|
<view class="left"> |
|
|
|
<image mode="aspectFill" v-if="isAllAnswerCheck" |
|
|
|
src="https://ceres.zkthink.com/static/images/selectActive.png" class="cart-select-img" |
|
|
|
src="@/static/images/temp/icon_cart_select_active.png" class="cart-select-img" |
|
|
|
@click="allAnswerSel(0)"></image> |
|
|
|
<image mode="aspectFill" v-else src="https://ceres.zkthink.com/static/images/selectEmpty.png" |
|
|
|
<image mode="aspectFill" v-else src="@/static/images/temp/icon_cart_select_normal.png" |
|
|
|
class="cart-select-img" @click="allAnswerSel(1)"></image> |
|
|
|
<text>{{$t(common.chooseall)}}</text> |
|
|
|
<text>{{$t('common.chooseall')}}</text> |
|
|
|
</view> |
|
|
|
<view class="right"> |
|
|
|
<view class="btn-delete" @click="questionDel(1)">{{$t(common.delete)}}</view> |
|
|
|
<view class="btn-delete" @click="questionDel(1)">{{$t('common.delete')}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-if="allCheckShow" class="pad-bot-140"></view> |
|
|
@ -605,8 +614,8 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.editicon { |
|
|
|
width: 50rpx; |
|
|
|
height: 50rpx; |
|
|
|
width: 32rpx; |
|
|
|
height: 32rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.swipe-box { |
|
|
@ -625,8 +634,8 @@ |
|
|
|
|
|
|
|
.item-btn-right { |
|
|
|
margin-left: 15rpx; |
|
|
|
width: 14upx; |
|
|
|
height: 24upx !important; |
|
|
|
width: 16rpx; |
|
|
|
height: 28rpx !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
@ -658,15 +667,17 @@ |
|
|
|
} |
|
|
|
|
|
|
|
label { |
|
|
|
width: 36rpx; |
|
|
|
height: 36rpx; |
|
|
|
width: 54rpx; |
|
|
|
height: 54rpx; |
|
|
|
display: block; |
|
|
|
line-height: 36rpx; |
|
|
|
line-height: 54rpx; |
|
|
|
text-align: center; |
|
|
|
background: #C83732; |
|
|
|
background: #FBC864; |
|
|
|
color: #FFFFFF; |
|
|
|
font-size: 20rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: bold; |
|
|
|
margin-right: 20rpx; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
|
|
|
|
.replyBox {} |
|
|
@ -675,7 +686,7 @@ |
|
|
|
margin-top: 20rpx; |
|
|
|
|
|
|
|
label { |
|
|
|
background: #C5AA7B; |
|
|
|
background: #252744; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
@ -730,13 +741,15 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.btn-delete { |
|
|
|
width: 230upx; |
|
|
|
height: 100upx; |
|
|
|
line-height: 100upx; |
|
|
|
width: 232rpx; |
|
|
|
height: 80rpx; |
|
|
|
line-height: 80rpx; |
|
|
|
text-align: center; |
|
|
|
font-size: 30upx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
background: #C83732; |
|
|
|
margin-right: 30rpx; |
|
|
|
background: #F54639; |
|
|
|
border-radius: 50rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|