新页面

样式修改
解润东
20220429

src/router/index.js

@@ -571,6 +571,16 @@ const routes = [{
     },
     component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/dangerPatrol/dangerPatrolTime'),
   },
+  // 巡查记录首页
+{
+    path: '/record-Patrol-Time',
+    name: 'record-Patrol-Time',
+    meta: {
+      title: '巡查记录首页-时间管理',
+      index: 1
+    },
+    component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/dangerPatrol/recordPatrolTime'),
+  },
 // 执行巡查首页-安全管理类
 {
   path: '/implement',

src/views/danger/dangerPatrol/dangerPatrolTime/index.vue

@@ -3,6 +3,7 @@
         <LHeader :text="text"></LHeader>
         <!-- 内容列表 -->
         <div class="title">2022年4月26日</div> 
+        <p class="title-text">巡查发起人：李斌</p> 
         <p class="title-text">系统提示：请依据当日任务完成当日巡查工作。</p> 
         <div class="con-list">
             <van-cell-group
@@ -123,11 +124,14 @@ export default {
     }
 }
 .title{
-    text-align: center;
+    text-align: left;
     font-weight: bolder;
     margin-top: 0.5rem;
+    font-size: 13px;
+    padding-left: 0.666667rem;
 }
 .title-text{
+    font-size: 13px;
     padding-left: 0.666667rem;
 }
 </style>

src/views/danger/dangerPatrol/index.vue

@@ -77,7 +77,7 @@ export default {
                     key: "3",
                     imgUrl: require("@/assets/workbench/danger-confirm.png"),
                     text: "巡查记录",
-                    path: "/record-patrol",
+                    path: "/record-Patrol-Time",
                 },
                 {
                     key: "4",

src/views/danger/dangerPatrol/recordPatrolTime/index.vue

+<template>
+    <div>
+        <LHeader :text="text"></LHeader>
+        <!-- 内容列表 -->
+        <div class="title">2022年4月26日</div> 
+        <p class="title-text">系统提示：请依据当日任务完成当日巡查工作。</p> 
+        <div class="con-list">
+            <van-cell-group
+                inset
+                v-for="(item, index) in contentList"
+                :key="index"
+                @click="onClick(item.content)"
+            >
+                <div class="icon-wrap">
+                    <span class="icon-img">
+                        <van-image
+                            width="35"
+                            height="35"
+                            style="margin: 0 10px;overflow: hidden; border-radius: 5px;"
+                            :src="item.imgUrl"
+                        />
+                    </span>
+                    {{ item.content }}
+                </div>
+            </van-cell-group>
+        </div>
+    </div>
+</template>
+
+<script>
+import LHeader from "@/components/header.vue";
+import { postWork } from "@/service/workbench";
+export default {
+    name: "danger-patrol",
+    components: {
+        LHeader
+    },
+    data() {
+        return {
+            text: "巡查记录",
+            contentList: [
+                
+            ],
+            contentLists:[
+                {
+                    title: "1",
+                    imgUrl: require("@/assets/dangerPatrol/patrol-icon.png"),
+                    content: "日查清单"
+                },
+                {
+                    title: "2",
+                    imgUrl: require("@/assets/dangerPatrol/patrol-icon.png"),
+                    content: "周查清单"
+                },
+                {
+                    title: "3",
+                    imgUrl: require("@/assets/dangerPatrol/patrol-icon.png"),
+                    content: "半月查清单"
+                },
+                {
+                    title: "4",
+                    imgUrl: require("@/assets/dangerPatrol/patrol-icon.png"),
+                    content: "月查清单"
+                },
+                {
+                    title: "5",
+                    imgUrl: require("@/assets/dangerPatrol/patrol-icon.png"),
+                    content: "季查清单"
+                },
+                {
+                    title: "6",
+                    imgUrl: require("@/assets/dangerPatrol/patrol-icon.png"),
+                    content: "半年查清单"
+                },
+                {
+                    title: "7",
+                    imgUrl: require("@/assets/dangerPatrol/patrol-icon.png"),
+                    content: "年查清单"
+                }
+            ]
+        };
+    },
+    mounted() {
+        this.loading()
+    },
+    methods: {
+        loading(){
+            postWork("patrol/running/listCycle").then((res) => {
+                this.contentLists.forEach((x)=>{
+                    res.data.forEach((y)=>{
+                        if(x.title==y.cycle){
+                            this.contentList.push(x)
+                        }
+                    })
+                })
+            })
+        },
+        onClick(val) {
+            this.$router.push({
+                name: "record-patrol"
+            });
+        }
+    }
+};
+</script>
+<style lang="less" scoped>
+/* @import url(); 引入css类 */
+.van-cell-group--inset {
+    // height: 2.266667rem;
+    line-height: 2.266667rem;
+    font-size: 0.4rem;
+    font-weight: bolder;
+    margin: 0.266667rem;
+    padding-left: 0.666667rem;
+    color: #3499ff;
+    .icon-wrap {
+        display: flex;
+        align-items: center;
+        .icon-img {
+            margin-right: 0.533333rem;
+            display: inherit;
+        }
+    }
+}
+.title{
+    text-align: left;
+    font-weight: bolder;
+    margin-top: 0.5rem;
+    font-size: 13px;
+    padding-left: 0.666667rem;
+}
+.title-text{
+    font-size: 13px;
+    
+    padding-left: 0.666667rem;
+}
+</style>