自动导入

src/autoComponents.js

@@ -0,0 +1,16 @@
+import Vue from 'vue'
+
+import MButton from './components/AutoComponents/MButton'
+import MCard from './components/AutoComponents/MCard'
+import MDialog from './components/AutoComponents/MDialog'
+import MForm from './components/AutoComponents/MForm'
+import MSearch from './components/AutoComponents/MSearch'
+import MTable from './components/AutoComponents/MTable'
+
+// 全局注册组件
+Vue.component('MButton', MButton)
+Vue.component('MCard', MCard)
+Vue.component('MDialog', MDialog)
+Vue.component('MForm', MForm)
+Vue.component('MSearch', MSearch)
+Vue.component('MTable', MTable)

src/components/MSearch/index.vue → src/components/AutoComponents/MSearch/index.vue

@@ -46,12 +46,8 @@
 </template>
 
 <script>
-import MCard from '@/components/MCard'
 export default {
   name: 'm-search',
-  components: {
-    MCard
-  },
   props: {
     items: {
       type: Array,

src/components/MTable/index.vue → src/components/AutoComponents/MTable/index.vue

@@ -34,11 +34,10 @@
 </template>
 
 <script>
-import MCard from '@/components/MCard'
 import MTableColumn from './MTableColumn.vue'
 export default {
   name: 'm-table',
-  components: { MTableColumn, MCard },
+  components: { MTableColumn },
   props: {
     items: {
       type: Array,

src/main.js

@@ -11,6 +11,7 @@ import './permission' // 路由守卫
 import promise from 'es6-promise'
 // 引入公用scss
 import '@/styles/index.scss'
+import './autoComponents'
 
 // 引入自定义指令
 import Directives from './directives/index.js'

src/views/login/index.vue

@@ -40,7 +40,7 @@
             </el-input>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="handleLogin('ruleForm')" style="width: 100%;" :loading="loading">登录</el-button>
+            <m-button type="primary" @click="handleLogin('ruleForm')" style="width: 100%;" :loading="loading">登录</m-button>
           </el-form-item>
         </el-form>
       </div>

src/views/systemManage/roleManage/index.vue

@@ -58,12 +58,6 @@
 </template>
 
 <script>
-import MCard from '@/components/MCard'
-import MButton from '@/components/MButton'
-import MForm from '@/components/MForm'
-import MTable from '@/components/MTable'
-import MDialog from '@/components/MDialog'
-import MSearch from '@/components/MSearch'
 import {
   getRoleList,
   deleteRole,
@@ -75,14 +69,6 @@ import {
 import { dateFormat } from '@/utils/date'
 export default {
   name: 'role-manage-role',
-  components: {
-    MCard,
-    MButton,
-    MForm,
-    MTable,
-    MDialog,
-    MSearch
-  },
   data () {
     return {
       itemData: {},

src/views/systemManage/safety/index.vue

@@ -16,15 +16,9 @@
 </template>
 
 <script>
-import MForm from '@/components/MForm'
-import MButton from '@/components/MButton'
 import { resetPassword } from '@/api/user'
 export default {
   name: 'system-manage-safety',
-  components: {
-    MForm,
-    MButton
-  },
   data () {
     const valid = (rule, value, callback) => {
       if (value !== this.formValue.newPwd) {

src/views/systemManage/user/index.vue

@@ -1,15 +1,16 @@
 <template>
   <div class="pa-3 white">
+    <m-search :items="searchItems" v-model="searchValues" class="mb-3" @search="search" @reset="search">
+      <template #button>
+        <m-button type="primary" icon="el-icon-plus" @click="onAdd">
+          新增
+        </m-button>
+      </template>
+    </m-search>
   </div>
 </template>
 
 <script>
-// import MFilter from '@/components/Filter'
-// import TableList from '@/components/List/table.vue'
-// import EditDialog from '@/components/Dialog'
-// import EditUser from './components/editUser.vue'
-// import Upload from '@/components/UploadBtn'
-// import ResetPassword from './components/resetPassword.vue'
 import util from '@/utils/base64ToFile'
 import { getUserList, saveUser, deleteUser, resetPassword, downloadUserTemplate, userExcelExport } from '@/api/user'
 import { getRoleList } from '@/api/menu'