1

src/views/adminCenter/homeIndex/index.vue

@@ -3,7 +3,10 @@
     <el-row>
       <el-col :span="24" class="main">
         <el-col :span="24" class="one">
-          {{ type }}
+          <one v-if="type == 'FWJG'"></one>
+          <two v-else-if="type == 'QY'"></two>
+          <thr v-else-if="type == 'ZJJG'"></thr>
+          <four v-else-if="type == 'ZJ'"></four>
         </el-col>
       </el-col>
     </el-row>
@@ -11,11 +14,21 @@
 </template>
 
 <script>
+import one from './parts/one.vue';
+import two from './parts/two.vue';
+import thr from './parts/thr.vue';
+import four from './parts/four.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
+
 export default {
   name: 'index',
   props: {},
-  components: {},
+  components: {
+    one,
+    two,
+    thr,
+    four,
+  },
   data: function () {
     return {};
   },

src/views/adminCenter/homeIndex/parts/four.vue

@@ -0,0 +1,36 @@
+<template>
+  <div id="four">
+    <el-row>
+      <el-col :span="24" class="main"> test </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'four',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/adminCenter/homeIndex/parts/one.vue

@@ -0,0 +1,98 @@
+<template>
+  <div id="one">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="one">
+          <el-col :span="12" class="left">
+            <div id="oneChart" style="height: 420px"></div>
+          </el-col>
+          <el-col :span="12" class="left"> 第一通过一家 </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: ticket } = createNamespacedHelpers('ticket');
+export default {
+  name: 'one',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  mounted() {
+    this.init();
+  },
+  methods: {
+    ...ticket(['staQuery']),
+    async init() {
+      let res = await this.staQuery();
+      if (this.$checkRes(res)) {
+        var chartDom = document.getElementById('oneChart');
+        var myChart = echarts.init(chartDom);
+        var option;
+        option = {
+          legend: {
+            top: 'bottom',
+          },
+          tooltip: {
+            trigger: 'item',
+          },
+          series: [
+            {
+              name: '创新券流程数据统计',
+              type: 'pie',
+              radius: '60%',
+              center: ['50%', '40%'],
+              itemStyle: {
+                borderRadius: 8,
+                borderColor: '#fff',
+                borderWidth: 2,
+              },
+              data: res.data,
+            },
+          ],
+        };
+        option && myChart.setOption(option);
+      }
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .one {
+    .left {
+      width: 48.5%;
+      height: 500px;
+      overflow: hidden;
+      padding: 10px;
+      border-radius: 10px;
+      margin: 0 40px 0 0;
+      box-shadow: 0 0 5px #242f42;
+    }
+    .left:nth-child(2n) {
+      margin: 0;
+    }
+  }
+}
+</style>

src/views/adminCenter/homeIndex/parts/thr.vue

@@ -0,0 +1,36 @@
+<template>
+  <div id="thr">
+    <el-row>
+      <el-col :span="24" class="main"> test </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'thr',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/adminCenter/homeIndex/parts/two.vue

@@ -0,0 +1,36 @@
+<template>
+  <div id="two">
+    <el-row>
+      <el-col :span="24" class="main"> test </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'two',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>