代码回滚

src/views/newBI/guide.vue

@@ -0,0 +1,108 @@
+<template>
+  <div id="guide">
+    <div class="header">
+      <div class="title"/>
+    </div>
+    <div class="container">
+      <div class="menu">
+        <div
+          v-for="(item, index) in menuList"
+          :key="index"
+          class="item"
+          @click="item.click"
+        >
+          <div class="text">{{ item.text }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import autofit from 'autofit.js'
+import { menuList } from './menuList'
+
+export default {
+  data() {
+    return {
+      menuList
+    }
+  },
+  mounted() {
+    autofit.init({
+      dh: 1080,
+      dw: 1920,
+      el: '#guide',
+      resize: true
+    })
+  },
+  beforeDestroy() {
+    autofit.off()
+  }
+}
+</script>
+
+<style scoped lang="scss">
+#guide {
+  width: 100vw;
+  height: 100vh;
+  background-image: url("../../assets/images/party/bg.jpg");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+
+  .header {
+    width: 100%;
+    height: 125px;
+    background-image: url("../../assets/images/party/titbg.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    .title {
+      width: 358px;
+      height: 52px;
+      background-image: url("../../assets/images/party/title.png");
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      position: absolute;
+      top: 20px;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+  }
+
+  .container {
+    width: 100%;
+    height: 100%;
+    color: #fff;
+    position: relative;
+
+    .menu {
+      width: max-content;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      display: grid;
+      grid-template-columns: repeat(5, 273px);
+      gap: 90px 25px;
+
+      .item {
+        width: 273px;
+        height: 95px;
+        background-image: url("../../assets/images/party/img1.png");
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        font-size: 20px;
+        font-weight: bold;
+        text-align: center;
+        line-height: 95px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>

src/views/newBI/index.vue

@@ -0,0 +1,12 @@
+<script>
+export default {
+}
+</script>
+
+<template>
+  <router-view/>
+</template>
+
+<style scoped>
+
+</style>

src/views/newBI/menuList.js

@@ -0,0 +1,76 @@
+import store from '@/store/index'
+import router from '@/router/index'
+export const menuList = [
+  {
+    text: '相关方单位信息管理',
+    model: 'unitInformation',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'unitInformation')
+      router.push({ path: '/corpinfo/corpinfo/insert' })
+    }
+  },
+  {
+    text: '相关方人员库管理',
+    model: 'personnelDatabase',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'personnelDatabase')
+      router.push({ path: '/PersonManager/user' })
+    }
+  },
+  {
+    text: '相关方资质管理',
+    model: 'qualifications',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'qualifications')
+    }
+  },
+  {
+    text: '相关方服务关系管理',
+    model: 'serviceRelationship',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'serviceRelationship')
+    }
+  },
+  {
+    text: '相关方人员培训管理',
+    model: 'personnelTraining',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'personnelTraining')
+    }
+  },
+  {
+    text: '相关方隐患排查管理',
+    model: 'hazardInvestigation',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'hazardInvestigation')
+    }
+  },
+  {
+    text: '相关方现场工程管理',
+    model: 'onSiteEngineering',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'onSiteEngineering')
+    }
+  },
+  {
+    text: '相关方安全',
+    model: 'security',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'security')
+    }
+  },
+  {
+    text: '环保检查管理',
+    model: 'environmentalInspection',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'environmentalInspection')
+    }
+  },
+  {
+    text: '相关方危险作业管理',
+    model: 'dangerousHomework',
+    click: () => {
+      store.dispatch('permission/setShowModel', 'dangerousHomework')
+    }
+  }
+]