ll

src/router/index.js

@@ -171,6 +171,11 @@ const routes = [{
     name: 'risk-big-detail',
     component: () => import('../views/riskProject/approve/riskBigDetail.vue'),
   },
+  {//执行情况管理
+    path: '/riskExecution',
+    name: 'riskExecution',
+    component: () => import('../views/riskProject/execution/index.vue'),
+  },
 ]
 
 const router = new VueRouter({

src/views/riskProject/execution/index.vue

+<template>
+  <!-- 提交 -->
+  <div>
+    <van-sticky offset-top="0">
+      <LHeader :text="text"></LHeader>
+    </van-sticky>
+    <van-tabs 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" @touchmove="showIndex = null">
+          <van-cell-group 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-col span="17">
+                <van-row gutter="">
+                  <van-col span="9">创建人：</van-col>
+                  <van-col span="15">{{ item.leaderUserName }}</van-col>
+                </van-row>
+                <van-row gutter="">
+                  <van-col span="9">发起时间：</van-col>
+                  <van-col span="15">{{ timestampToTimes(item.startTime) }}</van-col>
+                </van-row>
+              </van-col>
+              <van-col span="7">
+                <van-row :style="{ 'color': (active == 0) ? '#f79648' : (active == 1) ? '#0069e5' : '#03b615' }">
+                  {{ item.state }}
+                </van-row>
+                <van-row>
+                  <van-button type="info" size="mini" @click="lookdetail(index, item)">查看详情</van-button>
+                </van-row>
+              </van-col>
+            </van-row>
+          </van-cell-group>
+          <div style="
+              width: 100%;
+              text-align: center;
+              font-size: 0.48rem;
+              position: fixed;
+              top: 30%;
+            " v-if="messageList['length'] == 0">
+            暂无数据
+          </div>
+        </div>
+        <!-- 暂无数据 -->
+        <!-- {{messageList}} -->
+      </van-tab>
+    </van-tabs>
+   <!-- 长按显示遮罩层 -->
+   <van-overlay :show="showIndex">
+      <div class="wrapper" @click.stop="showIndex = false">
+
+      </div>
+    </van-overlay>
+  </div>
+</template>
+  
+<script>
+import LHeader from "@/components/header.vue";
+import { getFun, postFun } from "@/service/table.js";
+import { timestampToTime, generateId } from "@/utils/format";
+export default {
+  name: 'risk-execution',
+  components: {
+    LHeader,
+  },
+  data() {
+    return {
+      text: "执行情况管理",
+      searchValue: "",
+      isHaveNews: false,
+      messageList: [
+        {
+          title: 'XX项目评估任务单',
+          time: '2022-12-12',
+          name: 'Mr.周',
+          state: 1
+        }
+      ],
+      Loop: "", // 定时器
+      showIndex: false, // 是否显示遮罩层,
+      active: 0,
+      // 状态 wait 待评估，running 执行中，finish 已完成
+      tabs: [
+        {
+          title: "待评估",
+          key: 'wait'
+        },
+        {
+          title: "执行中",
+          key: 'running'
+        },
+        {
+          title: "已完成",
+          key: 'finish'
+        },
+      ],
+    };
+  },
+  created() {
+    this.postList(0);
+  },
+  methods: {
+    timestampToTimes(time) {
+      return timestampToTime(new Date(time), "DT2", true)
+    },
+    handadd() {
+      this.$router.push({
+        name: "riskAdd",
+        params: {
+          title: '新增'
+        },
+      })
+    },
+    postList(name, title) {
+      this.$toast.loading({
+        message: "加载中...",
+        forbidClick: true,
+        loadingType: "spinner",
+        duration: 0,
+      });
+      let url = `/risk/plan/allocation/list?status=wait`
+      if (name == 0) {
+        url = `/risk/plan/allocation/list?status=wait`
+      } else if (name == 1) {
+        url = `/risk/plan/allocation/list?status=running`
+      } else {
+        url = `/risk/plan/allocation/list?status=finish`
+      }
+      getFun(url).then(res => {
+        this.$toast.clear();
+        this.messageList = res.data || res.rows;
+        // 判断有无数据返回
+        if (this.messageList.length == 0) {
+          this.isHaveNews = true;
+        }
+      })
+        .catch(() => {
+          this.$toast.clear();
+          this.$toast.fail("加载失败,请稍后再试");
+        });
+    },
+
+    onSearch(val) {
+      this.postList(this.searchValue);
+    },
+    //查看详情
+    lookdetail(index, item) {
+      this.showIndex = true
+    },
+
+    // 详情
+    goDetail(data) {
+      this.$router.push({
+        name: "risk-big-detail",
+        params: {
+          id: data.businessId || data.id,
+        },
+      });
+      this.showIndex = null;
+    },
+    // 确认
+    goConfirm(data) {
+      this.$router.push({
+        name: "risk-affirm",
+        params: {
+          data: data,
+        },
+      });
+      this.showIndex = null;
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+#app {
+  font-family: "";
+  color: #2c3e50;
+}
+
+.con-list {
+  padding: 0;
+  background-color: #f0f1f5;
+  position: relative;
+
+  .van-cell-group--inset {
+    margin: 0;
+    margin-bottom: 0.26667rem;
+    padding: 0.25rem;
+    font-size: 0.4rem;
+    border-radius: 4%;
+    box-shadow: 0px 0px 10px 2px #f3f3f3;
+    width: 90%;
+    margin: 0.4rem auto;
+
+    .van-row {
+      font-size: 0.4rem;
+      line-height: 0.8rem;
+      margin-bottom: 0;
+    }
+  }
+}
+</style>
+  
\ No newline at end of file

src/views/saveWorkbench/index.vue

@@ -16,6 +16,7 @@
         </template>
     </van-search> -->
     <div class="con">
+
       <van-cell-group inset v-if="finalRiskList.length > 0">
         <van-cell value="风险评估管理" />
         <van-grid :column-num="4">
@@ -40,18 +41,18 @@ export default {
     return {
       value: '',
       riskList: [
-        // {
-        //     key: "1",
-        //     path: "/riskAdd",
-        //     imgUrl: require("@/assets/workbench/risk-report.png"),
-        //     text: "任务创建",
-        // },
         {
-          key: "2",
+          key: "1",
           // path: "/danger",
           path: "/riskManage",
           imgUrl: require("@/assets/workbench/risk-report.png"),
-          text: "任务执行情况",
+          text: "任务管理",
+        },
+        {
+            key: "2",
+            path: "/riskExecution",
+            imgUrl: require("@/assets/workbench/risk-report.png"),
+            text: "执行情况管理",
         },
         {
           key: "3",

vue.config.js

@@ -8,8 +8,9 @@ module.exports = {
     //以上的ip和端口是我们本机的;下面为需要跨域的
     proxy: { //配置跨域
       '/app-api': {
-        // target: 'http://192.168.4.232:8080/', //这里是后台的地址
-        target: 'http://192.168.15.124:8080/', //这里是后台的地址
+        target: 'http://192.168.4.232:8080/', //这里是后台的地址
+        // target: 'http://192.168.15.124:8080/', //这里是杨帆的地址
+        // target: 'http://192.168.10.137:8080/', //这里是昊哥的地址
         ws: true,
         changOrigin: true, //允许跨域 
         // logLevel: 'debug',  // 显示代理调试信息