更新

src/views/main-content.vue

@@ -0,0 +1,96 @@
+<template>
+  <main :class="['aui-content', { 'aui-content--tabs': $route.meta.isTab }]">
+    <!-- tab展示内容 -->
+    <template v-if="$route.meta.isTab">
+      <el-dropdown class="aui-content--tabs-tools">
+        <i class="el-icon-arrow-down"></i>
+        <el-dropdown-menu slot="dropdown" :show-timeout="0">
+          <el-dropdown-item @click.native="tabRemoveHandle($store.state.contentTabsActiveName)">{{ $t('contentTabs.closeCurrent') }}</el-dropdown-item>
+          <el-dropdown-item @click.native="tabsCloseOtherHandle()">{{ $t('contentTabs.closeOther') }}</el-dropdown-item>
+          <el-dropdown-item @click.native="tabsCloseAllHandle()">{{ $t('contentTabs.closeAll') }}</el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+      <el-tabs v-model="$store.state.contentTabsActiveName" @tab-click="tabSelectedHandle" @tab-remove="tabRemoveHandle">
+        <el-tab-pane
+          v-for="item in $store.state.contentTabs"
+          :key="item.name"
+          :name="item.name"
+          :label="item.title"
+          :closable="item.name !== 'home'"
+          :class="{ 'is-iframe': tabIsIframe(item.iframeURL) }">
+          <template v-if="item.name === 'home'">
+            <svg slot="label" class="icon-svg aui-content--tabs-icon-nav" aria-hidden="true"><use xlink:href="#icon-home"></use></svg>
+          </template>
+          <iframe v-if="tabIsIframe(item.iframeURL)" :src="item.iframeURL" width="100%" height="100%" frameborder="0" scrolling="yes"></iframe>
+          <keep-alive v-else>
+            <router-view v-if="item.name === $store.state.contentTabsActiveName" />
+          </keep-alive>
+        </el-tab-pane>
+      </el-tabs>
+    </template>
+    <!-- 其他方式, 展示内容 -->
+    <template v-else>
+      <keep-alive>
+        <router-view />
+      </keep-alive>
+    </template>
+  </main>
+</template>
+
+<script>
+import { isURL } from '@/utils/validate'
+export default {
+  data () {
+    return {
+    }
+  },
+  methods: {
+    // tabs, 是否通过iframe展示
+    tabIsIframe (url) {
+      return isURL(url)
+    },
+    // tabs, 选中tab
+    tabSelectedHandle (tab) {
+      tab = this.$store.state.contentTabs.filter(item => item.name === tab.name)[0]
+      if (tab) {
+        this.$router.push({
+          'name': tab.name,
+          'params': { ...tab.params },
+          'query': { ...tab.query }
+        })
+      }
+    },
+    // tabs, 删除tab
+    tabRemoveHandle (tabName) {
+      if (tabName === 'home') {
+        return false
+      }
+      this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name !== tabName)
+      if (this.$store.state.contentTabs.length <= 0) {
+        this.$store.state.sidebarMenuActiveName = this.$store.state.contentTabsActiveName = 'home'
+        return false
+      }
+      // 当前选中tab被删除
+      if (tabName === this.$store.state.contentTabsActiveName) {
+        let tab = this.$store.state.contentTabs[this.$store.state.contentTabs.length - 1]
+        this.$router.push({
+          name: tab.name,
+          params: { ...tab.params },
+          query: { ...tab.query }
+        })
+      }
+    },
+    // tabs, 关闭其它
+    tabsCloseOtherHandle () {
+      this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => {
+        return item.name === 'home' || item.name === this.$store.state.contentTabsActiveName
+      })
+    },
+    // tabs, 关闭全部
+    tabsCloseAllHandle () {
+      this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name === 'home')
+      this.$router.push({ name: 'home' })
+    }
+  }
+}
+</script>

src/views/main-navbar-update-password.vue

@@ -0,0 +1,97 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    :title="$t('updatePassword.title')"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :append-to-body="true">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item :label="$t('updatePassword.username')">
+        <span>{{ $store.state.user.name }}</span>
+      </el-form-item>
+      <el-form-item prop="password" :label="$t('updatePassword.password')">
+        <el-input v-model="dataForm.password" type="password" :placeholder="$t('updatePassword.password')"></el-input>
+      </el-form-item>
+      <el-form-item prop="newPassword" :label="$t('updatePassword.newPassword')">
+        <el-input v-model="dataForm.newPassword" type="password" :placeholder="$t('updatePassword.newPassword')"></el-input>
+      </el-form-item>
+      <el-form-item prop="confirmPassword" :label="$t('updatePassword.confirmPassword')">
+        <el-input v-model="dataForm.confirmPassword" type="password" :placeholder="$t('updatePassword.confirmPassword')"></el-input>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import { clearLoginInfo } from '@/utils'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        password: '',
+        newPassword: '',
+        confirmPassword: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      var validateConfirmPassword = (rule, value, callback) => {
+        if (this.dataForm.newPassword !== value) {
+          return callback(new Error(this.$t('updatePassword.validate.confirmPassword')))
+        }
+        callback()
+      }
+      return {
+        password: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        newPassword: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        confirmPassword: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' },
+          { validator: validateConfirmPassword, trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+      })
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http.put('/sys/user/password', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              clearLoginInfo()
+              this.$router.replace({ name: 'login' })
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/main-navbar.vue

@@ -0,0 +1,100 @@
+<!--
+ * @Author: zwq
+ * @Date: 2022-08-22 14:57:51
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-22 15:25:14
+ * @Description: 
+-->
+<template>
+  <nav class="aui-navbar" :class="`aui-navbar--${$store.state.navbarLayoutType}`">
+    <div class="aui-navbar__header">
+      <h1 class="aui-navbar__brand" @click="$router.push({ name: 'home' })">
+        <a class="aui-navbar__brand-lg" href="javascript:;">{{ $t('brand.lg') }}</a>
+        <a class="aui-navbar__brand-mini" href="javascript:;">{{ $t('brand.mini') }}</a>
+      </h1>
+    </div>
+    <div class="aui-navbar__body">
+      <el-menu class="aui-navbar__menu mr-auto" mode="horizontal">
+        <el-menu-item index="1" @click="$store.state.sidebarFold = !$store.state.sidebarFold">
+          <svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--switch" aria-hidden="true"><use xlink:href="#icon-outdent"></use></svg>
+        </el-menu-item>
+        <el-menu-item index="2" @click="refresh()">
+          <svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--refresh" aria-hidden="true"><use xlink:href="#icon-sync"></use></svg>
+        </el-menu-item>
+      </el-menu>
+      <el-menu class="aui-navbar__menu" mode="horizontal">
+        <el-menu-item index="4" @click="fullscreenHandle()">
+          <svg class="icon-svg aui-navbar__icon-menu" aria-hidden="true"><use xlink:href="#icon-fullscreen"></use></svg>
+        </el-menu-item>
+        <el-menu-item index="5" class="aui-navbar__avatar">
+          <el-dropdown placement="bottom" :show-timeout="0">
+            <span class="el-dropdown-link">
+              <img src="~@/assets/img/avatar.png">
+              <span>{{ $store.state.user.name }}</span>
+              <i class="el-icon-arrow-down"></i>
+            </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item @click.native="updatePasswordHandle()">{{ $t('updatePassword.title') }}</el-dropdown-item>
+              <el-dropdown-item @click.native="logoutHandle()">{{ $t('logout') }}</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </el-menu-item>
+      </el-menu>
+    </div>
+    <!-- 弹窗, 修改密码 -->
+    <update-password v-if="updatePasswordVisible" ref="updatePassword"></update-password>
+  </nav>
+</template>
+<script>
+import screenfull from 'screenfull'
+import UpdatePassword from './main-navbar-update-password'
+import { clearLoginInfo } from '@/utils'
+export default {
+  inject: ['refresh'],
+  data () {
+    return {
+      updatePasswordVisible: false,
+      messageTip: false
+    }
+  },
+  components: {
+    UpdatePassword
+  },
+  methods: {
+    // 全屏
+    fullscreenHandle () {
+      if (!screenfull.enabled) {
+        return this.$message({
+          message: this.$t('fullscreen.prompt'),
+          type: 'warning',
+          duration: 500
+        })
+      }
+      screenfull.toggle()
+    },
+    // 修改密码
+    updatePasswordHandle () {
+      this.updatePasswordVisible = true
+      this.$nextTick(() => {
+        this.$refs.updatePassword.init()
+      })
+    },
+    // 退出
+    logoutHandle () {
+      this.$confirm(this.$t('prompt.info', { 'handle': this.$t('logout') }), this.$t('prompt.title'), {
+        confirmButtonText: this.$t('confirm'),
+        cancelButtonText: this.$t('cancel'),
+        type: 'warning'
+      }).then(() => {
+        this.$http.post('/logout').then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          clearLoginInfo()
+          this.$router.push({ name: 'login' })
+        }).catch(() => {})
+      }).catch(() => {})
+    }
+  }
+}
+</script>

src/views/main-sidebar-sub-menu.vue

@@ -0,0 +1,38 @@
+<template>
+  <el-submenu v-if="menu.children && menu.children.length >= 1" :index="menu.id" :popper-append-to-body="false">
+    <template slot="title">
+      <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"><use :xlink:href="`#${menu.icon}`"></use></svg>
+      <span>{{ menu.name }}</span>
+    </template>
+    <sub-menu v-for="item in menu.children" :key="item.id" :menu="item"></sub-menu>
+  </el-submenu>
+  <el-menu-item v-else :index="menu.id" @click="gotoRouteHandle(menu.id)">
+    <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"><use :xlink:href="`#${menu.icon}`"></use></svg>
+    <span>{{ menu.name }}</span>
+  </el-menu-item>
+</template>
+
+<script>
+import SubMenu from './main-sidebar-sub-menu'
+export default {
+  name: 'sub-menu',
+  props: {
+    menu: {
+      type: Object,
+      required: true
+    }
+  },
+  components: {
+    SubMenu
+  },
+  methods: {
+    // 通过menuId与动态(菜单)路由进行匹配跳转至指定路由
+    gotoRouteHandle (menuId) {
+      var route = window.SITE_CONFIG['dynamicMenuRoutes'].filter(item => item.meta.menuId === menuId)[0]
+      if (route) {
+        this.$router.push({ name: route.name })
+      }
+    }
+  }
+}
+</script>

src/views/main-sidebar.vue

@@ -0,0 +1,108 @@
+<template>
+  <aside :class="['aui-sidebar', `aui-sidebar--${$store.state.sidebarLayoutSkin}`]">
+    <div class="aui-sidebar__inner">
+      <el-menu
+        :default-active="$store.state.sidebarMenuActiveName"
+        :collapse="$store.state.sidebarFold"
+        :unique-opened="true"
+        :collapseTransition="false"
+        class="aui-sidebar__menu"
+      >
+        <el-submenu index="basic">
+          <template slot="title">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-bianji"></use></svg>
+            <span>基础信息</span>
+          </template>
+          <el-submenu index="product">
+            <template slot="title">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-config"></use></svg>
+              <span>产品管理</span>
+            </template>
+            <el-menu-item index="productType" @click="$router.push({ name: 'productType' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-zonghe"></use></svg>
+              <span slot="title">产品类型</span>
+            </el-menu-item>
+            <el-menu-item index="productList" @click="$router.push({ name: 'productList' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-log"></use></svg>
+              <span slot="title">产品列表</span>
+            </el-menu-item>
+          </el-submenu>
+          <el-menu-item index="factoryManage" @click="$router.push({ name: 'factoryManage' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-config"></use></svg>
+            <span slot="title">工厂管理</span>
+          </el-menu-item>
+          <el-submenu index="process">
+            <template slot="title">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-config"></use></svg>
+              <span>过程管理</span>
+            </template>
+            <el-menu-item index="processType" @click="$router.push({ name: 'processType' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-zonghe"></use></svg>
+              <span slot="title">工序类型</span>
+            </el-menu-item>
+            <el-menu-item index="processDefine" @click="$router.push({ name: 'processDefine' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-zonghe"></use></svg>
+              <span slot="title">工序定义</span>
+            </el-menu-item>
+            <el-menu-item index="processFlow" @click="$router.push({ name: 'processFlow' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-zonghe"></use></svg>
+              <span slot="title">工艺流程</span>
+            </el-menu-item>
+          </el-submenu>
+          <el-submenu index="Machine">
+            <template slot="title">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-config"></use></svg>
+              <span>机台管理</span>
+            </template>
+            <el-menu-item index="siteManage" @click="$router.push({ name: 'siteManage' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-zonghe"></use></svg>
+              <span slot="title">站点管理</span>
+            </el-menu-item>
+            <el-menu-item index="machineManage" @click="$router.push({ name: 'machineManage' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-zonghe"></use></svg>
+              <span slot="title">机台管理</span>
+            </el-menu-item>
+          </el-submenu>
+          <el-menu-item index="toolsType" @click="$router.push({ name: 'toolsType' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-zonghe"></use></svg>
+            <span slot="title">量具类型</span>
+          </el-menu-item>
+          <el-menu-item index="unitList" @click="$router.push({ name: 'unitList' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-log"></use></svg>
+            <span slot="title">计量单位列表</span>
+          </el-menu-item>
+        </el-submenu>
+        <el-submenu index="spc">
+          <template slot="title">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-shoucang"></use></svg>
+            <span>SPC</span>
+          </template>
+          <el-menu-item index="echart-line" @click="$router.push({ name: 'echart-line' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-tubiao"></use></svg>
+            <span slot="title">spc折线</span>
+          </el-menu-item>
+          <el-menu-item index="echart-line" @click="$router.push({ name: 'echart-3line' })">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-tubiao"></use></svg>
+            <span slot="title">spc3折线</span>
+          </el-menu-item>
+        </el-submenu>
+        <sub-menu v-for="menu in $store.state.sidebarMenuList" :key="menu.id" :menu="menu" />
+      </el-menu>
+    </div>
+  </aside>
+</template>
+
+<script>
+import SubMenu from "./main-sidebar-sub-menu";
+export default {
+  data() {
+    return {};
+  },
+  components: {
+    SubMenu,
+  },
+  created() {
+    this.$store.state.sidebarMenuList = window.SITE_CONFIG["menuList"];
+  },
+};
+</script>

src/views/main.vue

@@ -0,0 +1,102 @@
+<template>
+  <div v-loading.fullscreen.lock="loading" :element-loading-text="$t('loading')" :class="['aui-wrapper', { 'aui-sidebar--fold': $store.state.sidebarFold }]">
+    <template v-if="!loading">
+      <main-navbar />
+      <main-sidebar />
+      <div class="aui-content__wrapper">
+        <main-content v-if="!$store.state.contentIsNeedRefresh" />
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+import MainNavbar from './main-navbar'
+import MainSidebar from './main-sidebar'
+import MainContent from './main-content'
+import debounce from 'lodash/debounce'
+export default {
+  provide () {
+    return {
+      // 刷新
+      refresh () {
+        this.$store.state.contentIsNeedRefresh = true
+        this.$nextTick(() => {
+          this.$store.state.contentIsNeedRefresh = false
+        })
+      }
+    }
+  },
+  data () {
+    return {
+      loading: true
+    }
+  },
+  components: {
+    MainNavbar,
+    MainSidebar,
+    MainContent
+  },
+  watch: {
+    $route: 'routeHandle'
+  },
+  created () {
+    this.windowResizeHandle()
+    this.routeHandle(this.$route)
+    Promise.all([
+      this.getUserInfo(),
+      this.getPermissions()
+    ]).then(() => {
+      this.loading = false
+    })
+  },
+  methods: {
+    // 窗口改变大小
+    windowResizeHandle () {
+      this.$store.state.sidebarFold = document.documentElement['clientWidth'] <= 992 || false
+      window.addEventListener('resize', debounce(() => {
+        this.$store.state.sidebarFold = document.documentElement['clientWidth'] <= 992 || false
+      }, 150))
+    },
+    // 路由, 监听
+    routeHandle (route) {
+      if (!route.meta.isTab) {
+        return false
+      }
+      var tab = this.$store.state.contentTabs.filter(item => item.name === route.name)[0]
+      if (!tab) {
+        tab = {
+          ...window.SITE_CONFIG['contentTabDefault'],
+          ...route.meta,
+          'name': route.name,
+          'params': { ...route.params },
+          'query': { ...route.query }
+        }
+        this.$store.state.contentTabs = this.$store.state.contentTabs.concat(tab)
+      }
+      this.$store.state.sidebarMenuActiveName = tab.menuId
+      this.$store.state.contentTabsActiveName = tab.name
+    },
+    // 获取当前管理员信息
+    getUserInfo () {
+      return this.$http.get('/sys/user/info').then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.$store.state.user.id = res.data.id
+        this.$store.state.user.name = res.data.username
+        this.$store.state.user.superAdmin = res.data.superAdmin
+      }).catch(() => {})
+    },
+    // 获取权限
+    getPermissions () {
+      return this.$http.get('/sys/menu/permissions').then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        window.SITE_CONFIG['permissions'] = res.data
+      }).catch(() => {})
+    }
+  }
+}
+</script>

src/views/modules/home.vue

@@ -0,0 +1,31 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-home">
+      <h3>项目介绍</h3>
+      <ul>
+        <li>renren-ui基于vue、element-ui构建开发，实现<a href="https://gitee.com/renrenio/renren-ui" target="_blank">renren-security</a>后台管理前端功能，提供一套更优的前端解决方案</li>
+        <li>前后端分离，通过token进行数据交互，可独立部署</li>
+        <li>动态菜单，通过菜单管理统一管理访问路由</li>
+        <li>演示地址：<a href="http://demo.open.renren.io/renren-security" target="_blank">http://demo.open.renren.io/renren-security</a> (账号密码：admin/admin)</li>
+      </ul>
+      <h3>获取帮助</h3>
+      <ul>
+        <li>官方社区：<a href="https://www.renren.io/community" target="_blank">https://www.renren.io/community</a></li>
+        <li>前端Git地址：<a href="https://gitee.com/renrenio/renren-ui" target="_blank">https://gitee.com/renrenio/renren-ui</a></li>
+        <li>后台Git地址：<a href="https://gitee.com/renrenio/renren-security" target="_blank">https://gitee.com/renrenio/renren-security</a></li>
+        <li>如需关注项目最新动态，请Watch、Star项目，同时也是对项目最好的支持</li>
+      </ul>
+      <h3>官方微信群</h3>
+      <ul>
+        <li>扫码下面的二维码，关注【人人开源】公众号，回复【加群】，即可根据提示加入微信群！</li>
+        <li><img src="https://cdn.renren.io/f5cef202207132229319338.jpg" alt="微信群" /></li>
+      </ul>
+    </div>
+  </el-card>
+</template>
+
+<style>
+.mod-home {
+  line-height: 1.5;
+}
+</style>

src/views/modules/job/schedule-add-or-update.vue

@@ -0,0 +1,106 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item prop="beanName" :label="$t('schedule.beanName')">
+        <el-input v-model="dataForm.beanName" :placeholder="$t('schedule.beanNameTips')"></el-input>
+      </el-form-item>
+      <el-form-item prop="params" :label="$t('schedule.params')">
+        <el-input v-model="dataForm.params" :placeholder="$t('schedule.params')"></el-input>
+      </el-form-item>
+      <el-form-item prop="cronExpression" :label="$t('schedule.cronExpression')">
+        <el-popover v-model="cronPopover">
+          <cron @change="changeCron" @close="cronPopover=false" i18n="cn"></cron>
+          <el-input slot="reference" @click="cronPopover=true" v-model="dataForm.cronExpression" :placeholder="$t('schedule.cronExpressionTips')"></el-input>
+        </el-popover>
+      </el-form-item>
+      <el-form-item prop="remark"  :label="$t('schedule.remark')">
+        <el-input v-model="dataForm.remark" :placeholder="$t('schedule.remark')"></el-input>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import { cron } from 'vue-cron'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        beanName: '',
+        params: '',
+        cronExpression: '',
+        remark: '',
+        status: 0
+      },
+      cronPopover: false
+    }
+  },
+  components: {
+    cron
+  },
+  computed: {
+    dataRule () {
+      return {
+        beanName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        cronExpression: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+    },
+    changeCron (val) {
+      this.dataForm.cronExpression = val
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/sys/schedule/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = res.data
+      }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/schedule', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/modules/job/schedule-log.vue

@@ -0,0 +1,74 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="$t('schedule.log')" :close-on-click-modal="false" :close-on-press-escape="false" width="75%">
+    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+      <el-form-item>
+        <el-input v-model="dataForm.jobId" :placeholder="$t('schedule.jobId')" clearable></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      v-loading="dataListLoading"
+      :data="dataList"
+      border
+      @sort-change="dataListSortChangeHandle"
+      height="460"
+      style="width: 100%;">
+      <el-table-column prop="jobId" :label="$t('schedule.jobId')" header-align="center" align="center" width="80"></el-table-column>
+      <el-table-column prop="beanName" :label="$t('schedule.beanName')" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="params" :label="$t('schedule.params')" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="status" :label="$t('schedule.status')" header-align="center" align="center">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.status === 1" size="small">{{ $t('schedule.statusLog1') }}</el-tag>
+          <el-tag v-else type="danger" size="small" @click.native="showErrorInfo(scope.row.id)" style="cursor: pointer;">{{ $t('schedule.statusLog0') }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="times" :label="$t('schedule.times')" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="createDate" :label="$t('schedule.createDate')" header-align="center" align="center" width="180"></el-table-column>
+    </el-table>
+    <el-pagination
+      :current-page="page"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="limit"
+      :total="total"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="pageSizeChangeHandle"
+      @current-change="pageCurrentChangeHandle">
+    </el-pagination>
+  </el-dialog>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      visible: false,
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/scheduleLog/page',
+        getDataListIsPage: true
+      },
+      dataForm: {
+        jobId: ''
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.getDataList()
+    },
+    // 失败信息
+    showErrorInfo (id) {
+      this.$http.get(`/sys/scheduleLog/${id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.$alert(res.data.error)
+      }).catch(() => {})
+    }
+  }
+}
+</script>

src/views/modules/job/schedule.vue

@@ -0,0 +1,196 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-job__schedule">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.beanName" :placeholder="$t('schedule.beanName')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:schedule:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:schedule:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:schedule:pause')" type="danger" @click="pauseHandle()">{{ $t('schedule.pauseBatch') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:schedule:resume')" type="danger" @click="resumeHandle()">{{ $t('schedule.resumeBatch') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:schedule:run')" type="danger" @click="runHandle()">{{ $t('schedule.runBatch') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:schedule:log')" type="success" @click="logHandle()">{{ $t('schedule.log') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="dataListLoading"
+        :data="dataList"
+        border
+        @selection-change="dataListSelectionChangeHandle"
+        @sort-change="dataListSortChangeHandle"
+        style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="beanName" :label="$t('schedule.beanName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="params" :label="$t('schedule.params')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="cronExpression" :label="$t('schedule.cronExpression')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="remark" :label="$t('schedule.remark')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="status" :label="$t('schedule.status')" sortable="custom" header-align="center" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.status === 1" size="small">{{ $t('schedule.status1') }}</el-tag>
+            <el-tag v-else size="small" type="danger">{{ $t('schedule.status0') }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="$hasPermission('sys:schedule:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('sys:schedule:pause')" type="text" size="small" @click="pauseHandle(scope.row.id)">{{ $t('schedule.pause') }}</el-button>
+            <el-button v-if="$hasPermission('sys:schedule:resume')" type="text" size="small" @click="resumeHandle(scope.row.id)">{{ $t('schedule.resume') }}</el-button>
+            <el-button v-if="$hasPermission('sys:schedule:run')" type="text" size="small" @click="runHandle(scope.row.id)">{{ $t('schedule.run') }}</el-button>
+            <el-button v-if="$hasPermission('sys:schedule:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+      <!-- 弹窗, 日志列表 -->
+      <log v-if="logVisible" ref="log"></log>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './schedule-add-or-update'
+import Log from './schedule-log'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/schedule/page',
+        getDataListIsPage: true,
+        deleteURL: '/sys/schedule',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        beanName: ''
+      },
+      logVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate,
+    Log
+  },
+  methods: {
+    // 暂停
+    pauseHandle (id) {
+      if (!id && this.dataListSelections.length <= 0) {
+        return this.$message({
+          message: this.$t('prompt.deleteBatch'),
+          type: 'warning',
+          duration: 500
+        })
+      }
+      this.$confirm(this.$t('prompt.info', { 'handle': this.$t('schedule.pause') }), this.$t('prompt.title'), {
+        confirmButtonText: this.$t('confirm'),
+        cancelButtonText: this.$t('cancel'),
+        type: 'warning'
+      }).then(() => {
+        this.$http.put('/sys/schedule/pause', id ? [id] : this.dataListSelections.map(item => item.id)).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.getDataList()
+            }
+          })
+        }).catch(() => {})
+      }).catch(() => {})
+    },
+    // 恢复
+    resumeHandle (id) {
+      if (!id && this.dataListSelections.length <= 0) {
+        return this.$message({
+          message: this.$t('prompt.deleteBatch'),
+          type: 'warning',
+          duration: 500
+        })
+      }
+      this.$confirm(this.$t('prompt.info', { 'handle': this.$t('schedule.resume') }), this.$t('prompt.title'), {
+        confirmButtonText: this.$t('confirm'),
+        cancelButtonText: this.$t('cancel'),
+        type: 'warning'
+      }).then(() => {
+        this.$http.put('/sys/schedule/resume', id ? [id] : this.dataListSelections.map(item => item.id)).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.getDataList()
+            }
+          })
+        }).catch(() => {})
+      }).catch(() => {})
+    },
+    // 执行
+    runHandle (id) {
+      if (!id && this.dataListSelections.length <= 0) {
+        return this.$message({
+          message: this.$t('prompt.deleteBatch'),
+          type: 'warning',
+          duration: 500
+        })
+      }
+      this.$confirm(this.$t('prompt.info', { 'handle': this.$t('schedule.run') }), this.$t('prompt.title'), {
+        confirmButtonText: this.$t('confirm'),
+        cancelButtonText: this.$t('cancel'),
+        type: 'warning'
+      }).then(() => {
+        this.$http.put('/sys/schedule/run', id ? [id] : this.dataListSelections.map(item => item.id)).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.getDataList()
+            }
+          })
+        }).catch(() => {})
+      }).catch(() => {})
+    },
+    // 日志列表
+    logHandle () {
+      this.logVisible = true
+      this.$nextTick(() => {
+        this.$refs.log.init()
+      })
+    }
+  }
+}
+</script>

src/views/modules/oss/oss-config.vue

@@ -0,0 +1,225 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="$t('oss.config')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item :label="$t('oss.type')" size="mini">
+        <el-radio-group v-model="dataForm.type">
+          <el-radio :label="1">{{ $t('oss.type1') }}</el-radio>
+          <el-radio :label="2">{{ $t('oss.type2') }}</el-radio>
+          <el-radio :label="3">{{ $t('oss.type3') }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <template v-if="dataForm.type === 1">
+        <el-form-item size="mini">
+          <a href="https://s.qiniu.com/7Rfaym" target="_blank">免费申请(七牛)10GB储存空间</a>
+        </el-form-item>
+        <el-form-item prop="qiniuDomain" :label="$t('oss.qiniuDomain')">
+          <el-input v-model="dataForm.qiniuDomain" :placeholder="$t('oss.qiniuDomainTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qiniuPrefix" :label="$t('oss.qiniuPrefix')">
+          <el-input v-model="dataForm.qiniuPrefix" :placeholder="$t('oss.qiniuPrefixTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qiniuAccessKey" :label="$t('oss.qiniuAccessKey')">
+          <el-input v-model="dataForm.qiniuAccessKey" :placeholder="$t('oss.qiniuAccessKeyTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qiniuSecretKey" :label="$t('oss.qiniuSecretKey')">
+          <el-input v-model="dataForm.qiniuSecretKey" :placeholder="$t('oss.qiniuSecretKeyTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qiniuBucketName" :label="$t('oss.qiniuBucketName')">
+          <el-input v-model="dataForm.qiniuBucketName" :placeholder="$t('oss.qiniuBucketNameTips')"></el-input>
+        </el-form-item>
+      </template>
+      <template v-else-if="dataForm.type === 2">
+        <el-form-item size="mini">
+          <a href="https://www.aliyun.com/minisite/goods?userCode=y93lfwbg" target="_blank">免费领取阿里云优惠券</a>
+        </el-form-item>
+        <el-form-item prop="aliyunDomain" :label="$t('oss.aliyunDomain')">
+          <el-input v-model="dataForm.aliyunDomain" :placeholder="$t('oss.aliyunDomainTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="aliyunPrefix" :label="$t('oss.aliyunPrefix')">
+          <el-input v-model="dataForm.aliyunPrefix" :placeholder="$t('oss.aliyunPrefixTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="aliyunEndPoint" :label="$t('oss.aliyunEndPoint')">
+          <el-input v-model="dataForm.aliyunEndPoint" :placeholder="$t('oss.aliyunEndPointTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="aliyunAccessKeyId" :label="$t('oss.aliyunAccessKeyId')">
+          <el-input v-model="dataForm.aliyunAccessKeyId" :placeholder="$t('oss.aliyunAccessKeyIdTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="aliyunAccessKeySecret" :label="$t('oss.aliyunAccessKeySecret')">
+          <el-input v-model="dataForm.aliyunAccessKeySecret" :placeholder="$t('oss.aliyunAccessKeySecretTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="aliyunBucketName" :label="$t('oss.aliyunBucketName')">
+          <el-input v-model="dataForm.aliyunBucketName" :placeholder="$t('oss.aliyunBucketNameTips')"></el-input>
+        </el-form-item>
+      </template>
+      <template v-else-if="dataForm.type === 3">
+        <el-form-item size="mini">
+          <a href="https://curl.qcloud.com/zt3xdYbZ" target="_blank">免费领取腾讯云优惠券</a>
+        </el-form-item>
+        <el-form-item prop="qcloudDomain" :label="$t('oss.qcloudDomain')">
+          <el-input v-model="dataForm.qcloudDomain" :placeholder="$t('oss.qcloudDomainTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qcloudPrefix" :label="$t('oss.qcloudPrefix')">
+          <el-input v-model="dataForm.qcloudPrefix" :placeholder="$t('oss.qcloudPrefixTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qcloudAppId" :label="$t('oss.qcloudAppId')">
+          <el-input v-model="dataForm.qcloudAppId" :placeholder="$t('oss.qcloudAppIdTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qcloudSecretId" :label="$t('oss.qcloudSecretId')">
+          <el-input v-model="dataForm.qcloudSecretId" :placeholder="$t('oss.qcloudSecretIdTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qcloudSecretKey" :label="$t('oss.qcloudSecretKey')">
+          <el-input v-model="dataForm.qcloudSecretKey" :placeholder="$t('oss.qcloudSecretKeyTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qcloudBucketName" :label="$t('oss.qcloudBucketName')">
+          <el-input v-model="dataForm.qcloudBucketName" :placeholder="$t('oss.qcloudBucketNameTips')"></el-input>
+        </el-form-item>
+        <el-form-item prop="qcloudRegion" :label="$t('oss.qcloudRegion')">
+          <el-select v-model="dataForm.qcloudRegion" clearable :placeholder="$t('oss.qcloudRegionTips')" class="w-percent-100">
+            <el-option value="ap-beijing-1" :label="$t('oss.qcloudRegionBeijing1')"></el-option>
+            <el-option value="ap-beijing" :label="$t('oss.qcloudRegionBeijing')"></el-option>
+            <el-option value="ap-shanghai" :label="$t('oss.qcloudRegionShanghai')"></el-option>
+            <el-option value="ap-guangzhou" :label="$t('oss.qcloudRegionGuangzhou')"></el-option>
+            <el-option value="ap-chengdu" :label="$t('oss.qcloudRegionChengdu')"></el-option>
+            <el-option value="ap-chongqing" :label="$t('oss.qcloudRegionChongqing')"></el-option>
+            <el-option value="ap-singapore" :label="$t('oss.qcloudRegionSingapore')"></el-option>
+            <el-option value="ap-hongkong" :label="$t('oss.qcloudRegionHongkong')"></el-option>
+            <el-option value="na-toronto" :label="$t('oss.qcloudRegionToronto')"></el-option>
+            <el-option value="eu-frankfurt" :label="$t('oss.qcloudRegionFrankfurt')"></el-option>
+          </el-select>
+        </el-form-item>
+      </template>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        type: 0,
+        qiniuDomain: '',
+        qiniuPrefix: '',
+        qiniuAccessKey: '',
+        qiniuSecretKey: '',
+        qiniuBucketName: '',
+        aliyunDomain: '',
+        aliyunPrefix: '',
+        aliyunEndPoint: '',
+        aliyunAccessKeyId: '',
+        aliyunAccessKeySecret: '',
+        aliyunBucketName: '',
+        qcloudDomain: '',
+        qcloudPrefix: '',
+        qcloudAppId: 0,
+        qcloudSecretId: '',
+        qcloudSecretKey: '',
+        qcloudBucketName: '',
+        qcloudRegion: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        qiniuDomain: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        qiniuAccessKey: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        qiniuSecretKey: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        qiniuBucketName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        aliyunDomain: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        aliyunEndPoint: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        aliyunAccessKeyId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        aliyunAccessKeySecret: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        aliyunBucketName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        qcloudDomain: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        qcloudAppId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        qcloudSecretId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        qcloudSecretKey: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        qcloudBucketName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        qcloudRegion: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  watch: {
+    'dataForm.type' (val) {
+      this.$refs['dataForm'].clearValidate()
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        this.getInfo()
+      })
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get('/sys/oss/info').then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = res.data
+      }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http.post('/sys/oss', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/modules/oss/oss-upload.vue

@@ -0,0 +1,65 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="$t('oss.upload')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-upload
+      :action="url"
+      :file-list="fileList"
+      drag
+      multiple
+      :before-upload="beforeUploadHandle"
+      :on-success="successHandle"
+      class="text-center">
+      <i class="el-icon-upload"></i>
+      <div class="el-upload__text" v-html="$t('upload.text')"></div>
+      <div class="el-upload__tip" slot="tip">{{ $t('upload.tip', { 'format': 'jpg、png、gif' }) }}</div>
+    </el-upload>
+  </el-dialog>
+</template>
+
+<script>
+import Cookies from 'js-cookie'
+export default {
+  data () {
+    return {
+      visible: false,
+      url: '',
+      num: 0,
+      fileList: []
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.url = `${window.SITE_CONFIG['apiURL']}/sys/oss/upload?token=${Cookies.get('token')}`
+      this.num = 0
+      this.fileList = []
+    },
+    // 上传之前
+    beforeUploadHandle (file) {
+      if (file.type !== 'image/jpg' && file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {
+        this.$message.error(this.$t('upload.tip', { 'format': 'jpg、png、gif' }))
+        return false
+      }
+      this.num++
+    },
+    // 上传成功
+    successHandle (res, file, fileList) {
+      if (res.code !== 0) {
+        return this.$message.error(res.msg)
+      }
+      this.fileList = fileList
+      this.num--
+      if (this.num === 0) {
+        this.$message({
+          message: this.$t('prompt.success'),
+          type: 'success',
+          duration: 500,
+          onClose: () => {
+            this.visible = false
+            this.$emit('refreshDataList')
+          }
+        })
+      }
+    }
+  }
+}
+</script>

src/views/modules/oss/oss.vue

@@ -0,0 +1,88 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-oss__oss">
+      <el-form :inline="true" :model="dataForm">
+        <el-form-item>
+          <el-button type="primary" @click="configHandle()">{{ $t('oss.config') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="uploadHandle()">{{ $t('oss.upload') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="dataListLoading"
+        :data="dataList"
+        border
+        @selection-change="dataListSelectionChangeHandle"
+        @sort-change="dataListSortChangeHandle"
+        style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="url" :label="$t('oss.url')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('oss.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 云存储配置 -->
+      <config v-if="configVisible" ref="config"></config>
+      <!-- 弹窗, 上传文件 -->
+      <upload v-if="uploadVisible" ref="upload" @refreshDataList="getDataList"></upload>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import Config from './oss-config'
+import Upload from './oss-upload'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/oss/page',
+        getDataListIsPage: true,
+        deleteURL: '/sys/oss',
+        deleteIsBatch: true
+      },
+      dataForm: {},
+      configVisible: false,
+      uploadVisible: false
+    }
+  },
+  components: {
+    Config,
+    Upload
+  },
+  methods: {
+    // 云存储配置
+    configHandle () {
+      this.configVisible = true
+      this.$nextTick(() => {
+        this.$refs.config.init()
+      })
+    },
+    // 上传文件
+    uploadHandle () {
+      this.uploadVisible = true
+      this.$nextTick(() => {
+        this.$refs.upload.init()
+      })
+    }
+  }
+}
+</script>

src/views/modules/sys/dept-add-or-update.vue

@@ -0,0 +1,154 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item prop="name" :label="$t('dept.name')">
+        <el-input v-model="dataForm.name" :placeholder="$t('dept.name')"></el-input>
+      </el-form-item>
+      <el-form-item prop="parentName" :label="$t('dept.parentName')" class="dept-list">
+        <el-popover v-model="deptListVisible" ref="deptListPopover" placement="bottom-start" trigger="click">
+          <el-tree
+            :data="deptList"
+            :props="{ label: 'name', children: 'children' }"
+            node-key="id"
+            ref="deptListTree"
+            :highlight-current="true"
+            :expand-on-click-node="false"
+            accordion
+            @current-change="deptListTreeCurrentChangeHandle">
+          </el-tree>
+        </el-popover>
+        <el-input v-model="dataForm.parentName" v-popover:deptListPopover :readonly="true" :placeholder="$t('dept.parentName')">
+          <i
+            v-if="$store.state.user.superAdmin === 1 && dataForm.pid !== '0'"
+            slot="suffix"
+            @click.stop="deptListTreeSetDefaultHandle()"
+            class="el-icon-circle-close el-input__icon">
+          </i>
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="sort" :label="$t('dept.sort')">
+        <el-input-number v-model="dataForm.sort" controls-position="right" :min="0" :label="$t('dept.sort')"></el-input-number>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      deptList: [],
+      deptListVisible: false,
+      dataForm: {
+        id: '',
+        name: '',
+        pid: '',
+        parentName: '',
+        sort: 0
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        name: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        parentName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        this.getDeptList().then(() => {
+          if (this.dataForm.id) {
+            this.getInfo()
+          } else if (this.$store.state.user.superAdmin === 1) {
+            this.deptListTreeSetDefaultHandle()
+          }
+        })
+      })
+    },
+    // 获取部门列表
+    getDeptList () {
+      return this.$http.get('/sys/dept/list').then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.deptList = res.data
+      }).catch(() => {})
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/sys/dept/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+        if (this.dataForm.pid === '0') {
+          return this.deptListTreeSetDefaultHandle()
+        }
+        this.$refs.deptListTree.setCurrentKey(this.dataForm.pid)
+      }).catch(() => {})
+    },
+    // 上级部门树, 设置默认值
+    deptListTreeSetDefaultHandle () {
+      this.dataForm.pid = '0'
+      this.dataForm.parentName = this.$t('dept.parentNameDefault')
+    },
+    // 上级部门树, 选中
+    deptListTreeCurrentChangeHandle (data) {
+      this.dataForm.pid = data.id
+      this.dataForm.parentName = data.name
+      this.deptListVisible = false
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/dept', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>
+
+<style lang="scss">
+.mod-sys__dept {
+  .dept-list {
+    .el-input__inner,
+    .el-input__suffix {
+      cursor: pointer;
+    }
+  }
+}
+</style>

src/views/modules/sys/dept.vue

@@ -0,0 +1,43 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__dept">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:dept:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" row-key="id" border style="width: 100%;">
+        <el-table-column prop="name" :label="$t('dept.name')" header-align="center" min-width="150"></el-table-column>
+        <el-table-column prop="parentName" :label="$t('dept.parentName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="sort" :label="$t('dept.sort')" header-align="center" align="center" width="80"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="$hasPermission('sys:dept:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('sys:dept:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './dept-add-or-update'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/dept/list',
+        deleteURL: '/sys/dept'
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  }
+}
+</script>

src/views/modules/sys/dict-data-add-or-update.vue

@@ -0,0 +1,101 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item prop="dictValue" :label="$t('dict.dictValue')">
+        <el-input v-model="dataForm.dictValue" :placeholder="$t('dict.dictValue')"></el-input>
+      </el-form-item>
+      <el-form-item prop="dictLabel" :label="$t('dict.dictLabel')">
+        <el-input v-model="dataForm.dictLabel" :placeholder="$t('dict.dictLabel')"></el-input>
+      </el-form-item>
+      <el-form-item prop="sort" :label="$t('dict.sort')">
+        <el-input-number v-model="dataForm.sort" controls-position="right" :min="0" :label="$t('dict.sort')"></el-input-number>
+      </el-form-item>
+      <el-form-item prop="remark" :label="$t('dict.remark')">
+        <el-input v-model="dataForm.remark" :placeholder="$t('dict.remark')"></el-input>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        dictTypeId: '',
+        dictLabel: '',
+        dictValue: '',
+        sort: 0,
+        remark: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        dictLabel: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        dictValue: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        sort: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/sys/dict/data/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+      }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/dict/data', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/modules/sys/dict-data.vue

@@ -0,0 +1,96 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__dict">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.dictValue" :placeholder="$t('dict.dictValue')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="dataForm.dictLabel" :placeholder="$t('dict.dictLabel')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:dict:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:dict:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="dataListLoading"
+        :data="dataList"
+        border
+        @selection-change="dataListSelectionChangeHandle"
+        @sort-change="dataListSortChangeHandle"
+        style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="dictValue" :label="$t('dict.dictValue')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="dictLabel" :label="$t('dict.dictLabel')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="sort" :label="$t('dict.sort')" sortable="custom" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="remark" :label="$t('dict.remark')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('dict.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
+        <el-table-column  :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="$hasPermission('sys:dict:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('sys:dict:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './dict-data-add-or-update'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        createdIsNeed: false,
+        getDataListURL: '/sys/dict/data/page',
+        getDataListIsPage: true,
+        deleteURL: '/sys/dict/data',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        dictTypeId: '0',
+        dictLabel: '',
+        dictValue: ''
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  created () {
+    this.dataForm.dictTypeId = this.$route.params.dictTypeId || '0'
+    this.getDataList()
+  },
+  methods: {
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.dataForm.id = id
+        this.$refs.addOrUpdate.dataForm.dictTypeId = this.dataForm.dictTypeId
+        this.$refs.addOrUpdate.init()
+      })
+    }
+  }
+}
+</script>

src/views/modules/sys/dict-type-add-or-update.vue

@@ -0,0 +1,100 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item prop="dictName" :label="$t('dict.dictName')">
+        <el-input v-model="dataForm.dictName" :placeholder="$t('dict.dictName')"></el-input>
+      </el-form-item>
+      <el-form-item prop="dictType" :label="$t('dict.dictType')">
+        <el-input v-model="dataForm.dictType" :placeholder="$t('dict.dictType')"></el-input>
+      </el-form-item>
+      <el-form-item prop="sort" :label="$t('dict.sort')">
+        <el-input-number v-model="dataForm.sort" controls-position="right" :min="0" :label="$t('dict.sort')"></el-input-number>
+      </el-form-item>
+      <el-form-item prop="remark" :label="$t('dict.remark')">
+        <el-input v-model="dataForm.remark" :placeholder="$t('dict.remark')"></el-input>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        dictName: '',
+        dictType: '',
+        sort: 0,
+        remark: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        dictName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        dictType: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        sort: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/sys/dict/type/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+      }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/dict/type', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/modules/sys/dict-type.vue

@@ -0,0 +1,101 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__dict">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.dictName" :placeholder="$t('dict.dictName')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="dataForm.dictType" :placeholder="$t('dict.dictType')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:dict:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:dict:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="dataListLoading"
+        :data="dataList"
+        border
+        @selection-change="dataListSelectionChangeHandle"
+        @sort-change="dataListSortChangeHandle"
+        style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="dictName" :label="$t('dict.dictName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="dictType" :label="$t('dict.dictType')" header-align="center" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" @click="childHandle(scope.row)">{{ scope.row.dictType }}</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column prop="sort" :label="$t('dict.sort')" sortable="custom" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="remark" :label="$t('dict.remark')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('dict.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
+        <el-table-column  :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="$hasPermission('sys:dict:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('sys:dict:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './dict-type-add-or-update'
+import { addDynamicRoute } from '@/router'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/dict/type/page',
+        getDataListIsPage: true,
+        deleteURL: '/sys/dict/type',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        id: '0',
+        dictName: '',
+        dictType: ''
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  methods: {
+    // 子级
+    childHandle (row) {
+      // 路由参数
+      const routeParams = {
+        routeName: `${this.$route.name}__${row.id}`,
+        title: `${this.$route.meta.title} - ${row.dictType}`,
+        path: 'sys/dict-data',
+        params: {
+          dictTypeId: row.id
+        }
+      }
+      // 动态路由
+      addDynamicRoute(routeParams, this.$router)
+    }
+  }
+}
+</script>

src/views/modules/sys/log-error.vue

@@ -0,0 +1,65 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__log-error">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-button type="info" @click="exportHandle()">{{ $t('export') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" border @sort-change="dataListSortChangeHandle" style="width: 100%;">
+        <el-table-column prop="requestUri" :label="$t('logError.requestUri')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="requestMethod" :label="$t('logError.requestMethod')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="requestParams" :label="$t('logError.requestParams')" header-align="center" align="center" width="150" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="ip" :label="$t('logError.ip')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="userAgent" :label="$t('logError.userAgent')" header-align="center" align="center" width="150" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('logError.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="infoHandle(scope.row.errorInfo)">{{ $t('logError.errorInfo') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/log/error/page',
+        getDataListIsPage: true,
+        exportURL: '/sys/log/error/export'
+      }
+    }
+  },
+  methods: {
+    // 异常信息
+    infoHandle (info) {
+      this.$alert(info, this.$t('logError.errorInfo'), {
+        customClass: 'mod-sys__log-error-view-info'
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.mod-sys__log-error {
+  &-view-info {
+    width: 80%;
+  }
+}
+</style>

src/views/modules/sys/log-login.vue

@@ -0,0 +1,71 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__log-login">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.creatorName" :placeholder="$t('logLogin.creatorName')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select v-model="dataForm.status" :placeholder="$t('logLogin.status')" clearable>
+            <el-option :label="$t('logLogin.status0')" :value="0"></el-option>
+            <el-option :label="$t('logLogin.status1')" :value="1"></el-option>
+            <el-option :label="$t('logLogin.status2')" :value="2"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="info" @click="exportHandle()">{{ $t('export') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" border @sort-change="dataListSortChangeHandle" style="width: 100%;">
+        <el-table-column prop="creatorName" :label="$t('logLogin.creatorName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="operation" :label="$t('logLogin.operation')" header-align="center" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.operation === 0 ? $t('logLogin.operation0') : $t('logLogin.operation1') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="status" :label="$t('logLogin.status')" sortable="custom" header-align="center" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('logLogin.status0') }}</el-tag>
+            <el-tag v-else-if="scope.row.status === 1" size="small" type="success">{{ $t('logLogin.status1') }}</el-tag>
+            <el-tag v-else size="small" type="warning">{{ $t('logLogin.status2') }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="ip" :label="$t('logLogin.ip')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="userAgent" :label="$t('logLogin.userAgent')" header-align="center" align="center" width="150" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('logLogin.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/log/login/page',
+        getDataListIsPage: true,
+        exportURL: '/sys/log/login/export'
+      },
+      dataForm: {
+        creatorName: '',
+        status: ''
+      }
+    }
+  }
+}
+</script>

src/views/modules/sys/log-operation.vue

@@ -0,0 +1,69 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__log-operation">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-select v-model="dataForm.status" :placeholder="$t('logOperation.status')" clearable>
+            <el-option :label="$t('logOperation.status0')" :value="0"></el-option>
+            <el-option :label="$t('logOperation.status1')" :value="1"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="info" @click="exportHandle()">{{ $t('export') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" border @sort-change="dataListSortChangeHandle" style="width: 100%;">
+        <el-table-column prop="creatorName" :label="$t('logOperation.creatorName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="operation" :label="$t('logOperation.operation')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="requestUri" :label="$t('logOperation.requestUri')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="requestMethod" :label="$t('logOperation.requestMethod')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="requestParams" :label="$t('logOperation.requestParams')" header-align="center" align="center" width="150" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="requestTime" :label="$t('logOperation.requestTime')" sortable="custom" header-align="center" align="center">
+          <template slot-scope="scope">
+            {{ `${scope.row.requestTime}ms` }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="status" :label="$t('logOperation.status')" sortable="custom" header-align="center" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('logOperation.status0') }}</el-tag>
+            <el-tag v-else size="small" type="success">{{ $t('logOperation.status1') }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="ip" :label="$t('logOperation.ip')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="userAgent" :label="$t('logOperation.userAgent')" header-align="center" align="center" width="150" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('logOperation.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/log/operation/page',
+        getDataListIsPage: true,
+        exportURL: '/sys/log/operation/export'
+      },
+      dataForm: {
+        status: ''
+      }
+    }
+  }
+}
+</script>

src/views/modules/sys/menu-add-or-update.vue

@@ -0,0 +1,221 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item prop="type" :label="$t('menu.type')" size="mini">
+        <el-radio-group v-model="dataForm.type" :disabled="!!dataForm.id">
+          <el-radio :label="0">{{ $t('menu.type0') }}</el-radio>
+          <el-radio :label="1">{{ $t('menu.type1') }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item prop="name" :label="$t('menu.name')">
+        <el-input v-model="dataForm.name" :placeholder="$t('menu.name')"></el-input>
+      </el-form-item>
+      <el-form-item prop="parentName" :label="$t('menu.parentName')" class="menu-list">
+        <el-popover v-model="menuListVisible" ref="menuListPopover" placement="bottom-start" trigger="click">
+          <el-tree
+            :data="menuList"
+            :props="{ label: 'name', children: 'children' }"
+            node-key="id"
+            ref="menuListTree"
+            :highlight-current="true"
+            :expand-on-click-node="false"
+            accordion
+            @current-change="menuListTreeCurrentChangeHandle">
+          </el-tree>
+        </el-popover>
+        <el-input v-model="dataForm.parentName" v-popover:menuListPopover :readonly="true" :placeholder="$t('menu.parentName')">
+          <i v-if="dataForm.pid !== '0'" slot="suffix" @click.stop="deptListTreeSetDefaultHandle()" class="el-icon-circle-close el-input__icon"></i>
+        </el-input>
+      </el-form-item>
+      <el-form-item v-if="dataForm.type === 0" prop="url" :label="$t('menu.url')">
+        <el-input v-model="dataForm.url" :placeholder="$t('menu.url')"></el-input>
+      </el-form-item>
+      <el-form-item prop="sort" :label="$t('menu.sort')">
+        <el-input-number v-model="dataForm.sort" controls-position="right" :min="0" :label="$t('menu.sort')"></el-input-number>
+      </el-form-item>
+      <el-form-item prop="permissions" :label="$t('menu.permissions')">
+        <el-input v-model="dataForm.permissions" :placeholder="$t('menu.permissionsTips')"></el-input>
+      </el-form-item>
+      <el-form-item v-if="dataForm.type === 0" prop="icon" :label="$t('menu.icon')" class="icon-list">
+        <el-popover v-model="iconListVisible" ref="iconListPopover" placement="bottom-start" trigger="click" popper-class="mod-sys__menu-icon-popover">
+          <div class="mod-sys__menu-icon-inner">
+            <div class="mod-sys__menu-icon-list">
+              <el-button
+                v-for="(item, index) in iconList"
+                :key="index"
+                @click="iconListCurrentChangeHandle(item)"
+                :class="{ 'is-active': dataForm.icon === item }">
+                <svg class="icon-svg" aria-hidden="true"><use :xlink:href="`#${item}`"></use></svg>
+              </el-button>
+            </div>
+          </div>
+        </el-popover>
+        <el-input v-model="dataForm.icon" v-popover:iconListPopover :readonly="true" :placeholder="$t('menu.icon')"></el-input>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import { getIconList } from '@/utils'
+export default {
+  data () {
+    return {
+      visible: false,
+      menuList: [],
+      menuListVisible: false,
+      iconList: [],
+      iconListVisible: false,
+      dataForm: {
+        id: '',
+        type: 0,
+        name: '',
+        pid: '0',
+        parentName: '',
+        url: '',
+        permissions: '',
+        sort: 0,
+        icon: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        name: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        parentName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  watch: {
+    'dataForm.type' (val) {
+      this.$refs['dataForm'].clearValidate()
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        this.iconList = getIconList()
+        this.dataForm.parentName = this.$t('menu.parentNameDefault')
+        this.getMenuList().then(() => {
+          if (this.dataForm.id) {
+            this.getInfo()
+          }
+        })
+      })
+    },
+    // 获取菜单列表
+    getMenuList () {
+      return this.$http.get('/sys/menu/list?type=0').then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.menuList = res.data
+      }).catch(() => {})
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/sys/menu/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+        if (this.dataForm.pid === '0') {
+          return this.deptListTreeSetDefaultHandle()
+        }
+        this.$refs.menuListTree.setCurrentKey(this.dataForm.pid)
+      }).catch(() => {})
+    },
+    // 上级菜单树, 设置默认值
+    deptListTreeSetDefaultHandle () {
+      this.dataForm.pid = '0'
+      this.dataForm.parentName = this.$t('menu.parentNameDefault')
+    },
+    // 上级菜单树, 选中
+    menuListTreeCurrentChangeHandle (data) {
+      this.dataForm.pid = data.id
+      this.dataForm.parentName = data.name
+      this.menuListVisible = false
+    },
+    // 图标, 选中
+    iconListCurrentChangeHandle (icon) {
+      this.dataForm.icon = icon
+      this.iconListVisible = false
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/menu', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>
+
+<style lang="scss">
+.mod-sys__menu {
+  .menu-list,
+  .icon-list {
+    .el-input__inner,
+    .el-input__suffix {
+      cursor: pointer;
+    }
+  }
+  &-icon-popover {
+    width: 458px;
+    overflow: hidden;
+  }
+  &-icon-inner {
+    width: 478px;
+    max-height: 258px;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+  &-icon-list {
+    width: 458px;
+    padding: 0;
+    margin: -8px 0 0 -8px;
+    > .el-button {
+      padding: 8px;
+      margin: 8px 0 0 8px;
+      > span {
+        display: inline-block;
+        vertical-align: middle;
+        width: 18px;
+        height: 18px;
+        font-size: 18px;
+      }
+    }
+  }
+}
+</style>

src/views/modules/sys/menu.vue

@@ -0,0 +1,55 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__menu">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:menu:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" row-key="id" border style="width: 100%;">
+        <el-table-column prop="name" :label="$t('menu.name')" header-align="center" min-width="150"></el-table-column>
+        <el-table-column prop="icon" :label="$t('menu.icon')" header-align="center" align="center">
+          <template slot-scope="scope">
+            <svg class="icon-svg" aria-hidden="true"><use :xlink:href="`#${scope.row.icon}`"></use></svg>
+          </template>
+        </el-table-column>
+        <el-table-column prop="type" :label="$t('menu.type')" header-align="center" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.type === 0" size="small">{{ $t('menu.type0') }}</el-tag>
+            <el-tag v-else size="small" type="info">{{ $t('menu.type1') }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="sort" :label="$t('menu.sort')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="url" :label="$t('menu.url')" header-align="center" align="center" width="150" :show-overflow-tooltip="true" ></el-table-column>
+        <el-table-column prop="permissions" :label="$t('menu.permissions')" header-align="center" align="center" width="150" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column  :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="$hasPermission('sys:menu:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('sys:menu:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './menu-add-or-update'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/menu/list',
+        deleteURL: '/sys/menu'
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  }
+}
+</script>

src/views/modules/sys/params-add-or-update.vue

@@ -0,0 +1,93 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item prop="paramCode" :label="$t('params.paramCode')">
+        <el-input v-model="dataForm.paramCode" :placeholder="$t('params.paramCode')"></el-input>
+      </el-form-item>
+      <el-form-item prop="paramValue" :label="$t('params.paramValue')">
+        <el-input v-model="dataForm.paramValue" :placeholder="$t('params.paramValue')"></el-input>
+      </el-form-item>
+      <el-form-item prop="remark" :label="$t('params.remark')">
+        <el-input v-model="dataForm.remark" :placeholder="$t('params.remark')"></el-input>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        paramCode: '',
+        paramValue: '',
+        remark: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        paramCode: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        paramValue: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/sys/params/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+      }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/params', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/modules/sys/params.vue

@@ -0,0 +1,67 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__params">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.paramCode" :placeholder="$t('params.paramCode')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:params:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:params:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="paramCode" :label="$t('params.paramCode')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="paramValue" :label="$t('params.paramValue')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="remark" :label="$t('params.remark')" header-align="center" align="center"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="$hasPermission('sys:params:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('sys:params:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './params-add-or-update'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/params/page',
+        getDataListIsPage: true,
+        deleteURL: '/sys/params',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        paramCode: ''
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  }
+}
+</script>

src/views/modules/sys/role-add-or-update.vue

@@ -0,0 +1,148 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item prop="name" :label="$t('role.name')">
+        <el-input v-model="dataForm.name" :placeholder="$t('role.name')"></el-input>
+      </el-form-item>
+      <el-form-item prop="remark" :label="$t('role.remark')">
+        <el-input v-model="dataForm.remark" :placeholder="$t('role.remark')"></el-input>
+      </el-form-item>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item size="mini" :label="$t('role.menuList')">
+            <el-tree
+              :data="menuList"
+              :props="{ label: 'name', children: 'children' }"
+              node-key="id"
+              ref="menuListTree"
+              accordion
+              show-checkbox>
+            </el-tree>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item size="mini" :label="$t('role.deptList')">
+            <el-tree
+              :data="deptList"
+              :props="{ label: 'name', children: 'children' }"
+              node-key="id"
+              ref="deptListTree"
+              accordion
+              show-checkbox>
+            </el-tree>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      menuList: [],
+      deptList: [],
+      dataForm: {
+        id: '',
+        name: '',
+        menuIdList: [],
+        deptIdList: [],
+        remark: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        name: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        this.$refs.menuListTree.setCheckedKeys([])
+        this.$refs.deptListTree.setCheckedKeys([])
+        Promise.all([
+          this.getMenuList(),
+          this.getDeptList()
+        ]).then(() => {
+          if (this.dataForm.id) {
+            this.getInfo()
+          }
+        })
+      })
+    },
+    // 获取菜单列表
+    getMenuList () {
+      return this.$http.get('/sys/menu/select').then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.menuList = res.data
+      }).catch(() => {})
+    },
+    // 获取部门列表
+    getDeptList () {
+      return this.$http.get('/sys/dept/list').then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.deptList = res.data
+      }).catch(() => {})
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/sys/role/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+        this.dataForm.menuIdList.forEach(item => this.$refs.menuListTree.setChecked(item, true))
+        this.$refs.deptListTree.setCheckedKeys(this.dataForm.deptIdList)
+      }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.dataForm.menuIdList = [
+          ...this.$refs.menuListTree.getHalfCheckedKeys(),
+          ...this.$refs.menuListTree.getCheckedKeys()
+        ]
+        this.dataForm.deptIdList = this.$refs.deptListTree.getCheckedKeys()
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/role', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/modules/sys/role.vue

@@ -0,0 +1,73 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__role">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.name" :placeholder="$t('role.name')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:role:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:role:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="dataListLoading"
+        :data="dataList"
+        border
+        @selection-change="dataListSelectionChangeHandle"
+        @sort-change="dataListSortChangeHandle"
+        style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="name" :label="$t('role.name')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="remark" :label="$t('role.remark')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createDate" :label="$t('role.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="$hasPermission('sys:role:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('sys:role:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './role-add-or-update'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/role/page',
+        getDataListIsPage: true,
+        deleteURL: '/sys/role',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        name: ''
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  }
+}
+</script>

src/views/modules/sys/user-add-or-update.vue

@@ -0,0 +1,212 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px">
+      <el-form-item prop="username" :label="$t('user.username')">
+        <el-input v-model="dataForm.username" :placeholder="$t('user.username')"></el-input>
+      </el-form-item>
+      <el-form-item prop="deptName" :label="$t('user.deptName')">
+        <ren-dept-tree v-model="dataForm.deptId" :placeholder="$t('dept.title')" :dept-name.sync="dataForm.deptName"></ren-dept-tree>
+      </el-form-item>
+      <el-form-item prop="password" :label="$t('user.password')" :class="{ 'is-required': !dataForm.id }">
+        <el-input v-model="dataForm.password" type="password" :placeholder="$t('user.password')"></el-input>
+      </el-form-item>
+      <el-form-item prop="confirmPassword" :label="$t('user.confirmPassword')" :class="{ 'is-required': !dataForm.id }">
+        <el-input v-model="dataForm.confirmPassword" type="password" :placeholder="$t('user.confirmPassword')"></el-input>
+      </el-form-item>
+      <el-form-item prop="realName" :label="$t('user.realName')">
+        <el-input v-model="dataForm.realName" :placeholder="$t('user.realName')"></el-input>
+      </el-form-item>
+      <el-form-item prop="gender" :label="$t('user.gender')">
+        <ren-radio-group v-model="dataForm.gender" dict-type="gender"></ren-radio-group>
+      </el-form-item>
+      <el-form-item prop="email" :label="$t('user.email')">
+        <el-input v-model="dataForm.email" :placeholder="$t('user.email')"></el-input>
+      </el-form-item>
+      <el-form-item prop="mobile" :label="$t('user.mobile')">
+        <el-input v-model="dataForm.mobile" :placeholder="$t('user.mobile')"></el-input>
+      </el-form-item>
+      <el-form-item prop="roleIdList" :label="$t('user.roleIdList')" class="role-list">
+        <el-select v-model="dataForm.roleIdList" multiple :placeholder="$t('user.roleIdList')">
+          <el-option v-for="role in roleList" :key="role.id" :label="role.name" :value="role.id"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="status" :label="$t('user.status')" size="mini">
+        <el-radio-group v-model="dataForm.status">
+          <el-radio :label="0">{{ $t('user.status0') }}</el-radio>
+          <el-radio :label="1">{{ $t('user.status1') }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import { isEmail, isMobile } from '@/utils/validate'
+export default {
+  data () {
+    return {
+      visible: false,
+      roleList: [],
+      roleIdListDefault: [],
+      dataForm: {
+        id: '',
+        username: '',
+        deptId: '',
+        deptName: '',
+        password: '',
+        confirmPassword: '',
+        realName: '',
+        gender: 0,
+        email: '',
+        mobile: '',
+        roleIdList: [],
+        status: 1
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      var validatePassword = (rule, value, callback) => {
+        if (!this.dataForm.id && !/\S/.test(value)) {
+          return callback(new Error(this.$t('validate.required')))
+        }
+        callback()
+      }
+      var validateConfirmPassword = (rule, value, callback) => {
+        if (!this.dataForm.id && !/\S/.test(value)) {
+          return callback(new Error(this.$t('validate.required')))
+        }
+        if (this.dataForm.password !== value) {
+          return callback(new Error(this.$t('user.validate.confirmPassword')))
+        }
+        callback()
+      }
+      var validateEmail = (rule, value, callback) => {
+        if (value && !isEmail(value)) {
+          return callback(new Error(this.$t('validate.format', { 'attr': this.$t('user.email') })))
+        }
+        callback()
+      }
+      var validateMobile = (rule, value, callback) => {
+        if (value && !isMobile(value)) {
+          return callback(new Error(this.$t('validate.format', { 'attr': this.$t('user.mobile') })))
+        }
+        callback()
+      }
+      return {
+        username: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        deptName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'change' }
+        ],
+        password: [
+          { validator: validatePassword, trigger: 'blur' }
+        ],
+        confirmPassword: [
+          { validator: validateConfirmPassword, trigger: 'blur' }
+        ],
+        realName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        email: [
+          { validator: validateEmail, trigger: 'blur' }
+        ],
+        mobile: [
+          { validator: validateMobile, trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.dataForm.deptId = ''
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        this.roleIdListDefault = []
+        Promise.all([
+          this.getRoleList()
+        ]).then(() => {
+          if (this.dataForm.id) {
+            this.getInfo()
+          }
+        })
+      })
+    },
+    // 获取角色列表
+    getRoleList () {
+      return this.$http.get('/sys/role/list').then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.roleList = res.data
+      }).catch(() => {})
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/sys/user/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data,
+          roleIdList: []
+        }
+        // 角色配置, 区分是否为默认角色
+        for (var i = 0; i < res.data.roleIdList.length; i++) {
+          if (this.roleList.filter(item => item.id === res.data.roleIdList[i])[0]) {
+            this.dataForm.roleIdList.push(res.data.roleIdList[i])
+            continue
+          }
+          this.roleIdListDefault.push(res.data.roleIdList[i])
+        }
+      }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/user', {
+          ...this.dataForm,
+          roleIdList: [
+            ...this.dataForm.roleIdList,
+            ...this.roleIdListDefault
+          ]
+        }).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>
+
+<style lang="scss">
+.mod-sys__user {
+  .role-list {
+    .el-select {
+      width: 100%;
+    }
+  }
+}
+</style>

src/views/modules/sys/user.vue

@@ -0,0 +1,98 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-sys__user">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item>
+          <el-input v-model="dataForm.username" :placeholder="$t('user.username')" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <ren-select v-model="dataForm.gender" dict-type="gender" :placeholder="$t('user.gender')"></ren-select>
+        </el-form-item>
+        <el-form-item>
+          <ren-dept-tree v-model="dataForm.deptId" :placeholder="$t('dept.title')" :query="true"></ren-dept-tree>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:user:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:user:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('sys:user:export')" type="info" @click="exportHandle()">{{ $t('export') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="dataListLoading"
+        :data="dataList"
+        border
+        @selection-change="dataListSelectionChangeHandle"
+        @sort-change="dataListSortChangeHandle"
+        style="width: 100%;">
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="username" :label="$t('user.username')" sortable="custom" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="deptName" :label="$t('user.deptName')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="email" :label="$t('user.email')" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="mobile" :label="$t('user.mobile')" sortable="custom" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="gender" :label="$t('user.gender')" sortable="custom" header-align="center" align="center">
+          <template slot-scope="scope">
+            {{ $getDictLabel("gender", scope.row.gender) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="status" :label="$t('user.status')" sortable="custom" header-align="center" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('user.status0') }}</el-tag>
+            <el-tag v-else size="small" type="success">{{ $t('user.status1') }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createDate" :label="$t('user.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button v-if="$hasPermission('sys:user:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('sys:user:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './user-add-or-update'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/sys/user/page',
+        getDataListIsPage: true,
+        deleteURL: '/sys/user',
+        deleteIsBatch: true,
+        exportURL: '/sys/user/export'
+      },
+      dataForm: {
+        username: '',
+        deptId: '',
+        gender: ''
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  }
+}
+</script>

src/views/pages/404.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="aui-wrapper aui-page__not-found">
+    <div class="aui-content__wrapper">
+      <div class="aui-content">
+        <h2 class="title">400</h2>
+        <p class="desc" v-html="$t('notFound.desc')"></p>
+        <div class="btn-bar">
+          <el-button @click="$router.go(-1)">{{ $t('notFound.back') }}</el-button>
+          <el-button type="primary" @click="$router.push({ name: 'home' })">{{ $t('notFound.home') }}</el-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+}
+</script>

src/views/pages/login.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="aui-wrapper aui-page__login">
+    <div class="aui-content__wrapper">
+      <main class="aui-content">
+        <div class="login-header">
+          <h2 class="login-brand">{{ $t('brand.lg') }}</h2>
+        </div>
+        <div class="login-body">
+          <h3 class="login-title">{{ $t('login.title') }}</h3>
+          <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" status-icon>
+            <el-form-item prop="username">
+              <el-input v-model="dataForm.username" :placeholder="$t('login.username')">
+                <span slot="prefix" class="el-input__icon">
+                  <svg class="icon-svg" aria-hidden="true"><use xlink:href="#icon-user"></use></svg>
+                </span>
+              </el-input>
+            </el-form-item>
+            <el-form-item prop="password">
+              <el-input v-model="dataForm.password" type="password" :placeholder="$t('login.password')">
+                <span slot="prefix" class="el-input__icon">
+                  <svg class="icon-svg" aria-hidden="true"><use xlink:href="#icon-lock"></use></svg>
+                </span>
+              </el-input>
+            </el-form-item>
+            <el-form-item prop="captcha">
+              <el-row :gutter="20">
+                <el-col :span="14">
+                  <el-input v-model="dataForm.captcha" :placeholder="$t('login.captcha')">
+                    <span slot="prefix" class="el-input__icon">
+                      <svg class="icon-svg" aria-hidden="true"><use xlink:href="#icon-safetycertificate"></use></svg>
+                    </span>
+                  </el-input>
+                </el-col>
+                <el-col :span="10" class="login-captcha">
+                  <img :src="captchaPath" @click="getCaptcha()">
+                </el-col>
+              </el-row>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="dataFormSubmitHandle()" class="w-percent-100">{{ $t('login.title') }}</el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="login-footer">
+          <p>{{ $t('login.copyright') }}</p>
+        </div>
+      </main>
+    </div>
+  </div>
+</template>
+
+<script>
+import Cookies from 'js-cookie'
+import debounce from 'lodash/debounce'
+import { getUUID } from '@/utils'
+export default {
+  data () {
+    return {
+      captchaPath: '',
+      dataForm: {
+        username: 'admin',
+        password: 'admin',
+        uuid: '',
+        captcha: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        username: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        password: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        captcha: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created () {
+    this.getCaptcha()
+  },
+  methods: {
+    // 获取验证码
+    getCaptcha () {
+      this.dataForm.uuid = getUUID()
+      this.captchaPath = `${window.SITE_CONFIG['apiURL']}/captcha?uuid=${this.dataForm.uuid}`
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http.post('/login', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            this.getCaptcha()
+            return this.$message.error(res.msg)
+          }
+          Cookies.set('token', res.data.token)
+          this.$router.replace({ name: 'home' })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>

src/views/spc-basic/components/factoryManage-add.vue

@@ -0,0 +1,149 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-12 15:37:44
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible"
+  >
+    <el-form
+      :model="dataForm"
+      :rules="dataRule"
+      ref="dataForm"
+      @keyup.enter.native="dataFormSubmit()"
+      label-width="80px"
+    >
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="dataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="dataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+      <el-form-item label="描述" prop="desc">
+        <el-input v-model="dataForm.desc" placeholder="描述"></el-input>
+      </el-form-item>
+      <el-form-item label="联系地址" prop="telephone">
+        <el-input
+          v-model="dataForm.telephone"
+          placeholder="联系地址"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="类型" prop="type">
+        <el-radio-group v-model="dataForm.type">
+          <el-radio :label="0">内部工厂</el-radio>
+          <el-radio :label="1">供应商</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="供应商" v-show="dataForm.type === 1" prop="supplier">
+        <el-select
+          v-model="dataForm.supplier"
+          filterable
+          placeholder="请选择供应商"
+        >
+          <el-option
+            v-for="item in supplierArr"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        code: '',
+        name: '',
+        telephone: '',
+        type: 0,
+        supplier: '',
+        desc: ''
+      },
+      supplierArr: [],
+      dataRule: {
+        code: [{ required: true, message: '编码不能为空', trigger: 'blur' }],
+        name: [{ required: true, message: '名称不能为空', trigger: 'blur' }]
+      }
+    }
+  },
+  methods: {
+    init (id) {
+      this.dataForm.id = id || ''
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.$http({
+            url: this.$http.adornUrl(`/alarmBase/get`),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.dataForm = data.data
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        } else {
+          this.$http({
+            url: this.$http.adornUrl(`/alarmBase/codeGenerator`),
+            method: 'post',
+            data: this.$http.adornData()
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.dataForm.code = data.data
+            } else {
+              this.$message.error('编码生成失败')
+            }
+          })
+        }
+      })
+    },
+    // 表单提交
+    dataFormSubmit () {
+      this.$refs['dataForm'].validate(valid => {
+        if (valid) {
+          this.$http({
+            url: this.$http.adornUrl(
+              `/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`
+            ),
+            method: 'post',
+            data: this.$http.adornData(this.dataForm)
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.visible = false
+                  this.$emit('refreshDataList')
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>

src/views/spc-basic/components/machineManage-add.vue

@@ -0,0 +1,129 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-12 15:45:19
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="dataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="dataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+      <el-form-item label="站点" prop="site">
+        <el-select
+          v-model="dataForm.site"
+          filterable
+          placeholder="请选择站点"
+        >
+          <el-option
+            v-for="item in siteArr"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="描述" prop="desc">
+        <el-input v-model="dataForm.desc" placeholder="描述"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          id: '',
+          code: '',
+          name: '',
+          desc: ''
+        },
+        siteArr: [],
+        dataRule: {
+          code: [
+            { required: true, message: '编码不能为空', trigger: 'blur' }
+          ],
+          name: [
+            { required: true, message: '名称不能为空', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.dataForm.id = id || ''
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.id) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/get`),
+              method: 'post',
+              data: this.$http.adornData({id})
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm = data.data
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          } else {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/codeGenerator`),
+              method: 'post',
+              data: this.$http.adornData()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.code = data.data
+              } else {
+                this.$message.error('编码生成失败')
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData(this.dataForm)
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>

src/views/spc-basic/components/processDefine-add.vue

@@ -0,0 +1,125 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-19 14:42:35
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="dataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="dataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+      <el-form-item label="工序类型" prop="type">
+        <el-select
+          v-model="dataForm.type"
+          filterable
+          placeholder="请选择工序类型"
+        >
+          <el-option
+            v-for="item in typeArr"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          id: '',
+          code: '',
+          name: '',
+          type: ''
+        },
+        typeArr: [],
+        dataRule: {
+          code: [
+            { required: true, message: '编码不能为空', trigger: 'blur' }
+          ],
+          name: [
+            { required: true, message: '名称不能为空', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.dataForm.id = id || ''
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.id) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/get`),
+              method: 'post',
+              data: this.$http.adornData({id})
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm = data.data
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          } else {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/codeGenerator`),
+              method: 'post',
+              data: this.$http.adornData()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.code = data.data
+              } else {
+                this.$message.error('编码生成失败')
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData(this.dataForm)
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>

src/views/spc-basic/components/processDefine-machine.vue

@@ -0,0 +1,55 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-19 14:47:07
+ * @Description:
+-->
+<template>
+  <el-dialog
+    title="绑定机台"
+    :visible.sync="visible">
+    <el-transfer v-model="transferValue" :data="transferData"></el-transfer>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">保存</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        processId: '',
+        transferValue: [],
+        transferData: []
+      }
+    },
+    methods: {
+      init (id) {
+        this.processId = id || ''
+        this.visible = true
+        this.$nextTick(() => {
+          if (this.processId) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/get`),
+              method: 'post',
+              data: this.$http.adornData({id})
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.transferValue = data.data
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+      }
+    }
+  }
+</script>

src/views/spc-basic/components/processType-add.vue

@@ -0,0 +1,109 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-12 15:40:35
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="dataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="dataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          id: '',
+          code: '',
+          name: ''
+        },
+        dataRule: {
+          code: [
+            { required: true, message: '编码不能为空', trigger: 'blur' }
+          ],
+          name: [
+            { required: true, message: '名称不能为空', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.dataForm.id = id || ''
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.id) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/get`),
+              method: 'post',
+              data: this.$http.adornData({id})
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm = data.data
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          } else {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/codeGenerator`),
+              method: 'post',
+              data: this.$http.adornData()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.code = data.data
+              } else {
+                this.$message.error('编码生成失败')
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData(this.dataForm)
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>

src/views/spc-basic/components/productList-add.vue

@@ -0,0 +1,144 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-18 15:13:22
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!prductId ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    width="90%"
+    :visible.sync="visible"
+  >
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <el-steps :active="active" align-center finish-status="success">
+          <el-step title="基础信息"></el-step>
+          <el-step title="工艺流程"></el-step>
+          <el-step title="产品特性"></el-step>
+          <el-step title="控制特性"></el-step>
+        </el-steps>
+      </div>
+      <div>
+        <one-step
+          v-if="oneStepVisible"
+          ref="oneStepRef"
+          @nextStep="nextStep"
+        ></one-step>
+        <two-step
+          v-if="twoStepVisible"
+          ref="twoStepRef"
+          @nextStep="nextStep"
+        ></two-step>
+        <three-step
+          v-if="threeStepVisible"
+          ref="threeStepRef"
+          @nextStep="nextStep"
+        ></three-step>
+        <four-step
+          v-if="fourStepVisible"
+          ref="fourStepRef"
+          @nextStep="nextStep"
+        ></four-step>
+      </div>
+    </el-card>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button @click="preStep" v-show="active > 0" :disabled="submitBtn"
+        >上一步</el-button
+      >
+      <el-button
+        type="primary"
+        @click="dataFormSubmit()"
+        :loading="submitBtn"
+        >{{ active >= 3 ? "确定" : "下一步" }}</el-button
+      >
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import oneStep from './productList-one'
+import twoStep from './productList-two'
+import threeStep from './productList-three'
+import fourStep from './productList-four'
+
+export default {
+  data () {
+    return {
+      visible: false,
+      active: 0,
+      prductId: '',
+      dataForm: {},
+      submitBtn: false,
+      oneStepVisible: false,
+      twoStepVisible: false,
+      threeStepVisible: false,
+      fourStepVisible: false,
+      stepShowObj: ['oneStepVisible', 'twoStepVisible', 'threeStepVisible', 'fourStepVisible'],
+      stepArr: ['oneStepRef', 'twoStepRef', 'threeStepRef', 'fourStepRef']
+    }
+  },
+  components: {
+    oneStep,
+    twoStep,
+    threeStep,
+    fourStep
+  },
+  methods: {
+    init (id) {
+      this.prductId = id || ''
+      this.active = 0
+      this.oneStepVisible = true
+      this.$nextTick(() => {
+        this.$refs.oneStepRef.init(id)
+      })
+      this.submitBtn = false
+      this.visible = true
+    },
+    // 表单提交
+    dataFormSubmit () {
+      if (this.active >= 3) {
+        this.active += 1
+        this.submitBtn = true
+        this.$http({
+          url: this.$http.adornUrl(
+            `/alarmBase/${!this.prductId ? 'add' : 'update'}`
+          ),
+          method: 'post',
+          data: this.$http.adornData(this.dataForm)
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {
+                this.submitBtn = false
+                this.visible = false
+                this.$emit('refreshDataList')
+              }
+            })
+          } else {
+            this.$message.error(data.msg)
+          }
+        })
+      } else {
+        this.$refs[this.stepArr[this.active]].dataFormSubmit()
+      }
+    },
+    nextStep () {
+      this[this.stepShowObj[this.active]] = false
+      this.active += 1
+      this[this.stepShowObj[this.active]] = true
+    },
+    preStep () {
+      this[this.stepShowObj[this.active]] = false
+      this.active -= 1
+      this[this.stepShowObj[this.active]] = true
+    }
+  }
+}
+</script>

src/views/spc-basic/components/productList-four.vue

@@ -0,0 +1,10 @@
+<!--
+ * @Author: zwq
+ * @Date: 2022-08-17 16:05:23
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-17 16:20:03
+ * @Description:
+-->
+<template>
+  <div>444</div>
+</template>

src/views/spc-basic/components/productList-one.vue

@@ -0,0 +1,278 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-19 14:34:19
+ * @Description:
+-->
+<template>
+  <el-row :gutter="10">
+    <el-form
+      ref="dataForm"
+      :model="dataForm"
+      :rules="rules"
+      size="medium"
+      label-width="110px"
+    >
+      <el-col :span="8">
+        <el-form-item label="编码" prop="code">
+          <el-input
+            v-model="dataForm.code"
+            placeholder="请输入编码"
+            clearable
+            :style="{ width: '100%' }"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="名称" prop="name">
+          <el-input
+            v-model="dataForm.name"
+            placeholder="请输入名称"
+            clearable
+            :style="{ width: '100%' }"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="规格" prop="specs">
+          <el-input
+            v-model="dataForm.specs"
+            placeholder="请输入规格"
+            clearable
+            :style="{ width: '100%' }"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="图纸" prop="drawing">
+          <el-input
+            v-model="dataForm.drawing"
+            placeholder="请输入图纸"
+            clearable
+            :style="{ width: '100%' }"
+          >
+          </el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="备注" prop="desc">
+          <el-input
+            v-model="dataForm.desc"
+            placeholder="请输入备注"
+            clearable
+            :style="{ width: '100%' }"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="描述" prop="description">
+          <el-input
+            v-model="dataForm.description"
+            placeholder="请输入描述"
+            clearable
+            :style="{ width: '100%' }"
+          >
+          </el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="产品类型" prop="productType">
+          <el-select
+            v-model="dataForm.productType"
+            placeholder="请选择产品类型"
+            clearable
+            :style="{ width: '100%' }"
+          >
+            <el-option
+              v-for="(item, index) in productTypeOptions"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+              :disabled="item.disabled"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="单位" prop="unit">
+          <el-select
+            v-model="dataForm.unit"
+            placeholder="请选择单位"
+            clearable
+            :style="{ width: '100%' }"
+          >
+            <el-option
+              v-for="(item, index) in unitOptions"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+              :disabled="item.disabled"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="检验阶段" prop="inspectionStage">
+          <el-checkbox-group v-model="dataForm.inspectionStage" size="medium">
+            <el-checkbox
+              v-for="(item, index) in inspectionStageOptions"
+              :key="index"
+              :label="item.value"
+              :disabled="item.disabled"
+              >{{ item.label }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="检验标准" prop="standard">
+          <el-input
+            v-model="dataForm.standard"
+            placeholder="请输入检验标准"
+            clearable
+            :style="{ width: '100%' }"
+          >
+          </el-input>
+        </el-form-item>
+      </el-col>
+    </el-form>
+  </el-row>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      dataForm: {
+        id: '',
+        code: undefined,
+        name: undefined,
+        specs: undefined,
+        drawing: undefined,
+        desc: undefined,
+        description: undefined,
+        productType: undefined,
+        unit: undefined,
+        inspectionStage: [],
+        standard: undefined
+      },
+      rules: {
+        code: [
+          {
+            required: true,
+            message: '请输入编码',
+            trigger: 'blur'
+          }
+        ],
+        name: [
+          {
+            required: true,
+            message: '请输入名称',
+            trigger: 'blur'
+          }
+        ]
+      },
+      productTypeOptions: [
+        {
+          label: '选项一',
+          value: 1
+        },
+        {
+          label: '选项二',
+          value: 2
+        }
+      ],
+      unitOptions: [
+        {
+          label: '选项一',
+          value: 1
+        },
+        {
+          label: '选项二',
+          value: 2
+        }
+      ],
+      inspectionStageOptions: [
+        {
+          label: '进货检验',
+          value: 1
+        },
+        {
+          label: '过程检验',
+          value: 2
+        },
+        {
+          label: '成品检验',
+          value: 3
+        },
+        {
+          label: '出货检验',
+          value: 4
+        }
+      ]
+    }
+  },
+  methods: {
+    init (id) {
+      this.dataForm.id = id || ''
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.$http({
+            url: this.$http.adornUrl(`/alarmBase/get`),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.dataForm = data.data
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        } else {
+          this.$http({
+            url: this.$http.adornUrl(`/alarmBase/codeGenerator`),
+            method: 'post',
+            data: this.$http.adornData()
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.dataForm.code = data.data
+            } else {
+              this.$message.error('编码生成失败')
+            }
+          })
+        }
+      })
+    },
+    // 表单提交
+    dataFormSubmit () {
+      this.$emit('nextStep')
+      // this.$refs['dataForm'].validate(valid => {
+      //   if (valid) {
+      //     this.$http({
+      //       url: this.$http.adornUrl(
+      //         `/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`
+      //       ),
+      //       method: 'post',
+      //       data: this.$http.adornData(this.dataForm)
+      //     }).then(({ data }) => {
+      //       if (data && data.code === 0) {
+      //         this.$message({
+      //           message: '操作成功',
+      //           type: 'success',
+      //           duration: 1500,
+      //           onClose: () => {
+      //             this.$emit('nextStep')
+      //           }
+      //         })
+      //       } else {
+      //         this.$message.error(data.msg)
+      //       }
+      //     })
+      //   }
+      // })
+    }
+  }
+}
+</script>

src/views/spc-basic/components/productList-three-add.vue

@@ -0,0 +1,117 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-18 16:30:37
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!threeDataForm.id ? '新增' : '修改'"
+    append-to-body
+    :visible.sync="threeVisible">
+    <el-form :model="threeDataForm" :rules="dataRule" ref="threeDataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="threeDataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="threeDataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+      <el-form-item label="站点" prop="site">
+        <el-select
+          v-model="threeDataForm.site"
+          filterable
+          placeholder="请选择站点"
+        >
+          <el-option
+            v-for="item in siteArr"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="描述" prop="desc">
+        <el-input v-model="threeDataForm.desc" placeholder="描述"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="threeVisible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        threeVisible: false,
+        threeDataForm: {
+          id: '',
+          code: '',
+          name: '',
+          desc: ''
+        },
+        siteArr: [],
+        dataRule: {
+          code: [
+            { required: true, message: '编码不能为空', trigger: 'blur' }
+          ],
+          name: [
+            { required: true, message: '名称不能为空', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.threeDataForm.id = id || ''
+        this.threeVisible = true
+        this.$nextTick(() => {
+          this.$refs['threeDataForm'].resetFields()
+          if (this.threeDataForm.id) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/get`),
+              method: 'post',
+              data: this.$http.adornData({id})
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.threeDataForm = data.data
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['threeDataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/${!this.threeDataForm.id ? 'add' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData(this.threeDataForm)
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.threeVisible = false
+                    this.$emit('refreshThreeDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>

src/views/spc-basic/components/productList-three.vue

@@ -0,0 +1,152 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-18 16:27:23
+ * @Description:
+-->
+<template>
+  <div>
+    <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+      <icon-svg class="iconClass" name="新建"></icon-svg>
+      新增
+    </el-button>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="code" label="编号"> </el-table-column>
+      <el-table-column prop="name" label="名称">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.name" placeholder="名称"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            style="color:red"
+            size="small"
+            @click="deleteHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="删除"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <three-add-or-update
+      v-if="threeAddOrUpdateVisible"
+      ref="threeAddOrUpdate"
+      @refreshThreeDataList="getThreeDataList"
+    ></three-add-or-update>
+  </div>
+</template>
+
+<script>
+import threeAddOrUpdate from './productList-three-add'
+export default {
+  data () {
+    return {
+      dataListLoading: false,
+      threeAddOrUpdateVisible: false,
+      dataList: []
+    }
+  },
+  components: {
+    threeAddOrUpdate
+  },
+  methods: {
+    init (id) {
+      this.prductId = id || ''
+      this.dataListLoading = false
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.prductId) {
+          this.getThreeDataList()
+        }
+      })
+    },
+    getThreeDataList () {
+      this.dataListLoading = false
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl('/alarmBase/page'),
+      //   method: 'post',
+      //   data: this.$http.adornData({
+      //     'current': this.pageIndex,
+      //     'size': this.pageSize,
+      //     'key': this.dataForm.paramKey
+      //   })
+      // }).then(({data}) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.data.list
+      //     this.totalPage = data.data.total
+      //   } else {
+      //     this.dataList = []
+      //     this.totalPage = 0
+      //   }
+      //   this.dataListLoading = false
+      // })
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.threeAddOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.threeAddOrUpdate.init(id)
+      })
+    },
+    // 表单提交
+    dataFormSubmit () {
+      this.$emit('nextStep')
+      // this.$http({
+      //   url: this.$http.adornUrl(
+      //         `/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`
+      //       ),
+      //   method: 'post',
+      //   data: this.$http.adornData(this.dataForm)
+      // }).then(({ data }) => {
+      //   if (data && data.code === 0) {
+      //     this.$message({
+      //       message: '操作成功',
+      //       type: 'success',
+      //       duration: 1500,
+      //       onClose: () => {
+      //         this.$emit('nextStep')
+      //       }
+      //     })
+      //   } else {
+      //     this.$message.error(data.msg)
+      //   }
+      // })
+    }
+  }
+}
+</script>

src/views/spc-basic/components/productList-two.vue

@@ -0,0 +1,142 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-18 15:14:51
+ * @Description:
+-->
+<template>
+  <div>
+    <div style="margin-bottom:20px">
+      <el-select v-model="processObj" filterable placeholder="请选择">
+        <el-option
+          v-for="item in processArr"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        >
+        </el-option>
+      </el-select>
+      <el-button size="small" type="primary" @click="addProcess()">
+        <icon-svg class="iconClass" name="新建"></icon-svg>
+        添加
+      </el-button>
+    </div>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="processName" label="工序名称"> </el-table-column>
+      <el-table-column prop="processCode" label="工序编码"> </el-table-column>
+      <el-table-column prop="name" label="名称">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.name" placeholder="名称"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            style="color:red"
+            size="small"
+            @click="deleteHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="删除"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      dataListLoading: false,
+      dataList: [],
+      processArr: [],
+      processObj: {}
+    }
+  },
+  methods: {
+    init (id) {
+      this.prductId = id || ''
+      this.dataListLoading = false
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.prductId) {
+          this.dataListLoading = true
+          this.$http({
+            url: this.$http.adornUrl(`/alarmBase/get`),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.dataListLoading = false
+              this.dataList = data.data.list
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        }
+      })
+    },
+    addProcess () {
+      console.log('add')
+    },
+    // 表单提交
+    dataFormSubmit () {
+      this.$emit('nextStep')
+      // this.$http({
+      //   url: this.$http.adornUrl(
+      //         `/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`
+      //       ),
+      //   method: 'post',
+      //   data: this.$http.adornData(this.dataForm)
+      // }).then(({ data }) => {
+      //   if (data && data.code === 0) {
+      //     this.$message({
+      //       message: '操作成功',
+      //       type: 'success',
+      //       duration: 1500,
+      //       onClose: () => {
+      //         this.$emit('nextStep')
+      //       }
+      //     })
+      //   } else {
+      //     this.$message.error(data.msg)
+      //   }
+      // })
+    }
+  }
+}
+</script>

src/views/spc-basic/components/productType-add.vue

@@ -0,0 +1,100 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-23 14:37:30
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible"
+  >
+    <el-form
+      :model="dataForm"
+      :rules="dataRule"
+      ref="dataForm"
+      @keyup.enter.native="dataFormSubmit()"
+      label-width="80px"
+    >
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="dataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="dataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+      <el-form-item label="描述" prop="desc">
+        <el-input v-model="dataForm.desc" placeholder="描述"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      visible: false,
+      dataForm: {
+        id: "",
+        code: "",
+        name: "",
+        desc: "",
+      },
+      dataRule: {
+        code: [{ required: true, message: "编码不能为空", trigger: "blur" }],
+        name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
+      },
+    };
+  },
+  methods: {
+    init(id) {
+      this.dataForm.id = id || "";
+      this.visible = true;
+      this.$nextTick(() => {
+        this.$refs["dataForm"].resetFields();
+        if (this.dataForm.id) {
+          this.$http
+            .get(`/basic/productType/${this.dataForm.id}`)
+            .then(({ data: res }) => {
+              if (res.code !== 0) {
+                return this.$message.error(res.msg);
+              }
+              this.dataForm = res.data;
+            })
+            .catch(() => {});
+        }
+      });
+    },
+    // 表单提交
+    dataFormSubmit() {
+      this.$refs["dataForm"].validate((valid) => {
+        if (!valid) {
+          return false;
+        }
+        this.$http[!this.dataForm.id ? "post" : "put"]("/basic/productType", this.dataForm)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              return this.$message.error(res.msg);
+            }
+            this.$message({
+              message: this.$t("prompt.success"),
+              type: "success",
+              duration: 500,
+              onClose: () => {
+                this.visible = false;
+                this.$emit("refreshDataList");
+              },
+            });
+          })
+          .catch(() => {});
+      });
+    },
+  },
+};
+</script>

src/views/spc-basic/components/siteManage-add.vue

@@ -0,0 +1,113 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-12 15:43:06
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="dataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="dataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+      <el-form-item label="站点分组" prop="group">
+        <el-input v-model="dataForm.group" placeholder="站点分组"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          id: '',
+          code: '',
+          name: '',
+          group: ''
+        },
+        dataRule: {
+          code: [
+            { required: true, message: '编码不能为空', trigger: 'blur' }
+          ],
+          name: [
+            { required: true, message: '名称不能为空', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.dataForm.id = id || ''
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.id) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/get`),
+              method: 'post',
+              data: this.$http.adornData({id})
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm = data.data
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          } else {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/codeGenerator`),
+              method: 'post',
+              data: this.$http.adornData()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.code = data.data
+              } else {
+                this.$message.error('编码生成失败')
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData(this.dataForm)
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>

src/views/spc-basic/components/toolsType-add.vue

@@ -0,0 +1,155 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-16 16:44:03
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="dataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="dataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+      <el-form-item label="测量类型" prop="type">
+        <el-select
+          v-model="dataForm.type"
+          filterable
+          placeholder="请选择测量类型"
+        >
+          <el-option
+            v-for="item in typeArr"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="父类型" prop="parentType">
+        <el-select
+          v-model="dataForm.parentType"
+          filterable
+          placeholder="请选择父类型"
+        >
+          <el-option
+            v-for="item in parentTypeArr"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          id: '',
+          code: '',
+          name: '',
+          type: '',
+          parentType: ''
+        },
+        typeArr: [
+          {
+            name: '计数',
+            value: 2
+          },
+          {
+            name: '计量',
+            value: 1
+          }
+        ],
+        parentType: [],
+        dataRule: {
+          code: [
+            { required: true, message: '编码不能为空', trigger: 'blur' }
+          ],
+          name: [
+            { required: true, message: '名称不能为空', trigger: 'blur' }
+          ],
+          type: [
+            { required: true, message: '测量类型不能为空', trigger: 'change' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.dataForm.id = id || ''
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.id) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/get`),
+              method: 'post',
+              data: this.$http.adornData({id})
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm = data.data
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          } else {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/codeGenerator`),
+              method: 'post',
+              data: this.$http.adornData()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.code = data.data
+              } else {
+                this.$message.error('编码生成失败')
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData(this.dataForm)
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>

src/views/spc-basic/components/toolsType-detail-add.vue

@@ -0,0 +1,122 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-12 16:11:33
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="dataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="dataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+      <el-form-item label="小数位数" prop="num">
+        <el-input-number :step='1' v-model="dataForm.num" placeholder="小数位数"></el-input-number>
+      </el-form-item>
+      <el-form-item label="USL" prop="USL">
+        <el-input-number :step='1' v-model="dataForm.USL" placeholder="USL"></el-input-number>
+      </el-form-item>
+      <el-form-item label="SL" prop="SL">
+        <el-input-number :step='1' v-model="dataForm.SL" placeholder="SL"></el-input-number>
+      </el-form-item>
+      <el-form-item label="LSL" prop="LSL">
+        <el-input-number :step='1' v-model="dataForm.LSL" placeholder="LSL"></el-input-number>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          id: '',
+          code: '',
+          name: '',
+          num: '',
+          USL: '',
+          SL: '',
+          LSL: ''
+        },
+        dataRule: {
+          code: [
+            { required: true, message: '编码不能为空', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.dataForm.id = id || ''
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.id) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/get`),
+              method: 'post',
+              data: this.$http.adornData({id})
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm = data.data
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          } else {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/codeGenerator`),
+              method: 'post',
+              data: this.$http.adornData()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.code = data.data
+              } else {
+                this.$message.error('编码生成失败')
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData(this.dataForm)
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>

src/views/spc-basic/components/toolsType-detail.vue

@@ -0,0 +1,148 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-12 16:08:09
+ * @Description:
+-->
+<template>
+  <el-dialog
+    title="台差参数"
+    :close-on-click-modal="false"
+    :visible.sync="visible"
+  >
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称"> </el-table-column>
+      <el-table-column prop="code" label="编码"> </el-table-column>
+      <el-table-column prop="num" label="小数位数"> </el-table-column>
+      <el-table-column prop="USL" label="USL"> </el-table-column>
+      <el-table-column prop="SL" label="SL"> </el-table-column>
+      <el-table-column prop="LSL" label="LSL"> </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <el-button
+            type="text"
+            style="color:red"
+            size="small"
+            @click="deleteHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="删除"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="addOrUpdateHandle()">新增</el-button>
+    </span>
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </el-dialog>
+</template>
+
+<script>
+import AddOrUpdate from './toolsType-detail-add'
+export default {
+  data () {
+    return {
+      visible: false,
+      addOrUpdateVisible: false,
+      toolsId: ''
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  methods: {
+    init (id) {
+      this.toolsId = id || ''
+      this.visible = true
+      this.$nextTick(() => {})
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/alarmBase/delete'),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc-basic/components/unitList-add.vue

@@ -0,0 +1,138 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-12 15:50:23
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+      <el-form-item label="编码" prop="code">
+        <el-input v-model="dataForm.code" placeholder="编码"></el-input>
+      </el-form-item>
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="dataForm.name" placeholder="名称"></el-input>
+      </el-form-item>
+      <el-form-item label="单位分类" prop="type">
+        <el-select
+          v-model="dataForm.type"
+          filterable
+          placeholder="请选择单位分类"
+        >
+          <el-option
+            v-for="item in typeArr"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          id: '',
+          code: '',
+          name: '',
+          type: ''
+        },
+        typeArr: [
+          {
+            name: '不可计数',
+            value: 0
+          },
+          {
+            name: '可计数',
+            value: 1
+          }
+        ],
+        dataRule: {
+          code: [
+            { required: true, message: '编码不能为空', trigger: 'blur' }
+          ],
+          name: [
+            { required: true, message: '名称不能为空', trigger: 'blur' }
+          ],
+          type: [
+            { required: true, message: '单位分类不能为空', trigger: 'change' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.dataForm.id = id || ''
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.id) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/get`),
+              method: 'post',
+              data: this.$http.adornData({id})
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm = data.data
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          } else {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/codeGenerator`),
+              method: 'post',
+              data: this.$http.adornData()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.code = data.data
+              } else {
+                this.$message.error('编码生成失败')
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/alarmBase/${!this.dataForm.id ? 'add' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData(this.dataForm)
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>

src/views/spc-basic/factoryManage.vue

@@ -0,0 +1,219 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      style="display: flex; align-items: center; justify-content: right;"
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-input
+          size="small"
+          v-model="dataForm.paramKey"
+          placeholder="请输入关键字查询"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" @click="getDataList()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-sousuo"></use></svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-新建"></use></svg>
+          新增
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称"> </el-table-column>
+      <el-table-column prop="code" label="编码"> </el-table-column>
+      <el-table-column
+        type="type"
+        header-align="center"
+        align="center"
+        label="类型"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.type === 0 ? '' : 'success'">{{
+            scope.row.type === 0 ? "工厂" : "供应商"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="supplier" label="供应商"> </el-table-column>
+      <el-table-column prop="telephone" label="联系地址"> </el-table-column>
+      <el-table-column prop="desc" label="描述"> </el-table-column>
+      <el-table-column
+        type="status"
+        header-align="center"
+        align="center"
+        label="状态"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 0 ? 'danger' : 'success'">{{
+            scope.row.status === 0 ? "不可用" : "可用"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <!-- <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import AddOrUpdate from './components/factoryManage-add'
+export default {
+  data () {
+    return {
+      dataForm: {
+        paramKey: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      addOrUpdateVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl('/alarmBase/page'),
+      //   method: 'post',
+      //   data: this.$http.adornData({
+      //     'current': this.pageIndex,
+      //     'size': this.pageSize,
+      //     'key': this.dataForm.paramKey
+      //   })
+      // }).then(({data}) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.data.list
+      //     this.totalPage = data.data.total
+      //   } else {
+      //     this.dataList = []
+      //     this.totalPage = 0
+      //   }
+      //   this.dataListLoading = false
+      // })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/alarmBase/delete'),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc-basic/machineManage.vue

@@ -0,0 +1,206 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      style="display: flex; align-items: center; justify-content: right;"
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-input
+          size="small"
+          v-model="dataForm.paramKey"
+          placeholder="请输入关键字查询"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" @click="getDataList()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-sousuo"></use></svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-新建"></use></svg>
+          新增
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称"> </el-table-column>
+      <el-table-column prop="code" label="编码"> </el-table-column>
+      <el-table-column prop="site" label="站点"> </el-table-column>
+      <el-table-column prop="desc" label="描述"> </el-table-column>
+      <el-table-column
+        type="status"
+        header-align="center"
+        align="center"
+        label="状态"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 0 ? 'danger' : 'success'">{{
+            scope.row.status === 0 ? "不可用" : "可用"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <!-- <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import AddOrUpdate from './components/machineManage-add'
+export default {
+  data () {
+    return {
+      dataForm: {
+        paramKey: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      addOrUpdateVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl('/alarmBase/page'),
+      //   method: 'post',
+      //   data: this.$http.adornData({
+      //     'current': this.pageIndex,
+      //     'size': this.pageSize,
+      //     'key': this.dataForm.paramKey
+      //   })
+      // }).then(({data}) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.data.list
+      //     this.totalPage = data.data.total
+      //   } else {
+      //     this.dataList = []
+      //     this.totalPage = 0
+      //   }
+      //   this.dataListLoading = false
+      // })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/alarmBase/delete'),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc-basic/processDefine.vue

@@ -0,0 +1,238 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      style="display: flex; align-items: center; justify-content: right;"
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-input
+          size="small"
+          v-model="dataForm.paramKey"
+          placeholder="请输入关键字查询"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" @click="getDataList()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-sousuo"></use></svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-新建"></use></svg>
+          新增
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称"> </el-table-column>
+      <el-table-column prop="code" label="编码"> </el-table-column>
+      <el-table-column prop="type" label="类型"> </el-table-column>
+      <el-table-column prop="Machine" label="机台">
+        <template slot-scope="scope">
+          <span>{{scope.row.Machine.join(',')}}</span>
+        </template>
+         </el-table-column>
+      <el-table-column
+        type="status"
+        header-align="center"
+        align="center"
+        label="状态"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 0 ? 'danger' : 'success'">{{
+            scope.row.status === 0 ? "不可用" : "可用"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click="bindMachine(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="绑定机台"
+              placement="top"
+            >
+              <icon-svg class="iconClass" name="进工业炉加工"></icon-svg>
+            </el-tooltip>
+          </el-button>
+          <!-- <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+    <bind-machine
+      v-if="bindMachineVisible"
+      ref="bindMachineRef"
+      @refreshDataList="getDataList"
+    ></bind-machine>
+  </el-card>
+</template>
+
+<script>
+import AddOrUpdate from './components/processDefine-add'
+import BindMachine from './components/processDefine-machine'
+export default {
+  data () {
+    return {
+      dataForm: {
+        paramKey: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      addOrUpdateVisible: false,
+      bindMachineVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate,
+    BindMachine
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl('/alarmBase/page'),
+      //   method: 'post',
+      //   data: this.$http.adornData({
+      //     'current': this.pageIndex,
+      //     'size': this.pageSize,
+      //     'key': this.dataForm.paramKey
+      //   })
+      // }).then(({data}) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.data.list
+      //     this.totalPage = data.data.total
+      //   } else {
+      //     this.dataList = []
+      //     this.totalPage = 0
+      //   }
+      //   this.dataListLoading = false
+      // })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    bindMachine (id) {
+      this.bindMachineVisible = true
+      this.$nextTick(() => {
+        this.$refs.bindMachineRef.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/alarmBase/delete'),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc-basic/processType.vue

@@ -0,0 +1,204 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      style="display: flex; align-items: center; justify-content: right;"
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-input
+          size="small"
+          v-model="dataForm.paramKey"
+          placeholder="请输入关键字查询"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" @click="getDataList()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-sousuo"></use></svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-新建"></use></svg>
+          新增
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称"> </el-table-column>
+      <el-table-column prop="code" label="编码"> </el-table-column>
+      <el-table-column
+        type="status"
+        header-align="center"
+        align="center"
+        label="状态"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 0 ? 'danger' : 'success'">{{
+            scope.row.status === 0 ? "不可用" : "可用"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <!-- <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import AddOrUpdate from './components/processType-add'
+export default {
+  data () {
+    return {
+      dataForm: {
+        paramKey: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      addOrUpdateVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl('/alarmBase/page'),
+      //   method: 'post',
+      //   data: this.$http.adornData({
+      //     'current': this.pageIndex,
+      //     'size': this.pageSize,
+      //     'key': this.dataForm.paramKey
+      //   })
+      // }).then(({data}) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.data.list
+      //     this.totalPage = data.data.total
+      //   } else {
+      //     this.dataList = []
+      //     this.totalPage = 0
+      //   }
+      //   this.dataListLoading = false
+      // })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/alarmBase/delete'),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc-basic/productList.vue

@@ -0,0 +1,246 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      style="display: flex; align-items: center; justify-content: right;"
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-input
+          size="small"
+          v-model="dataForm.paramKey"
+          placeholder="请输入关键字查询"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" @click="getDataList()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-sousuo"></use></svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-新建"></use></svg>
+          新增
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        fixed="left"
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称" fixed="left"> </el-table-column>
+      <el-table-column prop="code" label="编码" fixed="left"> </el-table-column>
+      <el-table-column prop="specs" label="规格"> </el-table-column>
+      <el-table-column prop="drawing" label="图纸"> </el-table-column>
+      <el-table-column prop="productType" label="产品类型"> </el-table-column>
+      <el-table-column prop="description" label="描述"> </el-table-column>
+      <el-table-column prop="desc" label="备注"> </el-table-column>
+      <el-table-column prop="standard" label="检验标准"> </el-table-column>
+      <el-table-column prop="model" label="技术型号"> </el-table-column>
+      <el-table-column prop="inspectionStage" label="检验阶段">
+        <template slot-scope="scope">
+          <el-checkbox-group v-model="scope.row.inspectionStage">
+            <el-checkbox :label="1" disabled>进货检验</el-checkbox>
+            <el-checkbox :label="2" disabled>过程检验</el-checkbox>
+            <el-checkbox :label="3" disabled>成品检验</el-checkbox>
+            <el-checkbox :label="4" disabled>出货检验</el-checkbox>
+          </el-checkbox-group>
+        </template>
+      </el-table-column>
+      <el-table-column
+        type="status"
+        header-align="center"
+        align="center"
+        label="状态"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 0 ? 'danger' : 'success'">{{
+            scope.row.status === 0 ? "不可用" : "可用"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="检验计划"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="检验计划"
+              placement="top"
+            >
+              <icon-svg class="iconClass" name="日历"></icon-svg>
+            </el-tooltip>
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <!-- <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import AddOrUpdate from './components/productList-add'
+export default {
+  data () {
+    return {
+      dataForm: {
+        paramKey: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      addOrUpdateVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl('/alarmBase/page'),
+      //   method: 'post',
+      //   data: this.$http.adornData({
+      //     'current': this.pageIndex,
+      //     'size': this.pageSize,
+      //     'key': this.dataForm.paramKey
+      //   })
+      // }).then(({data}) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.data.list
+      //     this.totalPage = data.data.total
+      //   } else {
+      //     this.dataList = []
+      //     this.totalPage = 0
+      //   }
+      //   this.dataListLoading = false
+      // })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/alarmBase/delete'),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc-basic/productType.vue

@@ -0,0 +1,208 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      style="display: flex; align-items: center; justify-content: right;"
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-input
+          size="small"
+          v-model="dataForm.paramKey"
+          placeholder="请输入关键字查询"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" @click="getDataList()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-sousuo"></use></svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-新建"></use></svg>
+          新增
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称"> </el-table-column>
+      <el-table-column prop="code" label="编码"> </el-table-column>
+      <el-table-column prop="desc" label="描述"> </el-table-column>
+      <el-table-column
+        type="status"
+        header-align="center"
+        align="center"
+        label="状态"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 0 ? 'danger' : 'success'">{{
+            scope.row.status === 0 ? "不可用" : "可用"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <!-- <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import AddOrUpdate from './components/productType-add'
+export default {
+  data () {
+    return {
+      dataForm: {
+        paramKey: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      addOrUpdateVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      this.dataListLoading = true
+      this.$http({
+        url: this.$http.get('/basic/productType/page',
+        {
+          params: {
+            page: this.pageIndex,
+            limit: this.pageSize,
+            code: this.dataForm.paramKey,
+            name: this.dataForm.paramKey
+          }
+        }),
+      }).then(({data}) => {
+        if (data && data.code === 0) {
+          this.dataList = data.data.list
+          this.totalPage = data.data.total
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+        }
+        this.dataListLoading = false
+      })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.delete('/basic/productType',
+            {'data': [id] }),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc-basic/siteManage.vue

@@ -0,0 +1,205 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      style="display: flex; align-items: center; justify-content: right;"
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-input
+          size="small"
+          v-model="dataForm.paramKey"
+          placeholder="请输入关键字查询"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" @click="getDataList()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-sousuo"></use></svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-新建"></use></svg>
+          新增
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称"> </el-table-column>
+      <el-table-column prop="code" label="编码"> </el-table-column>
+      <el-table-column prop="group" label="站点分组"> </el-table-column>
+      <el-table-column
+        type="status"
+        header-align="center"
+        align="center"
+        label="状态"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 0 ? 'danger' : 'success'">{{
+            scope.row.status === 0 ? "不可用" : "可用"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <!-- <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import AddOrUpdate from './components/siteManage-add'
+export default {
+  data () {
+    return {
+      dataForm: {
+        paramKey: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      addOrUpdateVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl('/alarmBase/page'),
+      //   method: 'post',
+      //   data: this.$http.adornData({
+      //     'current': this.pageIndex,
+      //     'size': this.pageSize,
+      //     'key': this.dataForm.paramKey
+      //   })
+      // }).then(({data}) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.data.list
+      //     this.totalPage = data.data.total
+      //   } else {
+      //     this.dataList = []
+      //     this.totalPage = 0
+      //   }
+      //   this.dataListLoading = false
+      // })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/alarmBase/delete'),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc-basic/toolsType.vue

@@ -0,0 +1,239 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      style="display: flex; align-items: center; justify-content: right;"
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-input
+          size="small"
+          v-model="dataForm.paramKey"
+          placeholder="请输入关键字查询"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" @click="getDataList()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-sousuo"></use></svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-新建"></use></svg>
+          新增
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称"> </el-table-column>
+      <el-table-column prop="code" label="编码"> </el-table-column>
+      <el-table-column prop="type" label="测量类型">
+        <template slot-scope="scope">
+          <span>{{
+            scope.row.type === 2 ? "计数" : "计量"
+          }}</span>
+        </template>
+        </el-table-column>
+      <el-table-column
+        type="status"
+        header-align="center"
+        align="center"
+        label="状态"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 0 ? 'danger' : 'success'">{{
+            scope.row.status === 0 ? "不可用" : "可用"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click="detail(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="台差参数"
+              placement="top"
+            >
+              <icon-svg class="iconClass" name="详情"></icon-svg>
+            </el-tooltip>
+          </el-button>
+          <!-- <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+    <add-or-update
+      v-if="detailVisible"
+      ref="detailRef"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import AddOrUpdate from './components/toolsType-add'
+import Detail from './components/toolsType-detail'
+export default {
+  data () {
+    return {
+      dataForm: {
+        paramKey: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      detailVisible: false,
+      addOrUpdateVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate,
+    Detail
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl('/alarmBase/page'),
+      //   method: 'post',
+      //   data: this.$http.adornData({
+      //     'current': this.pageIndex,
+      //     'size': this.pageSize,
+      //     'key': this.dataForm.paramKey
+      //   })
+      // }).then(({data}) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.data.list
+      //     this.totalPage = data.data.total
+      //   } else {
+      //     this.dataList = []
+      //     this.totalPage = 0
+      //   }
+      //   this.dataListLoading = false
+      // })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    detail (id) {
+      this.detailVisible = true
+      this.$nextTick(() => {
+        this.$refs.detailRef.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/alarmBase/delete'),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc-basic/unitList.vue

@@ -0,0 +1,211 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <el-form
+      style="display: flex; align-items: center; justify-content: right;"
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-input
+          size="small"
+          v-model="dataForm.paramKey"
+          placeholder="请输入关键字查询"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" @click="getDataList()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-sousuo"></use></svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-新建"></use></svg>
+          新增
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      :stripe="true"
+      :header-cell-style="{
+        background: '#eef1f6',
+        color: '#606266',
+        height: '56px'
+      }"
+      v-loading="dataListLoading"
+      style="width: 100%;"
+    >
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        label="序号"
+        width="50"
+      >
+      </el-table-column>
+      <el-table-column prop="name" label="名称"> </el-table-column>
+      <el-table-column prop="code" label="编码"> </el-table-column>
+      <el-table-column prop="type" label="类型">
+        <template slot-scope="scope">
+          <span>{{
+            scope.row.type === 0 ? "不可计数" : "可计数"
+          }}</span>
+        </template>
+        </el-table-column>
+      <el-table-column
+        type="status"
+        header-align="center"
+        align="center"
+        label="状态"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 0 ? 'danger' : 'success'">{{
+            scope.row.status === 0 ? "不可用" : "可用"
+          }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="addOrUpdateHandle(scope.row.id)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="修改"
+              placement="top"
+            >
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-编辑"></use></svg>
+            </el-tooltip>
+          </el-button>
+          <!-- <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <svg class="icon-svg aui-sidebar__menu-icon"><use xlink:href="#icon-删除"></use></svg>
+            </el-tooltip>
+          </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    >
+    </el-pagination>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import AddOrUpdate from './components/unitList-add'
+export default {
+  data () {
+    return {
+      dataForm: {
+        paramKey: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      addOrUpdateVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      // this.dataListLoading = true
+      // this.$http({
+      //   url: this.$http.adornUrl('/alarmBase/page'),
+      //   method: 'post',
+      //   data: this.$http.adornData({
+      //     'current': this.pageIndex,
+      //     'size': this.pageSize,
+      //     'key': this.dataForm.paramKey
+      //   })
+      // }).then(({data}) => {
+      //   if (data && data.code === 0) {
+      //     this.dataList = data.data.list
+      //     this.totalPage = data.data.total
+      //   } else {
+      //     this.dataList = []
+      //     this.totalPage = 0
+      //   }
+      //   this.dataListLoading = false
+      // })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      this.$confirm(`确定对[id=${id}]进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/alarmBase/delete'),
+            method: 'post',
+            data: this.$http.adornData({ id })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>

src/views/spc/echart-3line.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="mod-demo-echarts">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card>
+          <div id="chart3Line" class="chart-box"></div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import test3data from './test3data'
+export default {
+  data () {
+    return test3data
+  },
+  mounted () {
+    this.initChartLine()
+  },
+  activated () {
+    // 由于给echart添加了resize事件, 在组件激活时需要重新resize绘画一次, 否则出现空白bug
+    if (this.chartLine) {
+      this.chartLine.resize()
+    }
+  },
+  methods: {
+    // 折线图
+    initChartLine () {
+      var option = {
+        title: {
+          text: '折线图'
+        },
+        tooltip: {
+          trigger: 'axis'
+        },
+        grid: { // 折线图内边距
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        toolbox: {},
+        xAxis: {
+          type: 'category',
+          boundaryGap: false
+        },
+        yAxis: {
+          type: 'value'
+        },
+        dataZoom: [
+          // 轴放大
+          {
+            type: 'inside',
+            start: 0,
+            end: 100
+          },
+          {
+            start: 0,
+            end: 100
+          },
+          {
+            type: 'inside',
+            yAxisIndex: 0,
+            start: 0,
+            end: 100
+          },
+          {
+            show: true,
+            yAxisIndex: 0,
+            realtime: true,
+            left: 6,
+            start: 0,
+            end: 100
+          }
+        ],
+        series: [
+          {
+            name: '折线',
+            type: 'line',
+            lineStyle: {
+              color: '#5470c6'
+            },
+            endLabel: {
+              formatter: '折线',
+              show: true
+            },
+            data: this.list.map(item => {
+              return item.value
+            })
+          },
+          {
+            name: 'LCL',
+            type: 'line',
+            step: 'middle',
+            lineStyle: {
+              color: '#91cc75'
+            },
+            endLabel: {
+              formatter: 'LCL',
+              show: true
+            },
+            data: this.list.map(item => {
+              return item.controlLimit.lcl
+            })
+          },
+          {
+            name: 'CL',
+            type: 'line',
+            step: 'middle',
+            lineStyle: {
+              color: '#ee6666'
+            },
+            endLabel: {
+              formatter: 'CL',
+              show: true
+            },
+            data: this.list.map(item => {
+              return item.controlLimit.cl
+            })
+          },
+          {
+            name: 'UCL',
+            type: 'line',
+            step: 'middle',
+            lineStyle: {
+              color: '#fac858'
+            },
+            endLabel: {
+              formatter: 'UCL',
+              show: true
+            },
+            data: this.list.map(item => {
+              return item.controlLimit.ucl
+            })
+          }
+        ]
+      }
+      this.chartLine = echarts.init(document.getElementById('chart3Line'))
+      this.chartLine.setOption(option)
+      window.addEventListener('resize', () => {
+        this.chartLine.resize()
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.mod-demo-echarts {
+  > .el-row {
+    margin-top: -10px;
+    margin-bottom: -10px;
+    .el-col {
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+  }
+  .chart-box {
+    min-height: 400px;
+  }
+}
+</style>

src/views/spc/echart-line.vue

@@ -0,0 +1,224 @@
+<template>
+  <div class="mod-demo-echarts">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card>
+          <div id="chartLine" class="chart-box"></div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import testdata from './testdata'
+export default {
+  data () {
+    return testdata
+  },
+  mounted () {
+    this.initChartLine()
+  },
+  activated () {
+    // 由于给echart添加了resize事件, 在组件激活时需要重新resize绘画一次, 否则出现空白bug
+    if (this.chartLine) {
+      this.chartLine.resize()
+    }
+  },
+  methods: {
+    // 折线图
+    initChartLine () {
+      var option = {
+        title: {
+          text: '折线图'
+        },
+        tooltip: { // 悬浮提示框
+          trigger: 'axis',
+          boundaryGap: false,
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          formatter: e => {
+            return `
+               点位坐标: ${e[0].data.position}<br/>
+               ${e[0].marker} 数值: ${e[0].data.value}<br/>
+               ${e[0].marker} 报警: ${e[0].data.sRule || '无'}
+                `
+          }
+        },
+        grid: { // 折线图内边距
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        toolbox: {},
+        xAxis: {
+          show: false,
+          type: 'category',
+          boundaryGap: false
+        },
+        yAxis: {
+          type: 'value',
+          boundaryGap: false,
+          min: 66.5
+        },
+        visualMap: { // 折线颜色修改
+          type: 'piecewise',
+          show: false,
+          dimension: 0,
+          seriesIndex: 0,
+          pieces: [],
+          outOfRange: {
+            // 在选中范围外 的视觉元素，这里设置在正常范围内的图形颜色
+            color: 'blue'
+          }
+        },
+        dataZoom: [
+          // 轴放大
+          {
+            type: 'inside',
+            start: 0,
+            end: 100
+          },
+          {
+            start: 0,
+            end: 100
+          },
+          {
+            type: 'inside',
+            yAxisIndex: 0,
+            start: 0,
+            end: 100
+          },
+          {
+            show: true,
+            yAxisIndex: 0,
+            realtime: true,
+            left: 6,
+            start: 0,
+            end: 100
+          }
+        ],
+        series: [
+          {
+            type: 'line',
+            smooth: true,
+            symbol: 'emptyDiamond', // 设定为实心点
+            symbolSize: 10,
+            lineStyle: {
+              // color: '#5470C6', // 这里不能设置颜色，不然会以这个为准，设置的范围变色将不起作用
+              width: 1
+            },
+            markLine: {
+              // 最大值最小值均值线
+              symbol: 'none',
+              label: {
+                position: 'end'
+              },
+              data: [
+                {
+                  lineStyle: {
+                    color: 'red',
+                    type: 'solid'
+                  },
+                  yAxis: this.highLine
+                },
+                {
+                  lineStyle: {
+                    color: 'black',
+                    type: [5, 10],
+                    dashOffset: 5
+                  },
+                  yAxis: 67.4
+                },
+                {
+                  lineStyle: {
+                    color: '#6ca4ea',
+                    type: 'solid'
+                  },
+                  yAxis: this.lowLine
+                }
+              ]
+            },
+            markPoint: {
+              // 最大值最小值点
+              // 标记
+              data: [
+                { name: '最小值', type: 'min' },
+                { name: '最大值', type: 'max' }
+              ],
+              symbolSize: 80, // 标记的大小
+              label: {
+                // 标记单位
+                formatter: '{c}' // 单位
+              }
+            },
+            markArea: {
+              // 以y轴分割的区域
+              silent: false,
+              itemStyle: {
+                color: '#BCE7B1'
+              },
+              data: [
+                [
+                  {
+                    name: '',
+                    yAxis: 67.4
+                  },
+                  {
+                    yAxis: 67.7
+                  }
+                ]
+              ]
+            },
+            // areaStyle: {},
+            data: this.msdGraphEntity.list.map(item => {
+              const obj = {
+                position: item.position,
+                value: item.xbar,
+                sRule: item.sUnsatisfiedRules.join(',')
+              }
+              return obj
+            })
+          }
+        ]
+      }
+      this.msdGraphEntity.list.forEach((item, index) => {
+        if (item.sUnsatisfiedRules.length) {
+          option.visualMap.pieces.push({
+            gte: index,
+            lt: index + 1,
+            color: 'red'
+          })
+        }
+      })
+      this.chartLine = echarts.init(document.getElementById('chartLine'))
+      this.chartLine.setOption(option)
+      window.addEventListener('resize', () => {
+        this.chartLine.resize()
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.mod-demo-echarts {
+  > .el-row {
+    margin-top: -10px;
+    margin-bottom: -10px;
+    .el-col {
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+  }
+  .chart-box {
+    min-height: 400px;
+  }
+}
+</style>

src/views/spc/test3data.js

@@ -0,0 +1,53 @@
+/*
+ * @Author: zwq
+ * @Date: 2022-08-04 10:33:28
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-08-04 10:33:47
+ * @Description:
+ */
+export default {
+  'list': [
+    {
+      'controlLimit': {
+        'lcl': 41.54348831891977,
+        'ucl': 77.49458783338484,
+        'cl': 59.519038076152306
+      },
+      'position': 0,
+      'value': 55
+    },
+    {
+      'controlLimit': {
+        'lcl': 116.78933811121871,
+        'ucl': 172.86998052605585,
+        'cl': 144.82965931863728
+      },
+      'position': 1,
+      'value': 144
+    },
+    {
+      'controlLimit': {
+        'lcl': 117.14774657267773,
+        'ucl': 173.3051592389455,
+        'cl': 145.2264529058116
+      },
+      'position': 2,
+      'value': 154
+    },
+    {
+      'controlLimit': {
+        'lcl': 30.549274009733264,
+        'ucl': 62.30042538906433,
+        'cl': 46.4248496993988
+      },
+      'position': 3,
+      'value': 43
+    }
+  ],
+  'specificationLimit': {
+    'sl': 5,
+    'lsl': 10,
+    'usl': 10
+  },
+  'argName': 'LostDays'
+}