|
|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<!-- <el-row :gutter="20"> -->
|
|
|
- <!--机构数据-->
|
|
|
- <!-- <el-col :span="4" :xs="24"> -->
|
|
|
- <!-- <div class="head-container">
|
|
|
+ <!--机构数据-->
|
|
|
+ <!-- <el-col :span="4" :xs="24"> -->
|
|
|
+ <!-- <div class="head-container">
|
|
|
<el-input
|
|
|
v-model="deptName"
|
|
|
placeholder="请输入机构名称"
|
|
|
@@ -13,8 +13,8 @@
|
|
|
style="margin-bottom: 20px"
|
|
|
/>
|
|
|
</div> -->
|
|
|
-
|
|
|
- <!-- <div style="margin-bottom: 10px">
|
|
|
+
|
|
|
+ <!-- <div style="margin-bottom: 10px">
|
|
|
<el-checkbox v-model="queryParams.checkSub" @change="changeCheckBox"
|
|
|
>关联下级</el-checkbox
|
|
|
>
|
|
|
@@ -30,106 +30,113 @@
|
|
|
:default-checked-keys="defaultKeys"
|
|
|
@node-click="handleNodeClick"
|
|
|
/> -->
|
|
|
- <!-- <div class="tree-container"> -->
|
|
|
- <layoutCom>
|
|
|
- <org-tree
|
|
|
+ <!-- <div class="tree-container"> -->
|
|
|
+ <layoutCom>
|
|
|
+ <org-tree
|
|
|
slot="leftBar"
|
|
|
v-model="queryParams.orgId"
|
|
|
@defaultKey="defaultKeys"
|
|
|
@checkChange="checkChange"
|
|
|
@click="handleNodeClick"
|
|
|
></org-tree>
|
|
|
- <!-- </div> -->
|
|
|
+ <!-- </div> -->
|
|
|
<!-- </el-col> -->
|
|
|
<!--用户数据-->
|
|
|
<!-- <el-col :span="20" :xs="24"> -->
|
|
|
- <!-- 搜索条件 -->
|
|
|
- <el-row slot="rightBar">
|
|
|
- <el-col>
|
|
|
- <el-form
|
|
|
- :model="queryParams"
|
|
|
- ref="queryForm"
|
|
|
- size="small"
|
|
|
- :inline="true"
|
|
|
- v-show="showSearch"
|
|
|
- >
|
|
|
- <el-form-item label="机构名称" prop="name">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.name"
|
|
|
- placeholder="请输入机构名称"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="状态" prop="isLock">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.isLock"
|
|
|
- placeholder="机构状态"
|
|
|
- clearable
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.sys_normal_disable"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
+ <!-- 搜索条件 -->
|
|
|
+ <el-row slot="rightBar">
|
|
|
+ <el-col>
|
|
|
+ <el-form
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryForm"
|
|
|
+ size="small"
|
|
|
+ :inline="true"
|
|
|
+ v-show="showSearch"
|
|
|
+ >
|
|
|
+ <el-form-item label="机构名称" prop="name">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.name"
|
|
|
+ placeholder="请输入机构名称"
|
|
|
+ clearable
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="机构类型" prop="isLock">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.type"
|
|
|
- placeholder="机构类型"
|
|
|
- clearable
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.sys_org_type"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="机构编码" prop="code">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.code"
|
|
|
+ placeholder="请输入机构编码"
|
|
|
+ clearable
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- icon="el-icon-search"
|
|
|
- size="mini"
|
|
|
- @click="handleQuery"
|
|
|
- >搜索</el-button
|
|
|
- >
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
- >重置</el-button
|
|
|
- >
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态" prop="isLock">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.isLock"
|
|
|
+ placeholder="机构状态"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.sys_normal_disable"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="机构类型" prop="type">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.type"
|
|
|
+ placeholder="机构类型"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.sys_org_type"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-search"
|
|
|
+ size="mini"
|
|
|
+ @click="handleQuery"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
+ >重置</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
|
|
|
- <el-row :gutter="10" class="mb8">
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- v-if="false"
|
|
|
- type="primary"
|
|
|
- plain
|
|
|
- icon="el-icon-plus"
|
|
|
- size="mini"
|
|
|
- @click="showDialogEdit(0)"
|
|
|
- v-hasPermi="['system:dept:add']"
|
|
|
- ></el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- plain
|
|
|
- icon="el-icon-plus"
|
|
|
- size="mini"
|
|
|
- @click="handleAdd"
|
|
|
- v-hasPermi="['system:dept:add']"
|
|
|
- >新增</el-button
|
|
|
- >
|
|
|
- </el-col>
|
|
|
- <right-toolbar
|
|
|
- :showSearch.sync="showSearch"
|
|
|
- @queryTable="getList"
|
|
|
- ></right-toolbar>
|
|
|
- </el-row>
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ v-if="false"
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="showDialogEdit(0)"
|
|
|
+ v-hasPermi="['system:dept:add']"
|
|
|
+ ></el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAdd"
|
|
|
+ v-hasPermi="['system:dept:add']"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <right-toolbar
|
|
|
+ :showSearch.sync="showSearch"
|
|
|
+ @queryTable="getList"
|
|
|
+ ></right-toolbar>
|
|
|
+ </el-row>
|
|
|
|
|
|
<el-table
|
|
|
border
|
|
|
@@ -173,94 +180,93 @@
|
|
|
label="排序"
|
|
|
min-width="60"
|
|
|
width="60"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- prop="weatherCityCode"
|
|
|
- label="城市天气区域"
|
|
|
- width="150"
|
|
|
- >
|
|
|
- <template slot-scope="r">
|
|
|
- <span>{{getCode(r.row.weatherCityCode)}}</span>
|
|
|
- </template>
|
|
|
-
|
|
|
- </el-table-column>
|
|
|
- <!-- <el-table-column prop="address" label="地址"></el-table-column> -->
|
|
|
- <!-- <el-table-column label="负责人" align="center">
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ prop="weatherCityCode"
|
|
|
+ label="城市天气区域"
|
|
|
+ width="150"
|
|
|
+ >
|
|
|
+ <template slot-scope="r">
|
|
|
+ <span>{{ getCode(r.row.weatherCityCode) }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <!-- <el-table-column prop="address" label="地址"></el-table-column> -->
|
|
|
+ <!-- <el-table-column label="负责人" align="center">
|
|
|
<template v-slot:default="scope">
|
|
|
<span v-text="scope.row.manager"></span>-
|
|
|
<span v-text="scope.row.managerPhone"> </span>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- prop="manager"
|
|
|
- label="负责人"
|
|
|
- width="150"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- prop="managerPhone"
|
|
|
- label="负责人电话"
|
|
|
- width="150"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="操作"
|
|
|
- align="center"
|
|
|
- fixed="right"
|
|
|
- width="160"
|
|
|
- class-name="small-padding fixed-width"
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <router-link
|
|
|
- :to="'/system/dept-extend/extend/' + scope.row.id"
|
|
|
- class="link-type"
|
|
|
- >
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ prop="manager"
|
|
|
+ label="负责人"
|
|
|
+ width="150"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ prop="managerPhone"
|
|
|
+ label="负责人电话"
|
|
|
+ width="150"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ fixed="right"
|
|
|
+ width="160"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <router-link
|
|
|
+ :to="'/system/dept-extend/extend/' + scope.row.id"
|
|
|
+ class="link-type"
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ scope.row.type == 4 ||
|
|
|
+ scope.row.type == 10 ||
|
|
|
+ scope.row.type == 5
|
|
|
+ "
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ v-hasPermi="['system:dept:extend']"
|
|
|
+ >补充信息</el-button
|
|
|
+ >
|
|
|
+ </router-link>
|
|
|
+
|
|
|
<el-button
|
|
|
- v-if="
|
|
|
- scope.row.type == 4 ||
|
|
|
- scope.row.type == 10 ||
|
|
|
- scope.row.type == 5
|
|
|
- "
|
|
|
size="mini"
|
|
|
type="text"
|
|
|
- icon="el-icon-plus"
|
|
|
- v-hasPermi="['system:dept:extend']"
|
|
|
- >补充信息</el-button
|
|
|
+ icon="el-icon-edit"
|
|
|
+ @click="handleUpdate(scope.row)"
|
|
|
+ v-hasPermi="['system:dept:edit']"
|
|
|
+ >编辑</el-button
|
|
|
>
|
|
|
- </router-link>
|
|
|
-
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-edit"
|
|
|
- @click="handleUpdate(scope.row)"
|
|
|
- v-hasPermi="['system:dept:edit']"
|
|
|
- >编辑</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- v-if="!scope.row.source"
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-delete"
|
|
|
- @click="handleDelete(scope.row)"
|
|
|
- v-hasPermi="['system:dept:remove']"
|
|
|
- >删除</el-button
|
|
|
- >
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ <el-button
|
|
|
+ v-if="!scope.row.source"
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ @click="handleDelete(scope.row)"
|
|
|
+ v-hasPermi="['system:dept:remove']"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
|
|
|
- <pagination
|
|
|
- v-show="total > 0"
|
|
|
- :total="total"
|
|
|
- :page.sync="queryParams.pageNum"
|
|
|
- :limit.sync="queryParams.pageSize"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
+ <pagination
|
|
|
+ v-show="total > 0"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
- </layoutCom>
|
|
|
+ </layoutCom>
|
|
|
|
|
|
<!-- 添加或修改机构对话框 -->
|
|
|
<DialogCom
|
|
|
@@ -323,9 +329,11 @@
|
|
|
:key="dict.value"
|
|
|
:label="dict.label"
|
|
|
:value="dict.value"
|
|
|
- v-show="addIndex == 2
|
|
|
- || (addIndex == 3 && dict.value == 5)
|
|
|
- || (addIndex == 3 && dict.value == 6)"
|
|
|
+ v-show="
|
|
|
+ addIndex == 2 ||
|
|
|
+ (addIndex == 3 && dict.value == 5) ||
|
|
|
+ (addIndex == 3 && dict.value == 6)
|
|
|
+ "
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -336,7 +344,7 @@
|
|
|
v-model="form.manager"
|
|
|
placeholder="请输入负责人"
|
|
|
maxlength="20"
|
|
|
- :disabled="form.source == 1"
|
|
|
+ :disabled="form.source == 1"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -420,12 +428,12 @@ import { deptTreeSelect } from "@/api/system/public";
|
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
import DialogEdit from "@/views/system/dept/dialog.edit.vue";
|
|
|
-import {findAreaList} from "@/api/core/weather";
|
|
|
+import { findAreaList } from "@/api/core/weather";
|
|
|
import OrgTree from "@/components/orgTree";
|
|
|
export default {
|
|
|
name: "Dept",
|
|
|
dicts: ["sys_normal_disable", "sys_org_type"],
|
|
|
- components: { Treeselect, DialogEdit,OrgTree },
|
|
|
+ components: { Treeselect, DialogEdit, OrgTree },
|
|
|
data() {
|
|
|
return {
|
|
|
// 遮罩层
|
|
|
@@ -466,6 +474,8 @@ export default {
|
|
|
status: undefined,
|
|
|
parentId: undefined,
|
|
|
checkSub: true,
|
|
|
+ type: null,
|
|
|
+ code:null,
|
|
|
},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
|
@@ -502,7 +512,7 @@ export default {
|
|
|
},
|
|
|
//默认选中节点
|
|
|
defaultKeys: [],
|
|
|
- areaList:[],
|
|
|
+ areaList: [],
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -518,18 +528,17 @@ export default {
|
|
|
this.getAreaList();
|
|
|
},
|
|
|
methods: {
|
|
|
- getCode(item){
|
|
|
- if(item!=null&&item.length>0){
|
|
|
- let area = this.areaList.find(v=>v.key === item);
|
|
|
- if(area){
|
|
|
+ getCode(item) {
|
|
|
+ if (item != null && item.length > 0) {
|
|
|
+ let area = this.areaList.find((v) => v.key === item);
|
|
|
+ if (area) {
|
|
|
return area.value;
|
|
|
- }else {
|
|
|
+ } else {
|
|
|
return "";
|
|
|
}
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
return "";
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
closeHandler() {
|
|
|
// alert(11111)
|
|
|
@@ -565,7 +574,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
getAreaList() {
|
|
|
- findAreaList({}).then(response => {
|
|
|
+ findAreaList({}).then((response) => {
|
|
|
this.areaList = response.data;
|
|
|
});
|
|
|
},
|
|
|
@@ -623,6 +632,7 @@ export default {
|
|
|
email: undefined,
|
|
|
status: "0",
|
|
|
isLock: "0",
|
|
|
+ type: null,
|
|
|
};
|
|
|
this.resetForm("form");
|
|
|
},
|
|
|
@@ -633,7 +643,8 @@ export default {
|
|
|
/** 重置按钮操作 */
|
|
|
resetQuery() {
|
|
|
this.resetForm("queryForm");
|
|
|
- this.handleQuery();
|
|
|
+ // this.
|
|
|
+ this.getList();
|
|
|
},
|
|
|
/** 新增按钮操作 */
|
|
|
async handleAdd() {
|
|
|
@@ -672,21 +683,23 @@ export default {
|
|
|
});
|
|
|
if (this.pId != -1) {
|
|
|
this.pId = row.parentId;
|
|
|
- this.form.parentId=row.parentId;
|
|
|
- console.log(this.form,"this.form")
|
|
|
- console.log(this.form.parentId,"this.pId")
|
|
|
- await deptTreeSelect({removeId:row.parentId,id:row.id}).then((response) => {
|
|
|
- this.deptOptions2 = response.data;
|
|
|
- // this.defaultKeys.push(response.data[0].id);
|
|
|
- this.open = true;
|
|
|
- this.title = "编辑";
|
|
|
- });
|
|
|
+ this.form.parentId = row.parentId;
|
|
|
+ console.log(this.form, "this.form");
|
|
|
+ console.log(this.form.parentId, "this.pId");
|
|
|
+ await deptTreeSelect({ removeId: row.parentId, id: row.id }).then(
|
|
|
+ (response) => {
|
|
|
+ this.deptOptions2 = response.data;
|
|
|
+ // this.defaultKeys.push(response.data[0].id);
|
|
|
+ this.open = true;
|
|
|
+ this.title = "编辑";
|
|
|
+ }
|
|
|
+ );
|
|
|
}
|
|
|
},
|
|
|
/** 提交按钮 */
|
|
|
changeSubmitForm() {
|
|
|
this.addIndex = 2;
|
|
|
- debugger
|
|
|
+ debugger;
|
|
|
this.$refs["form"].validate((valid) => {
|
|
|
if (valid) {
|
|
|
updateDept(this.form).then((response) => {
|