wangyifang
/
patrol-wzgl-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

恢复文件

Browse Source
master
lynn 7 months ago
parent 6a034d90cb
commit 33cbb00355
1 changed files with 242 additions and 227 deletions
Show Stats Download Patch File Download Diff File

469
src/views/storages/components/addStorage.vue
Unescape View File

@ -1,33 +1,34 @@
<template>
<div>
<xy-dialog ref="dialog" :width='70' :is-show.sync="isShow" type="form" :title="type==='add'?'新增':'编辑'"
:form="form" :rules="rules" @submit="submit">
<template v-slot:cangkumingcheng>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>仓库名称：
</div>
<div class="xy-table-item-content">
<el-input style="width:300px" v-model="form.cangkumingcheng"></el-input>
</div>
</div>
</template>
<template v-slot:cangkubianma>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库编码：
</div>
<div class="xy-table-item-content">
<el-input style="width:300px" v-model="form.cangkubianma"></el-input>
</div>
</div>
</template>
<template v-slot:suozaiquyu>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>所在区域：
</div>
<div class="xy-table-item-content">
<template>
<div>
<xy-dialog ref="dialog" :width='70' :is-show.sync="isShow" type="form" :title="type==='add'?'新增':'编辑'"
:form="form" :rules="rules" @submit="submit">
<template v-slot:cangkumingcheng>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>仓库名称：
</div>
<div class="xy-table-item-content">
<el-input style="width:300px" v-model="form.cangkumingcheng"></el-input>
</div>
</div>
</template>
<template v-slot:cangkubianma>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库编码：
</div>
<div class="xy-table-item-content">
<el-input style="width:300px" v-model="form.cangkubianma"></el-input>
</div>
</div>
</template>
<template v-slot:suozaiquyu>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>所在区域：
</div>
<div class="xy-table-item-content">
<el-select v-model="form.suozaiquyu" @change="changeQuyu" style="width:300px" placeholder="请选择">
<el-option
v-for="item in areaList"
@ -35,150 +36,150 @@
:label="item.value"
:value="item.value">
</el-option>
</el-select>
</div>
</div>
</template>
<template v-slot:jiansheniandai>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>建设年代：
</div>
<div class="xy-table-item-content">
<el-date-picker style="width:300px" value-format="yyyy" format="yyyy" v-model="form.jiansheniandai" type="year" placeholder="选择年">
</el-date-picker>
</div>
</div>
</template>
<template v-slot:cangkumianji>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库面积：
</div>
<div class="xy-table-item-content">
<el-input style="width:300px" v-model="form.cangkumianji"></el-input>
</div>
</div>
</template>
<template v-slot:fuzeren>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>负责人：
</div>
<div class="xy-table-item-content">
<el-input style="width:300px" v-model="form.fuzeren"></el-input>
</div>
</div>
</template>
<template v-slot:lianxidianhua>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>联系电话：
</div>
<div class="xy-table-item-content">
<el-input style="width: 300px;" v-model="form.lianxidianhua"></el-input>
</div>
</div>
</template>
<template v-slot:cangkudizhi>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库地址：
</div>
<div class="xy-table-item-content">
<avue-input-map v-model="mapform" :params="mapparams" style="width:300px"
placeholder="请选择地图"></avue-input-map>
</div>
</div>
</template>
<template v-slot:jingdu>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>经度：
</div>
<div class="xy-table-item-content">
<el-input style="width: 300px;" v-model="form.jingdu"></el-input>
</div>
</div>
</template>
<template v-slot:weidu>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>纬度：
</div>
<div class="xy-table-item-content">
<el-input style="width: 300px;" v-model="form.weidu"></el-input>
</div>
</div>
</template>
<template v-slot:cangkujianjie>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库简介：
</div>
<div class="xy-table-item-content">
<el-input style="width: 300px;" type="textarea" v-model="form.cangkujianjie"></el-input>
</div>
</div>
</template>
</xy-dialog>
</div>
</template>
<script>
import {
save,
show
</el-select>
</div>
</div>
</template>
<template v-slot:jiansheniandai>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>建设年代：
</div>
<div class="xy-table-item-content">
<el-date-picker style="width:300px" value-format="yyyy" format="yyyy" v-model="form.jiansheniandai" type="year" placeholder="选择年">
</el-date-picker>
</div>
</div>
</template>
<template v-slot:cangkumianji>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库面积：
</div>
<div class="xy-table-item-content">
<el-input style="width:300px" v-model="form.cangkumianji"></el-input>
</div>
</div>
</template>
<template v-slot:fuzeren>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>负责人：
</div>
<div class="xy-table-item-content">
<el-input style="width:300px" v-model="form.fuzeren"></el-input>
</div>
</div>
</template>
<template v-slot:lianxidianhua>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>联系电话：
</div>
<div class="xy-table-item-content">
<el-input style="width: 300px;" v-model="form.lianxidianhua"></el-input>
</div>
</div>
</template>
<template v-slot:cangkudizhi>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库地址：
</div>
<div class="xy-table-item-content">
<avue-input-map v-model="mapform" :params="mapparams" style="width:300px"
placeholder="请选择地图"></avue-input-map>
</div>
</div>
</template>
<template v-slot:jingdu>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>经度：
</div>
<div class="xy-table-item-content">
<el-input style="width: 300px;" v-model="form.jingdu"></el-input>
</div>
</div>
</template>
<template v-slot:weidu>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>纬度：
</div>
<div class="xy-table-item-content">
<el-input style="width: 300px;" v-model="form.weidu"></el-input>
</div>
</div>
</template>
<template v-slot:cangkujianjie>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库简介：
</div>
<div class="xy-table-item-content">
<el-input style="width: 300px;" type="textarea" v-model="form.cangkujianjie"></el-input>
</div>
</div>
</template>
</xy-dialog>
</div>
</template>
<script>
import {
save,
show
} from "@/api/system/baseForm.js"
import {
getparameteritem
} from "@/api/system/dictionary.js"
import {
Message
} from 'element-ui'
import { saveStorehouseType } from '@/api/system/storehouseType'
export default {
data() {
return {
isShow: false,
type: 'add',
id: '',
import {
getparameteritem
} from "@/api/system/dictionary.js"
import {
Message
} from 'element-ui'
export default {
data() {
return {
isShow: false,
type: 'add',
id: '',
tableName: 'materialstorages',
// flood_storages
areaList:[],
mapparams: {
zoom: 11,
},
mapform: [],
form: {
cangkumingcheng: '',
cangkubianma: '',
suozaiquyu: '',
jiansheniandai: '',
cangkumianji: '',
fuzeren: '',
lianxidianhua: '',
cangkudizhi: '',
jingdu: '',
weidu: '',
areaList:[],
mapparams: {
zoom: 11,
},
mapform: [],
form: {
cangkumingcheng: '',
cangkubianma: '',
suozaiquyu: '',
jiansheniandai: '',
cangkumianji: '',
fuzeren: '',
lianxidianhua: '',
cangkudizhi: '',
jingdu: '',
weidu: '',
cangkujianjie: '',
quyu_id:''
},
rules: {
cangkumingcheng: [{
required: true,
message: '请填写仓库名称'
}]
},
}
},
created() {
this.getArea()
},
methods: {
quyu_id:''
},
rules: {
cangkumingcheng: [{
required: true,
message: '请填写仓库名称'
}]
},
}
},
created() {
this.getArea()
},
methods: {
getArea(){
getparameteritem("area").then(res=>{
this.areaList = res.detail
@ -199,61 +200,75 @@
},
setTableName(e){
this.tableName = e?e:'materialstorages'
},
async getDetail() {
const res = await show({
id: this.id,
table_name: this.tableName
})
this.$integrateData(this.form, res)
this.mapform = [res.jingdu, res.weidu, res.cangkudizhi]
},
submit() {
const params = {
name: this.form.cangkumingcheng,
remark: this.form.cangkujianjie,
};
if (this.type === 'editor') {
params.id = this.id;
}
saveStorehouseType(params).then(res => {
Message({
type: 'success',
message: this.type === 'add' ? '新增成功' : '编辑成功'
})
this.$emit('refresh')
this.isShow = false
})
},
},
watch: {
isShow(newVal) {
if (newVal) {
if (this.type === 'editor') {
this.getDetail()
}
} else {
this.id = ''
this.type = ''
this.mapform = []
this.$refs['dialog'].reset()
}
},
mapform(newVal, oldVal) {
console.log(newVal)
this.form.jingdu = newVal[0];
this.form.weidu = newVal[1];
this.form.cangkudizhi = newVal[2];
},
}
}
</script>
<style scoped lang="scss">
::v-deep .xy-table-item-label {
min-width: 160px !important
}
},
async getDetail() {
const res = await show({
id: this.id,
table_name: this.tableName
})
this.$integrateData(this.form, res)
this.mapform = [res.jingdu, res.weidu, res.cangkudizhi]
},
submit() {
if (this.type === 'add') {
save({
table_name: this.tableName,
...this.form
}).then(res => {
Message({
type: 'success',
message: '新增成功'
})
this.$emit('refresh')
this.isShow = false
})
return
}
if (this.type === 'editor') {
save({
id: this.id,
table_name: this.tableName,
...this.form
}).then(res => {
Message({
type: 'success',
message: '编辑成功'
})
this.$emit('refresh')
this.isShow = false
})
}
},
},
watch: {
isShow(newVal) {
if (newVal) {
if (this.type === 'editor') {
this.getDetail()
}
} else {
this.id = ''
this.type = ''
this.mapform = []
this.$refs['dialog'].reset()
}
},
mapform(newVal, oldVal) {
console.log(newVal)
this.form.jingdu = newVal[0];
this.form.weidu = newVal[1];
this.form.cangkudizhi = newVal[2];
},
}
}
</script>
<style scoped lang="scss">
::v-deep .xy-table-item-label {
min-width: 160px !important
}
</style>

Write Preview
Loading…
Cancel
Save