|
|
@@ -258,11 +258,11 @@
|
|
|
</el-table-column> -->
|
|
|
<el-table-column label="物品名称" align="center" prop="name" />
|
|
|
<el-table-column
|
|
|
- label="物资规格"
|
|
|
+ label="物品规格"
|
|
|
align="center"
|
|
|
prop="materialSpecification"
|
|
|
/>
|
|
|
- <el-table-column label="物资型号" align="center" prop="materialXh" />
|
|
|
+ <el-table-column label="物品型号" align="center" prop="materialXh" />
|
|
|
<!-- <el-table-column label="营具类型" align="center" prop="yingJuType">
|
|
|
<template slot-scope="scope">
|
|
|
<dict-tag
|
|
|
@@ -385,14 +385,22 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="物资规格" prop="materialSpecification">
|
|
|
+ <el-form-item label="物品规格" prop="materialSpecification">
|
|
|
<el-input
|
|
|
v-model="form.materialSpecification"
|
|
|
- placeholder="请输入物资规格"
|
|
|
+ placeholder="请输入物品规格"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="物资型号" prop="materialXh">
|
|
|
- <el-input v-model="form.materialXh" placeholder="请输入物资型号" />
|
|
|
+ <el-form-item label="物品型号" prop="materialXh">
|
|
|
+ <el-input v-model="form.materialXh" placeholder="请输入物品型号" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="责任单位" prop="unitId">
|
|
|
+ <treeselect
|
|
|
+ v-model="form.unitId"
|
|
|
+ placeholder="请选择责任单位"
|
|
|
+ :options="deptOptions"
|
|
|
+ @select="shuxing"
|
|
|
+ ></treeselect>
|
|
|
</el-form-item>
|
|
|
<!-- <el-form-item label="营具类型" prop="yingJuType">
|
|
|
<el-select v-model="form.yingJuType" placeholder="请选择营具类型">
|
|
|
@@ -490,13 +498,20 @@ import {
|
|
|
updateMaterialRegistration,
|
|
|
exportMaterialRegistration,
|
|
|
} from "@/api/materialManagement/materialRegistration";
|
|
|
+import { getDept } from "@/api/materialManagement/archives";
|
|
|
import { listArchives } from "@/api/materialManagement/archives";
|
|
|
// 所有人员
|
|
|
import { getAll } from "@/api/grassrootsregistration/bdglmeeting";
|
|
|
+// 导入树形结构
|
|
|
+import Treeselect from "@riophae/vue-treeselect";
|
|
|
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
|
|
|
export default {
|
|
|
name: "MaterialRegistration",
|
|
|
dicts: ["category", "storage_room", "camp_equipment"],
|
|
|
+ components: {
|
|
|
+ Treeselect,
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
// 遮罩层
|
|
|
@@ -548,6 +563,8 @@ export default {
|
|
|
itemlist: [],
|
|
|
// 外面的人员
|
|
|
renYuans: [],
|
|
|
+ // 树形单位
|
|
|
+ deptOptions: [],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -555,6 +572,18 @@ export default {
|
|
|
this.getSuo();
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 点击单位触发
|
|
|
+ shuxing(data) {
|
|
|
+ // this.form.unitId = data.id;
|
|
|
+ // this.form.responsibilityUnit = data.label;
|
|
|
+ // this.getRenYuan(this.form.unitId);
|
|
|
+ },
|
|
|
+ /** 查询部门下拉树结构 */
|
|
|
+ getTreeselect() {
|
|
|
+ getDept().then((response) => {
|
|
|
+ this.deptOptions = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
// 获取搜索所有人
|
|
|
getSuo() {
|
|
|
getAll().then((res) => {
|
|
|
@@ -632,6 +661,7 @@ export default {
|
|
|
},
|
|
|
/** 新增按钮操作 */
|
|
|
handleAdd() {
|
|
|
+ this.getTreeselect();
|
|
|
this.getMingCheng();
|
|
|
this.reset();
|
|
|
this.open = true;
|
|
|
@@ -756,4 +786,11 @@ export default {
|
|
|
height: 36px !important;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+/* 单位框背景颜色 */
|
|
|
+::v-deep .vue-treeselect__control {
|
|
|
+ background: #004d86 !important;
|
|
|
+}
|
|
|
+::v-deep .vue-treeselect__single-value {
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
</style>
|
sunyanqiang