hz-zhhq-app/pages/epidemic/travel-policy.vue

77 lines
1.9 KiB
Vue
Raw Normal View History

2025-01-22 10:53:47 +08:00
<template>
<view class="hzIndex" >
<hzHeader title="防疫政策"></hzHeader>
<view class="hzContent" style="padding-top: 200upx;">
<view v-if="item.title" style="margin: 0 20upx;border-radius: 20upx;">
<view style="font-size: 40upx;font-weight: bold;padding:20upx;background: white;">{{item.title}}</view>
<view v-if="item.create_time" style="font-size: 26upx;color: #666;padding: 0px 20upx;background: white;">{{'发布日期'+formatDate(item.create_time)}}</view>
<view class="uni-common-mt" style="background:#FFF; padding:20upx;background: white;">
<rich-text :nodes="item.content"></rich-text>
</view>
</view>
<view v-else>
<content-none :padTop="20"></content-none>
</view>
</view>
</view>
</template>
<script>
import { travelPolicy } from '@/common/api.js';
import contentNone from '@/components/contentNone.vue';
import { callbackRequest, alertTip, compare,formatDate } from '@/common/util.js';
export default {
components: {
contentNone
},
data() {
return {
id:0,
item:{},
formatDate: formatDate,
};
},
onLoad(option) {
let id = option.id||''
this.travelPolicy(id);
},
methods: {
travelPolicy(id){
let params = {
method: travelPolicy,
data: {
id:id
}
};
callbackRequest(params)
.then(res =>{
if (res.data.returnCode == 1) {
if(res.data.returnData.length!=0){
this.item = res.data.returnData[0];
var content = this.item.content.replace(/\<img/gi,"<img style='max-width:100%'");
content = content.replace(/ /g,"  ");
//.replace(/\<p/gi, '<p class="p_class"')
this.item.content = content;
console.log(this.item)
}
}
else {
alertTip(res.data.returnMsg);
}
})
},
}
};
</script>
<style>
img{max-width:100%!important}
.p_class {
color: #666;
}
.uni-common-mt>>>.ql-align-right{
text-align: right;
}
</style>