Skip to content

B
BCDH-APP
Commit 879323c8 authored by 罗新东's avatar 罗新东
Browse files
Options

重大风险添加了标签页

parent 88c66b2e
Pipeline #7309 passed with stage
    in 9 seconds
    Hide whitespace changes
    Inline Side-by-side
    Showing with 203 additions and 182 deletions
    src/views/danger/majorDanger/index.vue
    View file @ 879323c8
    <template> <template>
    <div> <div>
    <LHeader :text="text"></LHeader> <van-sticky :offset-top="0">
    <!-- <van-sticky offset-top="1.5rem"> <LHeader :text="text"></LHeader>
    <van-search </van-sticky>
    v-model="searchValue" <!-- <van-sticky offset-top="1.5rem">
    show-action <van-search
    placeholder="请输入搜索内容" v-model="searchValue"
    @search="onSearch" show-action
    > placeholder="请输入搜索内容"
    @search="onSearch"
    >
    <template #action> <template #action>
    <div @click="onSearch">搜索</div> <div @click="onSearch">搜索</div>
    </template> </template>
    </van-search> </van-search>
    </van-sticky> --> </van-sticky> -->
    <!-- 内容列表 --> <!-- 内容列表 -->
    <!-- 接口对接4 START --> <!-- 接口对接4 START -->
    <div class="con-list" @touchmove="showIndex = null"> <van-tabs
    <van-cell-group v-model="active"
    inset @change="
    v-for="(item, index) in messageList" getList();
    :key="index" showIndex = null;
    @click="touchstart(index, item)" "
    > color="#2980f7"
    <van-row gutter=""> animated
    <van-col span="6">隐患编号：</van-col> :sticky="true"
    <van-col span="18">{{ item.businessId }}</van-col> offset-top="1.5rem"
    </van-row> >
    <van-row gutter=""> <van-tab v-for="(item, key) in tabs" :key="key" :title="item.title">
    <van-col span="6">所属项目：</van-col> <div class="con-list" @touchmove="showIndex = null">
    <van-col span="18">{{ item.proId }}</van-col> <van-cell-group
    </van-row> inset
    <van-row gutter=""> v-for="(item, index) in messageList"
    <van-col span="6">隐患级别：</van-col> :key="index"
    <van-col span="18">{{ item.hdLev | dangerText }}</van-col> @click="touchstart(index, item)"
    </van-row> >
    <van-row gutter=""> <van-row gutter="">
    <van-col span="6">工单状态：</van-col> <van-col span="6">隐患编号：</van-col>
    <van-col span="18">{{ item.taskName }}</van-col> <van-col span="18">{{
    </van-row> item.businessId || item.id
    <!-- <van-row gutter=""> }}</van-col>
    <van-col span="6">发现时间：</van-col> </van-row>
    <van-col span="18">{{ item.hdDiscoveryTime }}</van-col> <van-row gutter="">
    </van-row> --> <van-col span="6">所属项目：</van-col>
    <!-- *接口对接4 END --> <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.taskName }}</van-col>
    </van-row>
    <!-- *接口对接4 END -->
    <!-- 长按显示遮罩层 --> <!-- 长按显示遮罩层 -->
    <van-overlay :show="showIndex == index"> <van-overlay :show="showIndex == index">
    <div class="wrapper" @click.stop="showIndex = null"> <div class="wrapper" @click.stop="showIndex = null">
    <van-button round type="primary" @click="goDetail(item)" <van-button
    >详情</van-button round
    > type="primary"
    <van-button round type="info" @click="goConfirm(item)" @click="goDetail(item)"
    >审批</van-button >详情</van-button
    > >
    </div> <van-button
    </van-overlay> v-show="active == 1"
    </van-cell-group> round
    type="info"
    @click="goConfirm(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>
    </van-tab>
    </van-tabs>
    </div> </div>
    <!-- 暂无数据 -->
    <div
    style="
    width: 100%;
    text-align: center;
    font-size: 0.48rem;
    position: fixed;
    top: 30%;
    "
    v-if="isHaveNews"
    >
    暂无数据
    </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 { majorList } from "@/service/danger";
    /*接口对接2 START*/ /*接口对接2 START*/
    // 例子： // 例子：
    // import { // import {
    ...@@ -96,118 +115,131 @@ import { majorList } from "@/service/danger"; ...@@ -96,118 +115,131 @@ import { majorList } from "@/service/danger";
    /*接口对接2 END*/ /*接口对接2 END*/
    export default { export default {
    components: { components: {
    LHeader, LHeader,
    tabBar
    },
    data() {
    return {
    text: "重大隐患",
    searchValue: "",
    isHaveNews: false,
    messageList: [],
    Loop: "", // 定时器
    showIndex: null, // 是否显示遮罩层
    };
    },
    created() {
    this.getList();
    },
    methods: {
    getList(select='') {
    /*接口对接3 START*/
    // 例子：
    this.$toast.loading({
    message: "加载中...",
    forbidClick: true,
    loadingType: "spinner",
    duration: 0,
    });
    let formdata=new FormData();
    formdata.append('select',select);
    majorList("/majorapprove/list",formdata)
    .then((res) => {
    this.$toast.clear();
    this.messageList = res.rows;
    // 判断有无数据返回
    if (this.messageList.length == 0) {
    this.isHaveNews = true;
    }
    })
    .catch(() => {
    this.$toast.clear();
    this.$toast.fail("加载失败,请稍后再试");
    });
    /*接口对接3 END*/
    }, },
    onSearch(val) { data() {
    this.getList(this.searchValue) return {
    text: "重大隐患",
    searchValue: "",
    isHaveNews: false,
    messageList: [],
    showIndex: null, // 是否显示遮罩层
    // myHDMajorList
    active: 0,
    tabs: [
    {
    title: "待确认",
    api: "/majorapprove/list",
    },
    {
    title: "已审批",
    api: "/majorapprove/myHDMajorList",
    },
    ],
    };
    }, },
    created() {
    touchstart(index, item) { this.getList();
    if (this.showIndex != null) {
    this.showIndex = null;
    return;
    }
    this.showIndex = index;
    }, },
    methods: {
    getList(select = "") {
    /*接口对接3 START*/
    // 例子：
    this.$toast.loading({
    message: "加载中...",
    forbidClick: true,
    loadingType: "spinner",
    duration: 0,
    });
    let formdata = new FormData();
    formdata.append("select", select);
    postFun(this.tabs[this.active]["api"], formdata)
    .then((res) => {
    this.$toast.clear();
    this.messageList = res.rows;
    // 判断有无数据返回
    if (this.messageList.length == 0) {
    this.isHaveNews = true;
    }
    })
    .catch(() => {
    this.$toast.clear();
    this.$toast.fail("加载失败,请稍后再试");
    });
    /*接口对接3 END*/
    },
    onSearch(val) {
    this.getList(this.searchValue);
    },
    // 详情 touchstart(index, item) {
    goDetail(data) { if (this.showIndex != null) {
    this.$router.push({ this.showIndex = null;
    name: "normal-detail", return;
    params: { }
    id: data.taskId, this.showIndex = index;
    }, },
    });
    this.showIndex = null; // 详情
    }, goDetail(data) {
    // 确认 this.$router.push({
    goConfirm(data) { name: "normal-detail",
    this.$router.push({ params: {
    name: "major-survey", id: data.taskId||data.id,
    params: { },
    data: data, });
    this.showIndex = null;
    },
    // 确认
    goConfirm(data) {
    this.$router.push({
    name: "major-survey",
    params: {
    data: data,
    },
    });
    this.showIndex = null;
    }, },
    });
    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 {
    position: absolute;
    .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    }
    }
    } }
    .van-overlay { }
    position: absolute; /deep/.van-tab__pane {
    .wrapper { min-height: 8rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    }
    }
    }
    } }
    </style> </style>
    src/views/risk/my-insert/index.vue
    View file @ 879323c8
    ...@@ -101,17 +101,6 @@ export default { ...@@ -101,17 +101,6 @@ export default {
    messageList: [], messageList: [],
    Loop: "", // 定时器 Loop: "", // 定时器
    showIndex: null, // 是否显示遮罩层 showIndex: null, // 是否显示遮罩层
    active: 0,
    tabs: [
    {
    title: "我的上报",
    api: "/riskMain/myList",
    },
    {
    title: "上报退回",
    api: "/riskMain/list",
    },
    ],
    }; };
    }, },
    created() { created() {
    ......
    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