lion 4 years ago
parent 94058c5e5a
commit df24ad9a5d

@ -1,34 +1,22 @@
<template>
<view class="content">
<view class="contentlist">
<block v-for="(item,index) in noticeList" :key="index">
<view class="content_box">
<view class="content_title" @click="showwhat('shownotice')">
<view class="content_title" @click="showwhat(index)">
<view class="infoicon">
<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
<text>参观须知</text>
<text>{{item.name}}</text>
</view>
<u-icon v-if="!show.shownotice" size="16" name="arrow-down"></u-icon>
<u-icon v-if="show.shownotice" size="16" name="arrow-up"></u-icon>
<u-icon v-if="!item.shownotice" size="16" name="arrow-down"></u-icon>
<u-icon v-if="item.shownotice" size="16" name="arrow-up"></u-icon>
</view>
<view class="content_info" v-if="show.shownotice">
<rich-text style="text-indent: 2em;" :nodes="notice.content"></rich-text>
</view>
</view>
<view class="content_box">
<view class="content_title" @click="showwhat('showask')">
<view class="infoicon">
<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
<text>常见问题</text>
</view>
<u-icon v-if="!show.showask" size="16" name="arrow-down"></u-icon>
<u-icon v-if="show.showask" size="16" name="arrow-up"></u-icon>
</view>
<view class="content_info" v-if="show.showask">
<rich-text style="text-indent: 2em;" :nodes="ask.content"></rich-text>
<view class="content_info" v-if="item.shownotice">
<rich-text style="text-indent: 2em;" :nodes="item.content"></rich-text>
</view>
</view>
</block>
<view class="content_box">
<view class="content_title" @click="showwhat('showform')">
@ -74,21 +62,22 @@
urls: {
1: '/api/mobile/other/visit-notice-index',
4: '/api/mobile/other/ask-index'
}
},
noticeList: []
}
},
onLoad() {
var that = this;
that.loadList(1, 1)
that.loadList(1, 4)
//that.loadList(1, 4)
},
methods: {
showwhat(type) {
// for(var m in this.show){
// if(m==type){
this.show[type] = !this.show[type]
// }
// }
if (type == "showform")
this.show[type] = !this.show[type];
else
this.noticeList[type].shownotice = !this.noticeList[type].shownotice;
this.$forceUpdate();
},
loadList(page, type) {
var that = this;
@ -102,6 +91,10 @@
that.notice = res.data[0];
if (type == 4)
that.ask = res.data[0];
for (var mod of res.data) {
mod.shownotice = false;
}
that.noticeList = res.data
},
utilFail: function(res) {
uni.showToast({
@ -169,6 +162,7 @@
padding: 30rpx 21rpx;
margin-bottom: 25rpx; */
}
.content_title {
padding: 26rpx 0;
border-bottom: #ddd 1rpx solid;
@ -177,6 +171,7 @@
display: flex;
justify-content: space-between;
}
.infoicon view {
display: inline-block !important;
margin-right: 20rpx

@ -127,7 +127,10 @@
{{currentNotice.name}}
</view>
<view class="mpopup-content" style="padding: 40rpx 20rpx;">
<rich-text :nodes="currentNotice.content"></rich-text>
<view v-html="currentNotice.content" style="font-size:32rpx;line-height: 50rpx;text-indent: 2em;">
</view>
<!-- <rich-text :nodes="currentNotice.content"></rich-text> -->
</view>
</view>
</u-popup>
@ -314,6 +317,7 @@
},
openInfo(e) {
this.currentNotice = this.listNotice[e];
this.currentNotice.content = this.currentNotice.content.replace(/\<p/gi,"<p class='richp'");
this.showInfo = true;
},
closeInfo() {
@ -574,4 +578,7 @@
width: 421rpx;
height: 364rpx;
}
.richp{
margin-bottom:10rpx;
}
</style>

@ -160,21 +160,15 @@
</view>
</view>
</view>
<view class="box-card">
<!-- <view class="box-card">
<u-form-item label="特殊情况" labelWidth="80" prop="leader" ref="leader">
<!-- <u-radio-group v-model="specialtype">
<u-radio ref="specialradio" width="50%" @change="radioChange" activeColor="#EF9525"
name='3' label="">
</u-radio>
</u-radio-group> -->
<u-checkbox-group @change="radioChange">
<u-checkbox activeColor="#EF9525" label="乘坐轮椅等行动不便者" v-model="specialtype" name='1' shape="circle"></u-checkbox>
</u-checkbox-group>
</u-form-item>
</view>
</view> -->
<view class="box-card" v-if="type=='team'">
<view class="box-card-title">
{{type=="team"?"领队人信息":"联系人信息"}}
@ -237,6 +231,12 @@
<u-form-item label="证件号码" labelWidth="80" prop="idcard" ref="idcard" required>
<u-input placeholder="请输入证件号码" v-model="formUser.idcard"></u-input>
</u-form-item>
<u-form-item label="特殊情况" labelWidth="80" prop="leader" ref="leader">
<u-checkbox-group @change="radioChange">
<u-checkbox activeColor="#EF9525" label="乘坐轮椅等行动不便者" v-model="specialtype" name='1' shape="circle"></u-checkbox>
</u-checkbox-group>
</u-form-item>
<u-form-item label="手机号" labelWidth="80" prop="from.mobile" ref="mobile">
<u-input placeholder="请输入手机号" v-model="formUser.mobile"></u-input>
</u-form-item>

Loading…
Cancel
Save