Commit 39a9cad8 authored by kaitly205422@163.com's avatar kaitly205422@163.com

123

parent b212e59f
...@@ -42,3 +42,4 @@ export function delBuilding(id) { ...@@ -42,3 +42,4 @@ export function delBuilding(id) {
method: 'delete' method: 'delete'
}) })
} }
...@@ -206,7 +206,6 @@ export function handleTree(data, id, parentId, children) { ...@@ -206,7 +206,6 @@ export function handleTree(data, id, parentId, children) {
* @param {*} params 参数 * @param {*} params 参数
*/ */
export function tansParams(params) { export function tansParams(params) {
console.log(params)
let result = '' let result = ''
for (const propName of Object.keys(params)) { for (const propName of Object.keys(params)) {
const value = params[propName]; const value = params[propName];
......
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="项目名称" prop="projectName"> <el-form-item label="项目名称" prop="projectName">
<el-input <el-input v-model="queryParams.projectName" placeholder="请输入项目" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.projectName"
placeholder="请输入项目"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="楼宇名称" prop="name"> <el-form-item label="楼宇名称" prop="name">
<el-input <el-input v-model="queryParams.name" placeholder="请输入楼宇名称" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.name"
placeholder="请输入楼宇名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="所属区域" prop="deptId"> <el-form-item label="所属区域" prop="deptId">
<treeselect <treeselect v-model="queryParams.deptId" :options="deptOptions" :show-count="true" placeholder="请选择所属区域"
v-model="queryParams.deptId" style="width: 250px" />
:options="deptOptions"
:show-count="true"
placeholder="请选择所属区域"
style="width: 250px"
/>
</el-form-item> </el-form-item>
<el-form-item label="用途" prop="useto"> <el-form-item label="用途" prop="useto">
<el-input <el-input v-model="queryParams.useto" placeholder="请输入用途" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.useto"
placeholder="请输入用途"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="所在城市" prop="city"> <el-form-item label="所在城市" prop="city">
<el-input <el-input v-model="queryParams.city" placeholder="请输入所在城市" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.city"
placeholder="请输入所在城市"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
v-model="queryParams.status" <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
placeholder="请选择状态" :value="dict.value" />
clearable
>
<el-option
v-for="dict in dict.type.sys_normal_disable"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
type="primary" <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
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-item>
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['system:ledgerBuilding:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:ledgerBuilding:add']"
>新增</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['system:ledgerBuilding:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:ledgerBuilding:edit']"
>修改</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['system:ledgerBuilding:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:ledgerBuilding:remove']"
>删除</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['system:ledgerBuilding:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:ledgerBuilding:export']"
>导出</el-button
>
</el-col> </el-col>
<right-toolbar <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row> </el-row>
<el-table <el-table v-loading="loading" :data="buildingList" @selection-change="handleSelectionChange">
v-loading="loading"
:data="buildingList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center"> <el-table-column label="序号" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -152,66 +67,48 @@ ...@@ -152,66 +67,48 @@
<el-table-column label="详细地址" align="center" prop="address" /> <el-table-column label="详细地址" align="center" prop="address" />
<el-table-column label="状态" align="center" prop="status"> <el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status" />
:options="dict.type.sys_normal_disable"
:value="scope.row.status"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
size="mini" v-hasPermi="['system:ledgerBuilding:edit']">修改</el-button>
type="text" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
icon="el-icon-edit" v-hasPermi="['system:ledgerBuilding:remove']">删除</el-button>
@click="handleUpdate(scope.row)"
v-hasPermi="['system:ledgerBuilding:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:ledgerBuilding:remove']"
>删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total > 0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改基础数据-楼宇对话框 --> <!-- 添加或修改基础数据-楼宇对话框 -->
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="项目名称" prop="projectId"> <el-form-item label="项目名称" prop="projectId">
<el-input v-model="form.projectId" placeholder="请输入项目名称" /> <!-- <el-input v-model="form.projectId" placeholder="请输入项目名称" /> -->
<el-select v-model="form.projectName" filterable remote reserve-keyword placeholder="搜索选择项目"
:remote-method="remoteMethod" @change="changeProject" :loading="loading">
<el-option v-for="item in projectOptions" :key="item.id" :label="item.name" :value="item.name">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="楼宇名称" prop="name"> <el-form-item label="楼宇名称" prop="name">
<el-input v-model="form.name" placeholder="请输入楼宇名称" /> <el-input v-model="form.name" placeholder="请输入楼宇名称" />
</el-form-item> </el-form-item>
<el-form-item label="资产类型" prop="type"> <el-form-item label="资产类型" prop="type">
<el-input v-model="form.type" placeholder="请输入资产类型" /> <el-select v-model="form.type" placeholder="请输入资产类型">
<el-option label="地产" value="地产"></el-option>
<el-option label="土地" value="土地"></el-option>
<el-option label="其他" value="其他"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="地上楼层数(层)" prop="groundFloor"> <el-form-item label="地上楼层数(层)" prop="groundFloor">
<el-input v-model="form.groundFloor" placeholder="请输入地上楼层数" /> <el-input v-model="form.groundFloor" placeholder="请输入地上楼层数" />
</el-form-item> </el-form-item>
<el-form-item label="地下楼层数(层)" prop="undergroundFloor"> <el-form-item label="地下楼层数(层)" prop="undergroundFloor">
<el-input <el-input v-model="form.undergroundFloor" placeholder="请输入地下楼层数" />
v-model="form.undergroundFloor"
placeholder="请输入地下楼层数"
/>
</el-form-item> </el-form-item>
<el-form-item label="用途" prop="useto"> <el-form-item label="用途" prop="useto">
<el-input v-model="form.useto" placeholder="请输入用途" /> <el-input v-model="form.useto" placeholder="请输入用途" />
...@@ -221,12 +118,8 @@ ...@@ -221,12 +118,8 @@
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="请选择状态"> <el-select v-model="form.status" placeholder="请选择状态">
<el-option <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
v-for="dict in dict.type.sys_normal_disable" :value="dict.value"></el-option>
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -246,6 +139,7 @@ import { ...@@ -246,6 +139,7 @@ import {
addBuilding, addBuilding,
updateBuilding, updateBuilding,
} from "@/api/ledger/building"; } from "@/api/ledger/building";
import { getProjectList as projectList } from '@/api/risk/plan';
import { deptTreeSelect } from "@/api/system/user"; import { deptTreeSelect } from "@/api/system/user";
import Treeselect from "@riophae/vue-treeselect"; import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; import "@riophae/vue-treeselect/dist/vue-treeselect.css";
...@@ -291,10 +185,13 @@ export default { ...@@ -291,10 +185,13 @@ export default {
status: null, status: null,
}, },
// 表单参数 // 表单参数
form: {}, form: {
projectId: ''
},
// 表单校验 // 表单校验
rules: {}, rules: {},
deptOptions: [], deptOptions: [],
projectOptions: []
}; };
}, },
created() { created() {
...@@ -302,6 +199,17 @@ export default { ...@@ -302,6 +199,17 @@ export default {
this.getDeptTree(); this.getDeptTree();
}, },
methods: { methods: {
changeProject(e) {
const projectInfo = this.projectOptions.find(x => x.name == e);
this.form.projectId = projectInfo.id;
},
remoteMethod(data) {
if (data) {
projectList(data.trim()).then(res => {
this.projectOptions = res.data;
})
}
},
/** 查询部门下拉树结构 */ /** 查询部门下拉树结构 */
getDeptTree() { getDeptTree() {
deptTreeSelect().then((response) => { deptTreeSelect().then((response) => {
...@@ -370,8 +278,9 @@ export default { ...@@ -370,8 +278,9 @@ export default {
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const id = row.id || this.ids; const id = row.id || this.ids;
this.form = row;
getBuilding(id).then((response) => { getBuilding(id).then((response) => {
this.form = response.data; // this.form = response.data;
this.open = true; this.open = true;
this.title = "修改基础数据-楼宇"; this.title = "修改基础数据-楼宇";
}); });
...@@ -408,7 +317,7 @@ export default { ...@@ -408,7 +317,7 @@ export default {
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}) })
.catch(() => {}); .catch(() => { });
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
...@@ -423,3 +332,8 @@ export default { ...@@ -423,3 +332,8 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
.el-select {
width: 100%;
}
</style>
\ No newline at end of file
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="楼宇名称" prop="buildingName"> <el-form-item label="楼宇名称" prop="buildingName">
<el-input <el-input v-model="queryParams.buildingName" placeholder="请输入楼宇名称" clearable
v-model="queryParams.buildingName" @keyup.enter.native="handleQuery" />
placeholder="请输入楼宇名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="楼层名称" prop="name"> <el-form-item label="楼层名称" prop="name">
<el-input <el-input v-model="queryParams.name" placeholder="请输入楼层名称" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.name"
placeholder="请输入楼层名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
v-model="queryParams.status" <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
placeholder="请选择状态" :value="dict.value" />
clearable
>
<el-option
v-for="dict in dict.type.sys_normal_disable"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
type="primary" <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
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-item>
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['system:ledgerFloor:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:ledgerFloor:add']"
>新增</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['system:ledgerFloor:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:ledgerFloor:edit']"
>修改</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['system:ledgerFloor:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:ledgerFloor:remove']"
>删除</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['system:ledgerFloor:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:ledgerFloor:export']"
>导出</el-button
>
</el-col> </el-col>
<right-toolbar <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row> </el-row>
<el-table <el-table v-loading="loading" :data="floorList" @selection-change="handleSelectionChange">
v-loading="loading"
:data="floorList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center"> <el-table-column label="序号" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -121,59 +52,29 @@ ...@@ -121,59 +52,29 @@
<el-table-column label="楼层属性" align="center" prop="type" /> <el-table-column label="楼层属性" align="center" prop="type" />
<el-table-column label="状态" align="center" prop="status"> <el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status" />
:options="dict.type.sys_normal_disable"
:value="scope.row.status"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-home" @click="handleManage(scope.row)"
size="mini" v-hasPermi="['system:ledgerFloor:edit']">房间管理</el-button>
type="text" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
icon="el-icon-home" v-hasPermi="['system:ledgerFloor:edit']">修改</el-button>
@click="handleManage(scope.row)" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['system:ledgerFloor:edit']" v-hasPermi="['system:ledgerFloor:remove']">删除</el-button>
>房间管理</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:ledgerFloor:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:ledgerFloor:remove']"
>删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total > 0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改基础数据-楼层对话框 --> <!-- 添加或修改基础数据-楼层对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="楼宇名称" prop="buildingName"> <el-form-item label="楼宇名称" prop="buildingName">
<el-input v-model="form.buildingId" placeholder="请输入楼宇名称" /> <el-input :readonly="form.buildingId" v-model="form.buildingName" placeholder="请输入楼宇名称" />
</el-form-item> </el-form-item>
<el-form-item label="楼层名称" prop="name"> <el-form-item label="楼层名称" prop="name">
<el-input v-model="form.name" placeholder="请输入楼层名称" /> <el-input v-model="form.name" placeholder="请输入楼层名称" />
...@@ -184,12 +85,8 @@ ...@@ -184,12 +85,8 @@
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="请选择状态"> <el-select v-model="form.status" placeholder="请选择状态">
<el-option <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
v-for="dict in dict.type.sys_normal_disable" :value="dict.value"></el-option>
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="新增房间" prop="type"> <!-- <el-form-item label="新增房间" prop="type">
...@@ -322,8 +219,8 @@ export default { ...@@ -322,8 +219,8 @@ export default {
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const id = row.id || this.ids; const id = row.id || this.ids;
this.form = row;
getFloor(id).then((response) => { getFloor(id).then((response) => {
this.form = response.data;
this.open = true; this.open = true;
this.title = "修改基础数据-楼层"; this.title = "修改基础数据-楼层";
}); });
...@@ -360,7 +257,7 @@ export default { ...@@ -360,7 +257,7 @@ export default {
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}) })
.catch(() => {}); .catch(() => { });
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
......
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="90px"
>
<el-form-item label="任务名称" prop="name"> <el-form-item label="任务名称" prop="name">
<el-input <el-input v-model="queryParams.name" placeholder="请输入任务名称" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.name"
placeholder="请输入任务名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="所属区域" prop="createDeptId"> <el-form-item label="所属区域" prop="createDeptId">
<treeselect <treeselect v-model="queryParams.createDeptId" :options="deptOptions" :show-count="true" placeholder="请选择所属区域"
v-model="queryParams.createDeptId" style="width: 250px" />
:options="deptOptions"
:show-count="true"
placeholder="请选择所属区域"
style="width: 250px"
/>
</el-form-item> </el-form-item>
<el-form-item label="项目名称" prop="projectName"> <el-form-item label="项目名称" prop="projectName">
<el-input <el-input v-model="queryParams.projectName" placeholder="请输入项目名称" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.projectName"
placeholder="请输入项目名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="任务状态" prop="status"> <el-form-item label="任务状态" prop="status">
<el-select <el-select v-model="queryParams.status" placeholder="请选择任务状态" clearable>
v-model="queryParams.status" <el-option v-for="dict in dict.type.task_status" :key="dict.value" :label="dict.label" :value="dict.value" />
placeholder="请选择任务状态"
clearable
>
<el-option
v-for="dict in dict.type.task_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="创建人名称" prop="createUserName"> <el-form-item label="创建人名称" prop="createUserName">
<el-input <el-input v-model="queryParams.createUserName" placeholder="请输入创建人员名称" clearable
v-model="queryParams.createUserName" @keyup.enter.native="handleQuery" />
placeholder="请输入创建人员名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="负责人名称" prop="leaderUserName"> <el-form-item label="负责人名称" prop="leaderUserName">
<el-input <el-input v-model="queryParams.leaderUserName" placeholder="请输入负责人名称" clearable
v-model="queryParams.leaderUserName" @keyup.enter.native="handleQuery" />
placeholder="请输入负责人名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
type="primary" <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
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-item>
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['system:riskPlan:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:riskPlan:add']"
>新增</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['system:riskPlan:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:riskPlan:edit']"
>修改</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['system:riskPlan:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:riskPlan:remove']"
>删除</el-button
>
</el-col> </el-col>
<!-- <el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['system:riskPlan:export']">导出</el-button> v-hasPermi="['system:riskPlan:export']">导出</el-button>
</el-col> --> </el-col> -->
<right-toolbar <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row> </el-row>
<el-table <el-table v-loading="loading" :data="planList" @selection-change="handleSelectionChange">
v-loading="loading" <el-table-column type="selection" align="center" :selectable="checkSelect" />
:data="planList"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
align="center"
:selectable="checkSelect"
/>
<el-table-column label="序号" align="center"> <el-table-column label="序号" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.$index + 1 }}</span> <span>{{ scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="任务名称" align="left" prop="name" width="200px" />
label="任务名称"
align="left"
prop="name"
width="200px"
/>
<!-- <el-table-column label="任务编号" align="center" prop="no" /> --> <!-- <el-table-column label="任务编号" align="center" prop="no" /> -->
<el-table-column <el-table-column label="项目名称" align="left" prop="projectName" width="200px" />
label="项目名称" <el-table-column label="楼栋名称" align="left" prop="buildingNames" width="300px">
align="left"
prop="projectName"
width="200px"
/>
<el-table-column
label="楼栋名称"
align="left"
prop="buildingNames"
width="300px"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-popover <el-popover placement="top-start" title="楼栋名称" width="200" trigger="hover" :content="scope.row.buildingNames">
placement="top-start"
title="楼栋名称"
width="200"
trigger="hover"
:content="scope.row.buildingNames"
>
<span slot="reference">{{ <span slot="reference">{{
scope.row.buildingNames.length > 25 scope.row.buildingNames.length > 25
? scope.row.buildingNames.substring(0, 25) + "..." ? scope.row.buildingNames.substring(0, 25) + "..."
: scope.row.buildingNames : scope.row.buildingNames
}}</span> }}</span>
</el-popover> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="创建人员" align="center" prop="createUserName" /> <el-table-column label="创建人员" align="center" prop="createUserName" />
<el-table-column label="创建单位" align="center" prop="createDeptName" /> <el-table-column label="创建单位" align="center" prop="createDeptName" />
<el-table-column label="负责人" align="center" prop="leaderUserName" /> <el-table-column label="负责人" align="center" prop="leaderUserName" />
<el-table-column <el-table-column label="执行人员" align="center" prop="workUserNames" width="120" />
label="执行人员" <el-table-column label="开始时间" align="center" prop="startTime" width="120">
align="center"
prop="workUserNames"
width="120"
/>
<el-table-column
label="开始时间"
align="center"
prop="startTime"
width="120"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.startTime, "{y}-{m}-{d}") }}</span> <span>{{ parseTime(scope.row.startTime, "{y}-{m}-{d}") }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="结束时间" align="center" prop="endTime" width="120">
label="结束时间"
align="center"
prop="endTime"
width="120"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.endTime, "{y}-{m}-{d}") }}</span> <span>{{ parseTime(scope.row.endTime, "{y}-{m}-{d}") }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="状态" align="center" prop="statusName" width="120">
label="状态"
align="center"
prop="statusName"
width="120"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
<div v-if="scope.row.statusName == '项目完成'"> <div v-if="scope.row.statusName == '项目完成'">
...@@ -228,11 +106,7 @@ ...@@ -228,11 +106,7 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <div v-if="scope.row.statusName=='任务待执行'"> <!-- <div v-if="scope.row.statusName=='任务待执行'">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
...@@ -240,81 +114,42 @@ ...@@ -240,81 +114,42 @@
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['system:riskPlan:remove']">删除</el-button> v-hasPermi="['system:riskPlan:remove']">删除</el-button>
</div> --> </div> -->
<router-link <router-link :to="'/risk/plan/ledgerdata/index/' + scope.row.id" class="link-type">
:to="'/risk/plan/ledgerdata/index/' + scope.row.id" <el-button size="mini" type="text" icon="el-icon-view">详情</el-button>
class="link-type"
>
<el-button size="mini" type="text" icon="el-icon-view"
>详情</el-button
>
</router-link> </router-link>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total > 0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改风险计划对话框 --> <!-- 添加或修改风险计划对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="创建人员" prop="createUserId"> <el-form-item label="创建人员" prop="createUserId">
<el-input <el-input v-model="user.nickName" placeholder="请输入创建人员" disabled />
v-model="user.nickName"
placeholder="请输入创建人员"
disabled
/>
</el-form-item> </el-form-item>
<el-form-item label="创建单位" prop="createDeptId"> <el-form-item label="创建单位" prop="createDeptId">
<el-input <el-input v-model="user.dept.deptName" placeholder="请输入创建单位" disabled />
v-model="user.dept.deptName"
placeholder="请输入创建单位"
disabled
/>
</el-form-item> </el-form-item>
<el-form-item label="任务名称" prop="name"> <el-form-item label="任务名称" prop="name">
<el-input v-model="form.name" placeholder="请输入任务名称" /> <el-input v-model="form.name" placeholder="请输入任务名称,格式为:项目名称+风险辨识" />
</el-form-item> </el-form-item>
<el-form-item label="项目id" prop="projectIdV" v-show="false"> <el-form-item label="项目id" prop="projectIdV" v-show="false">
<el-input v-model="form.projectIdV" placeholder="请输入任务名称" /> <el-input v-model="form.projectIdV" placeholder="请输入任务名称" />
</el-form-item> </el-form-item>
<el-form-item label="关联项目" prop="projectId"> <el-form-item label="关联项目" prop="projectId">
<el-select <el-select v-model="form.projectId" size="medium" @change="getBuildingList(form.projectId, 'change')"
v-model="form.projectId" filterable remote reserve-keyword placeholder="请输入项目关键词" :remote-method="remoteMethod" :loading="loading">
size="medium" <el-option v-for="item in projectOptions" :key="item.id" :label="item.name" :value="item.id">
@change="getBuildingList(form.projectId, 'change')"
filterable
remote
reserve-keyword
placeholder="请输入项目关键词"
:remote-method="remoteMethod"
:loading="loading"
>
<el-option
v-for="item in projectOptions"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="业态" prop="projectBusiness"> <el-form-item label="业态" prop="projectBusiness">
<el-select <el-select v-model="form.projectBusiness" placeholder="请选择风险点类型">
v-model="form.projectBusiness" <el-option v-for="dict in dict.type.risk_project_business" :key="dict.value" :label="dict.label"
placeholder="请选择风险点类型" :value="dict.value"></el-option>
>
<el-option
v-for="dict in dict.type.risk_project_business"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="经营状态" prop="businessStatus"> <el-form-item label="经营状态" prop="businessStatus">
...@@ -330,81 +165,39 @@ ...@@ -330,81 +165,39 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="评估楼栋" prop="buildingIds"> <el-form-item label="评估楼栋" prop="buildingIds">
<el-select <el-select v-model="form.buildingIds" multiple medium placeholder="请选择评估楼栋">
v-model="form.buildingIds" <el-option v-for="item in buildingOption" :key="item.id" :label="item.name" :value="item.id">
multiple
medium
placeholder="请选择评估楼栋"
>
<el-option
v-for="item in buildingOption"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
<!-- <el-input v-model="form.buildingIds" placeholder="请输入评估楼栋" /> --> <!-- <el-input v-model="form.buildingIds" placeholder="请输入评估楼栋" /> -->
</el-form-item> </el-form-item>
<el-form-item label="评估小组选择" prop="deptId"> <el-form-item label="评估小组选择" prop="deptId">
<treeselect <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" @select="handleNodeClick"
v-model="form.deptId" placeholder="请选择归属部门" />
:options="deptOptions"
:show-count="true"
@select="handleNodeClick"
placeholder="请选择归属部门"
/>
<!-- <el-input v-model="user.dept.deptName" placeholder="请输评估小组选择" /> --> <!-- <el-input v-model="user.dept.deptName" placeholder="请输评估小组选择" /> -->
</el-form-item> </el-form-item>
<el-form-item label="评估小组组长" prop="leaderUserId"> <el-form-item label="评估小组组长" prop="leaderUserId">
<!-- <el-input v-model="form.leaderUserId" placeholder="请输入评估小组组长" /> --> <!-- <el-input v-model="form.leaderUserId" placeholder="请输入评估小组组长" /> -->
<el-select <el-select v-model="form.leaderUserId" placeholder="请选择评估小组组长">
v-model="form.leaderUserId" <el-option v-for="item in userOptions" :key="item.userId" :label="item.nickName" :value="item.userId">
placeholder="请选择评估小组组长"
>
<el-option
v-for="item in userOptions"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="评估小组成员" prop="workUserIds"> <el-form-item label="评估小组成员" prop="workUserIds">
<!-- <el-input v-model="form.workUserIds" placeholder="请输入评估小组成员" /> --> <!-- <el-input v-model="form.workUserIds" placeholder="请输入评估小组成员" /> -->
<el-select <el-select v-model="form.workUserIds" multiple placeholder="请选择评评估小组成员">
v-model="form.workUserIds" <el-option v-for="item in userOptions" :key="item.userId" :label="item.nickName" :value="item.userId">
multiple
placeholder="请选择评评估小组成员"
>
<el-option
v-for="item in userOptions"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="任务开始时间" prop="startTime"> <el-form-item label="任务开始时间" prop="startTime">
<el-date-picker <el-date-picker clearable v-model="form.startTime" type="date" value-format="yyyy-MM-dd"
clearable placeholder="请选择任务开始时间">
v-model="form.startTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择任务开始时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="任务结束时间" prop="endTime"> <el-form-item label="任务结束时间" prop="endTime">
<el-date-picker <el-date-picker clearable v-model="form.endTime" type="date" value-format="yyyy-MM-dd"
clearable placeholder="请选择任务结束时间">
v-model="form.endTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择任务结束时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -444,7 +237,7 @@ import "@riophae/vue-treeselect/dist/vue-treeselect.css"; ...@@ -444,7 +237,7 @@ import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default { export default {
name: "Plan", name: "Plan",
dicts: ["risk_project_business","task_status"], dicts: ["risk_project_business", "task_status"],
components: { components: {
Treeselect, Treeselect,
}, },
...@@ -606,7 +399,7 @@ export default { ...@@ -606,7 +399,7 @@ export default {
this.getDeptTree(); this.getDeptTree();
this.getList(); this.getList();
}, },
mounted() {}, mounted() { },
methods: { methods: {
/** /**
* 判断select是否可选 * 判断select是否可选
...@@ -797,7 +590,7 @@ export default { ...@@ -797,7 +590,7 @@ export default {
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}) })
.catch(() => {}); .catch(() => { });
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment