工作汇报

src/main.js

@@ -32,19 +32,20 @@ const app = new Vue({
   store,
   ...App
 });
-store.dispatch("agentSign").then(config => {
+app.$mount();
-  const init = (c = 0) => {
+// store.dispatch("agentSign").then(config => {
-    if (config) {
+//   const init = (c = 0) => {
-      store.commit("getConfig", {...config, latlng: [config.lat, config.lng]})
+//     if (config) {
-      app.$mount();
+//       store.commit("getConfig", {...config, latlng: [config.lat, config.lng]})
-    } else {
+//       app.$mount();
-      if (c < 5) {
+//     } else {
-        setTimeout(() => {
+//       if (c < 5) {
-          init(++c)
+//         setTimeout(() => {
-        }, 300)
+//           init(++c)
-      }
+//         }, 300)
-    }
+//       }
-  }
+//     }
-  init()
+//   }
-})
+//   init()
+// })
 

src/saas/AppCountryAlbum/AddReport.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="report">
+    <components :is="component"></components>
+    <div class="report-list">
+      <image @click="component = 'WorkReport'" :class="[component === 'WorkReport' ? 'active' : '']" src="./images/report1.png" />
+      <image @click="component = 'Daily'" :class="[component === 'Daily' ? 'active' : '']" src="./images/report2.png" />
+      <image @click="component = 'InspectLog'" :class="[component === 'InspectLog' ? 'active' : '']" src="./images/report3.png" />
+      <image @click="component = 'MeetingMminutes'" :class="[component === 'MeetingMminutes' ? 'active' : '']" src="./images/report4.png" />
+    </div>
+  </div>
+</template>
+
+<script>
+  import Daily from './components/Daily'
+  import WorkReport from './components/WorkReport'
+  import InspectLog from './components/InspectLog'
+  import MeetingMminutes from './components/MeetingMminutes'
+
+  export default {
+    name: 'Report',
+
+    appName: '工作汇报',
+
+    data () {
+      return {
+        component: 'WorkReport'
+      }
+    },
+
+    components: {
+      Daily,
+      InspectLog,
+      WorkReport,
+      MeetingMminutes
+    },
+
+    onLoad () {
+
+    },
+
+    methods: {
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .report {
+    * {
+      box-sizing: border-box;
+    }
+
+    .report-list {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 240px;
+      padding: 0 24px;
+      background: #FFFFFF;
+
+      image {
+        width: 156px;
+        height: 208px;
+        margin-right: 16px;
+        border: 4px solid transparent;
+
+        &:last-child {
+          margin-right: 0;
+        }
+
+        &.active {
+          border: 4px solid #408EF6;
+        }
+      }
+    }
+  }
+</style>

src/saas/AppCountryAlbum/components/Daily.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="Daily">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'Daily',
+
+    data () {
+      return {
+
+      }
+    },
+
+    onLoad () {
+
+    },
+
+    methods: {
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/saas/AppCountryAlbum/components/Home.vue

@@ -23,7 +23,7 @@
           <image src="../images/paizhao.png" />
           <span>拍照</span>
         </div>
-        <div class="left-item">
+        <div class="left-item" @click="linkTo('./AddReport')">
           <image src="../images/pintu.png" />
           <span>拼图汇报</span>
         </div>

src/saas/AppCountryAlbum/components/InspectLog.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="InspectLog">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'InspectLog',
+
+    data () {
+      return {
+
+      }
+    },
+
+    onLoad () {
+
+    },
+
+    methods: {
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/saas/AppCountryAlbum/components/MeetingMminutes.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="MeetingMminutes">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'MeetingMminutes',
+
+    data () {
+      return {
+
+      }
+    },
+
+    onLoad () {
+
+    },
+
+    methods: {
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/saas/AppCountryAlbum/components/WorkReport.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="WorkReport">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'WorkReport',
+
+    data () {
+      return {
+
+      }
+    },
+
+    onLoad () {
+
+    },
+
+    methods: {
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>