zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 风险管控页面2

This commit is contained in:
caoqianming 2024-06-07 17:37:45 +08:00
parent 6f0a3bf09b
commit 4b71866a81
7 changed files with 612 additions and 302 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/api/model/system.js
View File

@ -13,6 +13,28 @@ export default {
// } // }
// }, // },
// }, // },
myschedule: {
list: {
url: `${config.API_URL}/system/myschedule/`,
name: "获取列表",
req: async function(data){
return await http.get(this.url, data);
}
},
create: {
url: `${config.API_URL}/system/myschedule/`,
name: "新增",
req: async function(data){
return await http.post(this.url,data);
}
},
delete: {
name: "删除",
req: async function(id){
return await http.delete(`${config.API_URL}/system/myschedule/${id}/`);
}
}
},
dept: { dept: {
list: { list: {
url: `${config.API_URL}/system/dept/`, url: `${config.API_URL}/system/dept/`,

10
src/config/route.js
View File

@ -2360,16 +2360,6 @@ const routes = [
}, },
"component": "dpm/riskpoint" "component": "dpm/riskpoint"
}, },
{
"name": "checktaskset",
"path": "/dpm/checktaskset",
"meta": {
"title": "排查任务",
"icon": "el-icon-aim",
"perms": ["checktaskset"]
},
"component": "dpm/checktaskset"
},
{ {
"name": "checkwork", "name": "checkwork",
"path": "/dpm/checkwork", "path": "/dpm/checkwork",

13
src/utils/enum.js
View File

@ -171,4 +171,17 @@ export const manageLevelEnum = new EnumFactory({
export const riskTypeEnum = new EnumFactory({ export const riskTypeEnum = new EnumFactory({
10: { text: '作业活动类', type: 'primary' }, 10: { text: '作业活动类', type: 'primary' },
20: { text: '设备设施类', type: 'primary' }, 20: { text: '设备设施类', type: 'primary' },
}, parseInt)
export const scheduleTypeEnum = new EnumFactory({
10: '间隔',
20: '定时',
}, parseInt)
export const schedulePeriodEnum = new EnumFactory({
'seconds': '秒',
'minutes': '分钟',
'hours': '小时',
'days': '天',
}, parseInt) }, parseInt)

78
src/views/dpm/checktaskset.vue
View File

@ -1,17 +1,69 @@
<template> <template>
<el-container> <scTable
</el-container> ref="table"
:apiObj="apiObj"
row-key="id"
:query="query"
:params="params"
hidePagination
hideDo
style="height: 400px"
>
<el-table-column
label="时间策略"
prop="myschedule_name"
min-width="100"
></el-table-column>
<el-table-column
label="指派人"
prop="user_duty_name"
width="80"
></el-table-column>
<el-table-column
label="期限(h)"
prop="expire"
width="80"
></el-table-column>
<el-table-column
label="启用"
prop="enabled"
width="50"
></el-table-column>
<el-table-column
label="派发次数"
prop="total_run_count"
width="100"
></el-table-column>
<el-table-column
label="最近派发"
prop="last_run_at"
></el-table-column>
</scTable>
</template> </template>
<script> <script>
import { riskLevelEnum, manageLevelEnum, riskTypeEnum } from "@/utils/enum.js";
export default { export default {
name: 'checktaskset', name: "risk",
data() { props: {
return { rpId: { type: String, default: null },
} },
}, data() {
methods: { return {
}, riskLevelEnum,
mounted() { manageLevelEnum,
} riskTypeEnum,
} apiObj: this.$API.dpm.risk.list,
</script> params: { riskpoint: this.rpId },
query: {
search: "",
},
};
},
methods: {},
created() {},
mounted() {},
computed: {},
watch: {},
components: {},
};
</script>

65
src/views/dpm/risk.vue
View File

@ -1,60 +1,33 @@
<template> <template>
<el-card style="width: 100%" shadow="hover"> <scTable
<el-descriptions :column="2"> ref="table"
<el-descriptions-item label="名称">{{ :apiObj="apiObj"
modelv.name row-key="id"
}}</el-descriptions-item> :query="query"
<el-descriptions-item label="类型">{{ :params="params"
riskTypeEnum[modelv.type]?.text hidePagination
}}</el-descriptions-item> hideDo
<el-descriptions-item label="等级" style="height: 400px"
><el-tag :type="riskLevelEnum[modelv.level]?.type">{{ >
riskLevelEnum[modelv.level]?.text <el-table-column
}}</el-tag></el-descriptions-item label="名称"
> prop="name"
<el-descriptions-item label="责任部门">{{ min-width="100"
modelv.dept_res_name ></el-table-column>
}}</el-descriptions-item> </scTable>
<el-descriptions-item label="责任人">{{
modelv.user_res_name
}}</el-descriptions-item>
<el-descriptions-item label="所在区域"> </el-descriptions-item>
<el-descriptions-item label="具体地点">
{{ modelv.place }}
</el-descriptions-item>
</el-descriptions>
</el-card>
<el-card header="风险列表" shadow="hover" style="margin-top: 8px">
<scTable
ref="table"
:apiObj="apiObj"
row-key="id"
:query="query"
hidePagination
hideDo
style="height: 400px"
>
<el-table-column
label="名称"
prop="name"
min-width="100"
></el-table-column>
</scTable>
</el-card>
</template> </template>
<script> <script>
import { riskLevelEnum, manageLevelEnum, riskTypeEnum } from "@/utils/enum.js"; import { riskLevelEnum } from "@/utils/enum.js";
export default { export default {
name: "risk", name: "risk",
props: { props: {
modelv: { type: Object, default: () => {} }, rpId: { type: String, default: null },
}, },
data() { data() {
return { return {
riskLevelEnum, riskLevelEnum,
manageLevelEnum,
riskTypeEnum,
apiObj: this.$API.dpm.risk.list, apiObj: this.$API.dpm.risk.list,
params: { riskpoint: this.rpId },
query: { query: {
search: "", search: "",
}, },

641
src/views/dpm/riskpoint.vue
View File

@ -1,189 +1,292 @@
<template> <template>
<el-container> <el-container>
<el-header> <el-aside width="54%">
<div class="left-panel"> <el-container>
<el-button <el-header>
type="primary" <div class="left-panel">
icon="el-icon-plus"
@click="table_add"
v-auth="'riskpoint.create'"
></el-button>
</div>
<div class="right-panel">
<el-input
style="margin-right: 5px"
v-model="query.search"
placeholder="名称"
clearable
></el-input>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" :query="query">
<el-table-column label="类型" prop="type">
<template #default="scope"
>{{ riskTypeEnum[scope.row.type]?.text }}
</template>
</el-table-column>
<el-table-column label="等级" prop="level">
<template #default="scope">
<el-tag :type="riskLevelEnum[scope.row.level]?.type">{{
riskLevelEnum[scope.row.level]?.text }}</el-tag>
</template>
</el-table-column>
<el-table-column
label="名称"
prop="name"
min-width="100"
></el-table-column>
<el-table-column
label="所在区域"
prop="area_name"
></el-table-column>
<el-table-column
label="具体地点"
prop="area_name"
min-width="100"
></el-table-column>
<el-table-column
label="责任部门"
prop="dept_res_name"
></el-table-column>
<el-table-column
label="责任人"
prop="user_res_name"
></el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="150"
>
<template #default="scope">
<el-button <el-button
link
size="small"
@click="table_edit(scope.row)"
v-auth="'riskpoint.update'"
type="primary" type="primary"
>编辑</el-button> icon="el-icon-plus"
<el-button @click="table_add"
link v-auth="'riskpoint.create'"
size="small" ></el-button>
@click="risk_set(scope.row)" </div>
v-auth="'riskpoint.update'" <div class="right-panel">
type="warning" <el-input
>风险配置</el-button> style="margin-right: 5px"
<el-popconfirm v-model="query.search"
title="确定删除吗？" placeholder="名称"
@confirm="table_del(scope.row, scope.$index)" clearable
></el-input>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<scTable
ref="table"
:apiObj="apiObj"
row-key="id"
:query="query"
@row-click="rowClick"
>
<el-table-column label="类型" prop="type">
<template #default="scope"
>{{ riskTypeEnum[scope.row.type]?.text }}
</template>
</el-table-column>
<el-table-column label="等级" prop="level">
<template #default="scope">
<el-tag
:type="riskLevelEnum[scope.row.level]?.type"
>{{
riskLevelEnum[scope.row.level]?.text
}}</el-tag
>
</template>
</el-table-column>
<el-table-column
label="名称"
prop="name"
min-width="100"
></el-table-column>
<el-table-column
label="所在区域"
prop="area_name"
></el-table-column>
<el-table-column
label="具体地点"
prop="area_name"
min-width="100"
></el-table-column>
<el-table-column
label="责任部门"
prop="dept_res_name"
></el-table-column>
<el-table-column
label="责任人"
prop="user_res_name"
></el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="150"
> >
<template #reference> <template #default="scope">
<el-button <el-button
link link
size="small" size="small"
v-auth="'riskpoint.delete'" @click="table_edit(scope.row)"
type="danger" v-auth="'riskpoint.update'"
>删除</el-button type="primary"
>编辑</el-button
> >
<el-popconfirm
title="确定删除吗？"
@confirm="
table_del(scope.row, scope.$index)
"
>
<template #reference>
<el-button
link
size="small"
v-auth="'riskpoint.delete'"
type="danger"
>删除</el-button
>
</template>
</el-popconfirm>
</template> </template>
</el-popconfirm> </el-table-column>
</template> </scTable>
</el-table-column> </el-main>
</scTable> </el-container>
</el-aside>
<el-main class="nopadding">
<el-container>
<el-header style="height: 160px; padding: 0">
<el-card
style="width: 100%; height: 100%"
header="风险点详情"
>
<el-descriptions :column="3" v-if="rowData.id">
<el-descriptions-item label="名称">{{
rowData.name
}}</el-descriptions-item>
<el-descriptions-item label="类型">{{
riskTypeEnum[rowData.type]?.text
}}</el-descriptions-item>
<el-descriptions-item label="等级"
><el-tag
:type="riskLevelEnum[rowData.level]?.type"
>{{
riskLevelEnum[rowData.level]?.text
}}</el-tag
></el-descriptions-item
>
<el-descriptions-item label="责任部门">{{
rowData.dept_res_name
}}</el-descriptions-item>
<el-descriptions-item label="责任人">{{
rowData.user_res_name
}}</el-descriptions-item>
<el-descriptions-item label="所在区域">
</el-descriptions-item>
<el-descriptions-item label="具体地点">
{{ rowData.place }}
</el-descriptions-item>
</el-descriptions>
</el-card>
</el-header>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="left-panel">
<el-segmented
v-model="defaultX"
:options="xoptions"
size="default"
/>
</div>
<div class="right-panel">
<el-button
v-if="defaultX == '风险列表' && rowData.id"
type="primary"
icon="el-icon-plus"
@click="risk_add"
v-auth="'riskpoint.update'"
></el-button>
<el-button
v-if="
defaultX == '排查任务配置' && rowData.id
"
type="primary"
icon="el-icon-plus"
@click="checktaskset_add"
v-auth="'checktaskset.create'"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<Risk
:rpId="rowData.id"
v-if="defaultX == '风险列表' && rowData.id"
style="height: 100%"
></Risk>
<CheckTaskSet
:rpId="rowData.id"
v-if="defaultX == '排查任务配置' && rowData.id"
style="height: 100%"
></CheckTaskSet>
</el-main>
</el-container>
</el-main>
</el-container>
</el-main> </el-main>
<el-dialog v-model="saveDialog" title="新增/编辑"> <el-dialog v-model="saveDialog" title="新增/编辑">
<el-form :model="saveForm" label-width="100px" ref="saveForm"> <el-form :model="saveForm" label-width="100px" ref="saveForm">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="类型" prop="type" required> <el-form-item label="类型" prop="type" required>
<el-select <el-select
v-model="saveForm.type" v-model="saveForm.type"
clearable clearable
style="width: 100%" style="width: 100%"
> >
<el-option <el-option
v-for="e in riskTypeEnum.values" v-for="e in riskTypeEnum.values"
:key="e.key" :key="e.key"
:value="e.key" :value="e.key"
:label="e.text" :label="e.text"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="等级" prop="level" required> <el-form-item label="等级" prop="level" required>
<el-select <el-select
v-model="saveForm.level" v-model="saveForm.level"
clearable clearable
style="width: 100%" style="width: 100%"
> >
<el-option <el-option
v-for="e in riskLevelEnum.values" v-for="e in riskLevelEnum.values"
:key="e.key" :key="e.key"
:value="e.key" :value="e.key"
:label="e.text" :label="e.text"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="名称" prop="name" required> <el-form-item label="名称" prop="name" required>
<el-input v-model="saveForm.name" clearable></el-input> <el-input
</el-form-item> v-model="saveForm.name"
</el-col> clearable
<el-col :span="12"> ></el-input>
<el-form-item label="责任部门" prop="dept_res" required> </el-form-item>
<el-select </el-col>
v-model="saveForm.dept_res" <el-col :span="12">
style="width: 100%" <el-form-item label="责任部门" prop="dept_res" required>
filterable <el-select
> v-model="saveForm.dept_res"
<el-option style="width: 100%"
v-for="e in deptOptions" filterable
:key="e.id" >
:value="e.id" <el-option
:label="e.name" v-for="e in deptOptions"
></el-option> :key="e.id"
</el-select> :value="e.id"
</el-form-item> :label="e.name"
</el-col> ></el-option>
<el-col :span="12"> </el-select>
<el-form-item label="责任人" prop="user_res" required> </el-form-item>
<span style="display:flex"> </el-col>
<el-input readonly v-model="saveForm.user_res_name"></el-input> <el-col :span="12">
<span style="width: 4px"></span> <el-form-item label="责任人" prop="user_res" required>
<ehsUserSelect :multiple="false" @submit="getUserRes"/> <span style="display: flex">
</span> <el-input
</el-form-item> readonly
</el-col> v-model="saveForm.user_res_name"
<el-col :span="12"> ></el-input>
<el-form-item label="所在区域" prop="area"> <span style="width: 4px"></span>
<el-select <ehsUserSelect
v-model="saveForm.area" :multiple="false"
style="width: 100%" @submit="getUserRes"
filterable />
> </span>
<el-option </el-form-item>
v-for="e in areaOptions" </el-col>
:key="e.id" <el-col :span="12">
:value="e.id" <el-form-item label="所在区域" prop="area">
:label="e.name" <el-select
></el-option> v-model="saveForm.area"
</el-select> style="width: 100%"
</el-form-item> filterable
</el-col> >
<el-col :span="12"> <el-option
<el-form-item label="具体地点" prop="place"> v-for="e in areaOptions"
<el-input v-model="saveForm.place" clearable></el-input> :key="e.id"
</el-form-item> :value="e.id"
</el-col> :label="e.name"
</el-row> ></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="具体地点" prop="place">
<el-input
v-model="saveForm.place"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<template #footer> <template #footer>
<el-button <el-button
@ -194,91 +297,163 @@
> >
</template> </template>
</el-dialog> </el-dialog>
<el-drawer v-model="drawerVisible" title="风险点详情" size="40%"> <el-dialog v-model="saveDialog2" title="排查任务配置">
<Risk :modelv="rowData"></Risk> <el-form :model="saveForm2" label-width="100px" ref="saveForm2">
</el-drawer> <el-form-item label="指派人" prop="user_duty" required>
<span style="display: flex">
<el-input
style="width:100px"
readonly
v-model="saveForm2.user_duty_name"
></el-input>
<span style="width: 4px"></span>
<ehsUserSelect
:multiple="false"
@submit="getUserRes2"
/>
</span>
</el-form-item>
<el-form-item label="时间策略" prop="myschedule" required>
<span style="display: flex">
<el-input
style="width:400px"
readonly
v-model="saveForm2.myschedule_name"
></el-input>
<span style="width: 4px"></span>
<el-button
type="primary"
circle
size="mini"
icon="el-icon-plus"
@click="()=>{ choseMyScheduleDialog = true}"
/>
</span>
</el-form-item>
<el-form-item label="排查备注" prop="note" required>
<el-input
v-model="saveForm2.note"
clearable
:rows="3"
type="textarea"
></el-input>
</el-form-item>
</el-form>
<template #footer>
<el-button
type="primary"
:loading="formSaving"
@click="formSubmit2()"
>保 存</el-button>
</template>
</el-dialog>
<el-dialog v-model="choseMyScheduleDialog" title="选择策略">
<MySchedule></MySchedule>
</el-dialog>
</el-container> </el-container>
</template> </template>
<script> <script>
import { riskLevelEnum, manageLevelEnum, riskTypeEnum } from "@/utils/enum.js"; import { riskLevelEnum, manageLevelEnum, riskTypeEnum } from "@/utils/enum.js";
import Risk from "./risk.vue" import Risk from "./risk.vue";
import CheckTaskSet from "./checktaskset.vue";
import MySchedule from "@/views/sys/myschedule.vue";
const defaultForm = {}; const defaultForm = {};
export default { export default {
components:{ Risk }, components: { Risk, CheckTaskSet, MySchedule},
data() { data() {
return { return {
riskTypeEnum, riskLevelEnum, manageLevelEnum, riskTypeEnum,
drawerVisible: false, riskLevelEnum,
manageLevelEnum,
formSaving: false, formSaving: false,
saveDialog: false, saveDialog: false,
saveDialog2: false,
choseMyScheduleDialog: false,
query: { query: {
search: "", search: "",
}, },
apiObj: this.$API.dpm.riskpoint.list, apiObj: this.$API.dpm.riskpoint.list,
saveForm: Object.assign({}, defaultForm), saveForm: Object.assign({}, defaultForm),
deptOptions:[], saveForm2: {},
rowData: {} deptOptions: [],
rowData: {},
xoptions: ["风险列表", "排查任务配置"],
defaultX: "风险列表",
}; };
}, },
mounted() { mounted() {
this.getDeptOptions(); this.getDeptOptions();
this.getAreaOptions(); this.getAreaOptions();
}, },
methods: { methods: {
risk_set(row) { checktaskset_add() {
this.rowData = row; this.saveDialog2 = true;
this.drawerVisible = true; },
}, rowClick(row) {
getAreaOptions() { this.rowData = row;
this.$API.am.area.list.req({page: 0}).then(res=>{ },
this.areaOptions = res getAreaOptions() {
}) this.$API.am.area.list.req({ page: 0 }).then((res) => {
}, this.areaOptions = res;
getDeptOptions() { });
this.$API.system.dept.list.req({page: 0}).then(res=>{ },
this.deptOptions = res getDeptOptions() {
}) this.$API.system.dept.list.req({ page: 0 }).then((res) => {
}, this.deptOptions = res;
getUserRes(data) { });
this.saveForm.user_res=data.id; },
this.saveForm.user_res_name=data.name getUserRes(data) {
}, this.saveForm.user_res = data.id;
this.saveForm.user_res_name = data.name;
},
getUserRes2(data) {
this.saveForm2.user_duty = data.id;
this.saveForm2.user_duty_name = data.name;
},
handleQuery() { handleQuery() {
this.$refs.table.queryData(this.query); this.$refs.table.queryData(this.query);
}, },
table_add() { table_add() {
this.saveDialog = true; this.saveDialog = true;
}, },
table_edit(row) { table_edit(row) {
this.saveForm = Object.assign({}, row); this.saveForm = Object.assign({}, row);
this.saveDialog = true; this.saveDialog = true;
}, },
table_del(row, index){ table_del(row, index) {
this.$API.dpm.riskpoint.delete.req(row.id).then(res=>{ this.$API.dpm.riskpoint.delete.req(row.id).then((res) => {
this.$message.success("删除成功"); this.$message.success("删除成功");
this.handleQuery(); this.handleQuery();
}) });
}, },
formSubmit() { formSubmit() {
this.formSaving = true; this.formSaving = true;
if (this.saveForm.id){ if (this.saveForm.id) {
this.$API.dpm.riskpoint.update.req(this.saveForm.id, this.saveForm).then(res=>{ this.$API.dpm.riskpoint.update
this.$message.success("更新成功"); .req(this.saveForm.id, this.saveForm)
this.formSaving = false; .then((res) => {
this.saveDialog = false; this.$message.success("更新成功");
this.handleQuery(); this.formSaving = false;
}).catch(e=>{this.formSaving=false}) this.saveDialog = false;
}else{ this.handleQuery();
this.$API.dpm.riskpoint.create.req(this.saveForm).then(res=>{ })
this.$message.success("创建成功"); .catch((e) => {
this.formSaving = false; this.formSaving = false;
this.saveDialog = false; });
this.handleQuery(); } else {
}).catch(err=>{ this.$API.dpm.riskpoint.create
this.formSaving = false; .req(this.saveForm)
}) .then((res) => {
this.$message.success("创建成功");
this.formSaving = false;
this.saveDialog = false;
this.handleQuery();
})
.catch((err) => {
this.formSaving = false;
});
} }
} },
}, },
}; };
</script> </script>

85
src/views/sys/myschedule.vue Normal file
View File

@ -0,0 +1,85 @@
<template>
<el-button
type="primary"
icon="el-icon-plus"
@click="table_add"
></el-button>
<el-divider></el-divider>
<scTable
ref="table"
:apiObj="apiObj"
row-key="id"
:query="query"
:params="params"
hidePagination
hideDo
style="height: 400px"
>
<el-table-column label="类型" prop="name" width="80"></el-table-column>
<el-table-column
label="名称"
prop="name"
min-width="100"
></el-table-column>
</scTable>
<el-dialog title="创建/编辑" v-model="dialogVisible" width="80%">
<el-form-item label="策略类型" prop="note" required>
<el-select
v-model="saveForm.type"
>
</el-select>
</el-form-item>
<el-form-item label="策略式" required>
每隔
<el-input-number
v-model="saveForm.interval_.every"
:min="1"
style="margin-left: 4px"
></el-input-number>
<el-select
v-model="saveForm.interval_.period"
>
<el-option
v-for="e in schedulePeriodEnum.values"
:key="e.key"
:value="e.key"
:label="e.text"
></el-option>
</el-select>
</el-form-item>
</el-dialog>
</template>
<script>
import { scheduleTypeEnum, schedulePeriodEnum } from "@/utils/enum.js";
const defaultForm = {
interval_: {},
crontab_: {}
}
export default {
name: "myschedule",
data() {
return {
schedulePeriodEnum, scheduleTypeEnum,
dialogVisible: false,
apiObj: this.$API.system.myschedule.list,
query: {
search: "",
},
saveForm: Object.assign({}, defaultForm)
};
},
methods: {
table_add(){
this.dialogVisible = true;
this.$nextTick(() => {
this.saveForm = Object.assign({}, defaultForm)
});
}
},
created() {},
mounted() {},
computed: {},
watch: {},
components: {},
};
</script>