|
|
|
@ -8,11 +8,18 @@
|
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<div class="el_top_btn"> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="newlyadd" icon="el-icon-plus">新增</el-button> |
|
|
|
|
<el-button type="primary" icon="el-icon-delete">删除</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button> |
|
|
|
|
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
|
|
|
|
<el-button icon="Search" @click="searchHide" circle></el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
@ -29,12 +36,11 @@
|
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<div class="ElBtnClass"> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="text" @click="view(slotProps.scope)">查看</el-button> |
|
|
|
|
<div class="ElBtnClass"> |
|
|
|
|
<el-button @click="view(slotProps.scope)">查看</el-button> |
|
|
|
|
<el-button @click="view(slotProps.scope)">编辑</el-button> |
|
|
|
|
<el-button @click="view(slotProps.scope)">删除</el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
@ -59,6 +65,123 @@
|
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
<!-- 新增弹窗 --> |
|
|
|
|
<el-dialog |
|
|
|
|
v-model="newlyaddload" |
|
|
|
|
title="新增" |
|
|
|
|
width="800" |
|
|
|
|
> |
|
|
|
|
<el-form inline="true" :model="Addform" > |
|
|
|
|
<el-form-item label="仓库名称"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入仓库名称"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="仓库编码"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入仓库编码"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="仓库简称"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入仓库简称"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="联系人"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入联系人"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="联系电话"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入联系电话"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="管理区域"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入管理区域"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="职能类型"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请选择职能类型"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库地区"> |
|
|
|
|
<el-cascader :options="areaoptions" :props="props1" clearable placeholder="省/市/区"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库地址"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入仓库地址"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="所属部门"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请选择所属部门"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库类型"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请选择仓库类型"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="消防等级"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请选择消防等级"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="是否具有消防等级"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请选择是否具有消防等级"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库结构"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请选择仓库结构"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="是否高架"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请选择是否高架"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库层高"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入仓库层高"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="电力类型"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入仓库层高"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="租金单价"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入租金单价"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="面积"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入面积"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="租金类型"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入租金类型"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库等级"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入仓库等级"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="管理费"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入管理费"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="库位数"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入库位数"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="日期范围"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入日期范围"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="备注"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入日期范围"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="收款码"> |
|
|
|
|
<el-input v-model="Addform.name" placeholder="请输入日期范围"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button @click="newlyaddload = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="newlyaddSubmit"> |
|
|
|
|
确定 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</basic-container> |
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
|
<edittablehead |
|
|
|
@ -81,15 +204,31 @@ import {
|
|
|
|
|
getCurrentInstance, |
|
|
|
|
} from 'vue'; |
|
|
|
|
import { columnList } from '@/option/basicdata/basicdataWarehouseTemp.js'; |
|
|
|
|
import { $_getList } from '@/api/basicdata/basicdataWarehouse'; |
|
|
|
|
import { $_getList ,$_ObtainRegion} from '@/api/basicdata/basicdataWarehouse'; |
|
|
|
|
import { ElMessage } from 'element-plus' |
|
|
|
|
const search = ref(false); //搜索展开 |
|
|
|
|
const query = ref({}); //顶部搜索参数 |
|
|
|
|
const newlyaddload=ref(false);//新增弹窗 |
|
|
|
|
const Addform=ref({});//表格新增数据表单 |
|
|
|
|
// 刷新数据 |
|
|
|
|
const searchChangeS = () => { |
|
|
|
|
query.value={} |
|
|
|
|
onLoad() |
|
|
|
|
}; |
|
|
|
|
const initialization=()=>{ |
|
|
|
|
$_ObtainRegion().then(res=>{ |
|
|
|
|
if(res.data.code =200){ |
|
|
|
|
areaoptions.value =res.data.data |
|
|
|
|
} |
|
|
|
|
console.log(res,'获取地区'); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
initialization() |
|
|
|
|
const searchHide = () => {}; |
|
|
|
|
const props1 = { |
|
|
|
|
checkStrictly: true, |
|
|
|
|
} |
|
|
|
|
const areaoptions = ref([]) |
|
|
|
|
const details = reactive({ |
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
|
search: false, |
|
|
|
@ -205,6 +344,31 @@ const currentChange = val => {
|
|
|
|
|
page.currentPage=val |
|
|
|
|
onLoad() |
|
|
|
|
}; |
|
|
|
|
// 新增数据 |
|
|
|
|
const newlyadd=()=>{ |
|
|
|
|
newlyaddload.value=true;//开启新增弹窗 |
|
|
|
|
} |
|
|
|
|
// 新增数据确定 |
|
|
|
|
const newlyaddSubmit=()=>{ |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"></style> |
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
.ElBtnClass { |
|
|
|
|
button { |
|
|
|
|
border: none; |
|
|
|
|
padding: 0; |
|
|
|
|
background-color: transparent; |
|
|
|
|
} |
|
|
|
|
button:hover { |
|
|
|
|
background-color: transparent; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_top_btn{ |
|
|
|
|
margin-bottom: 4px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|