Browse Source

附件信息样式

CzRger 9 months ago
parent
commit
5cde296652

+ 18 - 8
snowy-admin-web/src/views/yqyc/zero/enterprise-ledger/detail.vue

@@ -93,8 +93,8 @@
 					</a-row>
 				</a-form>
 			</a-collapse-panel>
-			<a-collapse-panel key="2" header="表体信息">
-				<a-button type="primary" @click="onBodyReset" v-if="!isView">重置</a-button>
+			<a-collapse-panel key="2" header="料件信息">
+				<a-button type="primary" @click="onBodyReset" v-if="!isView" style="margin-bottom: 20px;">重置</a-button>
 				<a-form ref="bodyFormRef" :model="bodyData" :rules="bodyRules" style="margin-bottom: 20px;">
 					<a-row :gutter="16">
 						<a-col :span="8">
@@ -319,8 +319,8 @@
 			</a-collapse-panel>
 			<a-collapse-panel key="3" header="附件信息">
 				<template v-if="!isView">
-					<div>
-						友情提示<br/>
+					<div class="file-tips">
+						<InfoCircleFilled style="margin-right: 4px;"/>友情提示<br/>
 						1、附件大小要求不超过4M,如果文件过大,建议拆分多个上传;<br/>
 						2、附件格式要求:PDF文件;<br/>
 						3、同一附件类型可以上传多个附件;<br/>
@@ -328,10 +328,12 @@
 						5、要求上传复印件的可上传原件的扫描件。
 					</div>
 					<xn-upload ref="ref_upload" v-model:value="fileData.fileUrl" @onChange="fileChange" accept=".pdf" v-if="showFileUpload"/>
-					<xn-batch-delete
-						:selectedRowKeys="fileSelectedRowKeys"
-						@batchDelete="deleteBatchFile"
-					/>
+					<div style="margin-top: 10px;">
+						<xn-batch-delete
+							:selectedRowKeys="fileSelectedRowKeys"
+							@batchDelete="deleteBatchFile"
+						/>
+					</div>
 				</template>
 				<a-table
 					style="margin-top: 10px"
@@ -932,4 +934,12 @@ defineExpose({
 </script>
 
 <style lang="less" scoped>
+.file-tips {
+	background-color: rgb(235, 245, 255);
+	border: 1px solid rgb(214, 235, 255);
+	border-radius: 5px;
+	color: rgb(153, 153, 153);
+	padding: 10px 20px;
+	margin-bottom: 10px;
+}
 </style>

+ 17 - 7
snowy-admin-web/src/views/yqyc/zero/two/out-nuclear-annotation/detail.vue

@@ -92,7 +92,7 @@
           </a-form>
         </a-collapse-panel>
 		  <a-collapse-panel key="2" header="表体信息">
-			  <a-button type="primary" @click="onBodyReset" v-if="!isView">重置</a-button>
+			  <a-button type="primary" @click="onBodyReset" v-if="!isView" style="margin-bottom: 20px;">重置</a-button>
 			  <a-form ref="bodyFormRef" :model="bodyData" :rules="bodyRules" style="margin-bottom: 20px;">
 				  <a-row :gutter="16">
 					  <a-col :span="8">
@@ -357,8 +357,8 @@
 		  </a-collapse-panel>
 		  <a-collapse-panel key="3" header="附件信息">
 			  <template v-if="!isView">
-				  <div>
-					  友情提示<br/>
+				  <div class="file-tips">
+					  <InfoCircleFilled style="margin-right: 4px;"/>友情提示<br/>
 					  1、附件大小要求不超过4M,如果文件过大,建议拆分多个上传;<br/>
 					  2、附件格式要求:PDF文件;<br/>
 					  3、同一附件类型可以上传多个附件;<br/>
@@ -366,10 +366,12 @@
 					  5、要求上传复印件的可上传原件的扫描件。
 				  </div>
 				  <xn-upload ref="ref_upload" v-model:value="fileData.fileUrl" @onChange="fileChange" accept=".pdf" v-if="showFileUpload"/>
-				  <xn-batch-delete
-					  :selectedRowKeys="fileSelectedRowKeys"
-					  @batchDelete="deleteBatchFile"
-				  />
+				  <div style="margin-top: 10px;">
+					  <xn-batch-delete
+						  :selectedRowKeys="fileSelectedRowKeys"
+						  @batchDelete="deleteBatchFile"
+					  />
+				  </div>
 			  </template>
 			  <a-table
 				  style="margin-top: 10px"
@@ -951,4 +953,12 @@
 </script>
 
 <style lang="less" scoped>
+.file-tips {
+	background-color: rgb(235, 245, 255);
+	border: 1px solid rgb(214, 235, 255);
+	border-radius: 5px;
+	color: rgb(153, 153, 153);
+	padding: 10px 20px;
+	margin-bottom: 10px;
+}
 </style>

+ 18 - 8
snowy-admin-web/src/views/yqyc/zero/two/out-nuclear-release/detail.vue

@@ -167,7 +167,7 @@
 				</a-form>
 			</a-collapse-panel>
 			<a-collapse-panel key="2" header="核放单表体" v-if="showHfdbt">
-				<a-button type="primary" @click="onBodyReset" v-if="!isView">重置</a-button>
+				<a-button type="primary" @click="onBodyReset" v-if="!isView" style="margin-bottom: 20px;">重置</a-button>
 				<a-form ref="bodyFormRef" :model="bodyData" :rules="bodyRules" style="margin-bottom: 20px;">
 					<a-row :gutter="16">
 						<a-col :span="8">
@@ -243,7 +243,7 @@
 				</a-table>
 			</a-collapse-panel>
 			<a-collapse-panel key="4" header="关联单证" v-if="showGldz">
-				<a-button type="primary" @click="onRelationReset" v-if="!isView">重置</a-button>
+				<a-button type="primary" @click="onRelationReset" v-if="!isView" style="margin-bottom: 20px;">重置</a-button>
 				<a-form ref="relationFormRef" :model="relationData" :rules="relationRules" style="margin-bottom: 20px;">
 					<a-row :gutter="16">
 						<a-col :span="8">
@@ -295,8 +295,8 @@
 			</a-collapse-panel>
 			<a-collapse-panel key="3" header="附件信息">
 				<template v-if="!isView">
-					<div>
-						友情提示<br/>
+					<div class="file-tips">
+						<InfoCircleFilled style="margin-right: 4px;"/>友情提示<br/>
 						1、附件大小要求不超过4M,如果文件过大,建议拆分多个上传;<br/>
 						2、附件格式要求:PDF文件;<br/>
 						3、同一附件类型可以上传多个附件;<br/>
@@ -304,10 +304,12 @@
 						5、要求上传复印件的可上传原件的扫描件。
 					</div>
 					<xn-upload ref="ref_upload" v-model:value="fileData.fileUrl" @onChange="fileChange" accept=".pdf" v-if="showFileUpload"/>
-					<xn-batch-delete
-						:selectedRowKeys="fileSelectedRowKeys"
-						@batchDelete="deleteBatchFile"
-					/>
+					<div style="margin-top: 10px;">
+						<xn-batch-delete
+							:selectedRowKeys="fileSelectedRowKeys"
+							@batchDelete="deleteBatchFile"
+						/>
+					</div>
 				</template>
 				<a-table
 					style="margin-top: 10px"
@@ -858,4 +860,12 @@
 </script>
 
 <style lang="less" scoped>
+.file-tips {
+	background-color: rgb(235, 245, 255);
+	border: 1px solid rgb(214, 235, 255);
+	border-radius: 5px;
+	color: rgb(153, 153, 153);
+	padding: 10px 20px;
+	margin-bottom: 10px;
+}
 </style>