隐患排查

src/router/index.js

@@ -7,39 +7,39 @@ Vue.use(VueRouter)
 const routes = [
   //洗选中心领导信箱首页
   {
-    path:'/xixuanzhongxin/leader-mailbox/leader-home',
-    name:'leader-home',
-    component:()=>import('../views/xixuanzhongxin/leader-mailbox/leader-home.vue'),
+    path: '/xixuanzhongxin/leader-mailbox/leader-home',
+    name: 'leader-home',
+    component: () => import('../views/xixuanzhongxin/leader-mailbox/leader-home.vue'),
   },
   //洗选中心领导信箱提交
   {
-    path:'/xixuanzhongxin/leader-mailbox/leader-mailbox',
-    name:'leader-mailbox',
-    component:()=>import('../views/xixuanzhongxin/leader-mailbox/leader-mailbox.vue'),
+    path: '/xixuanzhongxin/leader-mailbox/leader-mailbox',
+    name: 'leader-mailbox',
+    component: () => import('../views/xixuanzhongxin/leader-mailbox/leader-mailbox.vue'),
   },
-   //洗选中心领导信箱提交成功
-   {
-    path:'/xixuanzhongxin/leader-mailbox/leader-success',
-    name:'leader-success',
-    component:()=>import('../views/xixuanzhongxin/leader-mailbox/leader-success.vue'),
+  //洗选中心领导信箱提交成功
+  {
+    path: '/xixuanzhongxin/leader-mailbox/leader-success',
+    name: 'leader-success',
+    component: () => import('../views/xixuanzhongxin/leader-mailbox/leader-success.vue'),
   },
   //洗选中心领导信箱列表
   {
-    path:'/xixuanzhongxin/leader-mailbox/leader-mailbox-list',
-    name:'leader-mailbox-list',
-    component:()=>import('../views/xixuanzhongxin/leader-mailbox/leader-mailbox-list.vue')
+    path: '/xixuanzhongxin/leader-mailbox/leader-mailbox-list',
+    name: 'leader-mailbox-list',
+    component: () => import('../views/xixuanzhongxin/leader-mailbox/leader-mailbox-list.vue')
   },
   //洗选中心领导信箱列表2
   {
-    path:'/xixuanzhongxin/leader-mailbox/leader-mailbox-list2',
-    name:'leader-mailbox-list2',
-    component:()=>import('../views/xixuanzhongxin/leader-mailbox/leader-mailbox-list2.vue')
+    path: '/xixuanzhongxin/leader-mailbox/leader-mailbox-list2',
+    name: 'leader-mailbox-list2',
+    component: () => import('../views/xixuanzhongxin/leader-mailbox/leader-mailbox-list2.vue')
   },
   //洗选中心领导信箱领导回复
   {
-    path:'/xixuanzhongxin/leader-mailbox/leader-mailbox-reply',
-    name:'leader-mailbox-reply',
-    component:()=>import('../views/xixuanzhongxin/leader-mailbox/leader-mailbox-reply.vue')
+    path: '/xixuanzhongxin/leader-mailbox/leader-mailbox-reply',
+    name: 'leader-mailbox-reply',
+    component: () => import('../views/xixuanzhongxin/leader-mailbox/leader-mailbox-reply.vue')
   },
 
 
@@ -47,366 +47,420 @@ const routes = [
 
   //枣泉西井tongfeng
   {
-    path:'/tongfeng/zaoquan/tongfeng_xijin',
-    name:'tongfeng_xijin',
-    component:()=>import('../views/tongfeng/zaoquan/tongfeng_xijin.vue'),
-    meta:{
-      title:'西井通风'
+    path: '/tongfeng/zaoquan/tongfeng_xijin',
+    name: 'tongfeng_xijin',
+    component: () => import('../views/tongfeng/zaoquan/tongfeng_xijin.vue'),
+    meta: {
+      title: '西井通风'
     }
-    },
+  },
 
-    //枣泉东井tongfeng
+  //枣泉东井tongfeng
   {
-    path:'/tongfeng/zaoquan/tongfeng_dongjin',
-    name:'tongfeng_dongjin',
-    component:()=>import('../views/tongfeng/zaoquan/tongfeng_dongjin.vue'),
-    meta:{
-      title:'东井通风'
+    path: '/tongfeng/zaoquan/tongfeng_dongjin',
+    name: 'tongfeng_dongjin',
+    component: () => import('../views/tongfeng/zaoquan/tongfeng_dongjin.vue'),
+    meta: {
+      title: '东井通风'
     }
-    },
+  },
 
 
 
   //枣泉矿井水系统
   {
-    path:'/zaoquan/kuangjingshui/kuangjingshui',
-    name:'kuangjingshui',
-    component:()=>import('../views/zaoquan/kuangjingshui/kuangjingshui.vue'),
-    meta:{
-      title:'矿井水处理'
+    path: '/zaoquan/kuangjingshui/kuangjingshui',
+    name: 'kuangjingshui',
+    component: () => import('../views/zaoquan/kuangjingshui/kuangjingshui.vue'),
+    meta: {
+      title: '矿井水处理'
     }
   },
   //宁东运营部拼图游戏
   {
-    path:"/ningdongyunying/puzzle/puzzles",
-    name:'puzzles',
-    component:()=>import('../views/ningdongyunying/puzzle/puzzles.vue'),
-    meta:{
-      title:'智慧拼图'
+    path: "/ningdongyunying/puzzle/puzzles",
+    name: 'puzzles',
+    component: () => import('../views/ningdongyunying/puzzle/puzzles.vue'),
+    meta: {
+      title: '智慧拼图'
     }
   },
   //宁东运营部拼图游戏详情
   {
-    path:"/ningdongyunying/puzzle/puzzle-info",
-    name:'puzzle-info',
-    component:()=>import('../views/ningdongyunying/puzzle/puzzle-info.vue'),
-    meta:{
-      title:'智慧拼图'
+    path: "/ningdongyunying/puzzle/puzzle-info",
+    name: 'puzzle-info',
+    component: () => import('../views/ningdongyunying/puzzle/puzzle-info.vue'),
+    meta: {
+      title: '智慧拼图'
     }
   },
   //枣泉疫情防控
   {
-    path:"/zaoquan/yiqing/yiqing",
-    name:"yiqing",
-    component:()=>import('../views/zaoquan/yiqing/yiqing.vue'),
-    meta:{
-      title:"疫情防控"
+    path: "/zaoquan/yiqing/yiqing",
+    name: "yiqing",
+    component: () => import('../views/zaoquan/yiqing/yiqing.vue'),
+    meta: {
+      title: "疫情防控"
     }
   },
   //枣泉疫情防控-体温填报
   {
-    path:"/zaoquan/yiqing/yiqing-tiwen",
-    name:"yiqing-tiwen",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-tiwen.vue'),
-    meta:{
-      title:"体温填报"
+    path: "/zaoquan/yiqing/yiqing-tiwen",
+    name: "yiqing-tiwen",
+    component: () => import('../views/zaoquan/yiqing/yiqing-tiwen.vue'),
+    meta: {
+      title: "体温填报"
     }
   },
-   // 体温填报统计
-   {
-    path:"/zaoquan/yiqing/yiqing-tiwentongji",
-    name:"yiqing-tiwentongji",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-tiwentongji.vue'),
-    meta:{
-      title:"体温填报统计"
+  // 体温填报统计
+  {
+    path: "/zaoquan/yiqing/yiqing-tiwentongji",
+    name: "yiqing-tiwentongji",
+    component: () => import('../views/zaoquan/yiqing/yiqing-tiwentongji.vue'),
+    meta: {
+      title: "体温填报统计"
     }
   },
   // 体温填报统计-已填报
   {
-    path:"/zaoquan/yiqing/yiqing-tiwenytb",
-    name:"yiqing-tiwenytb",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-tiwenytb.vue'),
-    meta:{
-      title:"已填报明细"
+    path: "/zaoquan/yiqing/yiqing-tiwenytb",
+    name: "yiqing-tiwenytb",
+    component: () => import('../views/zaoquan/yiqing/yiqing-tiwenytb.vue'),
+    meta: {
+      title: "已填报明细"
     }
   },
   // 体温填报统计-未填报
   {
-    path:"/zaoquan/yiqing/yiqing-tiwenwtb",
-    name:"yiqing-tiwenwtb",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-tiwenwtb.vue'),
-    meta:{
-      title:"未填报明细"
+    path: "/zaoquan/yiqing/yiqing-tiwenwtb",
+    name: "yiqing-tiwenwtb",
+    component: () => import('../views/zaoquan/yiqing/yiqing-tiwenwtb.vue'),
+    meta: {
+      title: "未填报明细"
     }
   },
   //枣泉疫情防控-填报列表
   {
-    path:"/zaoquan/yiqing/yiqing-tianbao",
-    name:"yiqing-tianbao",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-tianbao.vue'),
-    meta:{
-      title:"填报列表"
+    path: "/zaoquan/yiqing/yiqing-tianbao",
+    name: "yiqing-tianbao",
+    component: () => import('../views/zaoquan/yiqing/yiqing-tianbao.vue'),
+    meta: {
+      title: "填报列表"
     }
   },
   //枣泉疫苗接种饼状图
   {
-    path:"/zaoquan/yiqing/yiqing-yimiaojiezhong",
-    name:"yiqing-yimiaojiezhong",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-yimiaojiezhong.vue'),
-    meta:{
-      title:"疫苗接种"
+    path: "/zaoquan/yiqing/yiqing-yimiaojiezhong",
+    name: "yiqing-yimiaojiezhong",
+    component: () => import('../views/zaoquan/yiqing/yiqing-yimiaojiezhong.vue'),
+    meta: {
+      title: "疫苗接种"
     }
   },
   //枣泉核酸检测饼状图
   {
-    path:"/zaoquan/yiqing/yiqing-hesuanjiance",
-    name:"yiqing-hesuanjiance",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-hesuanjiance.vue'),
-    meta:{
-      title:"核酸检测"
+    path: "/zaoquan/yiqing/yiqing-hesuanjiance",
+    name: "yiqing-hesuanjiance",
+    component: () => import('../views/zaoquan/yiqing/yiqing-hesuanjiance.vue'),
+    meta: {
+      title: "核酸检测"
     }
   },
-   //枣泉未接种疫苗原因
-   {
-    path:"/zaoquan/yiqing/yiqing-weijiezhong",
-    name:"yiqing-weijiezhong",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-weijiezhong.vue'),
-    meta:{
-      title:"未接种疫苗详情"
+  //枣泉未接种疫苗原因
+  {
+    path: "/zaoquan/yiqing/yiqing-weijiezhong",
+    name: "yiqing-weijiezhong",
+    component: () => import('../views/zaoquan/yiqing/yiqing-weijiezhong.vue'),
+    meta: {
+      title: "未接种疫苗详情"
     }
   },
-   //枣泉第一针
-   {
-    path:"/zaoquan/yiqing/yiqing-diyiji",
-    name:"yiqing-diyiji",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-diyiji.vue'),
-    meta:{
-      title:"第一针疫苗详情"
+  //枣泉第一针
+  {
+    path: "/zaoquan/yiqing/yiqing-diyiji",
+    name: "yiqing-diyiji",
+    component: () => import('../views/zaoquan/yiqing/yiqing-diyiji.vue'),
+    meta: {
+      title: "第一针疫苗详情"
     }
   },
   //枣泉疫苗统计未录入
   {
-    path:"/zaoquan/yiqing/yiqing-weiluru",
-    name:"yiqing-weiluru",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-weiluru.vue'),
-    meta:{
-      title:"疫苗统计未录入详情"
+    path: "/zaoquan/yiqing/yiqing-weiluru",
+    name: "yiqing-weiluru",
+    component: () => import('../views/zaoquan/yiqing/yiqing-weiluru.vue'),
+    meta: {
+      title: "疫苗统计未录入详情"
     }
   },
-   //枣泉部门
-   {
-    path:"/zaoquan/yiqing/yiqing-bumen",
-    name:"yiqing-bumen",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-bumen.vue'),
-    meta:{
-      title:"部门详情未接种疫苗"
+  //枣泉部门
+  {
+    path: "/zaoquan/yiqing/yiqing-bumen",
+    name: "yiqing-bumen",
+    component: () => import('../views/zaoquan/yiqing/yiqing-bumen.vue'),
+    meta: {
+      title: "部门详情未接种疫苗"
     }
   },
-   //枣泉部门
-   {
-    path:"/zaoquan/yiqing/yiqing-bumenone",
-    name:"yiqing-bumenone",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-bumenone.vue'),
-    meta:{
-      title:"部门详情接种第一剂疫苗"
+  //枣泉部门
+  {
+    path: "/zaoquan/yiqing/yiqing-bumenone",
+    name: "yiqing-bumenone",
+    component: () => import('../views/zaoquan/yiqing/yiqing-bumenone.vue'),
+    meta: {
+      title: "部门详情接种第一剂疫苗"
     }
   },
   //枣泉部门
   {
-    path:"/zaoquan/yiqing/yiqing-bumenwjc",
-    name:"yiqing-bumenwjc",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-bumenwjc.vue'),
-    meta:{
-      title:"部门详情未检测"
+    path: "/zaoquan/yiqing/yiqing-bumenwjc",
+    name: "yiqing-bumenwjc",
+    component: () => import('../views/zaoquan/yiqing/yiqing-bumenwjc.vue'),
+    meta: {
+      title: "部门详情未检测"
     }
   },
   // 返宁人员列表
   {
-    path:"/zaoquan/yiqing/yiqing-fanninglist",
-    name:"yiqing-fanninglist",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-fanninglist.vue'),
-    meta:{
-      title:"返宁人员"
+    path: "/zaoquan/yiqing/yiqing-fanninglist",
+    name: "yiqing-fanninglist",
+    component: () => import('../views/zaoquan/yiqing/yiqing-fanninglist.vue'),
+    meta: {
+      title: "返宁人员"
     }
   },
   // 外出人员统计详情
   {
-    path:"/zaoquan/yiqing/yiqing-fanningdetail",
-    name:"yiqing-fanningdetail",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-fanningdetail.vue'),
-    meta:{
-      title:"外出人员统计"
+    path: "/zaoquan/yiqing/yiqing-fanningdetail",
+    name: "yiqing-fanningdetail",
+    component: () => import('../views/zaoquan/yiqing/yiqing-fanningdetail.vue'),
+    meta: {
+      title: "外出人员统计"
     }
   },
   // 出省人员列表
   {
-    path:"/zaoquan/yiqing/yiqing-chushenglist",
-    name:"yiqing-chushenglist",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-chushenglist.vue'),
-    meta:{
-      title:"出省人员"
+    path: "/zaoquan/yiqing/yiqing-chushenglist",
+    name: "yiqing-chushenglist",
+    component: () => import('../views/zaoquan/yiqing/yiqing-chushenglist.vue'),
+    meta: {
+      title: "出省人员"
     }
   },
   // 出省人员统计详情
   {
-    path:"/zaoquan/yiqing/yiqing-chushengdetail",
-    name:"yiqing-chushengdetail",
-    component:()=>import('../views/zaoquan/yiqing/yiqing-chushengdetail.vue'),
-    meta:{
-      title:"出省人员统计"
+    path: "/zaoquan/yiqing/yiqing-chushengdetail",
+    name: "yiqing-chushengdetail",
+    component: () => import('../views/zaoquan/yiqing/yiqing-chushengdetail.vue'),
+    meta: {
+      title: "出省人员统计"
     }
   },
 
 
   //宁东疫情防控
   {
-    path:"/ningdongyunying/yiqing/yiqing",
-    name:"yiqing",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing.vue'),
-    meta:{
-      title:"疫情防控"
+    path: "/ningdongyunying/yiqing/yiqing",
+    name: "yiqing",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing.vue'),
+    meta: {
+      title: "疫情防控"
     }
   },
   //宁东疫情防控-体温填报
   {
-    path:"/ningdongyunying/yiqing/yiqing-tiwen",
-    name:"yiqing-tiwen",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing-tiwen.vue'),
-    meta:{
-      title:"体温填报"
+    path: "/ningdongyunying/yiqing/yiqing-tiwen",
+    name: "yiqing-tiwen",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing-tiwen.vue'),
+    meta: {
+      title: "体温填报"
     }
   },
   //宁东疫情防控-填报列表
   {
-    path:"/ningdongyunying/yiqing/yiqing-tianbao",
-    name:"yiqing-tianbao",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing-tianbao.vue'),
-    meta:{
-      title:"填报列表"
+    path: "/ningdongyunying/yiqing/yiqing-tianbao",
+    name: "yiqing-tianbao",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing-tianbao.vue'),
+    meta: {
+      title: "填报列表"
     }
   },
   //宁东疫苗接种饼状图
   {
-    path:"/ningdongyunying/yiqing/yiqing-yimiaojiezhong",
-    name:"yiqing-yimiaojiezhong",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing-yimiaojiezhong.vue'),
-    meta:{
-      title:"疫苗接种"
+    path: "/ningdongyunying/yiqing/yiqing-yimiaojiezhong",
+    name: "yiqing-yimiaojiezhong",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing-yimiaojiezhong.vue'),
+    meta: {
+      title: "疫苗接种"
     }
   },
   //宁东核酸检测饼状图
   {
-    path:"/ningdongyunying/yiqing/yiqing-hesuanjiance",
-    name:"yiqing-hesuanjiance",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing-hesuanjiance.vue'),
-    meta:{
-      title:"核酸检测"
+    path: "/ningdongyunying/yiqing/yiqing-hesuanjiance",
+    name: "yiqing-hesuanjiance",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing-hesuanjiance.vue'),
+    meta: {
+      title: "核酸检测"
     }
   },
-   //宁东未接种疫苗原因
-   {
-    path:"/ningdongyunying/yiqing/yiqing-weijiezhong",
-    name:"yiqing-weijiezhong",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing-weijiezhong.vue'),
-    meta:{
-      title:"未接种疫苗详情"
+  //宁东未接种疫苗原因
+  {
+    path: "/ningdongyunying/yiqing/yiqing-weijiezhong",
+    name: "yiqing-weijiezhong",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing-weijiezhong.vue'),
+    meta: {
+      title: "未接种疫苗详情"
     }
   },
-   //宁东第一针
-   {
-    path:"/ningdongyunying/yiqing/yiqing-diyiji",
-    name:"yiqing-diyiji",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing-diyiji.vue'),
-    meta:{
-      title:"第一针疫苗详情"
+  //宁东第一针
+  {
+    path: "/ningdongyunying/yiqing/yiqing-diyiji",
+    name: "yiqing-diyiji",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing-diyiji.vue'),
+    meta: {
+      title: "第一针疫苗详情"
     }
   },
-   //宁东部门
-   {
-    path:"/ningdongyunying/yiqing/yiqing-bumen",
-    name:"yiqing-bumen",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing-bumen.vue'),
-    meta:{
-      title:"部门详情未接种疫苗"
+  //宁东部门
+  {
+    path: "/ningdongyunying/yiqing/yiqing-bumen",
+    name: "yiqing-bumen",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing-bumen.vue'),
+    meta: {
+      title: "部门详情未接种疫苗"
     }
   },
-   //宁东部门
-   {
-    path:"/ningdongyunying/yiqing/yiqing-bumenone",
-    name:"yiqing-bumenone",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing-bumenone.vue'),
-    meta:{
-      title:"部门详情接种第一剂疫苗"
+  //宁东部门
+  {
+    path: "/ningdongyunying/yiqing/yiqing-bumenone",
+    name: "yiqing-bumenone",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing-bumenone.vue'),
+    meta: {
+      title: "部门详情接种第一剂疫苗"
     }
   },
   //宁东部门
   {
-    path:"/ningdongyunying/yiqing/yiqing-bumenwjc",
-    name:"yiqing-bumenwjc",
-    component:()=>import('../views/ningdongyunying/yiqing/yiqing-bumenwjc.vue'),
-    meta:{
-      title:"部门详情未检测"
+    path: "/ningdongyunying/yiqing/yiqing-bumenwjc",
+    name: "yiqing-bumenwjc",
+    component: () => import('../views/ningdongyunying/yiqing/yiqing-bumenwjc.vue'),
+    meta: {
+      title: "部门详情未检测"
     }
   },
   //金家渠视频监控首页
   {
-    path:"/jinjiaqu/videoshome",
-    name:"videoshome",
-    component:()=>import("../views/jinjiaqu/videoshome.vue"),
-    meta:{
-      title:"金家渠视频监控首页"
+    path: "/jinjiaqu/videoshome",
+    name: "videoshome",
+    component: () => import("../views/jinjiaqu/videoshome.vue"),
+    meta: {
+      title: "金家渠视频监控首页"
     }
   },
   //金家渠视频监控
   {
-    path:"/jinjiaqu/videos",
-    name:"videos",
-    component:()=>import("../views/jinjiaqu/videos.vue"),
-    meta:{
-      title:"金家渠视频监控"
+    path: "/jinjiaqu/videos",
+    name: "videos",
+    component: () => import("../views/jinjiaqu/videos.vue"),
+    meta: {
+      title: "金家渠视频监控"
     }
   },
 
   //石槽评测打分
   {
-    path:"/shicao/pingce/pingcedafen",
-    name:"pingcedafen",
-    component:()=>import("../views/shicao/pingce/pingcedafen.vue"),
-    meta:{
-      title:"评测打分"
+    path: "/shicao/pingce/pingcedafen",
+    name: "pingcedafen",
+    component: () => import("../views/shicao/pingce/pingcedafen.vue"),
+    meta: {
+      title: "评测打分"
     }
   },
   //石槽评测打分分类
   {
-    path:"/shicao/pingce/pingceinfo",
-    name:"pingceinfo",
-    component:()=>import("../views/shicao/pingce/pingceinfo.vue"),
-    meta:{
-      title:"评测打分人员详情"
+    path: "/shicao/pingce/pingceinfo",
+    name: "pingceinfo",
+    component: () => import("../views/shicao/pingce/pingceinfo.vue"),
+    meta: {
+      title: "评测打分人员详情"
     }
   },
-   //石槽评测打分详情
-   {
-    path:"/shicao/pingce/pingceno",
-    name:"pingceno",
-    component:()=>import("../views/shicao/pingce/pingceno.vue"),
-    meta:{
-      title:"评测打分人员详情"
+  //石槽评测打分详情
+  {
+    path: "/shicao/pingce/pingceno",
+    name: "pingceno",
+    component: () => import("../views/shicao/pingce/pingceno.vue"),
+    meta: {
+      title: "评测打分人员详情"
     }
   },
   //石槽评测打分详情
   {
-    path:"/shicao/pingce/pingceyes",
-    name:"pingceyes",
-    component:()=>import("../views/shicao/pingce/pingceyes.vue"),
-    meta:{
-      title:"评测打分人员详情"
+    path: "/shicao/pingce/pingceyes",
+    name: "pingceyes",
+    component: () => import("../views/shicao/pingce/pingceyes.vue"),
+    meta: {
+      title: "评测打分人员详情"
+    }
+  },
+  //梅花井隐患排查首页
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanlist",
+    name: "yinhuanlist",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanlist.vue"),
+    meta: {
+      title: "风险预控系统"
+    }
+  },
+  //梅花井隐患排查
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuaninfo",
+    name: "yinhuaninfo",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuaninfo.vue"),
+    meta: {
+      title: "隐患排查"
+    }
+  },
+  //梅花井隐患排查提交
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanform",
+    name: "yinhuanform",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanform.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
+  //梅花井隐患排查整改
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanformz",
+    name: "yinhuanformz",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanformz.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
+  //梅花井隐患排查验收
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanformy",
+    name: "yinhuanformy",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanformy.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
+  //梅花井隐患排查验收完成
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanformok",
+    name: "yinhuanformok",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanformok.vue"),
+    meta: {
+      title: "风险评级"
     }
   },
   //路由重定向
   {
-    path:'/',
-    redirect:{"name":"pingcedafen"}
+    path: '/',
+    redirect: { "name": "yinhuanlist" }
   }
 ]
 

src/views/meihuajing/yinhuanpaicha/yinhuanform.vue

@@ -0,0 +1,429 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers">
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="检查专业"
+          :value="value1"
+          placeholder="请选择"
+          @click="showPicker1 = true"
+        />
+        <van-popup v-model="showPicker1" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns1"
+            @cancel="showPicker1 = false"
+            @confirm="onConfirm1"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="隐患等级"
+          :value="value2"
+          placeholder="请选择"
+          @click="showPicker2 = true"
+        />
+        <van-popup v-model="showPicker2" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns2"
+            @cancel="showPicker2 = false"
+            @confirm="onConfirm2"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="风险点"
+          :value="value3"
+          placeholder="请选择"
+          @click="showPicker3 = true"
+        />
+        <van-popup v-model="showPicker3" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns3"
+            @cancel="showPicker3 = false"
+            @confirm="onConfirm3"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="风险类型"
+          :value="value4"
+          placeholder="请选择"
+          @click="showPicker4 = true"
+        />
+        <van-popup v-model="showPicker4" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns4"
+            @cancel="showPicker4 = false"
+            @confirm="onConfirm4"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="风险等级"
+          :value="value5"
+          placeholder="请选择"
+          @click="showPicker5 = true"
+        />
+        <van-popup v-model="showPicker5" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns5"
+            @cancel="showPicker5 = false"
+            @confirm="onConfirm5"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="事故类型"
+          :value="value6"
+          placeholder="请选择"
+          @click="showPicker6 = true"
+        />
+        <van-popup v-model="showPicker6" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns6"
+            @cancel="showPicker6 = false"
+            @confirm="onConfirm6"
+          />
+        </van-popup>
+      </div>
+
+      <div class="buttons" v-if="zhankai1">
+        <button @click="sc">筛选</button>
+      </div>
+      <div v-if="zhankai2">
+        <el-table :data="tableData" border style="width: 100%">
+          <el-table-column
+            align="center"
+            fixed="left"
+            width="30"
+            @row-click="handleClickRow"
+          >
+            <template scope="scope">
+              <el-radio
+                :label="scope.$index"
+                @change.native="getCurrentRow(scope.row)"
+                v-model="radio"
+                :show-overflow-tooltip="false"
+              >
+              </el-radio>
+            </template>
+          </el-table-column>
+          <el-table-column fixed prop="date" label="风险描述"></el-table-column>
+          <el-table-column prop="name" label="后果及影响"></el-table-column>
+          <el-table-column prop="address" label="管控措施"></el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="督办部门"
+          :value="value7"
+          placeholder="请选择"
+          @click="showPicker7 = true"
+        />
+        <van-popup v-model="showPicker7" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns7"
+            @cancel="showPicker7 = false"
+            @confirm="onConfirm7"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="督办责任人"
+          :value="value8"
+          placeholder="请选择"
+          @click="showPicker8 = true"
+        />
+        <van-popup v-model="showPicker8" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns8"
+            @cancel="showPicker8 = false"
+            @confirm="onConfirm8"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-cell title="整改日期" :value="dates" @click="showtime = true" :placeholder="'请选择'+label"/>
+        <van-calendar v-model="showtime" @confirm="onConfirm" placeholder="请选择"/>
+      </div>
+    </div>
+    <div class="buttons">
+      <button @click="tianjia">确认添加</button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      shows: true,
+      zhankai1: true,
+      zhankai2: false,
+      dates: "请选择"?"请选择":"",
+      showtime: false,
+      value1: "", //检查专业
+      showPicker1: false,
+      columns1: ["掘进专业", "钻头专业", "打井专业"],
+      value2: "", //隐患等级
+      showPicker2: false,
+      columns2: ["一级", "二级", "三级"],
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      showPicker3: false,
+      columns3: ["一点", "两点", "三点"],
+      value4: "", //风险类型
+      showPicker4: false,
+      columns4: ["大类型", "中类型", "小类型"],
+      value5: "", //风险等级
+      showPicker5: false,
+      columns5: ["一级", "二级", "三级"],
+      value6: "", //事故类型
+      showPicker6: false,
+      columns6: ["事故一类", "事故二类", "事故三类"],
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      showPicker7: false,
+      columns7: ["一部门", "二部门", "三部门"],
+      value8: "", //督办责任人
+      showPicker8: false,
+      columns8: ["张三", "李四", "王五"],
+
+      radio: "", //  选中项
+      tableData: [
+        {
+          date: "风险描述1",
+          name: "后果及影响1",
+          address: "管控措施1",
+        },
+        {
+          date: "风险描述2",
+          name: "后果及影响2",
+          address: "管控措施2",
+        },
+        {
+          date: "风险描述3",
+          name: "后果及影响3",
+          address: "管控措施3",
+        },
+      ],
+      multipleSelection: [],
+      infos: [],
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      //   window.history.back();
+      console.log("sss");
+    },
+    getCurrentRow(row) {
+      // 获取选中数据
+      console.log(row);
+    },
+    handleClickRow(val) {
+      console.log(val);
+      // this.infos = val;
+    },
+    sc() {
+      // console.log(this.infos);
+      this.zhankai1 = false;
+      this.zhankai2 = true;
+    },
+    tianjia() {
+      console.log(
+        this.dates
+      );
+    },
+    onConfirm1(value) {
+      console.log(value);
+      this.value1 = value;
+      this.showPicker1 = false;
+    },
+    onConfirm2(value) {
+      console.log(value);
+      this.value2 = value;
+      this.showPicker2 = false;
+    },
+    onConfirm3(value) {
+      console.log(value);
+      this.value3 = value;
+      this.showPicker3 = false;
+    },
+    onConfirm4(value) {
+      console.log(value);
+      this.value4 = value;
+      this.showPicker4 = false;
+    },
+    onConfirm5(value) {
+      console.log(value);
+      this.value5 = value;
+      this.showPicker5 = false;
+    },
+    onConfirm6(value) {
+      console.log(value);
+      this.value6 = value;
+      this.showPicker6 = false;
+    },
+    onConfirm7(value) {
+      console.log(value);
+      this.value7 = value;
+      this.showPicker7 = false;
+    },
+    onConfirm8(value) {
+      console.log(value);
+      this.value8 = value;
+      this.showPicker8 = false;
+    },
+    formatDate(date) {
+      return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+    },
+    onConfirm(date) {
+      this.showtime = false;
+      this.dates = this.formatDate(date);
+      console.log(this.dates);
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+>>> .van-cell__title,
+.van-cell__value {
+  -webkit-box-flex: 1;
+  -webkit-flex: none;
+  flex: none;
+}
+>>> .van-cell__value > span {
+  padding-left: 42px;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+.buttons {
+  width: 110px;
+  height: 40px;
+  background: #39f;
+  margin: 10px auto;
+  text-align: center;
+  line-height: 40px;
+  border-radius: 20px;
+}
+.buttons > button {
+  border: none;
+  color: #fff;
+  background: #39f;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanformok.vue

@@ -0,0 +1,388 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value1"
+          name="检查专业"
+          label="检查专业"
+          placeholder="检查专业"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value2"
+          name="隐患等级"
+          label="隐患等级"
+          placeholder="隐患等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          v-model="value3"
+          name="风险点"
+          label="风险点"
+          placeholder="风险点"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value4"
+          name="风险类型"
+          label="风险类型"
+          placeholder="风险类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value5"
+          name="风险等级"
+          label="风险等级"
+          placeholder="风险等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value6"
+          name="事故类型"
+          label="事故类型"
+          placeholder="事故类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message3"
+            rows="1"
+            autosize
+            label="风险描述"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message4"
+            rows="1"
+            autosize
+            label="后果及影响"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message5"
+            rows="1"
+            autosize
+            label="管控措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <!-- <div>
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="45"> </el-table-column>
+          <el-table-column label="日期" width="90">
+            <template slot-scope="scope">{{ scope.row.date }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="120">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" show-overflow-tooltip>
+          </el-table-column>
+        </el-table>
+      </div> -->
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          v-model="value7"
+          name="督办部门"
+          label="督办部门"
+          placeholder="督办部门"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value8"
+          name="督办责任人"
+          label="督办责任人"
+          placeholder="督办责任人"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+    </div>
+    <div class="contents2">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message8"
+            rows="1"
+            autosize
+            label="整改意见"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+        <div class="contents2_img">
+          <p>添加图片</p>
+          <div>
+            <van-uploader v-model="fileList" multiple />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="contents3">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message9"
+            rows="1"
+            autosize
+            label="验收意见"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message10"
+            rows="1"
+            autosize
+            label="验收日期"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message11"
+            rows="1"
+            autosize
+            label="验收部门"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message12"
+            rows="1"
+            autosize
+            label="验收责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message13"
+            rows="1"
+            autosize
+            label="验收结果"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点 
+      value4: "", //风险类型 
+      value5: "", //风险等级 
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人 
+      value9: "", //整改期限  
+      message8: "", //整改意见
+      message9: "", //验收意见
+      message10: "", //验收日期
+      message11: "", //验收部门
+      message12: "", //验收责任人
+      message13: "", //验收结果
+      fileList: [],
+      infos: [],
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      //   window.history.back();
+      console.log("sss");
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1,
+.contents2,
+.contents3 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+.buttons {
+  width: 100%;
+  text-align: center;
+}
+.buttons > .buttons_one {
+  border: none;
+  background: #4dc100;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.buttons > .buttons_two {
+  border: none;
+  background: #c00201;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.contents2_img {
+  display: flex;
+}
+.contents2_img > p {
+  font-size: 14px;
+  margin-left: 16px;
+  color: #646566;
+}
+.contents2_img > div {
+  margin-left: 40px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanformy.vue

@@ -0,0 +1,393 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value1"
+          name="检查专业"
+          label="检查专业"
+          placeholder="检查专业"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value2"
+          name="隐患等级"
+          label="隐患等级"
+          placeholder="隐患等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          v-model="value3"
+          name="风险点"
+          label="风险点"
+          placeholder="风险点"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value4"
+          name="风险类型"
+          label="风险类型"
+          placeholder="风险类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value5"
+          name="风险等级"
+          label="风险等级"
+          placeholder="风险等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value6"
+          name="事故类型"
+          label="事故类型"
+          placeholder="事故类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message3"
+            rows="1"
+            autosize
+            label="风险描述"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message4"
+            rows="1"
+            autosize
+            label="后果及影响"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message5"
+            rows="1"
+            autosize
+            label="管控措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <!-- <div>
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="45"> </el-table-column>
+          <el-table-column label="日期" width="90">
+            <template slot-scope="scope">{{ scope.row.date }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="120">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" show-overflow-tooltip>
+          </el-table-column>
+        </el-table>
+      </div> -->
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          v-model="value7"
+          name="督办部门"
+          label="督办部门"
+          placeholder="督办部门"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value8"
+          name="督办责任人"
+          label="督办责任人"
+          placeholder="督办责任人"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+    </div>
+    <div class="contents2">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message8"
+            rows="1"
+            autosize
+            label="整改意见"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+        <div class="contents2_img">
+          <p>添加图片</p>
+          <div>
+            <van-uploader v-model="fileList" multiple />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="contents3">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message9"
+            rows="1"
+            autosize
+            label="验收意见"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+          <van-field
+            v-model="message10"
+            rows="1"
+            autosize
+            label="验收日期"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+          <van-field
+            v-model="message11"
+            rows="1"
+            autosize
+            label="验收部门"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+          <van-field
+            v-model="message12"
+            rows="1"
+            autosize
+            label="验收责任人"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+          <van-field
+            v-model="message13"
+            rows="1"
+            autosize
+            label="验收结果"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="buttons">
+      <button class="buttons_one">验收通过</button>
+      <button class="buttons_two">验收未通过</button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点 
+      value4: "", //风险类型 
+      value5: "", //风险等级 
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人 
+      value9: "", //整改期限  
+      message8: "", //整改意见
+      message9: "", //验收意见
+      message10: "", //验收日期
+      message11: "", //验收部门
+      message12: "", //验收责任人
+      message13: "", //验收结果
+      fileList: [],
+      infos: [],
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      //   window.history.back();
+      console.log("sss");
+    },
+    tianjia() {
+      console.log(this.message8, this.fileList);
+    },
+    afterRead(file) {
+      console.log(file);
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1,
+.contents2,
+.contents3 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+.buttons {
+  width: 100%;
+  text-align: center;
+}
+.buttons > .buttons_one {
+  border: none;
+  background: #4dc100;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.buttons > .buttons_two {
+  border: none;
+  background: #c00201;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.contents2_img {
+  display: flex;
+}
+.contents2_img > p {
+  font-size: 14px;
+  margin-left: 16px;
+  color: #646566;
+}
+.contents2_img > div {
+  margin-left: 40px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanformz.vue

@@ -0,0 +1,345 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value1"
+          name="检查专业"
+          label="检查专业"
+          placeholder="检查专业"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value2"
+          name="隐患等级"
+          label="隐患等级"
+          placeholder="隐患等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          v-model="value3"
+          name="风险点"
+          label="风险点"
+          placeholder="风险点"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value4"
+          name="风险类型"
+          label="风险类型"
+          placeholder="风险类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value5"
+          name="风险等级"
+          label="风险等级"
+          placeholder="风险等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value6"
+          name="事故类型"
+          label="事故类型"
+          placeholder="事故类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message3"
+            rows="1"
+            autosize
+            label="风险描述"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message4"
+            rows="1"
+            autosize
+            label="后果及影响"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message5"
+            rows="1"
+            autosize
+            label="管控措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <!-- <div>
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="45"> </el-table-column>
+          <el-table-column label="日期" width="90">
+            <template slot-scope="scope">{{ scope.row.date }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="120">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" show-overflow-tooltip>
+          </el-table-column>
+        </el-table>
+      </div> -->
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          v-model="value7"
+          name="督办部门"
+          label="督办部门"
+          placeholder="督办部门"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value8"
+          name="督办责任人"
+          label="督办责任人"
+          placeholder="督办责任人"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+    </div>
+    <div class="contents2">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message8"
+            rows="1"
+            autosize
+            label="整改意见"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+        </van-cell-group>
+        <div class="contents2_img">
+          <p>添加图片</p>
+          <div>
+            <van-uploader v-model="fileList" multiple />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="buttons">
+      <button @click="tianjia">确认添加</button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人 
+      value9: "", //整改期限  
+      message8: "", //整改意见
+      fileList: [],
+      tableData: [
+        {
+          date: "风险描述1",
+          name: "后果及影响1",
+          address: "管控措施1",
+        },
+        {
+          date: "风险描述2",
+          name: "后果及影响2",
+          address: "管控措施2",
+        },
+        {
+          date: "风险描述3",
+          name: "后果及影响3",
+          address: "管控措施3",
+        },
+      ],
+      multipleSelection: [],
+      infos: [],
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      //   window.history.back();
+      console.log("sss");
+    },
+    tianjia() {
+      console.log(this.message8, this.fileList);
+    },
+    afterRead(file) {
+      console.log(file);
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1,
+.contents2 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+.buttons {
+  width: 110px;
+  height: 40px;
+  background: #39f;
+  margin: 10px auto;
+  text-align: center;
+  line-height: 40px;
+  border-radius: 20px;
+}
+.buttons > button {
+  border: none;
+  color: #fff;
+  background: #39f;
+}
+.contents2_img {
+  display: flex;
+}
+.contents2_img > p {
+  font-size: 14px;
+  margin-left: 16px;
+  color: #646566;
+}
+.contents2_img > div {
+  margin-left: 40px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuaninfo.vue

@@ -0,0 +1,411 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="隐患排查" left-arrow right-text="添加" @click-left="onClickLeft" @click-right="onClickRight"/>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="责任单位"
+          :value="value1"
+          placeholder="请选择"
+          @click="showPicker1 = true"
+        />
+        <van-popup v-model="showPicker1" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns1"
+            @cancel="showPicker1 = false"
+            @confirm="onConfirm1"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="整改责任人"
+          :value="value2"
+          placeholder="请选择"
+          @click="showPicker2 = true"
+        />
+        <van-popup v-model="showPicker2" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns2"
+            @cancel="showPicker2 = false"
+            @confirm="onConfirm2"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="检查专业"
+          :value="value3"
+          placeholder="请选择"
+          @click="showPicker3 = true"
+        />
+        <van-popup v-model="showPicker3" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns3"
+            @cancel="showPicker3 = false"
+            @confirm="onConfirm3"
+          />
+        </van-popup>
+      </div>
+
+      <div class="contents_button" @click="buttons">
+        <button>查询</button>
+      </div>
+    </div>
+
+    <div class="footed">
+      <van-tabs @click="onClick" v-model="active">
+        <van-tab title="我的发布">
+          <div class="footed_box">
+            <div class="footed_box_one">
+              <p class="footed_box_one_p1">张三</p>
+              <p class="footed_box_one_p2">2021-10-12</p>
+              <p class="footed_box_one_p3">已验收</p>
+            </div>
+            <div class="footed_box_two">
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">风险点</span>
+                <span>111001运输港</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">检查单位</span>
+                <span>掘进专业</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">责任但闻</span>
+                <span>综掘进三队</span>
+              </div>
+            </div>
+            <div class="footed_box_three">
+              <img src="../../../assets/images/meihuajing/信息.png" alt="" />
+            </div>
+          </div>
+        </van-tab>
+        <van-tab title="我的整改">
+          <div class="footed_box">
+            <div class="footed_box_one">
+              <p class="footed_box_one_p1">李四</p>
+              <p class="footed_box_one_p2">2021-10-13</p>
+              <p class="footed_box_one_p6">未整改</p>
+            </div>
+            <div class="footed_box_two">
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">风险点</span>
+                <span>111001运输港</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">检查单位</span>
+                <span>掘进专业</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">责任但闻</span>
+                <span>综掘进三队</span>
+              </div>
+            </div>
+            <div class="footed_box_three" @click="dianji">
+              <img src="../../../assets/images/meihuajing/信息.png" alt="" />
+            </div>
+          </div>
+        </van-tab>
+        <van-tab title="全部">
+          <div class="footed_box">
+            <div class="footed_box_one">
+              <p class="footed_box_one_p1">王五</p>
+              <p class="footed_box_one_p2">2021-10-14</p>
+              <p class="footed_box_one_p5">逾期</p>
+            </div>
+            <div class="footed_box_two">
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">风险点</span>
+                <span>111001运输港</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">检查单位</span>
+                <span>掘进专业</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">责任但闻</span>
+                <span>综掘进三队</span>
+              </div>
+            </div>
+            <div class="footed_box_three" @click="dianji">
+              <img src="../../../assets/images/meihuajing/信息.png" alt="" />
+            </div>
+          </div>
+
+          <div class="footed_box">
+            <div class="footed_box_one">
+              <p class="footed_box_one_p1">李四</p>
+              <p class="footed_box_one_p2">2021-10-13</p>
+              <p class="footed_box_one_p4">未验收</p>
+            </div>
+            <div class="footed_box_two">
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">风险点</span>
+                <span>111001运输港</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">检查单位</span>
+                <span>掘进专业</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">责任但闻</span>
+                <span>综掘进三队</span>
+              </div>
+            </div>
+            <div class="footed_box_three" @click="dianji1">
+              <img src="../../../assets/images/meihuajing/信息.png" alt="" />
+            </div>
+          </div>
+
+          <div class="footed_box">
+            <div class="footed_box_one">
+              <p class="footed_box_one_p1">张三</p>
+              <p class="footed_box_one_p2">2021-10-12</p>
+              <p class="footed_box_one_p6">未整改</p>
+            </div>
+            <div class="footed_box_two">
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">风险点</span>
+                <span>111001运输港</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">检查单位</span>
+                <span>掘进专业</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">责任但闻</span>
+                <span>综掘进三队</span>
+              </div>
+            </div>
+            <div class="footed_box_three" @click="dianji">
+              <img src="../../../assets/images/meihuajing/信息.png" alt="" />
+            </div>
+          </div>
+
+          <div class="footed_box">
+            <div class="footed_box_one">
+              <p class="footed_box_one_p1">赵六</p>
+              <p class="footed_box_one_p2">2021-10-12</p>
+              <p class="footed_box_one_p3">已验收</p>
+            </div>
+            <div class="footed_box_two">
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">风险点</span>
+                <span>111001运输港</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">检查单位</span>
+                <span>掘进专业</span>
+              </div>
+              <div class="footed_box_two_div">
+                <span class="footed_box_span1">责任但闻</span>
+                <span>综掘进三队</span>
+              </div>
+            </div>
+            <div class="footed_box_three" @click="dianji2">
+              <img src="../../../assets/images/meihuajing/信息.png" alt="" />
+            </div>
+          </div>
+        </van-tab>
+      </van-tabs>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      shows: true, //tabber是否显示
+      active: 2,
+      value1: "",
+      value2: "",
+      value3: "",
+      showPicker1: false,
+      showPicker2: false,
+      showPicker3: false,
+      columns1: ["综掘进一队", "综掘进二队", "综掘进三队"],
+      columns2: ["张三", "李四", "王五"],
+      columns3: ["掘进专业", "钻头专业", "打井专业"],
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      //   window.history.back();
+      console.log("sss");
+    },
+    onClickRight(){
+      this.$router.push("/meihuajing/yinhuanpaicha/yinhuanform");
+    },
+    onConfirm1(value) {
+      //   console.log("1");
+      console.log(value);
+      this.value1 = value;
+      this.showPicker1 = false;
+    },
+    onConfirm2(value) {
+      //   console.log("2");
+      console.log(value);
+      this.value2 = value;
+      this.showPicker2 = false;
+    },
+    onConfirm3(value) {
+      //   console.log("3");
+      console.log(value);
+      this.value3 = value;
+      this.showPicker3 = false;
+    },
+    buttons() {
+      console.log(this.value1, this.value2, this.value3);
+    },
+    onClick(name, title) {
+      console.log(name, title);
+    },
+    dianji(){
+      this.$router.push("/meihuajing/yinhuanpaicha/yinhuanformz");
+    },
+    dianji1(){
+      this.$router.push("/meihuajing/yinhuanpaicha/yinhuanformy");
+    },
+    dianji2(){
+      this.$router.push("/meihuajing/yinhuanpaicha/yinhuanformok");
+    }
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.contents {
+  width: 100%;
+  background: #fff;
+}
+.contents_button {
+  width: 151px;
+  margin: 20px auto;
+  height: 34px;
+  background: #39f;
+  border-radius: 20px;
+  text-align: center;
+  line-height: 34px;
+}
+.contents_button > button {
+  border: none;
+  background: #39f;
+  color: #fff;
+}
+.footed {
+  width: 100%;
+  background: #fff;
+}
+.footed_box {
+  width: 90%;
+  margin: 5px auto;
+  display: flex;
+  border-bottom: 1px solid #f0f0f0;
+}
+.footed_box_one {
+  width: 30%;
+  text-align: center;
+}
+.footed_box_two {
+  width: 56%;
+}
+.footed_box_three {
+  width: 10%;
+  text-align: center;
+}
+.footed_box_three > img {
+  margin-top: 34px;
+  width: 34px;
+}
+.footed_box_two_div {
+  display: flex;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.footed_box_span1 {
+  width: 77px;
+  color: #9b9b9b;
+}
+.footed_box_one_p1 {
+  margin-top: 10px;
+  font-size: 20px;
+}
+.footed_box_one_p2 {
+  font-size: 14px;
+  color: #9b9b9b;
+}
+.footed_box_one_p3 {
+  background: #4dc100;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p4{
+  background: #fdaf00;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p5{
+  background: #c00201;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p6{
+  background: #39f;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanlist.vue

@@ -0,0 +1,75 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="风险预控系统" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers">
+      <div class="headers_one" @click="ones">
+        <img src="../../../assets/images/meihuajing/不安全行为.png" alt="" />
+      </div>
+      <div class="headers_two" @click="twos">
+        <img src="../../../assets/images/meihuajing/隐患排查.png" alt="" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {} from "../../../assets/images/meihuajing/不安全行为.png";
+export default {
+  data() {
+    return {
+      shows: true, //tabber是否显示
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      //   window.history.back();
+      console.log("sss");
+    },
+    ones() {
+      console.log("one");
+    },
+    twos() {
+      //   console.log("two");
+      this.$router.push("/meihuajing/yinhuanpaicha/yinhuaninfo");
+    },
+  },
+  mounted() {},
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
+  margin-top: 20px;
+}
+.headers_one,
+.headers_two {
+  width: 45%;
+}
+.headers_one > img {
+  width: 100%;
+}
+.headers_two > img {
+  width: 100%;
+}
+</style>

src/views/shicao/pingce/pingceyes.vue

@@ -380,37 +380,37 @@ export default {
           ],
         },
       ],
-      // value2: "2",
-      // values2: "",
-      // value3: "2",
-      // values3: "",
-      // value4: "",
-      // values4: "",
-      // value5: "",
-      // values5: "",
-      // value6: "",
-      // values6: "",
-      // value7: "",
-      // values7: "",
-      // value8: "",
-      // values8: "",
-      // value9: "",
-      // values9: "",
-      // value10: "",
-      // values10: "",
-      // value11: "",
-      // values11: "",
-      // value12: "",
-      // values12: "",
-      // value13: "",
-      // values13: "",
-      // value14: "",
-      // values14: "",
-      // value15: "",
-      // values15: "",
-      // value16: "",
-      // values16: "",
-      showPicker1: false,
+      value2: "2",
+      values2: "",
+      value3: "2",
+      values3: "",
+      value4: "",
+      values4: "",
+      value5: "",
+      values5: "",
+      value6: "",
+      values6: "",
+      value7: "",
+      values7: "",
+      value8: "",
+      values8: "",
+      value9: "",
+      values9: "",
+      value10: "",
+      values10: "",
+      value11: "",
+      values11: "",
+      value12: "",
+      values12: "",
+      value13: "",
+      values13: "",
+      value14: "",
+      values14: "",
+      value15: "",
+      values15: "",
+      value16: "",
+      values16: "",
+      // showPicker1: false,
       // showPicker2: false,
       // showPicker3: false,
       // showPicker4: false,