remove image-comparison

mock/controller/router.js

@@ -213,12 +213,6 @@ const data = [
         meta: { title: 'lodash', permissions: ['admin'] },
         meta: { title: 'lodash', permissions: ['admin'] },
       },
       },
       {
       {
-        path: 'imgComparison',
-        name: 'ImgComparison',
-        component: '@/views/vab/imgComparison/index',
-        meta: { title: '图像拖拽比对', permissions: ['admin'] },
-      },
-      {
         path: 'smallComponents',
         path: 'smallComponents',
         name: 'SmallComponents',
         name: 'SmallComponents',
         component: '@/views/vab/smallComponents/index',
         component: '@/views/vab/smallComponents/index',

package.json

@@ -59,7 +59,6 @@
     "vue-echarts": "^5.0.0-beta.0",
     "vue-echarts": "^5.0.0-beta.0",
     "vue-router": "^3.4.9",
     "vue-router": "^3.4.9",
     "vuex": "^3.6.0",
     "vuex": "^3.6.0",
-    "zx-comparison": "^1.0.3",
     "zx-count": "^0.3.7",
     "zx-count": "^0.3.7",
     "zx-layouts": "^0.6.24",
     "zx-layouts": "^0.6.24",
     "zx-magnifie": "^0.4.0",
     "zx-magnifie": "^0.4.0",

src/plugins/vabComparison.js

-import VabComparison from 'zx-comparison'
-
-export default VabComparison

src/router/index.js

@@ -249,12 +249,6 @@ export const asyncRoutes = [
         meta: { title: 'lodash', permissions: ['admin'] },
         meta: { title: 'lodash', permissions: ['admin'] },
       },
       },
       {
       {
-        path: 'imgComparison',
-        name: 'ImgComparison',
-        component: () => import('@/views/vab/imgComparison/index'),
-        meta: { title: '图像拖拽比对', permissions: ['admin'] },
-      },
-      {
         path: 'smallComponents',
         path: 'smallComponents',
         name: 'SmallComponents',
         name: 'SmallComponents',
         component: () => import('@/views/vab/smallComponents/index'),
         component: () => import('@/views/vab/smallComponents/index'),

src/views/vab/imgComparison/index.vue

-<template>
-  <div class="image-comparison-container">
-    <el-row :gutter="20">
-      <el-col
-        v-for="(item, index) in 24"
-        :key="index"
-        :xs="24"
-        :sm="24"
-        :md="12"
-        :lg="8"
-        :xl="8"
-      >
-        <vab-comparison
-          :id="'silder-' + index"
-          style="margin-bottom: 12px"
-          :width="comparison.width"
-          :height="comparison.height"
-          :src1="comparison.src1"
-          :src2="comparison.src2"
-          :start="random(20, 80)"
-        ></vab-comparison>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-  import VabComparison from '@/plugins/vabComparison'
-  import { random } from '@/utils'
-
-  export default {
-    name: 'ImgComparison',
-    components: { VabComparison },
-    data() {
-      return {
-        comparison: {
-          width: '100%',
-          height: 'auto',
-          src1: require('@/assets/comparison/left.jpg'),
-          src2: require('@/assets/comparison/right.jpg'),
-          start: random(0, 100),
-        },
-      }
-    },
-    created() {},
-    mounted() {},
-    methods: {
-      random(m, n) {
-        return random(m, n).toString()
-      },
-    },
-  }
-</script>