Commit fb3de3d7 authored by 罗新东's avatar 罗新东

风险上报

parent f393350c
Pipeline #7297 passed with stage
in 11 seconds
<template> <template>
<div> <div>
<LHeader :text="text"></LHeader> <LHeader :text="text"></LHeader>
<!-- <van-sticky offset-top="1.5rem"> <van-sticky offset-top="1.5rem">
<van-search <van-search
v-model="value" v-model="value"
show-action show-action
placeholder="请输入检查名称" placeholder="请输入检查名称"
@search="onSearch" @search="onSearch"
>
<template #action>
<div @click="onSearch">搜索</div>
</template>
</van-search>
</van-sticky> -->
<!-- 内容列表 -->
<div class="con-list" @touchmove="showIndex = null">
<van-cell-group
inset
v-for="(item, index) in messageList"
:key="index"
@click="touchstart(index, item)"
>
<van-row gutter="">
<van-col span="6">隐患编号:</van-col>
<van-col span="18">{{ item.id }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">所属项目:</van-col>
<van-col span="18">{{ item.proId }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">隐患级别:</van-col>
<van-col span="18">{{ item.hdLev | dangerText }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">适用范围:</van-col>
<van-col span="18">{{ item.hdRange }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">隐患类型:</van-col>
<van-col span="18">{{ item.hdType }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">工单状态:</van-col>
<van-col span="18">{{ item.taskName }}</van-col>
</van-row>
<!-- <van-row gutter="">
<van-col span="6">发现时间:</van-col>
<van-col span="18">{{ item.hdDiscoveryTime }}</van-col>
</van-row> -->
<!-- <van-row gutter="">
<van-col span="6">工单状态:</van-col>
<van-col span="18">{{ item.taskName }}</van-col>
</van-row> -->
<!-- 长按显示遮罩层 -->
<van-overlay :show="showIndex == index">
<div class="wrapper" @click.stop="showIndex = null">
<van-button round type="primary" @click="goDetail(item)"
>详情</van-button
> >
</div> <template #action>
</van-overlay> <div @click="onSearch">搜索</div>
</van-cell-group> </template>
</div> </van-search>
<!-- 暂无数据 --> </van-sticky>
<div <!-- 内容列表 -->
style=" <div class="con-list" @touchmove="showIndex = null">
width: 100%; <van-cell-group
text-align: center; inset
font-size: 0.48rem; v-for="(item, index) in messageList"
position: fixed; :key="index"
top: 30%; @click="touchstart(index, item)"
" >
v-if="isHaveNews" <van-row gutter="">
> <van-col span="6">隐患编号:</van-col>
暂无数据 <van-col span="18">{{ item.id }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">所属项目:</van-col>
<van-col span="18">{{ item.proId }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">隐患级别:</van-col>
<van-col span="18">{{ item.hdLev | dangerText }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">适用范围:</van-col>
<van-col span="18">{{ item.hdRange }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">隐患类型:</van-col>
<van-col span="18">{{ item.hdType }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">工单状态:</van-col>
<van-col span="18">{{ item.taskName }}</van-col>
</van-row>
<!-- 长按显示遮罩层 -->
<van-overlay :show="showIndex == index">
<div class="wrapper" @click.stop="showIndex = null">
<van-button round type="primary" @click="goDetail(item)"
>详情</van-button
>
</div>
</van-overlay>
</van-cell-group>
</div>
<!-- 暂无数据 -->
<div
style="
width: 100%;
text-align: center;
font-size: 0.48rem;
position: fixed;
top: 30%;
"
v-if="messageList['length']==0"
>
暂无数据
</div>
</div> </div>
<tab-bar :index="1"></tab-bar>
</div>
</template> </template>
<script> <script>
import tabBar from "@/components/TabBar";
import LHeader from "@/components/header.vue"; import LHeader from "@/components/header.vue";
import {getFun,postFun} from "@/service/table.js"; import { getFun, postFun } from "@/service/table.js";
import { dangerReturnDel, myHDList } from "@/service/danger";
export default { export default {
components: { components: {
LHeader, LHeader,
tabBar,
},
data() {
return {
value: "",
text: "我的上报",
isHaveNews: false,
messageList: [],
Loop: "", // 定时器
showIndex: null, // 是否显示遮罩层
};
},
created() {
this.postList();
},
methods: {
postList(select = '') {
this.$toast.loading({
message: "加载中...",
forbidClick: true,
loadingType: "spinner",
duration: 0,
});
let formdata=new FormData();
formdata.append('select',select);
postFun('/hdreport/myHDList',formdata)
.then((res) => {
this.$toast.clear();
this.messageList = res.data;
// 判断有无数据返回
if (this.messageList.length == 0) {
this.isHaveNews = true;
}
})
.catch(() => {
this.$toast.clear();
this.$toast.fail("加载失败,请稍后再试");
});
}, },
data() {
onSearch() { return {
// console.log(this.value) value: "",
this.postList(this.value); text: "我的上报",
isHaveNews: false,
messageList: [],
showIndex: null, // 是否显示遮罩层
};
}, },
touchstart(index, item) { created() {
if (this.showIndex != null) { this.postList();
this.showIndex = null;
return;
}
this.showIndex = index;
}, },
goDetail(data) { methods: {
this.$router.push({ postList(select = "") {
// name: "insert-danger-detail", this.$toast.loading({
name: "normal-detail", message: "加载中...",
params: { forbidClick: true,
id: data.id, loadingType: "spinner",
detailTitle: "上报详情", duration: 0,
});
let formdata = new FormData();
formdata.append("select", select);
postFun("/hdreport/myHDList", formdata)
.then((res) => {
this.$toast.clear();
this.messageList = res.data;
// 判断有无数据返回
if (this.messageList.length == 0) {
this.isHaveNews = true;
}
})
.catch(() => {
this.$toast.clear();
this.$toast.fail("加载失败,请稍后再试");
});
}, },
});
this.showIndex = null; onSearch() {
}, this.postList(this.value);
// 提交 },
goSubmit(data) { touchstart(index, item) {
this.$router.push({ if (this.showIndex != null) {
name: "add-danger", this.showIndex = null;
params: { return;
status: "退回", }
taskId: data.taskId, this.showIndex = index;
},
goDetail(data) {
this.$router.push({
name: "normal-detail",
params: {
id: data.id,
detailTitle: "上报详情",
},
});
this.showIndex = null;
}, },
});
this.showIndex = null;
},
// 删除
goDelete(data) {
this.$toast.loading({
message: "删除中...",
forbidClick: true,
loadingType: "spinner",
duration: 0,
});
dangerReturnDel(`/hdreport/delete/${data.taskId}`)
.then((res) => {
this.$toast.clear();
this.$toast.success({
message: "删除成功",
duration: 2000,
});
this.postList();
})
.catch(() => {
this.$toast.clear();
this.$toast.fail("删除失败,请稍后再试");
});
this.showIndex = null;
}, },
},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/* @import url(); 引入css类 */ /* @import url(); 引入css类 */
#app { #app {
font-family: ""; font-family: "";
color: #2c3e50; color: #2c3e50;
} }
.con-list { .con-list {
padding: 0; padding: 0;
background-color: #f0f1f5; background-color: #f0f1f5;
.van-cell-group--inset { .van-cell-group--inset {
margin: 0; margin: 0;
margin-bottom: 0.26667rem; margin-bottom: 0.26667rem;
padding: 0.25rem; padding: 0.25rem;
font-size: 0.4rem; font-size: 0.4rem;
position: relative; position: relative;
border-radius: 4%; border-radius: 4%;
box-shadow: 0px 0px 10px 2px #f3f3f3; box-shadow: 0px 0px 10px 2px #f3f3f3;
width: 90%; width: 90%;
margin: 0.4rem auto; margin: 0.4rem auto;
.van-row { .van-row {
font-size: 0.4rem; font-size: 0.4rem;
line-height: 0.8rem; line-height: 0.8rem;
margin-bottom: 0; margin-bottom: 0;
} }
.van-overlay { .van-overlay {
position: absolute; position: absolute;
.wrapper { .wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
height: 100%; height: 100%;
} }
}
} }
}
} }
</style> </style>
<template> <template>
<div> <div>
<van-sticky offset-top="0"> <van-sticky offset-top="0">
<LHeader :text="text"></LHeader> <LHeader :text="text"></LHeader>
</van-sticky> </van-sticky>
<!-- <van-sticky offset-top="1.5rem"> <van-sticky offset-top="1.5rem">
<van-search <van-search
v-model="searchValue" v-model="searchValue"
show-action show-action
placeholder="请输入检查名称" placeholder="请输入检查名称"
@search="onSearch" @search="onSearch"
>
<template #action>
<div @click="onSearch">搜索</div>
</template>
</van-search>
</van-sticky> -->
<div class="con-list" @touchmove="showIndex = null">
<van-cell-group
inset
v-for="(item, index) in messageList"
:key="index"
@click="touchstart(index, item)"
>
<van-row gutter="">
<van-col span="6">风险编号:</van-col>
<van-col span="18">{{ item.id }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">所属项目:</van-col>
<van-col span="18">{{ item.pId }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">隐患级别:</van-col>
<van-col span="18">{{ item.riskLevel | riskText }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">风险源:</van-col>
<van-col span="18">{{ item.riskSource }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">事故类型:</van-col>
<van-col span="18">{{ item.accidentType }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">管控层级:</van-col>
<van-col span="18">{{
item["controlLevel"]
}}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">主责部门:</van-col>
<van-col span="18">{{ item.responsibilityDept }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">主责人员:</van-col>
<van-col span="18">{{ item.responsibilityMember }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">工单状态:</van-col>
<van-col span="18">{{ item.taskName }}</van-col>
</van-row>
<!-- 长按显示遮罩层 -->
<van-overlay :show="showIndex == index">
<div class="wrapper" @click.stop="showIndex = null">
<van-button round type="primary" @click="goDetail(item)"
>详情</van-button
> >
</div> <template #action>
</van-overlay> <div @click="onSearch">搜索</div>
</van-cell-group> </template>
</div> </van-search>
<div </van-sticky>
style=" <div class="con-list" @touchmove="showIndex = null">
width: 100%; <van-cell-group
text-align: center; inset
font-size: 0.48rem; v-for="(item, index) in messageList"
position: fixed; :key="index"
top: 30%; @click="touchstart(index, item)"
" >
v-if="messageList['length'] == 0" <van-row gutter="">
> <van-col span="6">风险编号:</van-col>
暂无数据 <van-col span="18">{{ item.id }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">所属项目:</van-col>
<van-col span="18">{{ item.pId }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">隐患级别:</van-col>
<van-col span="18">{{ item.riskLevel | riskText }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">风险源:</van-col>
<van-col span="18">{{ item.riskSource }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">事故类型:</van-col>
<van-col span="18">{{ item.accidentType }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">管控层级:</van-col>
<van-col span="18">{{ item["controlLevel"] }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">主责部门:</van-col>
<van-col span="18">{{ item.responsibilityDept }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">主责人员:</van-col>
<van-col span="18">{{ item.responsibilityMember }}</van-col>
</van-row>
<van-row gutter="">
<van-col span="6">工单状态:</van-col>
<van-col span="18">{{ item.taskName }}</van-col>
</van-row>
<!-- 长按显示遮罩层 -->
<van-overlay :show="showIndex == index">
<div class="wrapper" @click.stop="showIndex = null">
<van-button round type="primary" @click="goDetail(item)"
>详情</van-button
>
</div>
</van-overlay>
</van-cell-group>
</div>
<div
style="
width: 100%;
text-align: center;
font-size: 0.48rem;
position: fixed;
top: 30%;
"
v-if="messageList['length'] == 0"
>
暂无数据
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
...@@ -92,145 +90,145 @@ import { getFun, postFun } from "@/service/table.js"; ...@@ -92,145 +90,145 @@ import { getFun, postFun } from "@/service/table.js";
import { dangerReturnDel, myHDList } from "@/service/danger"; import { dangerReturnDel, myHDList } from "@/service/danger";
export default { export default {
components: { components: {
LHeader, LHeader,
},
data() {
return {
value: "",
text: "我的上报",
searchValue: "",
messageList: [],
Loop: "", // 定时器
showIndex: null, // 是否显示遮罩层
active: 0,
tabs: [
{
title: "我的上报",
api: "/riskMain/myList",
},
{
title: "上报退回",
api: "/riskMain/list",
},
],
};
},
created() {
this.postList();
},
methods: {
postList(select = "") {
this.$toast.loading({
message: "加载中...",
forbidClick: true,
loadingType: "spinner",
duration: 0,
});
let formdata = new FormData();
formdata.append("select", select);
postFun("/riskMain/myList", formdata)
.then((res) => {
this.$toast.clear();
this.messageList = res.rows || [];
})
.catch(() => {
this.$toast.clear();
this.$toast.fail("加载失败,请稍后再试");
});
}, },
data() {
onSearch() { return {
// console.log(this.value) value: "",
this.postList(this.value); text: "我的上报",
searchValue: "",
messageList: [],
Loop: "", // 定时器
showIndex: null, // 是否显示遮罩层
active: 0,
tabs: [
{
title: "我的上报",
api: "/riskMain/myList",
},
{
title: "上报退回",
api: "/riskMain/list",
},
],
};
}, },
touchstart(index, item) { created() {
if (this.showIndex != null) { this.postList();
this.showIndex = null;
return;
}
this.showIndex = index;
}, },
goDetail(data) { methods: {
this.$router.push({ postList(select = "") {
// name: "insert-danger-detail", this.$toast.loading({
name: "risk-big-detail", message: "加载中...",
params: { forbidClick: true,
id: data.id, loadingType: "spinner",
duration: 0,
});
let formdata = new FormData();
formdata.append("select", select);
postFun("/riskMain/myList", formdata)
.then((res) => {
this.$toast.clear();
this.messageList = res.rows || [];
})
.catch(() => {
this.$toast.clear();
this.$toast.fail("加载失败,请稍后再试");
});
}, },
});
this.showIndex = null; onSearch() {
}, // console.log(this.value)
// 提交 this.postList(this.value);
goSubmit(data) { },
this.$router.push({ touchstart(index, item) {
name: "add-danger", if (this.showIndex != null) {
params: { this.showIndex = null;
status: "退回", return;
taskId: data.taskId, }
this.showIndex = index;
},
goDetail(data) {
this.$router.push({
// name: "insert-danger-detail",
name: "risk-big-detail",
params: {
id: data.id,
},
});
this.showIndex = null;
},
// 提交
goSubmit(data) {
this.$router.push({
name: "add-danger",
params: {
status: "退回",
taskId: data.taskId,
},
});
this.showIndex = null;
},
// 删除
goDelete(data) {
this.$toast.loading({
message: "删除中...",
forbidClick: true,
loadingType: "spinner",
duration: 0,
});
dangerReturnDel(`/hdreport/delete/${data.taskId}`)
.then((res) => {
this.$toast.clear();
this.$toast.success({
message: "删除成功",
duration: 2000,
});
this.postList();
})
.catch(() => {
this.$toast.clear();
this.$toast.fail("删除失败,请稍后再试");
});
this.showIndex = null;
}, },
});
this.showIndex = null;
},
// 删除
goDelete(data) {
this.$toast.loading({
message: "删除中...",
forbidClick: true,
loadingType: "spinner",
duration: 0,
});
dangerReturnDel(`/hdreport/delete/${data.taskId}`)
.then((res) => {
this.$toast.clear();
this.$toast.success({
message: "删除成功",
duration: 2000,
});
this.postList();
})
.catch(() => {
this.$toast.clear();
this.$toast.fail("删除失败,请稍后再试");
});
this.showIndex = null;
}, },
},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/* @import url(); 引入css类 */ /* @import url(); 引入css类 */
#app { #app {
font-family: ""; font-family: "";
color: #2c3e50; color: #2c3e50;
} }
.con-list { .con-list {
padding: 0; padding: 0;
background-color: #f0f1f5; background-color: #f0f1f5;
.van-cell-group--inset { .van-cell-group--inset {
margin: 0; margin: 0;
margin-bottom: 0.26667rem; margin-bottom: 0.26667rem;
padding: 0.25rem; padding: 0.25rem;
font-size: 0.4rem; font-size: 0.4rem;
position: relative; position: relative;
border-radius: 4%; border-radius: 4%;
box-shadow: 0px 0px 10px 2px #f3f3f3; box-shadow: 0px 0px 10px 2px #f3f3f3;
width: 90%; width: 90%;
margin: 0.4rem auto; margin: 0.4rem auto;
.van-row { .van-row {
font-size: 0.4rem; font-size: 0.4rem;
line-height: 0.8rem; line-height: 0.8rem;
margin-bottom: 0; margin-bottom: 0;
} }
.van-overlay { .van-overlay {
position: absolute; position: absolute;
.wrapper { .wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
height: 100%; height: 100%;
} }
}
} }
}
} }
</style> </style>
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