From 2cb26124675883fa1e2742ae7899c9fc791ed6a2 Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期四, 27 七月 2023 14:27:43 +0800
Subject: [PATCH] 修改
---
pages/tabBar/notice/detail.vue | 87 +++++++++++++++++++++++++++++--------------
1 files changed, 59 insertions(+), 28 deletions(-)
diff --git a/pages/tabBar/notice/detail.vue b/pages/tabBar/notice/detail.vue
index 2cda4c5..5be604a 100644
--- a/pages/tabBar/notice/detail.vue
+++ b/pages/tabBar/notice/detail.vue
@@ -10,12 +10,10 @@
<u-icon name="arrow-left" color="black" size="17" @click="goBack" />
<view class="barText">信息详情</view>
</view>
-
- <view class="divider"></view>
</view>
</view>
<!-- 页面内容 -->
- <view style="padding: 10px 15px;display: flex;flex-direction: column;">
+ <view class="detailCard">
<text style="font-size: 18px;"><b>标题：</b>{{detailData.title}}</text>
<text class="textTop"><b>类别：</b>{{detailData.disaster}}</text>
<view style="display: flex;align-items: center;" class="textTop">
@@ -31,17 +29,7 @@
<text class="textTop"><b>短信内容：</b><i style="background-color: rgb(240, 248, 255);">{{detailData.content}}发布单位：{{detailData.publishingUnit}}</i></text>
<view style="display: flex;">
<text class="textTop" style="width: 76px;" ><b>附件内容：</b></text>
- <view class="attache" v-if="isAllImg == 'no'">
- <view v-for="(item, index) in detailData.attachments" :key="index" >
- <view style="display: flex;margin-top: 10px;" v-if="item.suffix == 'jpg'|| item.suffix =='jpeg' || item.suffix =='png'">
- <image @click="previewSqs(item)" :src="item.attachment" style="width: 100rpx; height: 100rpx;margin-left: 5rpx;border: 3px solid #ccc;margin-right: 3px;"></image>
- </view>
- <view style="display: flex;margin-top: 10px;" @click="openFile(item)" v-else>
- <u-icon name="attach" color="#2979ff" size="20"></u-icon> {{item.attachementName}}
- </view>
- </view>
- </view>
- <view class="attache_img" v-else>
+ <!-- <view class="attache" v-if="isAllImg == 'no'">
<view v-for="(item, index) in detailData.attachments" :key="index" >
<view style="display: flex;margin-top: 10px;" v-if="item.suffix == 'jpg'|| item.suffix =='jpeg' || item.suffix =='png'">
<image @click="previewSqs(item,index)" :src="item.attachment" style="width: 100rpx; height: 100rpx;margin-left: 5rpx;border: 3px solid #ccc;margin-right: 3px;"></image>
@@ -51,6 +39,22 @@
</view>
</view>
</view>
+
+ <view class="attache_img" v-else>
+ <view v-for="(item, index) in detailData.attachments" :key="index" >
+ <view style="display: flex;margin-top: 10px;" v-if="item.suffix == 'jpg'|| item.suffix =='jpeg' || item.suffix =='png'">
+ <image @click="previewSqs(item,index)" :src="item.attachment" style="width: 100rpx; height: 100rpx;margin-left: 5rpx;border: 3px solid #ccc;margin-right: 3px;"></image>
+ </view>
+ <view style="display: flex;margin-top: 10px;" @click="openFile(item)" v-else>
+ <u-icon name="attach" color="#2979ff" size="20"></u-icon> {{item.attachementName}}
+ </view>
+ </view>
+ </view> -->
+
+<!-- <view style="width: 100%; height: 100px;">
+ <iframe :src="" width="100%" height="100%"> </iframe>
+ </view> -->
+
</view>
<text class="textTop" v-if="detailData.role == 'leader'"><b>信息提交人：</b>{{detailData.infoSubmitterRealName}}</text>
<view class="textTop" v-if="detailData.role == 'leader'">
@@ -96,6 +100,10 @@
@click="infoSend"
>确认发布</u-button>
</view>
+ <!-- //村级显示 -->
+ </view>
+ <view class="measures">
+ <u-button class="resBtn" type="primary" @click="goMeasures">响应措施反馈</u-button>
</view>
</view>
</template>
@@ -163,10 +171,14 @@
},
methods: {
goBack() {
- console.log("1111")
uni.navigateBack({
url:'./notice/notice'
});
+ },
+ goMeasures() {
+ uni.navigateTo({
+ url: `/pages/tabBar/notice/measures?data=` + encodeURIComponent("2")
+ })
},
//审核通过
approved() {
@@ -256,25 +268,26 @@
}
</script>
-<style>
+<style lang="scss" scoped>
a{
text-decoration: none;
}
.navBarBox .navBar {
- /* background-color:lightgrey; */
- height: 30px;
- display: flex;
- flex-direction: row;
- /* justify-content: center; */
- align-items: center;
-/* padding-top:5px ; */
- padding: 5px 8px;
+ background-color:#fff;
+ height: 50px;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ box-shadow: 0 3px 12px rgba(0,0,0,0.05);
}
.barText{
- margin-left: 36%;
- font-weight: 600;
- font-size: 18px;
-
+ /* margin-left: 20px; */
+ text-align: center;
+ width: 85%;
+ font-size: 16px;
+ /* text-align: center; */
+ font-weight: 600;
}
.navBarBox .navBar .logo {
width: 82rpx;
@@ -308,6 +321,15 @@
background-color: lightgray;
margin-left: 15px;
}
+.detailCard{
+ display: flex;
+ flex-direction: column;
+ background: #fff;
+ box-shadow: 0 3px 12px rgba(0,0,0,0.05);
+ margin: 12px 12px 20px;
+ border-radius: 5px;
+ padding: 30px 12px;
+}
.btn{
margin-top: 80px;
display: flex;
@@ -315,5 +337,14 @@
justify-content: space-around;
width: 100%;
}
+.measures{
+ margin-top: 50px 12px 0;
+ padding: 0 12px;
+
+ .resBtn{
+ border-radius: 5px;
+ box-shadow: 0 3px 12px rgba(33,148,239,0.4);
+ }
+}
</style>
--
Gitblit v1.9.2