|
|
|
@ -8,19 +8,18 @@
|
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="el_top_btn"> |
|
|
|
|
<div class="add_form"> |
|
|
|
|
<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 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> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
@ -36,11 +35,10 @@
|
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<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 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> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
@ -66,125 +64,127 @@
|
|
|
|
|
</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 v-model="Addform.name" :options="areaoptions" 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> |
|
|
|
|
<el-dialog v-model="newlyaddload" title="新增" width="800"> |
|
|
|
|
<el-form class="add_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-cascader v-model="Addform.name" :options="areaoptions" placeholder="省/市/区" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="职能类型"> |
|
|
|
|
<el-select v-model="Addform.name" clearable placeholder="请选择职能类型" > |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in options" |
|
|
|
|
:key="item.dictKey" |
|
|
|
|
:label="item.dictValue" |
|
|
|
|
:value="item.dictKey" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库地区"> |
|
|
|
|
<el-cascader v-model="Addform.name" :options="areaoptions" placeholder="省/市/区" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库地址"> |
|
|
|
|
<avue-input-map :params="params" placeholder="请选择地图" v-model="Addform.map" ></avue-input-map> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="所属部门"> |
|
|
|
|
<avue-tree :option="AffiliationList" |
|
|
|
|
v-model="Addform.bm"> |
|
|
|
|
</avue-tree> |
|
|
|
|
</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 |
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
|
<edittablehead |
|
|
|
|
@setcolum="setnewcolum" |
|
|
|
|
@closce="showdrawer" |
|
|
|
|
:drawerShow="drawerShow" |
|
|
|
@ -204,29 +204,38 @@ import {
|
|
|
|
|
getCurrentInstance, |
|
|
|
|
} from 'vue'; |
|
|
|
|
import { columnList } from '@/option/basicdata/basicdataWarehouseTemp.js'; |
|
|
|
|
import { $_getList ,$_ObtainRegion} from '@/api/basicdata/basicdataWarehouse'; |
|
|
|
|
import { ElMessage } from 'element-plus' |
|
|
|
|
import { $_getList, $_ObtainRegion } from '@/api/basicdata/basicdataWarehouse'; |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
|
const options = ref([{ |
|
|
|
|
dictKey:'1', |
|
|
|
|
dictValue:'22' |
|
|
|
|
}]); //职能类型 |
|
|
|
|
const search = ref(false); //搜索展开 |
|
|
|
|
const query = ref({}); //顶部搜索参数 |
|
|
|
|
const newlyaddload=ref(false);//新增弹窗 |
|
|
|
|
const Addform=ref({});//表格新增数据表单 |
|
|
|
|
const newlyaddload = ref(false); //新增弹窗 |
|
|
|
|
const Addform = ref({ |
|
|
|
|
map:[], |
|
|
|
|
}); //表格新增数据表单 |
|
|
|
|
|
|
|
|
|
// 刷新数据 |
|
|
|
|
const searchChangeS = () => { |
|
|
|
|
query.value={} |
|
|
|
|
onLoad() |
|
|
|
|
query.value = {}; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
const initialization=()=>{ |
|
|
|
|
$_ObtainRegion().then(res=>{ |
|
|
|
|
if(res.data.code =200){ |
|
|
|
|
areaoptions.value =res.data.data |
|
|
|
|
} |
|
|
|
|
console.log(res,'获取地区'); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
initialization() |
|
|
|
|
// 地区获取 |
|
|
|
|
const initialization = () => { |
|
|
|
|
$_ObtainRegion().then(res => { |
|
|
|
|
if ((res.data.code = 200)) { |
|
|
|
|
areaoptions.value = res.data.data; |
|
|
|
|
} |
|
|
|
|
console.log(res, '获取地区'); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
initialization(); |
|
|
|
|
const searchHide = () => {}; |
|
|
|
|
|
|
|
|
|
const areaoptions = ref([]) |
|
|
|
|
const areaoptions = ref([]);//地区 |
|
|
|
|
|
|
|
|
|
const details = reactive({ |
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
@ -293,7 +302,7 @@ const {
|
|
|
|
|
* 弹窗的勾选回调,用于更改头部数组 |
|
|
|
|
* 固定搭配,只需要更换 columnList |
|
|
|
|
* */ |
|
|
|
|
const setnewcolum = (newarr, headarr, type) => { |
|
|
|
|
const setnewcolum = (newarr, headarr, type) => { |
|
|
|
|
if (type == 1) { |
|
|
|
|
details.columnList = newarr; |
|
|
|
|
functions.setStorage(window.location.pathname + 'checkList', headarr); |
|
|
|
@ -305,52 +314,104 @@ const {
|
|
|
|
|
functions.setStorage(window.location.pathname + 'sortlist', headarr); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
details.columnList = columnList;//菜单配置 |
|
|
|
|
details.columnList = columnList; //菜单配置 |
|
|
|
|
/** 展开列表控件 */ |
|
|
|
|
const showdrawer = _flag => { |
|
|
|
|
details.drawerShow = _flag; |
|
|
|
|
}; |
|
|
|
|
// 字典公共函数 |
|
|
|
|
function updateDictionary(targetArray, dictionaryType) { |
|
|
|
|
getDictionaryBiz(dictionaryType).then(res => { |
|
|
|
|
res.data.data.forEach((item)=>{ |
|
|
|
|
console.log(item); |
|
|
|
|
targetArray.push({ |
|
|
|
|
dictKey:item.dictKey, |
|
|
|
|
dictValue:item.dictValue, |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
const dictionary = () => { |
|
|
|
|
updateDictionary(options.value, 'warehouse_function_type'); //职能类型 |
|
|
|
|
}; |
|
|
|
|
// 页面初始化字典 |
|
|
|
|
dictionary(); |
|
|
|
|
// 页面初始化 |
|
|
|
|
const onLoad=(val)=>{ |
|
|
|
|
let data={ |
|
|
|
|
current: page.currentPage, |
|
|
|
|
size: page.pageSize, |
|
|
|
|
...val |
|
|
|
|
} |
|
|
|
|
details.loadingObj.list=true;//开启表格加载 |
|
|
|
|
$_getList(data).then(res=>{ |
|
|
|
|
console.log(res); |
|
|
|
|
if(res.data.code ==200){ |
|
|
|
|
if(res.data.data.records.length){ |
|
|
|
|
details.data = res.data.data.records;//表格数据 |
|
|
|
|
details.page.total= res.data.data.total;//总条数 |
|
|
|
|
} |
|
|
|
|
const onLoad = val => { |
|
|
|
|
let data = { |
|
|
|
|
current: details.page.currentPage, |
|
|
|
|
size: details.page.pageSize, |
|
|
|
|
...val, |
|
|
|
|
}; |
|
|
|
|
details.loadingObj.list = true; //开启表格加载 |
|
|
|
|
$_getList(data) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
if (res.data.data.records.length) { |
|
|
|
|
details.data = res.data.data.records; //表格数据 |
|
|
|
|
details.page.total = res.data.data.total; //总条数 |
|
|
|
|
} |
|
|
|
|
}).catch((res)=>{ |
|
|
|
|
ElMessage.error('获取失败联系后端管理员') |
|
|
|
|
}).finally(()=>{ |
|
|
|
|
details.loadingObj.list=false;//关闭表格加载 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
onLoad() |
|
|
|
|
.catch(res => { |
|
|
|
|
ElMessage.error('获取失败联系后端管理员'); |
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
details.loadingObj.list = false; //关闭表格加载 |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
onLoad(); |
|
|
|
|
// 每页多少条 |
|
|
|
|
const sizeChange = val => { |
|
|
|
|
page.pageSize=val |
|
|
|
|
onLoad() |
|
|
|
|
details.page.pageSize = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
/** 页码改变执行的回调 */ |
|
|
|
|
const currentChange = val => { |
|
|
|
|
page.currentPage=val |
|
|
|
|
onLoad() |
|
|
|
|
const currentChange = val => { |
|
|
|
|
details.page.currentPage = val; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
// 新增数据 |
|
|
|
|
const newlyadd=()=>{ |
|
|
|
|
newlyaddload.value=true;//开启新增弹窗 |
|
|
|
|
} |
|
|
|
|
const newlyadd = () => { |
|
|
|
|
newlyaddload.value = true; //开启新增弹窗 |
|
|
|
|
}; |
|
|
|
|
// 新增数据确定 |
|
|
|
|
const newlyaddSubmit=()=>{ |
|
|
|
|
console.log(Addform.value); |
|
|
|
|
} |
|
|
|
|
const newlyaddSubmit = () => { |
|
|
|
|
console.log(Addform.value); |
|
|
|
|
}; |
|
|
|
|
// 部门选择 |
|
|
|
|
const AffiliationList=ref({ |
|
|
|
|
formOption: { |
|
|
|
|
labelWidth: 100, |
|
|
|
|
column: [{ |
|
|
|
|
label: '自定义项', |
|
|
|
|
prop: 'label' |
|
|
|
|
}], |
|
|
|
|
}, |
|
|
|
|
lazy: true, |
|
|
|
|
treeLoad: function (node, resolve) { |
|
|
|
|
if (node.level === 0) { |
|
|
|
|
return resolve([{ is_show: true, label: 'region', value: new Date().getTime() }]); |
|
|
|
|
} |
|
|
|
|
if (node.level > 2) return resolve([]); |
|
|
|
|
setTimeout(() => { |
|
|
|
|
const data = [{ |
|
|
|
|
label: 'leaf', |
|
|
|
|
is_show: true, |
|
|
|
|
value: new Date().getTime(), |
|
|
|
|
leaf: true |
|
|
|
|
}, { |
|
|
|
|
is_show: true, |
|
|
|
|
value: new Date().getTime(), |
|
|
|
|
label: 'zone' |
|
|
|
|
}]; |
|
|
|
|
|
|
|
|
|
resolve(data); |
|
|
|
|
}, 500); |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
) |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
@ -364,16 +425,17 @@ console.log(Addform.value);
|
|
|
|
|
background-color: transparent; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_top_btn{ |
|
|
|
|
margin-bottom: 4px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
.el_top_btn { |
|
|
|
|
margin-bottom: 4px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
:deep(.add_form){ |
|
|
|
|
display: flex; |
|
|
|
|
.el-form-item{ |
|
|
|
|
width: 46%; |
|
|
|
|
} |
|
|
|
|
:deep(.add_form) { |
|
|
|
|
display: flex; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
.el-form-item { |
|
|
|
|
width: 46%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|