|
|
|
|
@ -1,44 +1,32 @@
|
|
|
|
|
<template>
|
|
|
|
|
<view class="content">
|
|
|
|
|
<view class="contentlist">
|
|
|
|
|
<view class="content_box">
|
|
|
|
|
<view class="content_title" @click="showwhat('shownotice')">
|
|
|
|
|
|
|
|
|
|
<view class="infoicon">
|
|
|
|
|
<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
|
|
|
|
|
<text>参观须知</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>
|
|
|
|
|
</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>
|
|
|
|
|
<block v-for="(item,index) in noticeList" :key="index">
|
|
|
|
|
<view class="content_box">
|
|
|
|
|
<view class="content_title" @click="showwhat(index)">
|
|
|
|
|
|
|
|
|
|
<view class="infoicon">
|
|
|
|
|
<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
|
|
|
|
|
<text>{{item.name}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<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="item.shownotice">
|
|
|
|
|
<rich-text style="text-indent: 2em;" :nodes="item.content"></rich-text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</block>
|
|
|
|
|
<view class="content_box">
|
|
|
|
|
<view class="content_title" @click="showwhat('showform')">
|
|
|
|
|
|
|
|
|
|
<view class="infoicon">
|
|
|
|
|
<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
|
|
|
|
|
<text>意见建议</text>
|
|
|
|
|
</view>
|
|
|
|
|
<u-icon v-if="!show.showform" size="16" name="arrow-down"></u-icon>
|
|
|
|
|
<u-icon v-if="show.showform" size="16" name="arrow-up"></u-icon>
|
|
|
|
|
|
|
|
|
|
<view class="content_title" @click="showwhat('showform')">
|
|
|
|
|
|
|
|
|
|
<view class="infoicon">
|
|
|
|
|
<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
|
|
|
|
|
<text>意见建议</text>
|
|
|
|
|
</view>
|
|
|
|
|
<u-icon v-if="!show.showform" size="16" name="arrow-down"></u-icon>
|
|
|
|
|
<u-icon v-if="show.showform" size="16" name="arrow-up"></u-icon>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<view class="content_info" v-if="show.showform">
|
|
|
|
|
<u-form labelPosition="top" :model="form">
|
|
|
|
|
@ -65,30 +53,31 @@
|
|
|
|
|
form: {
|
|
|
|
|
mobile: "",
|
|
|
|
|
content: ""
|
|
|
|
|
},
|
|
|
|
|
show:{
|
|
|
|
|
shownotice:false,
|
|
|
|
|
showask:false,
|
|
|
|
|
showform:false
|
|
|
|
|
},
|
|
|
|
|
show: {
|
|
|
|
|
shownotice: false,
|
|
|
|
|
showask: false,
|
|
|
|
|
showform: false
|
|
|
|
|
},
|
|
|
|
|
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]
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
methods: {
|
|
|
|
|
showwhat(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({
|
|
|
|
|
@ -158,8 +151,8 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content {
|
|
|
|
|
padding:0 24rpx 60rpx 24rpx;
|
|
|
|
|
min-height: 100vh;
|
|
|
|
|
padding: 0 24rpx 60rpx 24rpx;
|
|
|
|
|
min-height: 100vh;
|
|
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -169,17 +162,19 @@
|
|
|
|
|
padding: 30rpx 21rpx;
|
|
|
|
|
margin-bottom: 25rpx; */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content_title {
|
|
|
|
|
padding: 26rpx 0;
|
|
|
|
|
border-bottom: #ddd 1rpx solid;
|
|
|
|
|
font-size: 32rpx;
|
|
|
|
|
color: #351C1B;
|
|
|
|
|
display: flex;
|
|
|
|
|
color: #351C1B;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
}
|
|
|
|
|
.infoicon view{
|
|
|
|
|
display: inline-block!important;
|
|
|
|
|
margin-right:20rpx
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.infoicon view {
|
|
|
|
|
display: inline-block !important;
|
|
|
|
|
margin-right: 20rpx
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content_info {
|
|
|
|
|
|
刘翔宇-旅管家
3 years ago