lion 4 years ago
parent 94058c5e5a
commit df24ad9a5d

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

@ -127,7 +127,10 @@
{{currentNotice.name}} {{currentNotice.name}}
</view> </view>
<view class="mpopup-content" style="padding: 40rpx 20rpx;"> <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>
</view> </view>
</u-popup> </u-popup>
@ -314,6 +317,7 @@
}, },
openInfo(e) { openInfo(e) {
this.currentNotice = this.listNotice[e]; this.currentNotice = this.listNotice[e];
this.currentNotice.content = this.currentNotice.content.replace(/\<p/gi,"<p class='richp'");
this.showInfo = true; this.showInfo = true;
}, },
closeInfo() { closeInfo() {
@ -574,4 +578,7 @@
width: 421rpx; width: 421rpx;
height: 364rpx; height: 364rpx;
} }
.richp{
margin-bottom:10rpx;
}
</style> </style>

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

Loading…
Cancel
Save