From bc721423d62b0b8e8deedff6b97b5dbc8ca54a97 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 28 五月 2025 09:08:16 +0800
Subject: [PATCH] 提交

---
 wx/pages/new_report/new_report.vue | 1167 ++++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 960 insertions(+), 207 deletions(-)

diff --git a/wx/pages/new_report/new_report.vue b/wx/pages/new_report/new_report.vue
index a913e29..066ccba 100644
--- a/wx/pages/new_report/new_report.vue
+++ b/wx/pages/new_report/new_report.vue
@@ -1,6 +1,20 @@
 <template>
 	<view class="box">
-		<u-modal :show="show" title="鐗瑰埆鎻愰啋" @confirm="show = false" confirmColor="#437CB3" confirmText="鐭ラ亾浜�" content='鏍规嵁銆婂伐浼や繚闄╂潯渚嬨�嬬涓夌珷绗叚鏉¤瀹�:鍛樺伐涓婁笅鐝矾涓婁氦閫氫簨鏁咃紝闈炴湰浜轰富瑕佽矗浠绘墠绠楀伐浼ゃ�傚鏋滄槸鍛樺伐鑷繁鐨勪富瑕佽矗浠伙紝鍙兘绠楁剰澶栦簨鏁咃紝涓嶈兘绠椾綔宸ヤ激銆傚鏋滀笉鏄伐浼わ紝闆囦富鍒欐棤闇�鎵挎媴璧斿伩璐d换銆傛瘮濡�:灏忔槑涓婄彮璺笂楠戠數鐡惰溅鎽斿�掍簡瀵艰嚧鎿︿激锛屾病鏈夌涓夎矗浠绘柟锛屾墍浠ユ妗堢畻鎰忓锛屼笉鑳界畻宸ヤ激銆�'></u-modal>
+		<view class="box_status">
+			<view class="box_status_row" v-for="(item, index) in list" :key="index">
+				<view :class="i > index ? 'box_status_row_x bgColor' : 'box_status_row_x'" v-if="index !== list.length - 1"></view>
+				<view class="box_status_row_num active" v-if="i === index">
+					<text>{{ index + 1 }}</text>
+				</view>
+				<view class="box_status_row_num guo" v-else-if="i > index">
+					<u-icon name="checkbox-mark" color="#437CB3" size="28"></u-icon>
+				</view>
+				<view class="box_status_row_num" v-else>
+					<text>{{ index + 1 }}</text>
+				</view>
+				<view :class="i === index || i > index ? 'box_status_row_text activeFont' : 'box_status_row_text'">{{item.name}}</view>
+			</view>
+		</view>
 		<u--form
 			labelPosition="top"
 			:model="model"
@@ -8,79 +22,145 @@
 			labelWidth="150"
 			ref="uForm"
 		>
+		<view class="box_hz" v-if="i === 0">
 			<view class="box_list">
 				<view class="box_list_Label">鍩烘湰淇℃伅</view>
-				<view class="box_list_from">
-					<u-form-item label="鍑洪櫓浜猴細" prop="memberName" borderBottom required v-if="!id">
-						<u--input v-model="model.memberName" placeholder="璇烽�夋嫨鍑洪櫓浜�" @input="changeSearch" border="none"></u--input>
-						<scroll-view scroll-y class="box_list_data" v-if="model.memberName && columns2.length > 0">
-							<view class="box_list_data_item" v-for="(item, index) in columns2" :key="index" @click="clickItem(item)">
-								{{item.name}} - {{item.idcardNo}}
+					<view class="box_list_from">
+						<u-form-item label="鍑洪櫓浜猴細" prop="memberName" borderBottom required v-if="!id">
+							<u--input v-model="model.memberName" placeholder="璇烽�夋嫨鍑洪櫓浜�" @input="changeSearch" border="none"></u--input>
+							<scroll-view scroll-y class="box_list_data" v-if="model.memberName && columns2.length > 0">
+								<view class="box_list_data_item" v-for="(item, index) in columns2" :key="index" @click="clickItem(item)">
+									{{item.name}} - {{item.idcardNo}}
+								</view>
+							</scroll-view>
+						</u-form-item>
+						<u-form-item label="璇佷欢鍙风爜锛�" prop="idcardNo" required>
+							<u--input v-model="model.idcardNo" maxlength="18" placeholder="璇疯緭鍏ヨ瘉浠跺彿鐮�" border="none"></u--input>
+						</u-form-item>
+						<u-form-item label="鎶ユ浜猴細" prop="informantName" borderBottom required>
+							<u--input v-model="model.informantName" placeholder="璇疯緭鍏ユ姤妗堜汉濮撳悕" border="none"></u--input>
+						</u-form-item>
+						<u-form-item label="鎶ユ浜鸿仈绯绘柟寮忥細" prop="informantPhone" required>
+							<u--input v-model="model.informantPhone" maxlength="11" placeholder="璇疯緭鍏ユ姤妗堜汉鑱旂郴鏂瑰紡" border="none"></u--input>
+						</u-form-item>
+					</view>
+				</view>
+				<view class="box_list">
+					<view class="box_list_Label">淇濋櫓鏂规</view>
+					<view class="box_list_from">
+						<u-form-item label="淇濋櫓鏂规锛�" prop="solutionName" borderBottom required @click="openFA" v-if="!id">
+							<view style="width: 100%; display: flex; align-items: center; justify-content: space-between;">
+								<u--input v-model="model.solutionName" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨淇濋櫓鏂规" border="none"></u--input>
+								<u-icon slot="right" name="arrow-right"></u-icon>
 							</view>
-						</scroll-view>
-					</u-form-item>
-					<u-form-item label="淇濋櫓鏂规锛�" prop="solutionName" borderBottom required @click="openFA" v-if="!id">
-						<u--input v-model="model.solutionName" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨淇濋櫓鏂规" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
-					</u-form-item>
-					<u-form-item label="鎶ユ浜猴細" prop="informantName" borderBottom required>
-						<u--input v-model="model.informantName" placeholder="璇疯緭鍏ユ姤妗堜汉濮撳悕" border="none"></u--input>
-					</u-form-item>
-					<u-form-item label="鎶ユ浜鸿仈绯绘柟寮忥細" prop="informantPhone" required>
-						<u--input v-model="model.informantPhone" maxlength="11" placeholder="璇疯緭鍏ユ姤妗堜汉鑱旂郴鏂瑰紡" border="none"></u--input>
-					</u-form-item>
+							<view class="faList" v-if="scheme">
+								<text>淇濆崟鍙凤細{{scheme.applyCode || ''}}</text>
+								<text>淇濋殰鏈熼檺锛�<template v-if="scheme.parentStartTime">{{scheme.parentStartTime}}锝瀧{scheme.parentEndTime}}</template></text>
+								<text>鎶曚繚鍗曚綅锛歿{scheme.companyName || ''}}</text>
+								<text>娲鹃仯鍗曚綅锛歿{scheme.duName}}</text>
+								<text>鎵�灞炲伐绉嶏細{{scheme.workTypeName}}</text>
+							</view>
+						</u-form-item>
+					</view>
+				</view>
+				<view class="box_list">
+					<view class="box_list_Label">鍑洪櫓淇℃伅</view>
+					<view class="box_list_from">
+						<u-form-item label="浜嬫晠绫诲瀷锛�" prop="typeName" borderBottom required @click="show2 = true">
+							<u--input v-model="model.typeName" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨浜嬫晠绫诲瀷" border="none"></u--input>
+							<u-icon slot="right" name="arrow-right"></u-icon>
+						</u-form-item>
+						<u-form-item label="鍑洪櫓鏃堕棿锛�" prop="happenTime" borderBottom required @click="openChuxian">
+							<u--input v-model="model.happenTime" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨浜嬫晠鍙戠敓鏃堕棿" border="none"></u--input>
+							<u-icon slot="right" name="arrow-right"></u-icon>
+						</u-form-item>
+						<u-form-item label="鍑洪櫓鍦板尯锛�" prop="areaInfo" borderBottom @click="show3 = true">
+							<u--input v-model="model.areaInfo" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨浜嬫晠鍙戠敓鍦�" border="none"></u--input>
+							<u-icon slot="right" name="arrow-right"></u-icon>
+						</u-form-item>
+						<u-form-item label="璇︾粏鍦板潃锛�" prop="address" borderBottom>
+							<u--textarea placeholder="璇锋弿杩拌缁嗗湴鍧�" border="none" v-model="model.address"></u--textarea>
+						</u-form-item>
+						<u-form-item label="鍑洪櫓缁忚繃锛�" prop="content" borderBottom required>
+							<u--textarea placeholder="璇锋弿杩板嚭闄╃粡杩�" border="none" v-model="model.content"></u--textarea>
+						</u-form-item>
+						<u-form-item label="灏辫瘖鍖荤枟鏈烘瀯锛�" prop="hospital" borderBottom>
+							<u--input v-model="model.hospital" placeholder="璇疯緭鍏ュ氨璇婂尰鐤楁満鏋勫悕绉�" border="none"></u--input>
+						</u-form-item>
+						<u-form-item label="灏辫瘖绫诲瀷锛�" prop="inHospital" borderBottom required>
+							<view class="list">
+								<view :class="model.inHospital === 0 ? 'list_item active' : 'list_item'" @click="model.inHospital = 0">浣忛櫌</view>
+								<view :class="model.inHospital === 1 ? 'list_item active' : 'list_item'" @click="model.inHospital = 1">闂ㄨ瘖</view>
+							</view>
+						</u-form-item>
+						<u-form-item label="鏄惁浼ゆ畫锛�" prop="hurtType" borderBottom required>
+							<view class="list">
+								<view :class="model.hurtType === 0 ? 'list_item active' : 'list_item'" @click="model.hurtType = 0">鏄�</view>
+								<view :class="model.hurtType === 1 ? 'list_item active' : 'list_item'" @click="model.hurtType = 1">鍚�</view>
+								<view :class="model.hurtType === 1 ? 'list_item active' : 'list_item'" @click="model.hurtType = 1">寰呯‘瀹�</view>
+							</view>
+						</u-form-item>
+						<u-form-item label="鏄惁鏈夊尰淇濓細" prop="medicalInsurance" borderBottom required>
+							<view class="list">
+								<view :class="model.medicalInsurance === 0 ? 'list_item active' : 'list_item'" @click="model.medicalInsurance = 0">鏄�</view>
+								<view :class="model.medicalInsurance === 1 ? 'list_item active' : 'list_item'" @click="model.medicalInsurance = 1">鍚�</view>
+							</view>
+						</u-form-item>
+						<u-form-item label="浜嬫晠瑙嗛/鍥剧墖锛�" prop="reportFileList" v-if="!id">
+							<view style="width: 100%; height: 15rpx;"></view>
+							<view class="meade">
+								<view class="meade_content" v-for="(item,index) in model.reportFileList" :key="index">
+									<image class="dele" src="@/static/icon/ic_delete@2x.png" mode="widthFix" @click="deletePic(index, 6)"></image>
+									<image class="image" :src="item.url" mode="widthFix" v-if="item.type === 0"></image>
+									<video class="video" :src="item.url" controls v-if="item.type === 1"></video>
+								</view>
+								<view class="meade_upload" @click="upload(6)">
+									<u-icon name="plus" color="#999999" size="20"></u-icon>
+									<text>鐐瑰嚮涓婁紶</text>
+								</view>
+								<view class="meade_zw"></view>
+								<view class="meade_zw"></view>
+								<view class="meade_zw"></view>
+							</view>
+						</u-form-item>
+					</view>
 				</view>
 			</view>
-			<view class="box_list">
-				<view class="box_list_Label">浜嬫晠淇℃伅</view>
-				<view class="box_list_from">
-					<u-form-item label="灏辫瘖鍖荤枟鏈烘瀯锛�" prop="hospital" borderBottom v-if="!id">
-						<u--input v-model="model.hospital" placeholder="璇疯緭鍏ュ氨璇婂尰鐤楁満鏋勫悕绉�" border="none"></u--input>
-					</u-form-item>
-					<u-form-item label="浜嬫晠鏃堕棿锛�" prop="happenTime" borderBottom required v-if="!id" @click="show1 = true">
-						<u--input v-model="model.happenTime" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨浜嬫晠鍙戠敓鏃堕棿" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
-					</u-form-item>
-					<u-form-item label="浜嬫晠绫诲瀷锛�" prop="typeName" borderBottom required @click="show2 = true">
-						<u--input v-model="model.typeName" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨浜嬫晠绫诲瀷" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
-					</u-form-item>
-					<u-form-item label="鏄惁浣忛櫌锛�" prop="name" borderBottom required>
-						<view class="list">
-							<view :class="model.inHospital === 0 ? 'list_item active' : 'list_item'" @click="model.inHospital = 0">鏄�</view>
-							<view :class="model.inHospital === 1 ? 'list_item active' : 'list_item'" @click="model.inHospital = 1">鍚�</view>
+			<!-- 涓婁紶鏂囦欢 -->
+			<view class="box_up" v-if="i === 1">
+				<view class="box_up_head">
+					<view class="box_up_head_title">
+						<u-icon name="error-circle-fill" color="#2979ff" size="22"></u-icon>
+						<text>閲嶈鎻愮ず</text>
+					</view>
+					<view class="box_up_head_info">
+						<text>路 涓嶅悓淇濋櫓浜у搧鐞嗚禂鏉愭枡鏈夋墍涓嶅悓</text>
+						<text>路 涓婁紶鏉愭枡鍓嶆敞鎰忎娇鐢ㄧ洊绔犳枃浠舵ā鐗堝拰鏌ョ湅鐞嗚禂鏉愭枡涓�瑙堣〃</text>
+					</view>
+				</view>
+				<view class="box_up_title">
+					<text>涓婁紶鐞嗚禂鏉愭枡</text>
+					<view class="box_up_title_downlod">
+						<text>涓嬭浇绀轰緥</text>
+						<image src="/static/icon/ic_download@2x.png" mode="widthFix"></image>
+					</view>
+				</view>
+				<view class="box_up_list">
+					<view class="box_up_list_row">
+						<view class="box_up_list_row_title">
+							<text>鍛樺伐鍏崇郴璇佹槑鏉愭枡</text>
+							<view class="box_up_list_row_title_icon" @click="openInfo(1)">
+								<image src="/static/icon/ic_shuoming@2x.png" mode="widthFix"></image>
+								<text>涓婁紶璇存槑</text>
+							</view>
 						</view>
-					</u-form-item>
-					<u-form-item label="鏄惁鏈夊尰鐤椾繚闄╋細" prop="name" borderBottom required>
-						<view class="list">
-							<view :class="model.medicalInsurance === 0 ? 'list_item active' : 'list_item'" @click="model.medicalInsurance = 0">鏄�</view>
-							<view :class="model.medicalInsurance === 1 ? 'list_item active' : 'list_item'" @click="model.medicalInsurance = 1">鍚�</view>
-						</view>
-					</u-form-item>
-					<u-form-item label="鍑洪櫓鍦板尯锛�" prop="areaInfo" borderBottom @click="show3 = true">
-						<u--input v-model="model.areaInfo" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨浜嬫晠鍙戠敓鍦�" border="none"></u--input>
-						<u-icon slot="right" name="arrow-right"></u-icon>
-					</u-form-item>
-					<u-form-item label="浜嬫晠鎻忚堪锛�" prop="content" borderBottom required v-if="!id">
-						<u--textarea placeholder="璇锋弿杩颁簨鏁呯粡杩�" border="none" v-model="model.content"></u--textarea>
-					</u-form-item>
-					<u-form-item label="浜嬫晠瑙嗛/鍥剧墖锛�" prop="name" v-if="!id">
-						<view style="width: 100%; height: 15rpx;"></view>
-						<!-- <u-upload
-							:fileList="fileList"
-							@afterRead="afterRead"
-							@delete="deletePic"
-							multiple
-							:maxCount="10"
-							accept="media"
-						></u-upload> -->
 						<view class="meade">
-							<view class="meade_content" v-for="(item,index) in model.reportFileList" :key="index">
-								<image class="dele" src="@/static/icon/ic_delete@2x.png" mode="widthFix" @click="deletePic(index)"></image>
+							<view class="meade_content" v-for="(item,index) in model.relationFileList" :key="index">
+								<image class="dele" src="@/static/icon/ic_delete@2x.png" mode="widthFix" @click="deletePic(index, 1)"></image>
 								<image class="image" :src="item.url" mode="widthFix" v-if="item.type === 0"></image>
 								<video class="video" :src="item.url" controls v-if="item.type === 1"></video>
 							</view>
-							<view class="meade_upload" @click="upload">
+							<view class="meade_upload" @click="upload(1)">
 								<u-icon name="plus" color="#999999" size="20"></u-icon>
 								<text>鐐瑰嚮涓婁紶</text>
 							</view>
@@ -88,16 +168,164 @@
 							<view class="meade_zw"></view>
 							<view class="meade_zw"></view>
 						</view>
-					</u-form-item>
+					</view>
+					<view class="box_up_list_row">
+						<view class="box_up_list_row_title">
+							<text>闂ㄨ瘖</text>
+							<view class="box_up_list_row_title_icon">
+								<image src="/static/icon/ic_shuoming@2x.png" mode="widthFix"></image>
+								<text>涓婁紶璇存槑</text>
+							</view>
+						</view>
+						<view class="meade">
+							<view class="meade_content" v-for="(item,index) in model.outpatientFileList" :key="index">
+								<image class="dele" src="@/static/icon/ic_delete@2x.png" mode="widthFix" @click="deletePic(index, 2)"></image>
+								<image class="image" :src="item.url" mode="widthFix" v-if="item.type === 0"></image>
+								<video class="video" :src="item.url" controls v-if="item.type === 1"></video>
+							</view>
+							<view class="meade_upload" @click="upload(2)">
+								<u-icon name="plus" color="#999999" size="20"></u-icon>
+								<text>鐐瑰嚮涓婁紶</text>
+							</view>
+							<view class="meade_zw"></view>
+							<view class="meade_zw"></view>
+							<view class="meade_zw"></view>
+						</view>
+					</view>
+					<view class="box_up_list_row">
+						<view class="box_up_list_row_title">
+							<text>浣忛櫌</text>
+							<view class="box_up_list_row_title_icon">
+								<image src="/static/icon/ic_shuoming@2x.png" mode="widthFix"></image>
+								<text>涓婁紶璇存槑</text>
+							</view>
+						</view>
+						<view class="meade">
+							<view class="meade_content" v-for="(item,index) in model.hospitalFileList" :key="index">
+								<image class="dele" src="@/static/icon/ic_delete@2x.png" mode="widthFix" @click="deletePic(index, 3)"></image>
+								<image class="image" :src="item.url" mode="widthFix" v-if="item.type === 0"></image>
+								<video class="video" :src="item.url" controls v-if="item.type === 1"></video>
+							</view>
+							<view class="meade_upload" @click="upload(3)">
+								<u-icon name="plus" color="#999999" size="20"></u-icon>
+								<text>鐐瑰嚮涓婁紶</text>
+							</view>
+							<view class="meade_zw"></view>
+							<view class="meade_zw"></view>
+							<view class="meade_zw"></view>
+						</view>
+					</view>
+					<view class="box_up_list_row">
+						<view class="box_up_list_row_title">
+							<text>浼ゆ畫</text>
+							<view class="box_up_list_row_title_icon">
+								<image src="/static/icon/ic_shuoming@2x.png" mode="widthFix"></image>
+								<text>涓婁紶璇存槑</text>
+							</view>
+						</view>
+						<view class="meade">
+							<view class="meade_content" v-for="(item,index) in model.disabilityFileList" :key="index">
+								<image class="dele" src="@/static/icon/ic_delete@2x.png" mode="widthFix" @click="deletePic(index, 4)"></image>
+								<image class="image" :src="item.url" mode="widthFix" v-if="item.type === 0"></image>
+								<video class="video" :src="item.url" controls v-if="item.type === 1"></video>
+							</view>
+							<view class="meade_upload" @click="upload(4)">
+								<u-icon name="plus" color="#999999" size="20"></u-icon>
+								<text>鐐瑰嚮涓婁紶</text>
+							</view>
+							<view class="meade_zw"></view>
+							<view class="meade_zw"></view>
+							<view class="meade_zw"></view>
+						</view>
+					</view>
+					<view class="box_up_list_row">
+						<view class="box_up_list_row_title">
+							<text>鍏朵粬</text>
+							<view class="box_up_list_row_title_icon">
+								<image src="/static/icon/ic_shuoming@2x.png" mode="widthFix"></image>
+								<text>涓婁紶璇存槑</text>
+							</view>
+						</view>
+						<view class="meade">
+							<view class="meade_content" v-for="(item,index) in model.otherFileList" :key="index">
+								<image class="dele" src="@/static/icon/ic_delete@2x.png" mode="widthFix" @click="deletePic(index, 5)"></image>
+								<image class="image" :src="item.url" mode="widthFix" v-if="item.type === 0"></image>
+								<video class="video" :src="item.url" controls v-if="item.type === 1"></video>
+							</view>
+							<view class="meade_upload" @click="upload(5)">
+								<u-icon name="plus" color="#999999" size="20"></u-icon>
+								<text>鐐瑰嚮涓婁紶</text>
+							</view>
+							<view class="meade_zw"></view>
+							<view class="meade_zw"></view>
+							<view class="meade_zw"></view>
+						</view>
+					</view>
+				</view>
+				<view class="box_up_hz">
+					<view class="box_list">
+						<view class="box_list_Label">鏀舵淇℃伅</view>
+						<view class="box_list_from">
+							<u-form-item label="鏀舵閾惰锛�" prop="receiveBank" borderBottom required>
+								<u--input v-model="model.receiveBank" placeholder="璇疯緭鍏�" border="none"></u--input>
+							</u-form-item>
+							<u-form-item label="鏀舵浜猴細" prop="receiveUserName" borderBottom required>
+								<u--input v-model="model.receiveUserName" placeholder="璇疯緭鍏�" border="none"></u--input>
+							</u-form-item>
+							<u-form-item label="鏀舵璐﹀彿锛�" prop="receiveAccount" borderBottom required>
+								<u--input v-model="model.receiveAccount" placeholder="璇疯緭鍏�" border="none"></u--input>
+							</u-form-item>
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 瀹屾垚 -->
+			<view class="box_success" v-if="i === 2">
+				<view class="box_success_icon">
+					<image src="/static/icon/ic_success@2x.png" mode="widthFix"></image>
+				</view>
+				<view class="box_success_title">鎻愪氦鎴愬姛</view>
+				<view class="box_success_info">绛夊緟绔嬫</view>
+				<view class="box_success_btns">
+					<u-button type="primary" shape="circle" plain color="#999999" text="缁х画鎶ユ" @click="jixu"></u-button>
+					<view style="width: 30rpx; height: 100%;"></view>
+					<u-button type="primary" shape="circle" plain color="#437CB3" text="鏌ョ湅璇︽儏" @click="jump"></u-button>
 				</view>
 			</view>
 		</u--form>
+		<view style="width: 100%; height: calc(88rpx + env(safe-area-inset-bottom));"></view>
 		<!-- 鎻愪氦鎸夐挳 -->
 		<view class="box_footer">
-			<u-button type="primary" shape="circle" color="#437CB3" text="鎻愪氦鎶ユ" @click="submit"></u-button>
+			<view class="box_footer_btns" v-if="i === 0">
+				<view class="box_footer_btns_1">
+					<u-button type="primary" shape="circle" plain color="#437CB3" text="鏆傚瓨" @click="submit(0)"></u-button>
+				</view>
+				<view style="width: 20rpx; height: 100%;"></view>
+				<u-button type="primary" shape="circle" color="#437CB3" text="涓嬩竴姝�" @click="next"></u-button>
+			</view>
+			<view class="box_footer_btns" v-if="i === 1">
+				<view class="box_footer_btns_1">
+					<u-button type="primary" shape="circle" plain color="#437CB3" text="鏆傚瓨" @click="submit(0)"></u-button>
+				</view>
+				<view style="width: 30rpx; height: 100%;"></view>
+				<view class="box_footer_btns_1">
+					<u-button type="primary" shape="circle" plain color="#437CB3" text="涓婁竴姝�" @click="i--"></u-button>
+				</view>
+				<view style="width: 30rpx; height: 100%;"></view>
+				<u-button type="primary" shape="circle" color="#437CB3" text="鎻愪氦鎶ユ" @click="submit(1)"></u-button>
+			</view>
+			<view style="width: 100%; height: env(safe-area-inset-bottom);"></view>
 		</view>
 		<!-- 浜嬫晠鏃堕棿 -->
-		<u-datetime-picker :show="show1" v-model="date" mode="datetime" :defaultIndex="[11]" @confirm="confirm" @cancel="show1 = false"></u-datetime-picker>
+		<u-datetime-picker
+			:show="show1"
+			v-model="date"
+			mode="datetime"
+			:minDate="minDate"
+			:maxDate="maxDate"
+			:defaultIndex="[11]"
+			@confirm="confirm"
+			@cancel="show1 = false" />
 		<!-- 浜嬫晠绫诲瀷 -->
 		<u-picker :show="show2" keyName="name" :columns="columns" @confirm="confirm1" @cancel="show2 = false"></u-picker>
 		<!-- 鐪佸競鍖� -->
@@ -106,6 +334,18 @@
 		<u-picker :show="show4" keyName="label" :columns="columns2" @confirm="confirm3" @cancel="show4 = false"></u-picker>
 		<!-- 淇濋櫓鏂规 -->
 		<u-picker :show="show5" keyName="solutionName" :columns="columns3" @confirm="confirm4" @cancel="show5 = false"></u-picker>
+		<!-- 寮圭獥鎻愰啋 -->
+		<u-modal :show="show" title="鏃犳硶瀹屾垚鎶ユ" content='璇ュ嚭闄╀汉鏃犳湁鏁堜繚鍗� 璇烽噸鏂伴�夋嫨'></u-modal>
+		<!-- 涓婁紶璇存槑 -->
+		<u-popup :show="show6" closeable mode="bottom">
+			<view class="info">
+				<view class="info_title">涓婁紶璇存槑</view>
+				<view class="info_content">闇�涓婁紶鐨勬枃浠讹細鍔冲姩鍚堝悓澶嶅嵃浠躲�佸伐璧勬祦姘淬��</view>
+				<view class="info_btn">
+					<u-button shape="circle" style="height: 100%;" text="鎴戠煡閬撲簡" color="#437CB3" @click="show6 = false"></u-button>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -114,13 +354,17 @@
 		data() {
 			return {
 				id: null,
+				i: 1,
 				show: false,
 				show1: false,
 				show2: false,
 				show3: false,
 				show4: false,
 				show5: false,
+				show6: false,
 				date: Number(new Date()),
+				minDate: '',
+				maxDate: '',
 				columns: [
 					[
 						{ name: '宸ヤ綔鏈熼棿鍙椾激', id: 0 },
@@ -129,6 +373,12 @@
 						{ name: '鎰忓鍙椾激', id: 3 }
 					]
 				],
+				list: [
+					{ name: '濉啓鍑洪櫓淇℃伅' },
+					{ name: '涓婁紶鐞嗚禂鏉愭枡' },
+					{ name: '瀹屾垚鎶ユ' },
+				],
+				scheme: null,
 				columns1: [],
 				columns2: [],
 				columns3: [],
@@ -153,9 +403,41 @@
 					content: '',
 					areaId: '',
 					areaInfo: '',
-					reportFileList: []
+					reportFileList: [],
+					idcardNo: '',
+					hurtType: 0,
+					address: '',
+					receiveBank: '',
+					receiveUserName: '',
+					receiveAccount: '',
+					applyDetailId: '',
+					insuranceApplyId: '',
+					
+					relationFileList: [],
+					outpatientFileList: [],
+					hospitalFileList: [],
+					disabilityFileList: [],
+					otherFileList: [],
 				},
 				rules: {
+					'receiveAccount': {
+						type: 'string',
+						required: true,
+						message: '璇峰~鍐欐敹娆捐处鍙�',
+						trigger: ['blur']
+					},
+					'receiveUserName': {
+						type: 'string',
+						required: true,
+						message: '璇峰~鍐欐敹娆句汉',
+						trigger: ['blur']
+					},
+					'receiveBank': {
+						type: 'string',
+						required: true,
+						message: '璇峰~鍐欐敹娆鹃摱琛�',
+						trigger: ['blur']
+					},
 					'memberName': {
 						type: 'string',
 						required: true,
@@ -197,6 +479,18 @@
 						required: true,
 						message: '璇疯緭鍏ヤ簨鏁呮弿杩�',
 						trigger: ['blur']
+					},
+					'idcardNo': {
+						type: 'string',
+						required: true,
+						message: '璇疯緭鍏ヨ瘉浠跺彿鐮�',
+						trigger: ['blur']
+					},
+					'typeName': {
+						type: 'string',
+						required: true,
+						message: '璇疯緭鍏ヤ簨鏁呯被鍨�',
+						trigger: ['blur']
 					}
 				},
 				fileList: []
@@ -213,11 +507,55 @@
 				this.getUser()
 				return
 			}
-			this.show = true
 			this.getArea()
 			this.getUser()
+			this.model.informantName = this.$store.state.userInfo.realname
 		},
 		methods: {
+			jixu() {
+				uni.navigateTo({
+					url: `/pages/report_details/report_details?id=${this.id}`
+				})
+			},
+			jixu() {
+				this.model = {
+					memberId: '',
+					memberName: '',
+					solutionId: '',
+					solutionName: '',
+					informantName: '',
+					informantPhone: '',
+					hospital: '',
+					happenTime: '',
+					type: '',
+					duId: '',
+					duName: '',
+					worktypeId: '',
+					worktypeName: '',
+					typeName: '',
+					inHospital: 0,
+					medicalInsurance: 0,
+					content: '',
+					areaId: '',
+					areaInfo: '',
+					reportFileList: [],
+					idcardNo: '',
+					hurtType: 0,
+					address: '',
+					receiveBank: '',
+					receiveUserName: '',
+					receiveAccount: '',
+					applyDetailId: '',
+					insuranceApplyId: '',
+					
+					relationFileList: [],
+					outpatientFileList: [],
+					hospitalFileList: [],
+					disabilityFileList: [],
+					otherFileList: []
+				}
+				this.i = 0
+			},
 			clickItem(item) {
 				this.model.memberName = item.name
 				this.model.memberId = item.id
@@ -226,6 +564,16 @@
 			// 鎼滅储
 			changeSearch(name) {
 				this.columns2 = []
+				this.scheme = null
+				this.columns3 = []
+				this.model.solutionId = ''
+				this.model.solutionName = ''
+				this.model.duId = ''
+				this.model.duName = ''
+				this.model.worktypeId = ''
+				this.model.worktypeName = ''
+				this.model.applyDetailId = ''
+				this.model.insuranceApplyId = ''
 				this.$u.api.memberFindListByDTO({
 					name
 				}).then(res => {
@@ -270,31 +618,27 @@
 						}
 					})
 			},
-			// 鎻愪氦鎶ユ
-			submit() {
+			next() {
 				this.$refs.uForm.validate().then(res => {
-					if (this.id) {
-						this.$u.api.settleClaimsUpdateById({ id: this.id, ...this.model })
-							.then(res => {
-								if (res.code === 200) {
-									uni.showToast({ title: '鎻愪氦鎴愬姛', icon: 'success' })
-									uni.$emit('update')
-									setTimeout(() => {
-										uni.navigateBack({ delta: 1 });
-									}, 1500)
+					this.i++
+				}).catch(errors => {
+					
+				})
+			},
+			// 鎻愪氦鎶ユ
+			submit(saveType) {
+				this.$refs.uForm.validate().then(res => {
+					this.$u.api.saveSettleClaims({ ...this.model, saveType })
+						.then(res => {
+							if (res.code === 200) {
+								this.id = res.data
+								if (saveType === 0) {
+									uni.navigateBack({ delta: 1 });
+								} else {
+									this.i++
 								}
-							})
-					} else {
-						this.$u.api.settleClaimsCreate(this.model)
-							.then(res => {
-								if (res.code === 200) {
-									uni.showToast({ title: '鎻愪氦鎴愬姛', icon: 'success' })
-									setTimeout(() => {
-										uni.navigateBack({ delta: 1 });
-									}, 1500)
-								}
-							})
-					}
+							}
+						})
 				}).catch(errors => {
 					
 				})
@@ -304,8 +648,7 @@
 					title: '璇峰厛閫夋嫨鍑洪櫓浜�',
 					icon: 'none'
 				})
-				this.$u.api.memberInsuranceFindList({
-					status: 1,
+				this.$u.api.findList({
 					memberId: this.model.memberId
 				}).then(res => {
 					if (res.code === 200) {
@@ -353,7 +696,18 @@
 						}
 					})
 			},
-			upload() {
+			openChuxian() {
+				if (!this.model.solutionId) return uni.showToast({
+					title: '璇峰厛閫夋嫨鏂规',
+					icon: 'none'
+				})
+				this.show1 = true
+			},
+			dateToTimestamp(dateStr) {
+			    const date = new Date(dateStr);
+			    return date.getTime();
+			},
+			upload(type) {
 				var that = this
 				uni.chooseMedia({
 					count: 9,
@@ -361,10 +715,7 @@
 					sourceType: ['album', 'camera'],
 					camera: 'back',
 					success(res) {
-						uni.showLoading({
-							title: '涓婁紶涓�',
-							mask: true
-						});
+						uni.showLoading({ title: '涓婁紶涓�', mask: true });
 						for (let i = 0; i < res.tempFiles.length; i++) {
 							uni.uploadFile({
 								url: `${that.$baseUrl}public/upload`,
@@ -378,14 +729,50 @@
 								},
 								success: (uploadFileRes) => {
 									let res = JSON.parse(uploadFileRes.data)
-									console.log(res)
 									that.fileList.push({ ...res.data })
-									that.model.reportFileList.push({
-										fileurl: res.data.imgaddr,
-										name: res.data.originname,
-										type: res.data.type,
-										url: res.data.url
-									})
+									if (type === 6) {
+										that.model.reportFileList.push({
+											fileurl: res.data.imgaddr,
+											name: res.data.originname,
+											type: res.data.type,
+											url: res.data.url
+										})
+									} else if (type === 1) {
+										that.model.relationFileList.push({
+											fileurl: res.data.imgaddr,
+											name: res.data.originname,
+											type: res.data.type,
+											url: res.data.url
+										})
+									} else if (type === 2) {
+										that.model.outpatientFileList.push({
+											fileurl: res.data.imgaddr,
+											name: res.data.originname,
+											type: res.data.type,
+											url: res.data.url
+										})
+									} else if (type === 3) {
+										that.model.hospitalFileList.push({
+											fileurl: res.data.imgaddr,
+											name: res.data.originname,
+											type: res.data.type,
+											url: res.data.url
+										})
+									} else if (type === 4) {
+										that.model.disabilityFileList.push({
+											fileurl: res.data.imgaddr,
+											name: res.data.originname,
+											type: res.data.type,
+											url: res.data.url
+										})
+									} else if (type === 5) {
+										that.model.otherFileList.push({
+											fileurl: res.data.imgaddr,
+											name: res.data.originname,
+											type: res.data.type,
+											url: res.data.url
+										})
+									}
 								},
 								complete() {
 									if (i === res.tempFiles.length - 1) {
@@ -429,8 +816,20 @@
 					});
 				}
 			},
-			deletePic(index) {
-				this.model.reportFileList.splice(index, 1)
+			deletePic(index, type) {
+				if (type === 6) {
+					this.model.reportFileList.splice(index, 1)
+				} else if (type === 1) {
+					this.model.relationFileList.splice(index, 1)
+				} else if (type === 2) {
+					this.model.outpatientFileList.splice(index, 1)
+				} else if (type === 3) {
+					this.model.hospitalFileList.splice(index, 1)
+				} else if (type === 4) {
+					this.model.disabilityFileList.splice(index, 1)
+				} else if (type === 5) {
+					this.model.otherFileList.splice(index, 1)
+				}
 			},
 			getTreeName(list, id){
 				let _this = this
@@ -448,13 +847,24 @@
 					}
 				}
 			},
+			openInfo(type) {
+				if (type === 1) {
+					this.show6 = true
+				}
+			},
 			confirm4(e) {
+				this.minDate = this.dateToTimestamp(e.value[0].parentStartTime)
+				this.maxDate = this.dateToTimestamp(e.value[0].parentEndTime)
+				this.date = this.dateToTimestamp(e.value[0].parentStartTime)
 				this.model.solutionId = e.value[0].solutionId
 				this.model.solutionName = e.value[0].solutionName
 				this.model.duId = e.value[0].duId
 				this.model.duName = e.value[0].duName
 				this.model.worktypeId = e.value[0].worktypeId
 				this.model.worktypeName = e.value[0].worktypeName
+				this.model.applyDetailId = e.value[0].id
+				this.model.insuranceApplyId = e.value[0].applyId
+				this.scheme = e.value[0]
 				this.show5 = false
 			},
 			confirm3(e) {
@@ -466,6 +876,8 @@
 				this.model.duName = ''
 				this.model.worktypeId = ''
 				this.model.worktypeName = ''
+				this.model.applyDetailId = ''
+				this.model.insuranceApplyId = ''
 				this.show4 = false
 			},
 			confirm2(e) {
@@ -497,124 +909,465 @@
 <style lang="scss" scoped>
 	.box {
 		width: 100%;
-		padding: 20rpx 30rpx;
-		box-sizing: border-box;
-		.box_footer {
-			width: 100%;
-			height: 88rpx;
-			margin-top: 40rpx;
-		}
-		.box_list {
+		.info {
 			width: 100%;
 			padding: 30rpx;
-			border-radius: 16rpx;
 			box-sizing: border-box;
-			background-color: #ffffff;
-			margin-bottom: 20rpx;
-			&:last-child {
-				margin: 0 !important;
-			}
-			.box_list_Label {
-				font-weight: 500;
-				font-size: 32rpx;
-				color: #222222;
-				font-style: normal;
-			}
-			.box_list_from /deep/ {
+			.info_title {
 				width: 100%;
-				margin-top: 30rpx;
-				.u-textarea {
-					padding: 9px 0 !important;
-				}
-				.box_list_data {
+				text-align: center;
+				font-weight: 500;
+				font-size: 30rpx;
+				color: #222222;
+			}
+			.info_content {
+				width: 100%;
+				font-weight: 400;
+				font-size: 26rpx;
+				color: #333333;
+				margin-top: 40rpx;
+			}
+			.info_btn {
+				width: 100%;
+				height: 88rpx;
+				margin-top: 80rpx;
+			}
+		}
+		.box_success {
+			width: 100%;
+			margin-top: 80rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			.box_success_icon {
+				width: 180rpx;
+				height: 180rpx;
+				image {
 					width: 100%;
-					max-height: 400rpx;
-					margin-top: 10rpx;
-					.box_list_data_item {
-						width: 100%;
-						height: 80rpx;
-						padding: 0 20rpx;
-						box-sizing: border-box;
-						line-height: 80rpx;
-						border-bottom: 1px solid #dfdfdf;
-						&:last-child {
-							border: none;
-						}
-					}
+					height: 100%;
 				}
-				.meade {
+			}
+			.box_success_title {
+				font-weight: 500;
+				font-size: 36rpx;
+				color: #220000;
+				margin-top: 32rpx;
+			}
+			.box_success_info {
+				font-weight: 400;
+				font-size: 26rpx;
+				color: #999999;
+				margin-top: 20rpx;
+			}
+			.box_success_btns {
+				display: flex;
+				align-items: center;
+				margin-top: 76rpx;
+			}
+		}
+		.box_up {
+			width: 100%;
+			.box_up_head {
+				width: 100%;
+				padding: 36rpx 30rpx;
+				box-sizing: border-box;
+				background: rgba(255,151,29,0.1);
+				.box_up_head_title {
 					width: 100%;
 					display: flex;
 					align-items: center;
-					justify-content: space-around;
-					flex-wrap: wrap;
-					.meade_zw {
-						width: 140rpx;
-						height: 0;
+					margin-bottom: 16rpx;
+					text {
+						font-weight: 500;
+						font-size: 30rpx;
+						color: #222222;
+						margin-left: 8rpx;
 					}
-					.meade_content {
-						width: 140rpx;
-						height: 140rpx;
+				}
+				.box_up_head_info {
+					width: 100%;
+					display: flex;
+					flex-direction: column;
+					text {
+						font-weight: 400;
+						font-size: 26rpx;
+						color: #222222;
+					}
+				}
+			}
+			.box_up_title {
+				width: 100%;
+				height: 104rpx;
+				padding: 0 30rpx;
+				box-sizing: border-box;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				text {
+					font-weight: 500;
+					font-size: 32rpx;
+					color: #222222;
+				}
+				.box_up_title_downlod {
+					display: flex;
+					align-items: center;
+					text {
+						font-weight: 400;
+						font-size: 26rpx;
+						color: #437CB3;
+						margin-right: 10rpx;
+					}
+					image {
+						width: 28rpx;
+						height: 24rpx;
+					}
+				}
+			}
+			.box_up_list {
+				width: 100%;
+				padding: 0 30rpx;
+				box-sizing: border-box;
+				.box_up_list_row {
+					width: 100%;
+					padding: 30rpx;
+					border-radius: 16rpx;
+					box-sizing: border-box;
+					background-color: #ffffff;
+					margin-bottom: 20rpx;
+					&:last-child {
+						margin: 0;
+					}
+					.box_up_list_row_title {
+						width: 100%;
 						display: flex;
 						align-items: center;
-						justify-content: center;
-						overflow: hidden;
-						position: relative;
-						.video {
-							width: 100%;
-						}
-						.dele {
-							width: 50rpx;
-							height: 50rpx;
-							position: absolute;
-							top: 0;
-							right: 0;
-							z-index: 9;
-						}
-						.image {
-							width: 100%;
-						}
-					}
-					.meade_upload {
-						width: 140rpx;
-						height: 140rpx;
-						background: #FFFFFF;
-						border-radius: 8rpx;
-						border: 1rpx solid #E5E5E5;
-						display: flex;
-						flex-direction: column;
-						align-items: center;
-						justify-content: center;
+						justify-content: space-between;
+						margin-bottom: 30rpx;
 						text {
-							font-weight: 400;
-							font-size: 24rpx;
-							color: #666666;
-							font-style: normal;
-							margin-top: 5rpx;
+							font-weight: 500;
+							font-size: 32rpx;
+							color: #222222;
+						}
+						.box_up_list_row_title_icon {
+							display: flex;
+							align-items: center;
+							image {
+								width: 28rpx;
+								height: 28rpx;
+								margin-right: 8rpx;
+							}
+							text {
+								font-weight: 400;
+								font-size: 26rpx;
+								color: #437CB3;
+							}
+						}
+					}
+					.meade {
+						width: 100%;
+						display: flex;
+						align-items: center;
+						justify-content: space-around;
+						flex-wrap: wrap;
+						.meade_zw {
+							width: 140rpx;
+							height: 0;
+						}
+						.meade_content {
+							width: 140rpx;
+							height: 140rpx;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							overflow: hidden;
+							position: relative;
+							.video {
+								width: 100%;
+							}
+							.dele {
+								width: 50rpx;
+								height: 50rpx;
+								position: absolute;
+								top: 0;
+								right: 0;
+								z-index: 9;
+							}
+							.image {
+								width: 100%;
+							}
+						}
+						.meade_upload {
+							width: 140rpx;
+							height: 140rpx;
+							background: #FFFFFF;
+							border-radius: 8rpx;
+							border: 1rpx solid #E5E5E5;
+							display: flex;
+							flex-direction: column;
+							align-items: center;
+							justify-content: center;
+							text {
+								font-weight: 400;
+								font-size: 24rpx;
+								color: #666666;
+								font-style: normal;
+								margin-top: 5rpx;
+							}
 						}
 					}
 				}
-				.list {
+			}
+			.box_up_hz {
+				width: 100%;
+				padding: 30rpx;
+				box-sizing: border-box;
+				.box_list {
 					width: 100%;
-					display: flex;
-					align-content: center;
-					margin-top: 24rpx;
-					.active {
-						background: #437CB3 !important;
+					padding: 30rpx;
+					box-sizing: border-box;
+					border-radius: 16rpx;
+					box-sizing: border-box;
+					background-color: #ffffff;
+					margin-bottom: 20rpx;
+					&:last-child {
+						margin: 0 !important;
+					}
+					.box_list_Label {
+						font-weight: 500;
+						font-size: 32rpx;
+						color: #222222;
+						font-style: normal;
+					}
+					.box_list_from {
+						width: 100%;
+						margin-top: 30rpx;
+					}
+				}
+			}
+		}
+		.box_status {
+			width: 100%;
+			height: 176rpx;
+			background: #FFFFFF;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			.box_status_row {
+				width: 100%;
+				height: 100%;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				flex-direction: column;
+				position: relative;
+				.bgColor {
+					border-bottom: 3rpx dashed #437CB3 !important;
+				}
+				.box_status_row_x {
+					position: absolute;
+					right: -100rpx;
+					top: 60rpx;
+					width: 100%;
+					height: 5rpx;
+					border-bottom: 3rpx dashed #D2D2D2;
+				}
+				.active {
+					background: #437CB3 !important;
+					text {
 						color: #FFFFFF !important;
 					}
-					.list_item {
-						width: 92rpx;
-						height: 64rpx;
-						line-height: 64rpx;
-						text-align: center;
-						background: #F7F7F7;
-						border-radius: 4rpx;
-						font-weight: 400;
-						font-size: 28rpx;
-						color: #333333;
-						font-style: normal;
-						margin-right: 20rpx;
+				}
+				.activeFont {
+					color: #437CB3 !important;
+				}
+				.guo {
+					background: #FFFFFF !important;
+					border: 2rpx solid #437CB3 !important;
+					box-sizing: border-box;
+				}
+				.box_status_row_num {
+					width: 64rpx;
+					height: 64rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					border-radius: 50%;
+					background: #E5E5E5;
+					position: relative;
+					z-index: 9;
+					text {
+						font-weight: 500;
+						font-size: 32rpx;
+						color: #666666;
+					}
+				}
+				.box_status_row_text {
+					font-weight: 400;
+					font-size: 26rpx;
+					color: #666666;
+					margin-top: 16rpx;
+				}
+			}
+		}
+		.box_footer {
+			width: 100%;
+			height: calc(108rpx + env(safe-area-inset-bottom));
+			margin-top: 40rpx;
+			position: fixed;
+			z-index: 9;
+			bottom: 0;
+			left: 0;
+			background-color: #ffffff;
+			.box_footer_btns {
+				width: 100%;
+				box-sizing: border-box;
+				padding: 10rpx 30rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				.box_footer_btns_1 {
+					width: 350rpx;
+					height: 100%;
+				}
+			}
+		}
+		.box_hz {
+			width: 100%;
+			padding: 30rpx;
+			box-sizing: border-box;
+			background-color: #f7f7f7;
+			.box_list {
+				width: 100%;
+				padding: 30rpx;
+				border-radius: 16rpx;
+				box-sizing: border-box;
+				background-color: #ffffff;
+				margin-bottom: 20rpx;
+				&:last-child {
+					margin: 0 !important;
+				}
+				.box_list_Label {
+					font-weight: 500;
+					font-size: 32rpx;
+					color: #222222;
+					font-style: normal;
+				}
+				.box_list_from /deep/ {
+					width: 100%;
+					margin-top: 30rpx;
+					.faList {
+						width: 100%;
+						padding: 20rpx;
+						box-sizing: border-box;
+						margin-top: 20rpx;
+						background: rgba(67,124,179,0.1);
+						border-radius: 8rpx;
+						display: flex;
+						flex-direction: column;
+						text {
+							font-weight: 400;
+							font-size: 24rpx;
+							color: #333333;
+							margin-bottom: 12rpx;
+							&:last-child {
+								margin: 0 !important;
+							}
+						}
+					}
+					.u-textarea {
+						padding: 9px 0 !important;
+					}
+					.box_list_data {
+						width: 100%;
+						max-height: 400rpx;
+						margin-top: 10rpx;
+						.box_list_data_item {
+							width: 100%;
+							height: 80rpx;
+							padding: 0 20rpx;
+							box-sizing: border-box;
+							line-height: 80rpx;
+							border-bottom: 1px solid #dfdfdf;
+							&:last-child {
+								border: none;
+							}
+						}
+					}
+					.meade {
+						width: 100%;
+						display: flex;
+						align-items: center;
+						justify-content: space-around;
+						flex-wrap: wrap;
+						.meade_zw {
+							width: 140rpx;
+							height: 0;
+						}
+						.meade_content {
+							width: 140rpx;
+							height: 140rpx;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							overflow: hidden;
+							position: relative;
+							.video {
+								width: 100%;
+							}
+							.dele {
+								width: 50rpx;
+								height: 50rpx;
+								position: absolute;
+								top: 0;
+								right: 0;
+								z-index: 9;
+							}
+							.image {
+								width: 100%;
+							}
+						}
+						.meade_upload {
+							width: 140rpx;
+							height: 140rpx;
+							background: #FFFFFF;
+							border-radius: 8rpx;
+							border: 1rpx solid #E5E5E5;
+							display: flex;
+							flex-direction: column;
+							align-items: center;
+							justify-content: center;
+							text {
+								font-weight: 400;
+								font-size: 24rpx;
+								color: #666666;
+								font-style: normal;
+								margin-top: 5rpx;
+							}
+						}
+					}
+					.list {
+						width: 100%;
+						display: flex;
+						align-content: center;
+						margin-top: 24rpx;
+						.active {
+							background: #437CB3 !important;
+							color: #FFFFFF !important;
+						}
+						.list_item {
+							width: 92rpx;
+							height: 64rpx;
+							line-height: 64rpx;
+							text-align: center;
+							background: #F7F7F7;
+							border-radius: 4rpx;
+							font-weight: 400;
+							font-size: 28rpx;
+							color: #333333;
+							font-style: normal;
+							margin-right: 20rpx;
+						}
 					}
 				}
 			}

--
Gitblit v1.9.3