hupeng
5 years ago
1 changed files with 0 additions and 171 deletions
@ -1,171 +0,0 @@
|
||||
<template> |
||||
<div class="app-container"> |
||||
<!--工具栏--> |
||||
<div class="head-container"> |
||||
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="150px"> |
||||
<el-form-item label="门店名称" prop="name"> |
||||
<el-input v-model="form.name" style="width: 370px;" /> |
||||
</el-form-item> |
||||
<el-form-item label="门店简介" prop="introduction"> |
||||
<el-input v-model="form.introduction" style="width: 370px;" /> |
||||
</el-form-item> |
||||
<el-form-item label="门店手机" prop="phone"> |
||||
<el-input v-model="form.phone" style="width: 370px;" /> |
||||
</el-form-item> |
||||
<el-form-item label="门店地址" prop="address"> |
||||
<el-input v-model="form.address" style="width: 370px;" /> |
||||
<el-button :loading="loading" size="medium" type="primary" @click="getL(form.address)">获取经纬度</el-button> |
||||
</el-form-item> |
||||
<el-form-item label="门店logo" prop="image"> |
||||
<MaterialList v-model="form.imageArr" style="width: 370px" type="image" :num="1" :width="150" :height="150" /> |
||||
</el-form-item> |
||||
<el-form-item label="纬度" prop="latitude"> |
||||
<el-input v-model="form.latitude" :disabled="true" style="width: 370px;" /> |
||||
</el-form-item> |
||||
<el-form-item label="经度" prop="longitude"> |
||||
<el-input v-model="form.longitude" :disabled="true" style="width: 370px;" /> |
||||
</el-form-item> |
||||
<el-form-item label="核销时效" prop="validTime"> |
||||
<el-date-picker |
||||
@change="getTimeT" |
||||
style="width: 370px;" |
||||
v-model="form.validTimeArr" |
||||
type="daterange" |
||||
range-separator="-" |
||||
start-placeholder="开始日期" |
||||
end-placeholder="结束日期"> |
||||
</el-date-picker> |
||||
</el-form-item> |
||||
<el-form-item label="营业时间" prop="dayTime"> |
||||
<el-time-picker |
||||
@change="getTime" |
||||
style="width: 370px;" |
||||
is-range |
||||
v-model="form.dayTimeArr" |
||||
range-separator="-" |
||||
start-placeholder="开始时间" |
||||
end-placeholder="结束时间" |
||||
placeholder="选择时间范围"> |
||||
</el-time-picker> |
||||
</el-form-item> |
||||
<el-form-item label=""> |
||||
<el-button :loading="loading" size="medium" type="primary" @click="doSubmit">保存配置</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
|
||||
<script> |
||||
import { get, update, getL } from '@/api/yxSystemStore' |
||||
import MaterialList from '@/components/material' |
||||
import { parseTime } from '@/utils/index' |
||||
export default { |
||||
name: 'YxSystemStore', |
||||
components: { MaterialList }, |
||||
data() { |
||||
return { |
||||
loading: false, |
||||
form: { id:null, name: '', introduction: '', phone: '', address: '', detailedAddress: '', image: '' , |
||||
latitude: '', longitude: '', validTime: '', dayTime: '', validTimeStart: null, validTimeEnd: null, |
||||
dayTimeStart: null, dayTimeEnd: null, dayTimeArr: [new Date(),new Date()], validTimeArr: [], imageArr: []}, |
||||
rules: { |
||||
name: [ |
||||
{ required: true, message: '门店名称不能为空', trigger: 'blur' } |
||||
], |
||||
introduction: [ |
||||
{ required: true, message: '简介不能为空', trigger: 'blur' } |
||||
], |
||||
phone: [ |
||||
{ required: true, message: '手机号码不能为空', trigger: 'blur' } |
||||
], |
||||
address: [ |
||||
{ required: true, message: '省市区不能为空', trigger: 'blur' } |
||||
], |
||||
latitude: [ |
||||
{ required: true, message: '纬度不能为空', trigger: 'blur' } |
||||
], |
||||
longitude: [ |
||||
{ required: true, message: '经度不能为空', trigger: 'blur' } |
||||
], |
||||
validTime: [ |
||||
{ required: true, message: '核销有效日期不能为空', trigger: 'blur' } |
||||
], |
||||
dayTime: [ |
||||
{ required: true, message: '每日营业开关时间不能为空', trigger: 'blur' } |
||||
] |
||||
} |
||||
|
||||
} |
||||
}, |
||||
watch: { |
||||
'form.imageArr': function(val) { |
||||
console.log(222) |
||||
if (val) { |
||||
console.log(val) |
||||
this.form.image = val.join(',') |
||||
} |
||||
} |
||||
}, |
||||
created() { |
||||
this.init() |
||||
}, |
||||
methods: { |
||||
init() { |
||||
get().then(res => { |
||||
if(res.content.length > 0){ |
||||
const con = res.content[0] |
||||
this.form = con |
||||
this.form.imageArr = [con.image] |
||||
|
||||
this.form.dayTimeArr = [con.dayTimeStart,con.dayTimeEnd] |
||||
this.form.validTimeArr = [con.validTimeStart,con.validTimeEnd] |
||||
} |
||||
|
||||
}) |
||||
}, |
||||
doSubmit() { |
||||
this.$refs['form'].validate((valid) => { |
||||
if (valid) { |
||||
this.loading = true |
||||
this.form.image = this.form.imageArr.join(',') |
||||
update(this.form).then(res => { |
||||
this.$notify({ |
||||
title: '保存成功', |
||||
type: 'success', |
||||
duration: 2500 |
||||
}) |
||||
this.loading = false |
||||
}).catch(err => { |
||||
this.loading = false |
||||
console.log(err.response.data.message) |
||||
}) |
||||
} else { |
||||
return false |
||||
} |
||||
}) |
||||
}, |
||||
getTime(t) { |
||||
this.form.dayTimeStart = t[0] |
||||
this.form.dayTimeEnd = t[1] |
||||
this.form.dayTime = parseTime(t[0],'{h}:{i}:{s}') + ' - ' + parseTime(t[1],'{h}:{i}:{s}') |
||||
}, |
||||
getTimeT(t) { |
||||
this.form.validTimeStart = t[0] |
||||
this.form.validTimeEnd = t[1] |
||||
this.form.validTime = parseTime(t[0],'{y}-{m}-{d}') + ' - ' + parseTime(t[1],'{y}-{m}-{d}') |
||||
}, |
||||
getL(addr) { |
||||
getL({addr}).then(res => { |
||||
this.form.latitude = res.result.location.lat |
||||
this.form.longitude = res.result.location.lng |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
Loading…
Reference in new issue