月报海报

library/longPoster/index.vue

@@ -22,11 +22,11 @@
 		</view>
 		<view class="ceng" v-if="isShowbtn" @click="hideBtn"></view>
 		<view class="side ddflex" v-if="isShowbtn">
-			<view class="li" @click="createJump('/office/createTeam/index')">
+			<view class="li" @click="jumpUrl('/library/longPosterService/longPosterService?type=1')">
 				<image src="/static/images/ll_dt.png"></image>
 				<view>年度账单</view>
 			</view>
-			<view class="li" @click="createJump('/office/news/news?newsType=1')">
+			<view class="li" @click="jumpUrl('/library/longPosterService/longPosterService?type=2')">
 				<image src="/static/images/ll_cz.png"></image>
 				<view>日/月/年报</view>
 			</view>
@@ -52,6 +52,9 @@
 		onShow() {
 			
 		},
+		onHide() {
+			this.hideBtn()
+		},
 		methods: {
 			jumpUrl(url){
 				uni.navigateTo({

library/longPosterContent/longPosterContent.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view v-if="type==1">
 		<view class="form-input">
 			<view class="input-label">文本一</view>
 			<picker :range="yearList" range-key="label" @change="yearChange">
@@ -33,6 +33,31 @@
 			<view class="btn" @click="">保存</view>
 		</view>
 	</view>
+	<view v-else-if="type==2">
+		<view class="form-input">
+			<view class="input-label">报表类型</view>
+			<picker :range="yearList" range-key="label" @change="yearChange">
+				<view class="input-box ddflex">
+					<view class="fflex">{{yearIndex>-1?yearList[yearIndex].label:'请选择'}}</view>
+					<image class="rico" src="../../static/pages/images/more.png"></image>
+				</view>
+			</picker>
+		</view>
+		<view class="form-input">
+			<view class="input-label">统计时间</view>
+			<picker :range="yearList" range-key="label" @change="yearChange">
+				<view class="input-box ddflex">
+					<view class="fflex">{{yearIndex>-1?yearList[yearIndex].label:'请选择'}}</view>
+					<image class="rico" src="../../static/pages/images/more.png"></image>
+				</view>
+			</picker>
+		</view>
+		
+		<view style="height: 150rpx;"></view>
+		<view class="share-btn">
+			<view class="btn" @click="">保存</view>
+		</view>
+	</view>
 </template>
 
 <script>
@@ -59,11 +84,12 @@
 					year:2021
 				}],
 				textTitle:'',
-				textContent:''
+				textContent:'',
+				type:1
 			}
 		},
 		onLoad(options) {
-		
+			if(options.type) this.type = options.type
 		},
 		onShow() {
 			

library/longPosterService/longPosterService.css

@@ -54,7 +54,7 @@ page{
 	font-weight: bold;
 	color: #333333;
 	line-height: 33rpx;
-	text-align: left;
+	text-align: center;
 	padding: 0 30rpx;
 }
 .table-th-item:first-child{
@@ -78,7 +78,7 @@ page{
 	font-weight: bold;
 	color: #333333;
 	line-height: 33rpx;
-	text-align: left;
+	text-align: center;
 	padding: 13rpx 30rpx 13rpx;
 }
 .table-td-item-border{

library/longPosterService/longPosterService.vue

@@ -1,42 +1,84 @@
 <template>
 	<view>
 		<view class="poster" id="poster">
-			<image class="poster-pic" :src="posterBg" mode="widthFix"></image>
-			
-			<view style="position: absolute;top: 912rpx;left: 50%;transform: translateX(-50%);">
-				<view style="font-size: 36rpx;font-weight: bold;text-align: center;">合计理赔金额（元）</view>
-				<view style="font-size: 90rpx;font-weight: bold;color: #FF5700;margin-top: 5rpx;line-height: 126rpx;text-align: center;">340895.2</view>
-				
-				<view style="font-size: 33rpx;font-weight: bold;margin-top: 78rpx;text-align: center;">理赔概况</view>
-				<view style="width:522rpx;font-size: 26rpx;font-weight: 400;color: #333;line-height: 48rpx;margin: 17rpx auto 0;">
-					这里是理赔经过的概况描述文案这里是理赔经过的概况描述文案这里是理赔经过的概况描述文案这里是理赔经过的概况描述文案这里是理赔经过的概况描述文案这里是理赔经过的概况这里是理赔经过的概况描述文案
-				</view>
-				
+			<!-- 年度理赔账单 -->
+			<block v-if="type==1">
+				<image class="poster-pic" :src="posterBg" mode="widthFix"></image>
 				
-				<view class="table-th ddflex">
-					<view class="table-th-item fflex">赔付事件</view>
-					<view class="table-th-item fflex">赔付金额</view>
-				</view>
-				
-				<view>
-					<view class="table-td" v-for="item,index in 10">
-						<view class="ddflex">
-							<view class="table-td-item fflex">L女士 32岁 福建人 甲状腺癌</view>
-							<view class="table-td-item">14826元</view>
+				<view style="position: absolute;top: 912rpx;left: 50%;transform: translateX(-50%);min-width:604rpx;">
+					<view style="font-size: 36rpx;font-weight: bold;text-align: center;">合计理赔金额（元）</view>
+					<view style="font-size: 90rpx;font-weight: bold;color: #FF5700;margin-top: 5rpx;line-height: 126rpx;text-align: center;">340895.2</view>
+					
+					<view style="font-size: 33rpx;font-weight: bold;margin-top: 78rpx;text-align: center;">理赔概况</view>
+					<view style="width:522rpx;font-size: 26rpx;font-weight: 400;color: #333;line-height: 48rpx;margin: 17rpx auto 0;">
+						这里是理赔经过的概况描述文案这里是理赔经过的概况描述文案这里是理赔经过的概况描述文案这里是理赔经过的概况描述文案这里是理赔经过的概况描述文案这里是理赔经过的概况这里是理赔经过的概况描述文案
+					</view>
+					
+					
+					<view class="table-th ddflex">
+						<view class="table-th-item fflex">赔付事件</view>
+						<view class="table-th-item fflex">赔付金额</view>
+					</view>
+					
+					<view>
+						<view class="table-td" v-for="item,index in 10">
+							<view class="ddflex">
+								<view class="table-td-item fflex">L女士 32岁 福建人 甲状腺癌</view>
+								<view class="table-td-item">14826元</view>
+							</view>
+							<view v-if="index!=10-1" class="table-td-item-border"></view>
+						</view>
+					</view>
+					
+					<view class="ddflex" style="margin-top: 40rpx;">
+						<view class="flex">
+							<view class="poster-title">杜平 | 18665676418</view>
+							<view class="poster-note">扫码即可咨询理赔事宜</view>
 						</view>
-						<view v-if="index!=10-1" class="table-td-item-border"></view>
+						<image class="poster-code" src="https://img.zhiqiyun.com/test/2023/08/23/d44ab2b86522a05ee6bd026cf04ec8bd.png"></image>
 					</view>
 				</view>
-				
-				<view class="ddflex" style="margin-top: 40rpx;">
-					<view class="flex">
-						<view class="poster-title">杜平 | 18665676418</view>
-						<view class="poster-note">扫码即可咨询理赔事宜</view>
+			</block>
+			<!-- 日报 -->
+			<block v-if="type==2">
+				<image class="poster-pic" :src="posterBg" mode="widthFix"></image>
+				<view style="position: absolute;top: 484rpx;left: 50%;transform: translateX(-50%);min-width:604rpx;">
+					<view style="font-size: 36rpx;font-weight: 400;text-align: left;color: #FFFFFF;">理赔总件数</view>
+					<view style="font-size: 90rpx;font-weight: bold;text-align: left;color: #FFFFFF;">489</view>
+					
+					<view style="font-size: 36rpx;font-weight: 400;text-align: left;color: #FFFFFF;margin-top: 30rpx;">理赔总金额（元）</view>
+					<view style="font-size: 90rpx;font-weight: bold;text-align: left;color: #FFFFFF;">340895.2</view>
+					
+					<view style="font-size: 36rpx;font-weight: 400;text-align: left;color: #FFFFFF;margin-top: 30rpx;">最高赔付金额（元）</view>
+					<view style="font-size: 90rpx;font-weight: bold;text-align: left;color: #FFFFFF;">40895.2</view>
+					
+					
+					<view class="table-th ddflex">
+						<view class="table-th-item fflex">赔付事件</view>
+						<view class="table-th-item fflex">理赔件数</view>
+						<view class="table-th-item fflex">赔付金额</view>
+					</view>
+					
+					<view>
+						<view class="table-td" v-for="item,index in 5">
+							<view class="ddflex">
+								<view class="table-td-item fflex">疾病医疗</view>
+								<view class="table-td-item fflex">35</view>
+								<view class="table-td-item fflex">14826元</view>
+							</view>
+							<view v-if="index!=5-1" class="table-td-item-border"></view>
+						</view>
+					</view>
+					
+					<view class="ddflex" style="margin-top: 40rpx;">
+						<view class="flex">
+							<view class="poster-title">杜平 | 18665676418</view>
+							<view class="poster-note">扫码即可咨询理赔事宜</view>
+						</view>
+						<image class="poster-code" src="https://img.zhiqiyun.com/test/2023/08/23/d44ab2b86522a05ee6bd026cf04ec8bd.png"></image>
 					</view>
-					<image class="poster-code" src="https://img.zhiqiyun.com/test/2023/08/23/d44ab2b86522a05ee6bd026cf04ec8bd.png"></image>
 				</view>
-			</view>
-			
+			</block>
 			
 		</view>
 		<view class="ddflex" style="margin: 30rpx 0 10rpx;justify-content: space-between;">
@@ -46,7 +88,7 @@
 					更换背景
 				</view>
 				<view class="line"></view>
-				<view class="option ddflex" @click="jumpUrl('/library/longPosterContent/longPosterContent')">
+				<view class="option ddflex" @click="jumpUrl('/library/longPosterContent/longPosterContent?type='+type)">
 					<image mode="aspectFit" src="../static/images/opt2.png"></image>
 					编辑内容
 				</view>
@@ -70,11 +112,17 @@
 				isTop:0,
 				productLink:'',
 				posterBg:'',
-				base64:''
+				base64:'',
+				type:1,
 			}
 		},
 		onLoad(options) {
-			this.posterBg = 'https://img.zhiqiyun.com/test/2023/08/23/e5705790f7614ebede4c06073b7abd50.png'
+			if(options.type) this.type = options.type
+			if(this.type == 1){
+				this.posterBg = 'https://img.zhiqiyun.com/test/2023/08/23/e5705790f7614ebede4c06073b7abd50.png'
+			}else{
+				this.posterBg = 'https://img.zhiqiyun.com/test/2023/08/23/d2ae45f898abdb12559da237f3c92188.png'
+			}
 		},
 		onShow() {