|
@@ -13,9 +13,7 @@
|
|
|
class="demo-ruleForm"
|
|
|
>
|
|
|
<el-form-item label="年份:" prop="year">
|
|
|
- <i class="biaoshi2 biaoshi"></i>
|
|
|
- <el-date-picker v-model="value2" type="month" placeholder="选择年-月">
|
|
|
- </el-date-picker>
|
|
|
+ <el-input v-model="ruleForm.year" style="width:500px"></el-input>
|
|
|
</el-form-item>
|
|
|
<!-- 图片和附件 -->
|
|
|
<el-form-item label="图片:">
|
|
@@ -42,7 +40,7 @@
|
|
|
</div>
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
</el-upload>
|
|
|
- <span>格式要求:支持png、jpg、gif和jpeg的图片格式;最大支持100M。</span>
|
|
|
+ <span>格式要求:支持png、jpg、gif和jpeg的图片格式;最大支持5M。</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="更新时间:">
|
|
|
<i class="biaoshi"></i>
|
|
@@ -105,7 +103,6 @@ export default {
|
|
|
]
|
|
|
},
|
|
|
time: '', // 服务器前缀地址
|
|
|
- value2: '',
|
|
|
baseURL: '',
|
|
|
token: '',
|
|
|
ruleForm: {
|
|
@@ -115,15 +112,12 @@ export default {
|
|
|
userUpdateTime: ''
|
|
|
},
|
|
|
rules: {
|
|
|
+ year: [{ required: true, message: '不能为空', trigger: 'blur' }]
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
computed: {},
|
|
|
watch: {
|
|
|
- value2 (val) {
|
|
|
- const temp = this.moment(val).format('YYYY-MM')
|
|
|
- this.ruleForm.year = temp
|
|
|
- },
|
|
|
time (val) {
|
|
|
const temp = this.moment(val).format('YYYY-MM-DD HH:mm:ss')
|
|
|
this.ruleForm.userUpdateTime = temp
|
|
@@ -140,12 +134,13 @@ export default {
|
|
|
year: '',
|
|
|
userUpdateTime: ''
|
|
|
}
|
|
|
- this.value2 = ''
|
|
|
+ // 关闭验证
|
|
|
+ this.$refs.ruleForm.resetFields()
|
|
|
},
|
|
|
// 点击确定
|
|
|
async btnOk () {
|
|
|
if (this.ruleForm.thumb === '') { return this.$message.warning('封面图片不能为空') }
|
|
|
- if (!this.value2) { return this.$message.warning('年份不能为空') }
|
|
|
+ if (this.ruleForm.year.trim() === '') { return this.$message.warning('年份不能为空') }
|
|
|
if (this.time === null) return this.$message.warning('时间不能为空!')
|
|
|
const obj = { ...this.ruleForm }
|
|
|
const res = await aerialImgSave(obj)
|
|
@@ -161,7 +156,7 @@ export default {
|
|
|
beforethumbUpload (file) {
|
|
|
// console.log(998, file)
|
|
|
// 限制图片大小和格式
|
|
|
- const sizeOk = file.size / 1024 / 1024 < 100
|
|
|
+ const sizeOk = file.size / 1024 / 1024 < 5
|
|
|
const typeOk =
|
|
|
file.type === 'image/png' ||
|
|
|
file.type === 'image/jpeg' ||
|
|
@@ -172,7 +167,7 @@ export default {
|
|
|
this.$message.error('照片格式有误!')
|
|
|
reject(file)
|
|
|
} else if (!sizeOk) {
|
|
|
- this.$message.error('照片大小超过100M!')
|
|
|
+ this.$message.error('照片大小超过5M!')
|
|
|
reject(file)
|
|
|
} else if (file.name.length > 32) {
|
|
|
this.$message.error('照片名字不能超过32个字!')
|
|
@@ -191,7 +186,6 @@ export default {
|
|
|
async imgDetailById (id) {
|
|
|
const res = await imgDetailById(id)
|
|
|
this.ruleForm = res.data
|
|
|
- this.value2 = res.data.year
|
|
|
// console.log(998, res)
|
|
|
this.getCurrentTime()
|
|
|
},
|