init

.prettierrc.cjs

@@ -16,6 +16,6 @@ module.exports = {
   arrowParens: 'avoid',
   // 开启 eslint 支持
   eslintIntegration: true,
-  //
-  endOfLine: 'cr'
+  // Delete `␍`
+  endOfLine: 'auto'
 }

components.d.ts

@@ -18,10 +18,10 @@ declare module '@vue/runtime-core' {
     ElCol: typeof import('element-plus/es')['ElCol']
     ElContainer: typeof import('element-plus/es')['ElContainer']
     ElDivider: typeof import('element-plus/es')['ElDivider']
-    ElDrawer: typeof import('element-plus/es')['ElDrawer']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
     ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElHeader: typeof import('element-plus/es')['ElHeader']
@@ -29,8 +29,12 @@ declare module '@vue/runtime-core' {
     ElInput: typeof import('element-plus/es')['ElInput']
     ElLink: typeof import('element-plus/es')['ElLink']
     ElMain: typeof import('element-plus/es')['ElMain']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
     ElRow: typeof import('element-plus/es')['ElRow']
-    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
+    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     Screen: typeof import('./src/components/screen.vue')['default']

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0,user-scalable=0" />
-    <title>梧桐树项目管理平台</title>
+    <title>项目管理平台</title>
     <style>
       html,
       body,

package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.0.6",
-    "@smallwei/avue": "^3.1.0",
+    "@smallwei/avue": "^3.2.12",
     "animate.css": "^4.1.1",
     "element-plus": "^2.2.9",
     "js-base64": "^3.7.2",
@@ -28,6 +28,7 @@
     "vite-plugin-windicss": "^1.8.7",
     "vue": "^3.2.37",
     "vue-router": "^4.1.2",
+    "vue3-eventbus": "^2.0.0",
     "windicss": "^3.5.6"
   },
   "devDependencies": {

src/api/fetch.js

@@ -1,105 +1,105 @@
-/**
- * Created by ebi on 2017/5/11.
- */
-import axios from './axios.js'
-import router from '../router'
-import { removeToken, getToken } from '../utils/auth'
-import { ElMessage } from 'element-plus'
-
-axios.defaults.baseURL = ''
-
-axios.interceptors.request.use(
-  config => {
-    config.headers.token = getToken()
-    // 小程序里用m的页面
-    config.headers.Platform = 'pc'
-    if (getToken() === null || getToken() === undefined) {
-      delete config.headers.token
-    }
-    return config
-  },
-  err => {
-    return Promise.reject(err)
-  }
-)
-
-// insurance 保险 502 503 504时兜底的
-function fetch(
-  url = '',
-  params = {},
-  method = 'get',
-  contentType = 'form',
-  header = {},
-  insurance,
-  timeout = 15000
-) {
-  contentType === 'form' && (contentType = 'application/x-www-form-urlencoded')
-  contentType === 'json' && (contentType = 'application/json')
-  contentType === 'file' && (contentType = 'multipart/form-data')
-  const query = []
-  for (const k in params) {
-    query.push(k + '=' + params[k])
-  }
-  let qs = query.join('&')
-  if (contentType === 'application/x-www-form-urlencoded' && query.length > 0) {
-    url += (url.indexOf('?') < 0 ? '?' : '&') + qs
-  }
-  if (contentType !== 'application/x-www-form-urlencoded' && method !== 'get') {
-    qs = params
-  }
-  return new Promise((resolve, reject) => {
-    const requestParams = {
-      timeout,
-      method,
-      url: '/api' + url,
-      data: qs,
-      headers: {
-        'Content-Type': contentType,
-        ...header
-      }
-    }
-    const success = response => {
-      const { status, data = {}, statusText } = response
-      if (status >= 200 && status <= 401) {
-        if (data.code === 401) {
-          // 未登录c
-          removeToken()
-          router.push(`/?redirect=${encodeURIComponent(window.location.href)}`)
-          reject(new Error('需要登录'))
-          ElMessage.error('登录过期，请重新登录')
-          return
-        }
-        resolve(data)
-      } else if (status === 500) {
-        resolve(data)
-        router.push('/500')
-      } else {
-        resolve(data)
-        ElMessage.success(status + '-' + statusText)
-      }
-    }
-    axios(requestParams)
-      .then(success)
-      .catch(err => {
-        if (
-          /502|503|504/.test(err.message) ||
-          (err + '').indexOf('timeout') > -1
-        ) {
-          if (insurance) {
-            resolve(insurance)
-            return
-          }
-          let msg = '系统繁忙，正在为您排队中，请稍后再试'
-          if (window.location.href.indexOf('/zu') > -1) {
-            msg += ` ${err.message}`
-          }
-          ElMessage.error(msg)
-        } else {
-          resolve(err.data)
-          // ElMessage.error(err.data.error_description ? err.data.error_description : '网络异常，请点击重试')
-        }
-      })
-  })
-}
-
-export default fetch
+/**
+ * Created by ebi on 2017/5/11.
+ */
+import axios from './axios.js'
+import router from '../router'
+import { removeToken, getToken } from '../utils/auth'
+import { ElMessage } from 'element-plus'
+
+axios.defaults.baseURL = ''
+
+axios.interceptors.request.use(
+  config => {
+    config.headers.token = getToken()
+    // 小程序里用m的页面
+    config.headers.Platform = 'pc'
+    if (getToken() === null || getToken() === undefined) {
+      delete config.headers.token
+    }
+    return config
+  },
+  err => {
+    return Promise.reject(err)
+  }
+)
+
+// insurance 保险 502 503 504时兜底的
+function fetch(
+  url = '',
+  params = {},
+  method = 'get',
+  contentType = 'form',
+  header = {},
+  insurance,
+  timeout = 15000
+) {
+  contentType === 'form' && (contentType = 'application/x-www-form-urlencoded')
+  contentType === 'json' && (contentType = 'application/json')
+  contentType === 'file' && (contentType = 'multipart/form-data')
+  const query = []
+  for (const k in params) {
+    query.push(k + '=' + params[k])
+  }
+  let qs = query.join('&')
+  if (contentType === 'application/x-www-form-urlencoded' && query.length > 0) {
+    url += (url.indexOf('?') < 0 ? '?' : '&') + qs
+  }
+  if (contentType !== 'application/x-www-form-urlencoded' && method !== 'get') {
+    qs = params
+  }
+  return new Promise((resolve, reject) => {
+    const requestParams = {
+      timeout,
+      method,
+      url: '/api' + url,
+      data: qs,
+      headers: {
+        'Content-Type': contentType,
+        ...header
+      }
+    }
+    const success = response => {
+      const { status, data = {}, statusText } = response
+      if (status >= 200 && status <= 401) {
+        if (data.code === 401) {
+          // 未登录c
+          removeToken()
+          router.push(`/?redirect=${encodeURIComponent(window.location.href)}`)
+          reject(new Error('需要登录'))
+          ElMessage.error('登录过期，请重新登录')
+          return
+        }
+        resolve(data)
+      } else if (status === 500) {
+        resolve(data)
+        router.push('/500')
+      } else {
+        resolve(data)
+        ElMessage.success(status + '-' + statusText)
+      }
+    }
+    axios(requestParams)
+      .then(success)
+      .catch(err => {
+        if (
+          /502|503|504/.test(err.message) ||
+          (err + '').indexOf('timeout') > -1
+        ) {
+          if (insurance) {
+            resolve(insurance)
+            return
+          }
+          let msg = '系统繁忙，正在为您排队中，请稍后再试'
+          if (window.location.href.indexOf('/zu') > -1) {
+            msg += ` ${err.message}`
+          }
+          ElMessage.error(msg)
+        } else {
+          resolve(err.data)
+          // ElMessage.error(err.data.error_description ? err.data.error_description : '网络异常，请点击重试')
+        }
+      })
+  })
+}
+
+export default fetch

src/api/home/index.js

@@ -0,0 +1,30 @@
+import fetch from '../fetch.js'
+import website from '@/config/website'
+
+export const getList = data => {
+  return fetch('/blade-system/menu/routes', {
+    clientId: website.clientId,
+    ...data
+  })
+}
+
+export const del = data => {
+  return fetch('/blade-system/menu/routes', {
+    clientId: website.clientId,
+    ...data
+  })
+}
+
+export const add = data => {
+  return fetch('/blade-system/menu/routes', {
+    clientId: website.clientId,
+    ...data
+  })
+}
+
+export const update = data => {
+  return fetch('/blade-system/menu/routes', {
+    clientId: website.clientId,
+    ...data
+  })
+}

src/components/HelloWorld.vue

@@ -1,25 +0,0 @@
-<template>
-  <div class='flex flex-justify-start light-red-bg'>
-    <button @click='push'>点击跳转{{key}}</button>
-  </div>
-</template>
-<script>
-export default {
-  name: "HelloWorld",
-  data() {
-    return {
-      key: 'value'
-    }
-  },
-  methods: {
-    push() {
-      this.$router.push({
-        path:'/setting',
-        query:{
-          key:'value'
-        }
-      })
-    }
-  },
-}
-</script>

src/components/screen.vue

@@ -17,13 +17,13 @@ export default {
     designWidth: {
       // 设计图尺寸宽
       type: Number,
-      default: 1920,
+      default: 1920
     },
     designHeight: {
       // 设计图尺寸高
       type: Number,
-      default: 1080,
-    },
+      default: 1080
+    }
   },
   data() {
     return {
@@ -32,34 +32,34 @@ export default {
       style: {
         width: `${this.designWidth}px`,
         height: `${this.designHeight}px`,
-        transform: 'scale(1)', // 默认不缩放，垂直水平居中
-      },
-    };
+        transform: 'scale(1)' // 默认不缩放，垂直水平居中
+      }
+    }
   },
   mounted() {
-    this.setScale();
-    this.onresize = this.debounce(() => this.setScale(), 100);
-    window.addEventListener('resize', this.onresize);
+    this.setScale()
+    this.onresize = this.debounce(() => this.setScale(), 100)
+    window.addEventListener('resize', this.onresize)
   },
   beforeUnmount() {
-    window.removeEventListener('resize', this.onresize);
+    window.removeEventListener('resize', this.onresize)
   },
   methods: {
     // 防抖
     debounce(fn, t) {
-      const delay = t || 500;
-      let timer;
+      const delay = t || 500
+      let timer
       return function () {
-        const args = arguments;
+        const args = arguments
         if (timer) {
-          clearTimeout(timer);
+          clearTimeout(timer)
         }
-        const that = this;
+        const that = this
         timer = setTimeout(() => {
-          timer = null;
-          fn.apply(that, args);
-        }, delay);
-      };
+          timer = null
+          fn.apply(that, args)
+        }, delay)
+      }
     },
 
     // 设置缩放比例
@@ -69,17 +69,17 @@ export default {
           document.documentElement.clientHeight <
         this.designWidth / this.designHeight
           ? document.documentElement.clientWidth / this.designWidth
-          : document.documentElement.clientHeight / this.designHeight;
+          : document.documentElement.clientHeight / this.designHeight
       this.style = {
         width: `${this.designWidth}px`,
         height: `${this.designHeight}px`,
-        transform: `scale(${scale})`, // 默认不缩放，垂直水平居中
-      };
-      this.width = document.documentElement.clientWidth;
-      this.height = document.documentElement.clientHeight;
-    },
-  },
-};
+        transform: `scale(${scale})` // 默认不缩放，垂直水平居中
+      }
+      this.width = document.documentElement.clientWidth
+      this.height = document.documentElement.clientHeight
+    }
+  }
+}
 </script>
 
 <style scoped lang="scss" type="text/scss">

src/config/option.js

@@ -0,0 +1,52 @@
+export default safe => {
+  console.log(safe) // vue的this对象
+  return {
+    index: true,
+    align: 'center',
+    headerAlign: 'center',
+    border: true,
+    stripe: true,
+    column: [
+      {
+        label: '名称(name)',
+        prop: 'name',
+        search: true,
+        rules: [
+          {
+            required: true,
+            message: '请输入名称(name)',
+            trigger: 'blur'
+          }
+        ]
+      },
+      {
+        label: '值(value)',
+        prop: 'value',
+        search: true,
+        rules: [
+          {
+            required: true,
+            message: '请输入值(value)',
+            trigger: 'blur'
+          }
+        ]
+      },
+      {
+        label: '参数(code)',
+        prop: 'code',
+        search: true,
+        rules: [
+          {
+            required: true,
+            message: '请输入参数(code)',
+            trigger: 'blur'
+          }
+        ]
+      },
+      {
+        label: '备注',
+        prop: 'note'
+      }
+    ]
+  }
+}

src/config/website.js

@@ -2,9 +2,10 @@
  * 全局配置文件
  */
 export default {
-  title: '梧桐树云平台',
+  title: '乡村振兴局',
   tenant: '000000',
   clientId: 'HSXK7WE5OFD1', // 客户端id
   clientSecret: 'HOHSQR6YJ9ESUHL5S09MM', // 客户端密钥
-  statusWhiteList: []
+  statusWhiteList: [],
+  collapse: true // 是否展开
 }

src/layout/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="full-screen flex flex-justify-start">
-    <el-aside width="300px">
+    <el-aside :width="width + `px`">
       <left />
     </el-aside>
     <el-container>
@@ -31,10 +31,34 @@ export default {
     const keepAlive = keepAliveStore()
     return { keepAlive }
   },
+  data() {
+    return {
+      width: 300
+    }
+  },
   created() {
     this.keepAlive.$subscribe(res => {
       console.log(this.keepAlive.list)
     })
+    this.init()
+  },
+  methods: {
+    init() {
+      const open = localStorage.getItem('collapse') === 'true'
+      if (open) {
+        this.width = 300
+      } else {
+        this.width = 100
+      }
+      this.$bus.on('changeMenu', res => {
+        console.log(res)
+        if (res === true) {
+          this.width = 300
+        } else {
+          this.width = 100
+        }
+      })
+    }
   }
 }
 </script>

src/layout/left.vue

@@ -1,22 +1,59 @@
 <template>
-  <div class="box-shadow-blue full-height">
-    <div class="padding">
-      <div class="flex flex-center logo">
-        <img src="/public/vite.svg" alt="logo" />
-        <span class="font-16 bold ml-20">项目管理平台</span>
+  <div>
+    <!-- full -->
+    <div class="box-shadow-blue full-height" v-if="open">
+      <div class="padding">
+        <div class="flex flex-center logo">
+          <img src="/public/vite.svg" alt="logo" />
+          <span class="font-16 bold ml-20">项目管理平台</span>
+        </div>
       </div>
-    </div>
-    <div>
-      <div
-        v-for="(item, index) in data"
-        :key="item.id"
-        @click="navClick(index)"
-      >
+      <div>
+        <el-empty description="description" />
         <div
-          class="item flex flex-center bold font-14"
-          :style="item.checked ? 'background-color: #7AB4F9;color:white' : ''"
+          v-for="(item, index) in data"
+          :key="item.id"
+          @click="navClick(index)"
         >
-          {{ item.name }}
+          <div
+            class="item flex flex-center bold font-14"
+            :style="item.checked ? 'background-color: #7AB4F9;color:white' : ''"
+          >
+            {{ item.name }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- small -->
+    <div v-else class="box-shadow-blue-mini full-height">
+      <div class="flex flex-center flex-col padding-top">
+        <img src="@/assets/img/logo.png" class="logo" alt="logo" />
+        <div style="margin-top: 50px" class="light-blue-bg full-width">
+          <el-popover
+            placement="right-start"
+            title="标题"
+            width="400"
+            trigger="hover"
+          >
+            <div>
+              <div
+                v-for="i in 5"
+                class="full-width light-blue-bg mb-10"
+                :key="i"
+              >
+                {{ i }}
+              </div>
+            </div>
+            <template #reference>
+              <div
+                class="full-width flex flex-center padding-top padding-bottom"
+              >
+                <el-icon :size="20">
+                  <House />
+                </el-icon>
+              </div>
+            </template>
+          </el-popover>
         </div>
       </div>
     </div>
@@ -27,14 +64,22 @@
 export default {
   data() {
     return {
-      data: []
+      data: [],
+      open:false
     }
   },
   created() {
     this.init()
+    this.menu()
   },
   methods: {
-    init() {
+    menu () {
+      this.$bus.on('changeMenu', res => {
+        this.open = res
+      })
+    },
+    init () {
+      this.open = localStorage.getItem('collapse') === 'true'
       this.$api.system.getMenus().then(res => {
         if (res.code === 200) {
           if (res.msg === '暂无承载数据') {
@@ -61,7 +106,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .box-shadow-blue {
   position: fixed;
   width: 300px;
@@ -70,6 +115,19 @@ export default {
   background-color: white;
   box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.1);
 }
+
+.box-shadow-blue-mini {
+  position: fixed;
+  width: 100px;
+  left: 0;
+  z-index: 2;
+  background-color: white;
+  box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.1);
+  .logo {
+    width: 50px;
+    height: 50px;
+  }
+}
 .item {
   background-color: #efefef;
   height: 40px;

src/layout/top.vue

@@ -1,9 +1,12 @@
 <template>
-  <el-row class="flex flex-align-center flex-justify-between top">
+  <el-row
+    class="flex flex-align-center flex-justify-between top"
+    :style="`left:` + left + `px`"
+  >
     <el-col :span="12">
       <div class="flex flex-justify-start flex-align-center padding">
-        <el-icon :size="20">
-          <Filter />
+        <el-icon :size="20" class="padding-left" @click="changeMenu">
+          <House />
         </el-icon>
         <el-breadcrumb class="ml-20" separator="/">
           <el-breadcrumb-item v-for="item in nav.menus" :key="item.id">
@@ -43,6 +46,7 @@
 <script lang="js">
 import navStore from '../store/nav.js'
 import { useStore } from '../store/user.js'
+import config from '@/config/website.js'
 
 export default {
   name: 'top',
@@ -51,8 +55,25 @@ export default {
     const user = useStore()
     return { nav, user }
   },
-  created() {},
+  data() {
+    return {
+      left:300
+    }
+  },
+  created () {
+    this.init()
+  },
   methods: {
+    init () {
+      this.open = config.collapse
+      const tmp = localStorage.getItem('collapse')
+      console.log(tmp)
+      if (tmp.length > 0) {
+        this.open = tmp === 'true'
+      }
+      this.left = this.open ? 300 : 100
+      localStorage.setItem('collapse', this.open)
+    },
     dropDown(res) {
       if (res === 'info') {
         this.$message.success('个人中心')
@@ -61,6 +82,12 @@ export default {
         this.$message.success('退出登录')
         this.$router.replace('/login')
       }
+    },
+    changeMenu () {
+      this.open = !this.open
+      this.left = this.open ? 300 : 100
+      this.$bus.emit("changeMenu", this.open)
+      localStorage.setItem('collapse', this.open)
     }
   }
 }
@@ -72,7 +99,6 @@ export default {
   z-index: 1;
   background-color: white;
   top: 0;
-  left: 300px;
   right: 0;
   position: fixed;
   border-bottom: whitesmoke solid 1px;

src/main.js

@@ -5,7 +5,6 @@ import router from './router/index.js'
 import api from './api/index.js'
 import { createPinia } from 'pinia'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
-import * as wps from './assets/static/web-office-sdk-v1.1.19.es.js'
 import elementPlus from 'element-plus'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import '@/assets/style/theme/index.scss'
@@ -13,11 +12,12 @@ import '@/assets/style/theme/index.scss'
 import 'animate.css'
 import Avue from '@smallwei/avue'
 import '@smallwei/avue/lib/index.css'
+import bus from 'vue3-eventbus'
 
 const myApp = createApp(App)
 myApp.config.globalProperties.$router = router
 myApp.config.globalProperties.$api = api
-myApp.config.globalProperties.$wps = wps
+myApp.config.globalProperties.$bus = bus
 myApp.config.devtools = true
 
 /** 开启Pinia 持久化插件 需要在store 中进行开启**/

src/page/404.vue

@@ -14,6 +14,6 @@
 
 <script>
 export default {
-  name: '404',
-};
+  name: '404'
+}
 </script>

src/page/login.vue

@@ -10,7 +10,7 @@
               alt="logo"
             />
             <img
-              src="@/assets/img/logo.png"
+              src="@/assets/img/login.png"
               class="logo-main"
               alt="logo-main"
             />
@@ -18,9 +18,9 @@
         </div>
 
         <div class="flex-child-average right">
-          <div class="padding-20">
+          <div class="padding-20 flex flex-center flex-col">
             <span class="font-24 black bold"
-              >欢迎来到梧桐树云项目管理云平台👏</span
+              >欢迎来到乡村振兴局项目管理平台👏</span
             >
             <el-form class="form" :model="form" :rules="rules" ref="loginForm">
               <el-form-item prop="name">
@@ -92,8 +92,8 @@
               <el-link type="primary" :underline="false">注册账户</el-link>
             </div>
             <el-divider />
-            <div class="flex flex-col">
-              <span class="grey-6"> 由梧桐经济学院提供技术支持 </span>
+            <div class="flex flex-col full-width flex-center">
+              <span class="grey-6"> 由梧桐研究院提供技术支持 </span>
               <div>
                 <el-button
                   size="small"
@@ -101,7 +101,7 @@
                   plain
                   class="mt-10"
                   @click="loginAdmin"
-                  >admin</el-button
+                  >测试帐号</el-button
                 >
               </div>
             </div>
@@ -207,8 +207,8 @@ export default {
       });
     },
     loginAdmin() {
-      this.form.name = 'admin';
-      this.form.pass = 'admin';
+      this.form.name = '13908866201';
+      this.form.pass = '123456';
     },
   },
 };
@@ -236,7 +236,8 @@ export default {
       border-radius: 50%;
     }
     .logo-main {
-      width: 100%;
+      width: 80%;
+      object-fit: cover;
       margin-top: 70px;
       margin-left: -80px;
     }

src/views/home/index.vue

@@ -1,6 +1,21 @@
 <template>
   <div>
-    <el-button type="primary" size="default">首页</el-button>
+    <avue-crud
+      ref="crud"
+      :option="option"
+      v-model:page="page"
+      :table-loading="loading"
+      @on-load="getList"
+      @row-update="rowUpdate"
+      @row-save="rowSave"
+      @row-del="rowDel"
+      @refresh-change="refreshChange"
+      @search-reset="searchChange"
+      @search-change="searchChange"
+      v-model="form"
+      :data="data"
+    >
+    </avue-crud>
   </div>
 </template>
 
@@ -14,6 +29,8 @@
 <script>
 import { useStore } from '../../store/user.js'
 import tokenStore from '../../store/token.js'
+import option from '../../config/option.js'
+import { getList, del, add, update } from '../../api/home/index.js'
 export default {
   setup() {
     const store = useStore()
@@ -22,13 +39,95 @@ export default {
   },
   data() {
     return {
-      width: '22',
-      height: '22'
+      page: {},
+      form: {},
+      params: {},
+      loading: false,
+      data: [],
+      option: option(this)
     }
   },
   methods: {
     push() {
       this.$router.push({ path: '/setting', query: { id: 12, type: 'test' } })
+    },
+    getList() {
+      this.loading = true
+      const data = Object.assign(
+        {
+          pageNum: this.page.currentPage,
+          pageSize: this.page.pageSize
+        },
+        this.params
+      )
+      this.data = []
+      getList(data).then(res => {
+        const data = res.data.data
+        this.loading = false
+        const result = data.list
+        this.data = result
+      })
+    },
+    rowSave(row, done, loading) {
+      add(
+        Object.assign(
+          {
+            createUser: this.userInfo.name
+          },
+          row
+        )
+      )
+        .then(() => {
+          this.$message.success('新增成功')
+          done()
+          this.getList()
+        })
+        .catch(() => {
+          loading()
+        })
+    },
+    rowUpdate(row, index, done, loading) {
+      update(
+        Object.assign(
+          {
+            updateUser: this.userInfo.name
+          },
+          row
+        )
+      )
+        .then(() => {
+          this.$message.success('修改成功')
+          done()
+          this.getList()
+        })
+        .catch(() => {
+          loading()
+        })
+    },
+    rowDel(row) {
+      this.$confirm('此操作将永久删除, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          return del(row.id)
+        })
+        .then(() => {
+          this.$message.success('删除成功')
+          this.getList()
+        })
+    },
+    searchChange(params, done) {
+      if (done) done()
+      this.params = params
+      this.page.currentPage = 1
+      this.getList()
+      this.$message.success('搜索成功')
+    },
+    refreshChange() {
+      this.getList()
+      this.$message.success('刷新成功')
     }
   }
 }

yarn.lock

@@ -294,17 +294,14 @@
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
-"@smallwei/avue@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@smallwei/avue/-/avue-3.1.0.tgz#6a19b3c6ef57408e4cc2fca89a6bd382a35c1a60"
-  integrity sha512-RV/k+agzuLH15CwN/NUp/uLtE10ahcx3pUlgQxrKrII0sFU7p8QMiZ7cDyDGT67QhYtpFSHZSmQ7mNj2JVN55A==
+"@smallwei/avue@^3.2.12":
+  version "3.2.12"
+  resolved "https://registry.yarnpkg.com/@smallwei/avue/-/avue-3.2.12.tgz#29b24401bb5a035eefda56a68f5756307a946492"
+  integrity sha512-5PlpRDhp6sQfq+b0KMDPPAvp7X4S0MlWwvjh4NWxEuiCGEwaznZR1AhIl0nDc+oGE1fbeeV/Pl6HQRmhLWfj0w==
   dependencies:
     "@element-plus/icons-vue" "^2.0.6"
-    axios "^0.21.1"
     countup.js "^1.9.3"
     dayjs "^1.10.4"
-    element-plus "^2.2.11"
-    vue "^3.2.37"
 
 "@tootallnate/once@2":
   version "2.0.0"
@@ -637,13 +634,6 @@ available-typed-arrays@^1.0.5:
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
-axios@^0.21.1:
-  version "0.21.4"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.4.tgz#c67b90dc0568e5c1cf2b0b858c43ba28e2eda575"
-  integrity sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==
-  dependencies:
-    follow-redirects "^1.14.0"
-
 axios@^0.27.2:
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/axios/-/axios-0.27.2.tgz#207658cc8621606e586c85db4b41a750e756d972"
@@ -1004,27 +994,6 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
-element-plus@^2.2.11:
-  version "2.2.13"
-  resolved "https://registry.yarnpkg.com/element-plus/-/element-plus-2.2.13.tgz#9ec3a9fa6587c93a87bb0d30c200ac8ee4f69c8b"
-  integrity sha512-dKQ7BPZC8deUPhv+6s4GgOL0GyGj3KpUarywxm6s1nWnHjH6FqeZlUcxPqBvJd7W/d81POayx3B13GP+rfkG9g==
-  dependencies:
-    "@ctrl/tinycolor" "^3.4.1"
-    "@element-plus/icons-vue" "^2.0.6"
-    "@floating-ui/dom" "^0.5.4"
-    "@popperjs/core" "npm:@sxzz/popperjs-es@^2.11.7"
-    "@types/lodash" "^4.14.182"
-    "@types/lodash-es" "^4.17.6"
-    "@vueuse/core" "^8.7.5"
-    async-validator "^4.2.5"
-    dayjs "^1.11.3"
-    escape-html "^1.0.3"
-    lodash "^4.17.21"
-    lodash-es "^4.17.21"
-    lodash-unified "^1.0.2"
-    memoize-one "^6.0.0"
-    normalize-wheel-es "^1.2.0"
-
 element-plus@^2.2.9:
   version "2.2.9"
   resolved "https://registry.yarnpkg.com/element-plus/-/element-plus-2.2.9.tgz#f0366dfb2048d614813926274cb443f17e5fdef2"
@@ -1584,7 +1553,7 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.6.tgz#022e9218c637f9f3fc9c35ab9c9193f05add60b2"
   integrity sha512-0sQoMh9s0BYsm+12Huy/rkKxVu4R1+r96YX5cG44rHV0pQ6iC3Q+mkoMFaGWObMFYQxCVT+ssG1ksneA2MI9KQ==
 
-follow-redirects@^1.14.0, follow-redirects@^1.14.9:
+follow-redirects@^1.14.9:
   version "1.15.1"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.1.tgz#0ca6a452306c9b276e4d3127483e29575e207ad5"
   integrity sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==
@@ -2502,6 +2471,11 @@ minizlib@^2.1.1, minizlib@^2.1.2:
     minipass "^3.0.0"
     yallist "^4.0.0"
 
+mitt@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mitt/-/mitt-2.1.0.tgz#f740577c23176c6205b121b2973514eade1b2230"
+  integrity sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg==
+
 mkdirp-infer-owner@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/mkdirp-infer-owner/-/mkdirp-infer-owner-2.0.0.tgz#55d3b368e7d89065c38f32fd38e638f0ab61d316"
@@ -2611,7 +2585,7 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-normalize-wheel-es@^1.1.2, normalize-wheel-es@^1.2.0:
+normalize-wheel-es@^1.1.2:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz#0fa2593d619f7245a541652619105ab076acf09e"
   integrity sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==
@@ -3684,6 +3658,13 @@ vue-router@^4.1.2:
   dependencies:
     "@vue/devtools-api" "^6.1.4"
 
+vue3-eventbus@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/vue3-eventbus/-/vue3-eventbus-2.0.0.tgz#0ee35d7286a164f8e635b7a3f2b7b0270ddfbd47"
+  integrity sha512-AzgA5ShZqWy6zeuZbnwAOZDt/GHRcUwUEyNmUoOEK7MtwpjABXtyh1m6JHzcEulrRrxMgpI2qDFsjss3fYpYuw==
+  dependencies:
+    mitt "^2.1.0"
+
 vue@^3.2.37:
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e"