归档转移-年份选择器

src/views/cw/projectReportArchive/ReportTransfer.vue

@@ -10,7 +10,8 @@
 				<el-row :gutter="0">
 					<el-col :span="24">
 						<el-form-item label="报告年份" :rules="rules.year" prop="year">
-							<el-input v-model="inputForm.year" placeholder="请输入报告年份" style="width: 100%;"></el-input>
+							<el-date-picker v-model="inputForm.year" value-format="YYYY" type="year"
+								placeholder="请选择报告年份" />
 						</el-form-item>
 					</el-col>
 					<el-col :span="24">
@@ -46,8 +47,7 @@ export default {
 			// 校验规则，年份必须为数字
 			rules: {
 				year: [
-					{ required: true, message: '请输入报告年份', trigger: 'blur' },
-					{ pattern: /^[0-9]{4}$/, message: '报告年份必须为4位数字', trigger: 'blur' }
+					{ required: true, message: '请选择报告年份', trigger: 'change' },
 				],
 				specialPlace: [
 					{ required: true, message: '请输入文档存放位置', trigger: 'blur' }
@@ -87,6 +87,7 @@ export default {
 					this.projectReportArchiveService.updatePlaceByYear(this.inputForm).then((data) => {
 						this.$message.success(data)
 						loading.close();
+						this.close()
 					}).catch(err => {
 						loading.close();
 					})

src/views/zs/reportArchieve/ReportTransfer.vue

@@ -10,13 +10,13 @@
 				<el-row :gutter="0">
 					<el-col :span="24">
 						<el-form-item label="报告年份" :rules="rules.reportNo" prop="reportNo">
-							<el-input v-model="inputForm.reportNo" placeholder="请输入报告年份"
-								style="width: 100%;"></el-input>
+							<el-date-picker v-model="inputForm.reportNo" value-format="YYYY" type="year"
+								placeholder="请选择报告年份" />
 						</el-form-item>
 					</el-col>
 					<el-col :span="24">
-						<el-form-item label="文档存放位置" :rules="rules.specialPlace" prop="specialPlace">
-							<el-input v-model="inputForm.specialPlace" placeholder="请输入文档存放位置"></el-input>
+						<el-form-item label="文档存放位置" :rules="rules.transferLocation" prop="transferLocation">
+							<el-input v-model="inputForm.transferLocation" placeholder="请输入文档存放位置"></el-input>
 						</el-form-item>
 					</el-col>
 				</el-row>
@@ -42,15 +42,14 @@ export default {
 			title: '',
 			inputForm: {
 				reportNo: "",
-				specialPlace: "",
+				transferLocation: "",
 			},
 			// 校验规则，年份必须为数字
 			rules: {
 				reportNo: [
-					{ required: true, message: '请输入报告年份', trigger: 'blur' },
-					{ pattern: /^[0-9]{4}$/, message: '报告年份必须为4位数字', trigger: 'blur' }
+					{ required: true, message: '请选择报告年份', trigger: 'change' },
 				],
-				specialPlace: [
+				transferLocation: [
 					{ required: true, message: '请输入文档存放位置', trigger: 'blur' }
 				]
 			}
@@ -70,7 +69,7 @@ export default {
 			this.title = '文档转移'
 			this.inputForm = {
 				reportNo: "",
-				specialPlace: "",
+				transferLocation: "",
 			}
 			this.reportArchieveService = new ReportArchieveService()
 			this.$forceUpdate()
@@ -88,6 +87,7 @@ export default {
 					this.reportArchieveService.updatePlaceByYear(this.inputForm).then((data) => {
 						this.$message.success(data)
 						loading.close();
+						this.close()
 					}).catch(err => {
 						loading.close();
 					})
@@ -102,7 +102,7 @@ export default {
 			this.$refs.inputForm.resetFields()
 			this.inputForm = {
 				reportNo: "",
-				specialPlace: "",
+				transferLocation: "",
 			}
 		}