timestampToTimes

src/views/riskProject/add/taskList.vue

@@ -88,7 +88,7 @@
               <van-row type="flex" justify="space-between" style="margin-top:10px;">
                 <van-col span="22" @click="toRiskDetail(item)">
                   <van-col span="5">
-                    <van-image width="46" height="46" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
+                    <van-image width="46" height="46" :src="item.avatar" />
                   </van-col>
                   <van-col span="17">
                     <van-row gutter="">
@@ -98,9 +98,7 @@
                   </van-col>
                 </van-col>
                 <van-col span="2">
-                  <van-row :style="{
-                    color: '#03b615'
-                  }">
+                  <van-row>
                     <van-icon name="arrow" size="26px" @click="goColorDetail" />
                   </van-row>
                 </van-col>

src/views/riskProject/taskLedger/taskDetail.vue

@@ -4,50 +4,54 @@
       <LHeader :text="text"></LHeader>
     </van-sticky>
     <div class="section">
-      <van-tabs v-model="activeName" color="#2980f7" animated >
+      <van-tabs v-model="activeName" color="#2980f7" animated>
         <van-tab title="固有风险信息" name="a">
 
         </van-tab>
         <van-tab title="现状风险" name="b">
-          <van-cell-group
-            inset
-            v-for="(item, index) in quoRiskList"
-            :key="index"
-          >
-            <div style="font-size: 0.45rem;padding: 5px 0;">
-              {{ item.name }}
-            </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>
-                  {{ item.state }}
-                </van-row>
-                <van-row>
-                  <van-button
-                    type="info"
-                    size="mini"
-                    @click="todetail(index, item)"
-                    >{{ active == 2 ? "去处理" : "去审批" }}</van-button
-                  >
-                </van-row>
-              </van-col>
-            </van-row>
-          </van-cell-group>
+          <div class="quolist">
+            <van-cell-group style="padding: 10px;box-sizing: border-box;background-color: #fff;margin: 8px;border-radius: 10px;" v-for="(item, index) in quoRiskList" :key="index">
+              <div style="font-size: 0.45rem;padding: 5px 0;">
+                {{ item.name }}
+              </div>
+              <van-row gutter="4">
+                <van-col span="17">
+                  <van-row gutter="">
+                    <van-col span="9">风险系数：</van-col>
+                    <van-col span="15">{{ item.coefficient }}</van-col>
+                  </van-row>
+                  <van-row gutter="">
+                    <van-col span="9">创建时间：</van-col>
+                    <van-col span="15">{{
+                      timestampToTimes(item.createTime)
+                    }}</van-col>
+                  </van-row>
+                  <van-row gutter="">
+                    <van-col span="9">风险描述：</van-col>
+                    <van-col span="15">{{
+                      item.describe
+                    }}</van-col>
+                  </van-row>
+                </van-col>
+                <van-col span="7">
+                  <van-row>
+                    {{ item.state }}
+                  </van-row>
+                  <van-row type="flex" style="flex-direction: column;align-items: center;">
+                    <van-col>
+                      <van-image round width="34" height="34" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
+                    </van-col>
+                    <van-col>
+                      {{ item.userName }}
+                    </van-col>
+                  </van-row>
+                </van-col>
+              </van-row>
+            </van-cell-group>
+          </div>
         </van-tab>
         <van-tab title="四色图" name="c">
-          <drawCanvas/>
+          <drawCanvas />
         </van-tab>
       </van-tabs>
     </div>
@@ -58,33 +62,37 @@
 import LHeader from "@/components/header.vue";
 import drawCanvas from '@/views/drawCanvas/riskView.vue'
 import { getFun, postFun } from "@/service/table.js";
+import { timestampToTime } from "@/utils/format";
 export default {
   name: 'taskDetail',
   data() {
     return {
       text: "固有风险列表",
       activeName: 'a',
-      quoRiskList:[],//现状风险列表
-      InherentRisk:[],//固有风险
-      inherentId:''
+      quoRiskList: [],//现状风险列表
+      InherentRisk: [],//固有风险
+      inherentId: ''
     }
   },
   components: {
     LHeader,
     drawCanvas
   },
-  created(){
+  created() {
     this.inherentId = this.$route.params.id
   },
   mounted() {
     this.getQuoRiskList(this.$route.params.id)
   },
   methods: {
-    getQuoRiskList(inherentId){
-      getFun(`/risk/plan/existing/list/${inherentId}`).then(res=>{
+    getQuoRiskList(inherentId) {
+      getFun(`/risk/plan/existing/list/${inherentId}`).then(res => {
         this.quoRiskList = res.data
       })
-    }
+    },
+    timestampToTimes(time) {
+      return timestampToTime(new Date(time), "DT2", true);
+    },
   },
 }
 </script>
@@ -100,4 +108,8 @@ export default {
   height: 100%;
   overflow-y: auto;
 }
+.quolist{
+  padding: 10px;
+  box-sizing: border-box;
+}
 </style>