update

src/layout/data/menu.js

@@ -16,10 +16,16 @@ export const adminMenu = [
     children: [
       {
         icon: 'icon-rencai',
-        path: '/system/dict',
-        name: '字典设置',
+        path: '/system/indexModule',
+        name: '首页图标设置',
         index: '2-1',
       },
+      {
+        icon: 'icon-rencai',
+        path: '/system/banner',
+        name: '广告图',
+        index: '2-2',
+      },
     ],
   },
   {

src/main.js

@@ -6,6 +6,7 @@ import '@/plugins/element.js';
 import '@/plugins/axios';
 import '@/plugins/check-res';
 import '@/plugins/meta';
+import '@/plugins/components';
 
 import '@/assets/icon/iconfont.css';
 import '@/assets/css/main.css';

src/plugins/components.js

@@ -1,22 +1,15 @@
 import Vue from 'vue';
-import dataTable from '@common/src/components/frame/filter-page-table.vue';
-import dataForm from '@common/src/components/frame/form.vue';
-import eUpload from '@common/src/components/frame/e-upload.vue';
-import sUpload from '@common/src/components/frame/s-upload.vue';
-import dUpload from '@common/src/components/frame/d-upload.vue';
-import eDialog from '@common/src/components/frame/e-dialog.vue';
-import wangEditor from '@common/src/components/frame/wang-editor.vue';
-import infoForm from '@/components/infoForm.vue';
+import dataTable from '@/components/usual/c-table.vue';
+import dataForm from '@/components/usual/c-form.vue';
+import sUpload from '@/components/s-upload.vue';
+import dataSearch from '@/components/usual/c-search.vue';
+import dataBtn from '@/components/usual/c-btnbar.vue';
 const Plugin = (vue) => {
-  vue.prototype.$dev_mode = process.env.NODE_ENV === 'development';
   vue.component('data-table', dataTable);
   vue.component('data-form', dataForm);
   vue.component('sUpload', sUpload);
-  vue.component('dUpload', dUpload);
-  vue.component('eUpload', eUpload);
-  vue.component('wangEditor', wangEditor);
-  vue.component('eDialog', eDialog);
-  vue.component('infoForm', infoForm);
+  vue.component('data-search', dataSearch);
+  vue.component('data-btn', dataBtn);
 };
 
 Vue.use(Plugin);

src/router/index.js

@@ -2,6 +2,7 @@ import Vue from 'vue';
 import VueRouter from 'vue-router';
 import gurad from './guard';
 import selfShop from './module/selfShop';
+import system from './module/system';
 Vue.use(VueRouter);
 
 const routes = [
@@ -24,6 +25,7 @@ const routes = [
         meta: { title: '首页' },
         component: () => import(/* webpackChunkName: "home" */ '@/views/index.vue'),
       },
+      ...system,
       ...selfShop,
     ],
   },

src/router/module/system.js

@@ -0,0 +1,14 @@
+export default [
+  {
+    path: '/system/banner',
+    name: 'system_banner',
+    meta: { title: '系统管理-广告图' },
+    component: () => import(/* webpackChunkName: "system_banner" */ '@/views/system/banner/index.vue'),
+  },
+  {
+    path: '/system/indexModule',
+    name: 'system_indexModule',
+    meta: { title: '系统管理-首页图标设置' },
+    component: () => import(/* webpackChunkName: "system_indexModule" */ '@/views/system/indexModule/index.vue'),
+  },
+];

src/views/selfShop/goods/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div id="goods">
     <template v-if="view === 'list'">
-      <csearch :fields="searchFields" v-model="searchInfo" @query="search"></csearch>
-      <cbtn :list="btnList" @add="toAdd"></cbtn>
-      <ctable ref="ctable" :fields="fields" :opera="opera" :data="list" :total="total" :limit="limit" @query="search"></ctable>
+      <data-search :fields="searchFields" v-model="searchInfo" @query="search"></data-search>
+      <data-btn :list="btnList" @add="toAdd"></data-btn>
+      <data-table ref="ctable" :fields="fields" :opera="opera" :data="list" :total="total" :limit="limit" @query="search"></data-table>
     </template>
     <template v-else>
       <el-row>
@@ -11,7 +11,7 @@
           <el-button icon="el-icon-back" size="mini" @click="toBack()">返回</el-button>
         </el-col>
         <el-col :span="24">
-          <cform :fields="infoFields" :rules="rules" v-model="form" labelWidth="150px"></cform>
+          <data-form :fields="infoFields" :rules="rules" v-model="form" labelWidth="150px"></data-form>
         </el-col>
       </el-row>
     </template>
@@ -19,10 +19,10 @@
 </template>
 
 <script>
-import csearch from '@/components/usual/c-search.vue';
-import cbtn from '@/components/usual/c-btnbar.vue';
-import ctable from '@/components/usual/c-table.vue';
-import cform from '@/components/usual/c-form.vue';
+// import csearch from '@/components/usual/c-search.vue';
+// import cbtn from '@/components/usual/c-btnbar.vue';
+// import ctable from '@/components/usual/c-table.vue';
+// import cform from '@/components/usual/c-form.vue';
 import methodsUtil from './opera';
 import { mapState, createNamespacedHelpers } from 'vuex';
 const { mapActions: selfShop } = createNamespacedHelpers('selfShop');
@@ -30,7 +30,7 @@ const { mapActions: goods } = createNamespacedHelpers('goods');
 export default {
   name: 'index',
   props: {},
-  components: { cbtn, ctable, csearch, cform },
+  // components: { cbtn, ctable, csearch, cform },
   data: function () {
     return {
       view: 'list',

src/views/system/banner/index.vue

@@ -0,0 +1,27 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  created() {},
+  methods: {},
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/system/indexModule/index.vue

@@ -0,0 +1,27 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  created() {},
+  methods: {},
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>