|
|
@@ -1,13 +1,34 @@
|
|
|
<template>
|
|
|
- <el-dialog title="村庄规划成果上传" v-model="ghcgscDialog" @close="closeDialog" width="600px">
|
|
|
- <el-form :model="formData" ref="ruleForm" label-width="150px" :rules="rules">
|
|
|
+ <el-dialog
|
|
|
+ title="村庄规划成果上传"
|
|
|
+ v-model="ghcgscDialog"
|
|
|
+ @close="closeDialog"
|
|
|
+ width="600px"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ :model="formData"
|
|
|
+ ref="ruleForm"
|
|
|
+ label-width="150px"
|
|
|
+ :rules="rules"
|
|
|
+ >
|
|
|
<el-row>
|
|
|
<el-col>
|
|
|
- <el-form-item label="选择成果包:" prop="file" style="position: relative; font-weight: 600">
|
|
|
+ <el-form-item
|
|
|
+ label="选择成果包:"
|
|
|
+ prop="file"
|
|
|
+ style="position: relative; font-weight: 600"
|
|
|
+ >
|
|
|
<el-input style="width: 90%" autocomplete="off" readonly></el-input>
|
|
|
- <el-upload action="#" :http-request="addFileToFormData" v-model:file-list="fileList"
|
|
|
- :before-upload="beforeUpload">
|
|
|
- <el-button slot="trigger" type="primary" style="
|
|
|
+ <el-upload
|
|
|
+ action="#"
|
|
|
+ :http-request="addFileToFormData"
|
|
|
+ v-model:file-list="fileList"
|
|
|
+ :before-upload="beforeUpload"
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ slot="trigger"
|
|
|
+ type="primary"
|
|
|
+ style="
|
|
|
height: 90%;
|
|
|
padding: 0;
|
|
|
position: absolute;
|
|
|
@@ -16,8 +37,12 @@
|
|
|
background-color: #fff;
|
|
|
color: #169bd5;
|
|
|
border: none;
|
|
|
- outline: none;
|
|
|
- " @click="upload">选择</el-button></el-upload>
|
|
|
+ outline: none;
|
|
|
+ "
|
|
|
+ @click="upload"
|
|
|
+ >选择</el-button
|
|
|
+ ></el-upload
|
|
|
+ >
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<span slot="tip" class="el-upload__tip" style="margin: 0 auto">
|
|
|
@@ -25,26 +50,71 @@
|
|
|
</span>
|
|
|
<el-col>
|
|
|
<el-form-item label="村庄名称:">
|
|
|
- <el-cascader :options="xzoptions" :props="{
|
|
|
- ...props,
|
|
|
- checkStrictly: true,
|
|
|
- expandTrigger: 'hover',
|
|
|
- }" v-model="formData.xzqCode" clearable ref="cascader" class="cascader-style" style="width: 90%"
|
|
|
- popper-class="popper-cascader" :filterable="true" @change="setXzqdm"
|
|
|
- :show-all-levels="false"></el-cascader> </el-form-item></el-col>
|
|
|
+ <el-cascader
|
|
|
+ :options="xzoptions"
|
|
|
+ :props="{
|
|
|
+ ...props,
|
|
|
+ checkStrictly: true,
|
|
|
+ expandTrigger: 'hover',
|
|
|
+ }"
|
|
|
+ v-model="formData.xzqCode"
|
|
|
+ clearable
|
|
|
+ ref="cascader"
|
|
|
+ class="cascader-style"
|
|
|
+ style="width: 90%"
|
|
|
+ popper-class="popper-cascader"
|
|
|
+ :filterable="true"
|
|
|
+ @change="setXzqdm"
|
|
|
+ :show-all-levels="false"
|
|
|
+ ></el-cascader> </el-form-item
|
|
|
+ ></el-col>
|
|
|
<el-col style="padding-top: 20px">
|
|
|
- <el-form-item label="规划成果时间:" prop="year" style="font-weight: bold">
|
|
|
- <el-select v-model="yearLx" placeholder="请选择时间类型" style="width: 30%; margin-right: 10%" @change="changeLx">
|
|
|
+ <el-form-item
|
|
|
+ label="规划成果时间:"
|
|
|
+ prop="year"
|
|
|
+ style="font-weight: bold"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ v-model="yearLx"
|
|
|
+ placeholder="请选择时间类型"
|
|
|
+ style="width: 30%; margin-right: 10%"
|
|
|
+ @change="changeLx"
|
|
|
+ >
|
|
|
<el-option label="年月日" value="年月日"> </el-option>
|
|
|
<el-option label="年月" value="年月"> </el-option>
|
|
|
<el-option label="年" value="年"> </el-option>
|
|
|
</el-select>
|
|
|
- <el-date-picker style="width: 50%" v-if="yearLx == '年月日'" v-model="formData.year" type="date"
|
|
|
- placeholder="请选择时间" size="default" class="picker" value-format="YYYY-MM-DD" />
|
|
|
- <el-date-picker style="width: 50%" v-if="yearLx == '年月'" v-model="formData.year" type="month"
|
|
|
- placeholder="请选择时间" size="default" class="picker" value-format="YYYY-MM" />
|
|
|
- <el-date-picker style="width: 50%" v-if="yearLx == '年'" v-model="formData.year" type="year"
|
|
|
- placeholder="请选择时间" size="default" class="picker" format="YYYY" value-format="YYYY" />
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 50%"
|
|
|
+ v-if="yearLx == '年月日'"
|
|
|
+ v-model="formData.year"
|
|
|
+ type="date"
|
|
|
+ placeholder="请选择时间"
|
|
|
+ size="default"
|
|
|
+ class="picker"
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
+ />
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 50%"
|
|
|
+ v-if="yearLx == '年月'"
|
|
|
+ v-model="formData.year"
|
|
|
+ type="month"
|
|
|
+ placeholder="请选择时间"
|
|
|
+ size="default"
|
|
|
+ class="picker"
|
|
|
+ value-format="YYYY-MM"
|
|
|
+ />
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 50%"
|
|
|
+ v-if="yearLx == '年'"
|
|
|
+ v-model="formData.year"
|
|
|
+ type="year"
|
|
|
+ placeholder="请选择时间"
|
|
|
+ size="default"
|
|
|
+ class="picker"
|
|
|
+ format="YYYY"
|
|
|
+ value-format="YYYY"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<!-- <el-col style="padding-top: 20px">
|
|
|
@@ -62,8 +132,13 @@
|
|
|
></el-col> -->
|
|
|
<el-col style="padding-top: 20px">
|
|
|
<el-form-item label="流程主键:" v-show="formData.instid != ''">
|
|
|
- <el-input v-model="formData.instid" placeholder="补正流程需要（自动填充）" style="width: 90%" disabled></el-input>
|
|
|
- </el-form-item></el-col>
|
|
|
+ <el-input
|
|
|
+ v-model="formData.instid"
|
|
|
+ placeholder="补正流程需要（自动填充）"
|
|
|
+ style="width: 90%"
|
|
|
+ disabled
|
|
|
+ ></el-input> </el-form-item
|
|
|
+ ></el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
@@ -75,9 +150,19 @@
|
|
|
<el-card class="box-card" style="margin-top: 10px" v-if="uploadError">
|
|
|
<div class="clearfix">
|
|
|
<span style="color: red; white-space: pre-wrap">{{ errormsg }}</span>
|
|
|
- <el-button style="float: right; padding: 3px 0; font-size: 22px" type="text" @click="closeDi()">×</el-button>
|
|
|
+ <el-button
|
|
|
+ style="float: right; padding: 3px 0; font-size: 22px"
|
|
|
+ type="text"
|
|
|
+ @click="closeDi()"
|
|
|
+ >×</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
- <div v-for="msg in errorlist" :key="msg" class="text item" style="white-space: initial">
|
|
|
+ <div
|
|
|
+ v-for="msg in errorlist"
|
|
|
+ :key="msg"
|
|
|
+ class="text item"
|
|
|
+ style="white-space: initial"
|
|
|
+ >
|
|
|
{{ msg }}
|
|
|
</div>
|
|
|
</el-card>
|
|
|
@@ -130,7 +215,7 @@ export default {
|
|
|
xzoptions: [],
|
|
|
cascader: ref(null),
|
|
|
rules: {
|
|
|
- year: [{ required: true, message: "请输入时间", trigger: "blur" }],
|
|
|
+ // year: [{ required: true, message: "请输入时间", trigger: "blur" }],
|
|
|
},
|
|
|
loading: {},
|
|
|
//导入前判断
|
