|
@@ -95,7 +95,8 @@
|
|
|
<el-table-column label="价值" align="center" prop="cost"/>
|
|
|
<el-table-column label="经度" align="center" prop="longitude"/>
|
|
|
<el-table-column label="纬度" align="center" prop="latitude"/>
|
|
|
- <el-table-column label="所属部门" align="center" prop="dept"/>
|
|
|
+ <el-table-column key="deptName" :show-overflow-tooltip="true" align="center" label="归属部门"
|
|
|
+ prop="deptOne.deptName"/>
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
@@ -141,8 +142,8 @@
|
|
|
<el-form-item label="纬度" prop="latitude">
|
|
|
<el-input v-model="form.latitude" placeholder="请输入纬度"/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="所属部门" prop="dept">
|
|
|
- <el-input v-model="form.dept" placeholder="请输入街道"/>
|
|
|
+ <el-form-item label="归属部门" prop="deptId">
|
|
|
+ <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门"/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="备注" prop="remarks">
|
|
|
<el-input v-model="form.remarks" type="textarea" :rows="4" placeholder="请输入内容"/>
|
|
@@ -159,9 +160,13 @@
|
|
|
<script>
|
|
|
|
|
|
import {addSupplies, delSupplies, updateSupplies,getSupplies, listSupplies} from "@/api/system/supplies";
|
|
|
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
+import {deptTreeSelect} from "@/api/system/user";
|
|
|
+import Treeselect from "@riophae/vue-treeselect";
|
|
|
|
|
|
export default {
|
|
|
name: "Supplies",
|
|
|
+ components: {Treeselect},
|
|
|
data() {
|
|
|
return {
|
|
|
// 遮罩层
|
|
@@ -174,6 +179,10 @@ export default {
|
|
|
multiple: true,
|
|
|
// 显示搜索条件
|
|
|
showSearch: true,
|
|
|
+ // 部门树选项
|
|
|
+ deptOptions: undefined,
|
|
|
+ // 部门名称
|
|
|
+ deptName: undefined,
|
|
|
// 总条数
|
|
|
total: 0,
|
|
|
// 防汛抗旱物资储备表格数据
|
|
@@ -201,6 +210,7 @@ export default {
|
|
|
},
|
|
|
created() {
|
|
|
this.getList();
|
|
|
+ this.getDeptTree();
|
|
|
},
|
|
|
methods: {
|
|
|
/** 查询防汛抗旱物资储备列表 */
|
|
@@ -212,6 +222,12 @@ export default {
|
|
|
this.loading = false;
|
|
|
});
|
|
|
},
|
|
|
+ /** 查询部门下拉树结构 */
|
|
|
+ getDeptTree() {
|
|
|
+ deptTreeSelect().then(response => {
|
|
|
+ this.deptOptions = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
// 取消按钮
|
|
|
cancel() {
|
|
|
this.open = false;
|