|
@@ -1,34 +1,13 @@
|
|
|
<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;
|
|
@@ -36,13 +15,9 @@
|
|
|
right: 45px;
|
|
|
background-color: #fff;
|
|
|
color: #169bd5;
|
|
|
- border: none; // 去掉边框
|
|
|
- outline: none; // 去掉点击按钮后的边框
|
|
|
- "
|
|
|
- @click="upload"
|
|
|
- >选择</el-button
|
|
|
- ></el-upload
|
|
|
- >
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ " @click="upload">选择</el-button></el-upload>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<span slot="tip" class="el-upload__tip" style="margin: 0 auto">
|
|
@@ -50,71 +25,26 @@
|
|
|
</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">
|
|
@@ -132,13 +62,8 @@
|
|
|
></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>
|
|
@@ -150,19 +75,9 @@
|
|
|
<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>
|
|
@@ -297,8 +212,9 @@ export default {
|
|
|
addDialog.errorlist = res.data;
|
|
|
addDialog.loading.close(); //关闭文件上传状态loading
|
|
|
} else {
|
|
|
- addDialog.formData.filePath = res.msg;
|
|
|
- addDialog.formData.fileName = files.file.name;
|
|
|
+ let msglist = res.msg.split("******");
|
|
|
+ addDialog.formData.filePath = msglist[0];
|
|
|
+ addDialog.formData.fileName = msglist[1] || files.file.name;
|
|
|
addDialog.loading.close(); //关闭文件上传状态loading
|
|
|
}
|
|
|
})
|