Skip to content

R
rongtong-app
Commit 538db5a1 authored by wei's avatar wei
Browse files
Options

风险台账

parent e2416dbc
Show whitespace changes
Inline Side-by-side
Showing with 231 additions and 179 deletions
src/views/riskProject/assess/index.vue
View file @ 538db5a1
<template> <template>
<!-- 提交 --> <!-- 提交 -->
<div class="app"> <div>
<van-sticky offset-top="0">
<LHeader :text="text"></LHeader> <LHeader :text="text"></LHeader>
<div class="section"> </van-sticky>
<van-tabs v-model="active" @change="postList" color="#2980f7" animated :sticky="true"> <van-tabs
<van-tab v-for="(item, key) in tabs" :key="key" :title="item.title"> v-model="active"
@change="postList"
color="#2980f7"
animated
:sticky="true"
>
<van-tab v-for="item in tabs" :key="item.key" :title="item.title">
<!-- 内容列表 --> <!-- 内容列表 -->
<div class="con-list" v-if="key == active"> <div class="con-list" @touchmove="showIndex = null">
<van-cell-group inset v-for="(item, index) in messageList" :key="index"> <van-cell-group
<div style="font-size: 0.45rem;padding: 5px 0;">{{ item.title }}</div> inset
v-for="(item, index) in messageList"
:key="index"
>
<div style="font-size: 0.45rem;padding: 5px 0;">
{{ item.title }}
</div>
<van-row gutter=""> <van-row gutter="">
<van-col span="17"> <van-col span="17">
<van-row gutter=""> <van-row gutter="">
<van-col span="9">发起时间：</van-col> <van-col span="9">创建人：</van-col>
<van-col span="15">{{ item.time }}</van-col> <van-col span="15">{{ item.leaderUserName }}</van-col>
</van-row> </van-row>
<van-row gutter=""> <van-row gutter="">
<van-col span="9">处理人员：</van-col> <van-col span="9">发起时间：</van-col>
<van-col span="15">{{ item.name }}</van-col> <van-col span="15">{{
timestampToTimes(item.startTime)
}}</van-col>
</van-row> </van-row>
</van-col> </van-col>
<van-col span="7"> <van-col span="7">
<van-row :style="{ 'color': (active == 0) ? '#f79648' : (active == 1) ? '#0069e5' : '#03b615' }"> <van-row
{{ item.status }} :style="{
color:
active == 0
? '#f79648'
: active == 1
? '#0069e5'
: '#03b615'
}"
>
{{ item.state }}
</van-row> </van-row>
<van-row> <van-row>
<van-button type="info" size="mini" @click="buildDetail(index, item)">楼栋详情</van-button> <van-button
type="info"
size="mini"
@click="lookdetail(index, item)"
>执行情况</van-button
>
</van-row> </van-row>
</van-col> </van-col>
<!-- <van-col span="7" :style="{ 'color': item.state == 1 ? '#0069e5' : '#03b615' }">
{{ item.state == 1 ? '●未执行' : '●已执行' }}
</van-col> -->
</van-row> </van-row>
</van-cell-group> </van-cell-group>
<div style=" <div
style="
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 0.48rem; font-size: 0.48rem;
position: fixed; position: fixed;
top: 30%; top: 30%;
" v-if="messageList['length'] == 0"> "
v-if="messageList['length'] == 0"
>
暂无数据 暂无数据
</div> </div>
</div> </div>
<!-- 暂无数据 -->
<!-- {{messageList}} --> <!-- {{messageList}} -->
</van-tab> </van-tab>
</van-tabs> </van-tabs>
</div> <!-- 长按显示遮罩层 -->
<!-- 长按显示遮罩层 --> <van-popup
<van-overlay :show="showIndex"> v-model="showIndex"
<div class="wrapper" @click.stop="showIndex = false"> closeable
<div class="mark"> round
<van-cell :border="false" title="待执行楼栋详情" value="X" @click="closeMark"/> position="right"
<van-cell-group inset v-for="(item, index) in buildingList" :key="index"> :style="{ width: '90%', height: '100%' }"
<div style="font-size: 0.45rem;padding: 5px 0;">{{ item.name }}</div> >
<van-row gutter=""> <van-cell-group title="执行情况">
<van-col span="17"> <!-- 内容列表 -->
<div class="con-list" @touchmove="showIndex = null">
<van-cell-group
inset
v-for="(item, index) in buildingList"
:key="index"
>
<van-row gutter=""> <van-row gutter="">
<van-col span="9">创建人：</van-col> <van-col span="16">{{ item.buildingName }}</van-col>
<van-col span="15">{{ item.createBy }}</van-col> <van-col
span="8"
:style="{
color:
item.status == 'wait'
? '#F79648'
: item.status == 'finish'
? '#03B615'
: '#FF041D'
}"
>{{
item.status == "wait"
? "待评估"
: item.status == "finish"
? "已完成"
: "已退回"
}}</van-col
>
</van-row> </van-row>
<van-row>
<van-col span="18">
<van-row gutter=""> <van-row gutter="">
<van-col span="9">处理人员：</van-col> <van-col span="8">创 建 人：</van-col>
<van-col span="15">{{ item.name }}</van-col> <van-col span="16">{{ item.createUserName }}</van-col>
</van-row> </van-row>
<van-row gutter=""> <van-row gutter="">
<van-col span="9">发起时间：</van-col> <van-col span="8">处理人员：</van-col>
<van-col span="15">{{ item.time }}</van-col> <van-col span="16">{{ item.workUserNames }}</van-col>
</van-row> </van-row>
<van-row gutter="">
<van-col span="8">发起时间：</van-col>
<van-col span="16"
>{{ timestampToTimes(item.startTime) }}
</van-col> </van-col>
<van-col span="7">
<van-row :style="{ 'color': (active == 0) ? '#f79648' : (active == 1) ? '#0069e5' : '#03b615' }">
{{ item.status }}
</van-row>
<van-row>
<van-button type="info" size="mini" @click="todoTask(index, item)">去处理</van-button>
</van-row> </van-row>
</van-col> </van-col>
<van-col span="6">
<van-row>
<van-button
type="info"
size="mini"
@click="todetail(index, item)"
>查看详情</van-button
>
</van-row></van-col
>
</van-row> </van-row>
</van-cell-group> </van-cell-group>
<div
style="
width: 100%;
text-align: center;
font-size: 0.48rem;
position: fixed;
top: 30%;
"
v-if="buildingList['length'] == 0"
>
暂无数据
</div> </div>
</div> </div>
</van-overlay> </van-cell-group>
</van-popup>
</div> </div>
</template> </template>
<script> <script>
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 { postriskConList } from "@/service/risk"; import { timestampToTime, generateId } from "@/utils/format";
export default { export default {
// name: 'risk-confirme', name: "risk-execution",
components: { components: {
LHeader, LHeader
}, },
data() { data() {
return { return {
text: "风险评估", text: "执行情况管理",
searchValue: "",
isHaveNews: false,
messageList: [ messageList: [
{ {
title: 'XX项目评估任务单', title: "XX项目评估任务单",
time: '2022-12-12', time: "2022-12-12",
name: 'Mr.周', name: "Mr.周",
state: 1
}
],
buildingList: [
{
title: 'XX项目评估任务单',
time: '2022-12-12',
name: 'Mr.周',
state: 1 state: 1
} }
], ],
...@@ -119,132 +191,131 @@ export default { ...@@ -119,132 +191,131 @@ export default {
tabs: [ tabs: [
{ {
title: "待执行", title: "待执行",
api: "/risk/plan/task/list", key: "running"
key: 'running'
}, },
{ {
title: "已执行", title: "已执行",
api: "/risk/plan/task/list", key: "finish"
key: 'finish'
}, },
{ {
title: "已退回", title: "已退回",
api: "/risk/plan/task/list", key: "return"
key: 'return' }
},
], ],
buildingList: []
}; };
}, },
created() { created() {
this.postList(0); this.postList(0);
}, },
methods: { methods: {
timestampToTimes(time) {
return timestampToTime(new Date(time), "DT2", true);
},
handadd() { handadd() {
this.$router.push({ this.$router.push({
name: "riskAdd", name: "riskAdd",
params: { params: {
title: '新增' title: "新增"
}, }
}) });
}, },
postList(name, title) { postList(name, title) {
this.$toast.loading({ this.$toast.loading({
message: "加载中...", message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: "spinner", loadingType: "spinner",
duration: 0, duration: 0
}); });
let url ='' let url = `/risk/plan/task/list?status=running`;
if (name == 0) { if (name == 0) {
url = `/risk/plan/task/list?status=running` url = `/risk/plan/task/list?status=running`;
} else if (name == 1) { } else if (name == 1) {
url = `/risk/plan/task/list?status=finish` url = `/risk/plan/task/list?status=finish`;
} else { } else {
url = `/risk/plan/task/list?status=return` url = `/risk/plan/task/list?status=return`;
} }
getFun(url) getFun(url)
.then((res) => { .then(res => {
this.$toast.clear(); this.$toast.clear();
this.messageList = res.data || res.rows; this.messageList = res.data || res.rows;
// 判断有无数据返回
if (this.messageList.length == 0) {
this.isHaveNews = true;
}
}) })
.catch(() => { .catch(() => {
this.$toast.clear(); this.$toast.clear();
this.$toast.fail("加载失败,请稍后再试"); this.$toast.fail("加载失败,请稍后再试");
}); });
}, },
// 楼栋详情
buildDetail(index, item) { onSearch(val) {
this.postList(this.searchValue);
},
//执行情况
lookdetail(index, item) {
this.showIndex = true; this.showIndex = true;
this.$toast.loading({ console.log(item);
message: "加载中...", getFun("/risk/plan/allocation/building/list/" + item.id)
forbidClick: true, .then(res => {
loadingType: "spinner", console.log(res);
duration: 0,
});
getFun(`/risk/plan/plan/building/list/${item.id}`).then(res => {
this.$toast.clear();
this.buildingList = res.data; this.buildingList = res.data;
}).catch(() => { })
.catch(() => {
this.$toast.clear(); this.$toast.clear();
this.$toast.fail("加载失败,请稍后再试"); this.$toast.fail("加载失败,请稍后再试");
}); });
}, },
//查看详情
todetail(index, item) {
this.showIndex = true;
console.log(item);
this.$router.push({
name: "riskTaskList",
params: {
id: item.id,
buildingId: item.buildingId
}
});
sessionStorage.setItem("planId", item.id);
sessionStorage.setItem("buildingId", item.buildingId);
this.showIndex = null;
},
// 去处理详情 // 详情
todoTask(index, data) { goDetail(data) {
this.$router.push({ this.$router.push({
name: "riskBigDetail", name: "riskBigDetail",
params: { params: {
id: data.id, id: data.businessId || data.id
}, }
}); });
sessionStorage.setItem('planId', data.id) this.showIndex = null;
this.showIndex = false;
},
closeMark(){
console.log('guanbi')
this.showIndex = false;
}, },
// 确认 // 确认
goConfirm(data) { goConfirm(data) {
this.$router.push({ this.$router.push({
name: "risk-affirm", name: "risk-affirm",
params: { params: {
data: data, data: data
}, }
}); });
}, this.showIndex = null;
}, }
}
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#app { #app {
font-family: ""; font-family: "";
color: #2c3e50; color: #2c3e50;
height: 100%;
width: 100%;
}
.app {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
.section {
flex: 1;
width: 100%;
height: 100%;
}
.van-tabs__content {
position: relative;
} }
.con-list { .con-list {
padding: 0; padding: 0;
background-color: #f0f1f5; background-color: #f0f1f5;
position: relative;
.van-cell-group--inset { .van-cell-group--inset {
margin: 0; margin: 0;
...@@ -264,23 +335,10 @@ export default { ...@@ -264,23 +335,10 @@ export default {
} }
} }
.van-overlay { .wrapper {
.wrapper { display: flex;
width: 100%; align-items: center;
justify-content: center;
height: 100%; height: 100%;
.mark {
margin: 14px;
background: #fff;
border-radius: 5px;
padding: 8px;
box-sizing: border-box;
}
}
}
/deep/.van-tab__pane {
min-height: 8rem;
} }
</style> </style>
\ No newline at end of file
src/views/riskProject/execution/index.vue
View file @ 538db5a1
...@@ -160,12 +160,6 @@ ...@@ -160,12 +160,6 @@
</div> </div>
</van-cell-group> </van-cell-group>
</van-popup> </van-popup>
<!-- <van-overlay :show="showIndex">
<div class="wrapper" @click.stop="showIndex = false">
111
</div>
</van-overlay> -->
</div> </div>
</template> </template>
......
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