|
|
@@ -10,12 +10,29 @@
|
|
|
<template slot="menu" slot-scope="{ row, size, type }">
|
|
|
<el-button
|
|
|
v-if="!row.parentId"
|
|
|
+ icon="el-icon-plus"
|
|
|
:size="size"
|
|
|
:type="type"
|
|
|
@click="handleAddChild(row)"
|
|
|
>
|
|
|
新增部门/科室/项目部
|
|
|
</el-button>
|
|
|
+ <el-button
|
|
|
+ icon="el-icon-edit"
|
|
|
+ :size="size"
|
|
|
+ :type="type"
|
|
|
+ @click="handleEditBtn(row)"
|
|
|
+ >
|
|
|
+ 编辑
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ icon="el-icon-delete"
|
|
|
+ :size="size"
|
|
|
+ :type="type"
|
|
|
+ @click="rowDel(row)"
|
|
|
+ >
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
</template>
|
|
|
@@ -78,7 +95,6 @@ export default window.$crudCommon(
|
|
|
this.api[this.option.list || "getList"]({
|
|
|
yearAndMonth: this.yearAndMonth,
|
|
|
}).then(({ data }) => {
|
|
|
- console.log(this.buildTree(data.data));
|
|
|
this.data = this.buildTree(data.data);
|
|
|
this.loading = false;
|
|
|
});
|
|
|
@@ -86,20 +102,47 @@ export default window.$crudCommon(
|
|
|
handleAddParent() {
|
|
|
const column = this.findObject(this.option.column, "secondUnitName");
|
|
|
const deptColumn = this.findObject(this.option.column, "deptName");
|
|
|
- column.value = '';
|
|
|
+
|
|
|
+ column.display = true;
|
|
|
column.disabled = false;
|
|
|
deptColumn.display = false;
|
|
|
+
|
|
|
this.$refs.crud.rowAdd();
|
|
|
},
|
|
|
handleAddChild(row) {
|
|
|
const column = this.findObject(this.option.column, "secondUnitName");
|
|
|
const deptColumn = this.findObject(this.option.column, "deptName");
|
|
|
deptColumn.display = true;
|
|
|
- column.value = row.name;
|
|
|
+ column.display = true;
|
|
|
column.disabled = true;
|
|
|
- this.form.parentId = row.id;
|
|
|
+ this.form = {
|
|
|
+ parentId: row.id,
|
|
|
+ secondUnitName: row.name
|
|
|
+ };
|
|
|
this.$refs.crud.rowAdd();
|
|
|
},
|
|
|
+ handleEditBtn(row) {
|
|
|
+ const column = this.findObject(this.option.column, "secondUnitName");
|
|
|
+ const deptColumn = this.findObject(this.option.column, "deptName");
|
|
|
+ column.display = false;
|
|
|
+ deptColumn.display = false;
|
|
|
+ this.form = { ...row };
|
|
|
+ if (row.parentId) {
|
|
|
+ deptColumn.display = true;
|
|
|
+ this.form.deptName = row.name;
|
|
|
+ } else {
|
|
|
+ column.display = true;
|
|
|
+ this.form.secondUnitName = row.name;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$refs.crud.rowEdit(this.form);
|
|
|
+ },
|
|
|
+ getFormData() {
|
|
|
+ const newForm = { ...this.form, name: this.form.parentId ? this.form.deptName : this.form.secondUnitName, yearAndMonth: this.yearAndMonth };
|
|
|
+ delete newForm.secondUnitName;
|
|
|
+ delete newForm.deptName;
|
|
|
+ return newForm;
|
|
|
+ },
|
|
|
},
|
|
|
},
|
|
|
{
|