Merge pull request 'test' (#47 ) from test into master

Reviewed-on: #47
Merge pull request 'lb' (#46 ) from lb into test
2023-10-17 08:53:53 +08:00 · 2023-10-17 08:38:26 +08:00 · 2023-10-16 17:04:34 +08:00 · 2023-10-16 17:03:29 +08:00 · 2023-10-16 15:50:05 +08:00 · 2023-10-16 15:47:50 +08:00
209 changed files with 37540 additions and 10165 deletions
--- a/.env.dev
+++ b/.env.dev
@@ -1,12 +1,21 @@
 ###
 # @Author: Do not edit
 # @Date: 2023-08-29 09:40:39
 # @LastEditTime: 2023-10-16 09:22:52
 # @LastEditors: DY
 # @Description: 
 ### 
 # 开发环境配置
 ENV = 'development'
 # 页面标题
-VUE_APP_TITLE = 芋道管理系统
+VUE_APP_TITLE = 产线监控系统
 # 芋道管理系统/开发环境
-# VUE_APP_BASE_API = 'http://192.168.0.33:48080'
+# VUE_APP_BASE_API = 'http://192.168.1.49:48080'
-VUE_APP_BASE_API = 'http://192.168.1.188:48080'
+# VUE_APP_BASE_API = 'http://192.168.1.8:48080'
 VUE_APP_BASE_API = 'http://192.168.0.33:48080'
 # VUE_APP_BASE_API = 'http://192.168.1.188:48080'
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true
--- a/.env.front
+++ b/.env.front
@@ -2,7 +2,7 @@
 ENV = 'development'
 # 页面标题
-VUE_APP_TITLE = 芋道管理系统
+VUE_APP_TITLE = 产线监控系统
 # 芋道管理系统/本地环境
 VUE_APP_BASE_API = 'http://api-dashboard.yudao.iocoder.cn'
--- a/.env.prod
+++ b/.env.prod
@@ -2,13 +2,15 @@
 ENV = 'production'
 # 页面标题
-VUE_APP_TITLE = 芋道管理系统
+VUE_APP_TITLE = 产线监控系统
 # 芋道管理系统/生产环境
 VUE_APP_BASE_API = '/prod-api'
 # 根据服务器或域名修改
-PUBLIC_PATH = 'http://my-pi.com:8888/yudao-admin/'
+# PUBLIC_PATH = 'http://my-pi.com:8888/yudao-admin/'
 PUBLIC_PATH = 'http://192.168.0.33:8888/'
 # 二级部署路径
 VUE_APP_APP_NAME ='yudao-admin'
--- a/.env.stage
+++ b/.env.stage
@@ -1,7 +1,7 @@
 NODE_ENV = production
 # 页面标题
-VUE_APP_TITLE = 芋道管理系统
+VUE_APP_TITLE = 产线监控系统
 # 测试环境配置
 ENV = 'staging'
--- a/.env.static
+++ b/.env.static
@@ -4,7 +4,7 @@ NODE_ENV = development
 ENV = 'staging'
 # 页面标题
-VUE_APP_TITLE = 芋道管理系统
+VUE_APP_TITLE = 产线监控系统
 # 芋道管理系统/测试环境
 VUE_APP_BASE_API = 'http://127.0.0.1:48080'
--- a/.gitignore
+++ b/.gitignore
@@ -20,3 +20,4 @@ selenium-debug.log
 *.local
 package-lock.json
 echarts.js
--- a/package.json
+++ b/package.json
@@ -50,31 +50,40 @@
    "code-brick-zj": "^1.0.2",
    "core-js": "^3.26.0",
    "crypto-js": "^4.0.0",
    "diagram-js": "^12.3.0",
    "echarts": "5.4.0",
    "element-ui": "2.15.12",
-    "file-saver": "2.0.5",
+    "file-saver": "^2.0.5",
    "fuse.js": "6.6.2",
    "highlight.js": "9.18.5",
    "html2canvas": "^1.4.1",
    "js-beautify": "1.13.0",
    "jsencrypt": "3.3.1",
    "jspdf": "^2.5.1",
    "min-dash": "3.5.2",
    "mockjs": "^1.1.0",
    "moment": "^2.29.4",
    "nprogress": "0.2.0",
    "qrcode.vue": "^1.7.0",
    "qs": "^6.11.2",
    "quill": "1.3.7",
    "screenfull": "5.0.2",
    "sortablejs": "1.10.2",
    "throttle-debounce": "2.1.0",
    "video.js": "^8.5.2",
    "vue": "2.7.14",
    "vue-count-to": "1.0.13",
    "vue-cropper": "0.5.8",
    "vue-meta": "^2.4.0",
    "vue-plugin-hiprint": "0.0.54-fix",
    "vue-quill-editor": "^3.0.6",
    "vue-router": "3.4.9",
    "vue-video-player": "^5.0.2",
    "vuedraggable": "2.24.3",
    "vuex": "3.6.2",
-    "xml-js": "1.6.11"
+    "xlsx": "^0.18.5",
    "xml-js": "1.6.11",
    "yorkie": "^2.0.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "4.5.18",
@@ -88,7 +97,7 @@
    "chalk": "4.1.0",
    "compression-webpack-plugin": "5.0.2",
    "connect": "3.6.6",
-    "eslint": "7.15.0",
+    "eslint": "6.8.0",
    "eslint-config-airbnb-base": "^14.0.0",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-prettier": "^3.1.0",
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -2,215 +2,217 @@
 <html>
 <head>
-  <meta charset="utf-8">
+	<meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <meta name="renderer" content="webkit">
+	<meta name="renderer" content="webkit" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+	<link rel="stylesheet" type="text/css" media="print" href="<%= BASE_URL %>print-lock.css">
-  <title>
+	<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
-    <%= webpackConfig.name %>
+	<title>
-  </title>
+		<%= webpackConfig.name %>
-  <!--[if lt IE 11]><script>window.location.href='html/ie.html';</script><![endif]-->
+	</title>
-  <style>
+	<!--[if lt IE 11]>
-    html,
+			<script>
-    body,
+				window.location.href = 'html/ie.html';
-    #app {
+			</script>
-      height: 100%;
+		<![endif]-->
-      margin: 0px;
+	<style>
-      padding: 0px;
+		html,
-    }
+		body,
 		#app {
 			height: 100%;
 			margin: 0px;
 			padding: 0px;
 		}
-    .chromeframe {
+		.chromeframe {
-      margin: 0.2em 0;
+			margin: 0.2em 0;
-      background: #ccc;
+			background: #ccc;
-      color: #000;
+			color: #000;
-      padding: 0.2em 0;
+			padding: 0.2em 0;
-    }
+		}
-    #loader-wrapper {
+		#loader-wrapper {
-      position: fixed;
+			position: fixed;
-      top: 0;
+			top: 0;
-      left: 0;
+			left: 0;
-      width: 100%;
+			width: 100%;
-      height: 100%;
+			height: 100%;
-      z-index: 999999;
+			z-index: 999999;
-    }
+		}
-    #loader {
+		#loader {
-      display: block;
+			display: block;
-      position: relative;
+			position: relative;
-      left: 50%;
+			left: 50%;
-      top: 50%;
+			top: 50%;
-      width: 150px;
+			width: 150px;
-      height: 150px;
+			height: 150px;
-      margin: -75px 0 0 -75px;
+			margin: -75px 0 0 -75px;
-      border-radius: 50%;
+			border-radius: 50%;
-      border: 3px solid transparent;
+			border: 3px solid transparent;
-      border-top-color: #FFF;
+			border-top-color: #fff;
-      -webkit-animation: spin 2s linear infinite;
+			-webkit-animation: spin 2s linear infinite;
-      -ms-animation: spin 2s linear infinite;
+			-ms-animation: spin 2s linear infinite;
-      -moz-animation: spin 2s linear infinite;
+			-moz-animation: spin 2s linear infinite;
-      -o-animation: spin 2s linear infinite;
+			-o-animation: spin 2s linear infinite;
-      animation: spin 2s linear infinite;
+			animation: spin 2s linear infinite;
-      z-index: 1001;
+			z-index: 1001;
-    }
+		}
-    #loader:before {
+		#loader:before {
-      content: "";
+			content: '';
-      position: absolute;
+			position: absolute;
-      top: 5px;
+			top: 5px;
-      left: 5px;
+			left: 5px;
-      right: 5px;
+			right: 5px;
-      bottom: 5px;
+			bottom: 5px;
-      border-radius: 50%;
+			border-radius: 50%;
-      border: 3px solid transparent;
+			border: 3px solid transparent;
-      border-top-color: #FFF;
+			border-top-color: #fff;
-      -webkit-animation: spin 3s linear infinite;
+			-webkit-animation: spin 3s linear infinite;
-      -moz-animation: spin 3s linear infinite;
+			-moz-animation: spin 3s linear infinite;
-      -o-animation: spin 3s linear infinite;
+			-o-animation: spin 3s linear infinite;
-      -ms-animation: spin 3s linear infinite;
+			-ms-animation: spin 3s linear infinite;
-      animation: spin 3s linear infinite;
+			animation: spin 3s linear infinite;
-    }
+		}
-    #loader:after {
+		#loader:after {
-      content: "";
+			content: '';
-      position: absolute;
+			position: absolute;
-      top: 15px;
+			top: 15px;
-      left: 15px;
+			left: 15px;
-      right: 15px;
+			right: 15px;
-      bottom: 15px;
+			bottom: 15px;
-      border-radius: 50%;
+			border-radius: 50%;
-      border: 3px solid transparent;
+			border: 3px solid transparent;
-      border-top-color: #FFF;
+			border-top-color: #fff;
-      -moz-animation: spin 1.5s linear infinite;
+			-moz-animation: spin 1.5s linear infinite;
-      -o-animation: spin 1.5s linear infinite;
+			-o-animation: spin 1.5s linear infinite;
-      -ms-animation: spin 1.5s linear infinite;
+			-ms-animation: spin 1.5s linear infinite;
-      -webkit-animation: spin 1.5s linear infinite;
+			-webkit-animation: spin 1.5s linear infinite;
-      animation: spin 1.5s linear infinite;
+			animation: spin 1.5s linear infinite;
-    }
+		}
 		@-webkit-keyframes spin {
 			0% {
 				-webkit-transform: rotate(0deg);
 				-ms-transform: rotate(0deg);
 				transform: rotate(0deg);
 			}
-    @-webkit-keyframes spin {
+			100% {
-      0% {
+				-webkit-transform: rotate(360deg);
-        -webkit-transform: rotate(0deg);
+				-ms-transform: rotate(360deg);
-        -ms-transform: rotate(0deg);
+				transform: rotate(360deg);
-        transform: rotate(0deg);
+			}
-      }
+		}
-      100% {
+		@keyframes spin {
-        -webkit-transform: rotate(360deg);
+			0% {
-        -ms-transform: rotate(360deg);
+				-webkit-transform: rotate(0deg);
-        transform: rotate(360deg);
+				-ms-transform: rotate(0deg);
-      }
+				transform: rotate(0deg);
-    }
+			}
-    @keyframes spin {
+			100% {
-      0% {
+				-webkit-transform: rotate(360deg);
-        -webkit-transform: rotate(0deg);
+				-ms-transform: rotate(360deg);
-        -ms-transform: rotate(0deg);
+				transform: rotate(360deg);
-        transform: rotate(0deg);
+			}
-      }
+		}
-      100% {
+		#loader-wrapper .loader-section {
-        -webkit-transform: rotate(360deg);
+			position: fixed;
-        -ms-transform: rotate(360deg);
+			top: 0;
-        transform: rotate(360deg);
+			width: 51%;
-      }
+			height: 100%;
-    }
+			background: #7171c6;
 			z-index: 1000;
 			-webkit-transform: translateX(0);
 			-ms-transform: translateX(0);
 			transform: translateX(0);
 		}
 		#loader-wrapper .loader-section.section-left {
 			left: 0;
 		}
-    #loader-wrapper .loader-section {
+		#loader-wrapper .loader-section.section-right {
-      position: fixed;
+			right: 0;
-      top: 0;
+		}
      width: 51%;
      height: 100%;
      background: #7171C6;
      z-index: 1000;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
-    #loader-wrapper .loader-section.section-left {
+		.loaded #loader-wrapper .loader-section.section-left {
-      left: 0;
+			-webkit-transform: translateX(-100%);
-    }
+			-ms-transform: translateX(-100%);
 			transform: translateX(-100%);
 			-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 		}
-    #loader-wrapper .loader-section.section-right {
+		.loaded #loader-wrapper .loader-section.section-right {
-      right: 0;
+			-webkit-transform: translateX(100%);
-    }
+			-ms-transform: translateX(100%);
 			transform: translateX(100%);
 			-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 		}
 		.loaded #loader {
 			opacity: 0;
 			-webkit-transition: all 0.3s ease-out;
 			transition: all 0.3s ease-out;
 		}
-    .loaded #loader-wrapper .loader-section.section-left {
+		.loaded #loader-wrapper {
-      -webkit-transform: translateX(-100%);
+			visibility: hidden;
-      -ms-transform: translateX(-100%);
+			-webkit-transform: translateY(-100%);
-      transform: translateX(-100%);
+			-ms-transform: translateY(-100%);
-      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
+			transform: translateY(-100%);
-      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
+			-webkit-transition: all 0.3s 1s ease-out;
-    }
+			transition: all 0.3s 1s ease-out;
 		}
-    .loaded #loader-wrapper .loader-section.section-right {
+		.no-js #loader-wrapper {
-      -webkit-transform: translateX(100%);
+			display: none;
-      -ms-transform: translateX(100%);
+		}
      transform: translateX(100%);
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
-    .loaded #loader {
+		.no-js h1 {
-      opacity: 0;
+			color: #222222;
-      -webkit-transition: all 0.3s ease-out;
+		}
      transition: all 0.3s ease-out;
    }
-    .loaded #loader-wrapper {
+		#loader-wrapper .load_title {
-      visibility: hidden;
+			font-family: 'Open Sans';
-      -webkit-transform: translateY(-100%);
+			color: #fff;
-      -ms-transform: translateY(-100%);
+			font-size: 19px;
-      transform: translateY(-100%);
+			width: 100%;
-      -webkit-transition: all 0.3s 1s ease-out;
+			text-align: center;
-      transition: all 0.3s 1s ease-out;
+			z-index: 9999999999999;
-    }
+			position: absolute;
 			top: 60%;
 			opacity: 1;
 			line-height: 30px;
 		}
-    .no-js #loader-wrapper {
+		#loader-wrapper .load_title span {
-      display: none;
+			font-weight: normal;
-    }
+			font-style: italic;
-
+			font-size: 13px;
-    .no-js h1 {
+			color: #fff;
-      color: #222222;
+			opacity: 0.5;
-    }
+		}
-
+	</style>
    #loader-wrapper .load_title {
      font-family: 'Open Sans';
      color: #FFF;
      font-size: 19px;
      width: 100%;
      text-align: center;
      z-index: 9999999999999;
      position: absolute;
      top: 60%;
      opacity: 1;
      line-height: 30px;
    }
    #loader-wrapper .load_title span {
      font-weight: normal;
      font-style: italic;
      font-size: 13px;
      color: #FFF;
      opacity: 0.5;
    }
  </style>
 </head>
 <body>
-  <div id="app">
+	<div id="app">
-    <div id="loader-wrapper">
+		<div id="loader-wrapper">
-      <div id="loader"></div>
+			<div id="loader"></div>
-      <div class="loader-section section-left"></div>
+			<div class="loader-section section-left"></div>
-      <div class="loader-section section-right"></div>
+			<div class="loader-section section-right"></div>
-      <div class="load_title">正在加载系统资源，请耐心等待</div>
+			<div class="load_title">正在加载系统资源，请耐心等待</div>
-    </div>
+		</div>
-  </div>
+	</div>
 </body>
 </html>
--- a/public/print-lock.css
+++ b/public/print-lock.css
@@ -0,0 +1,339 @@
@media print {
  body {
    margin: 0px;
    padding: 0px;
  }
 }
@page {
  margin: 0;
 }
 .hiprint-printPaper * {
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
 }
 .hiprint-printPaper *:focus {
  outline: -webkit-focus-ring-color auto 0px;
 }
 .hiprint-printPaper {
  position: relative;
  padding: 0 0 0 0;
  page-break-after: always;
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -moz-user-select: none; /* Firefox */
  user-select: none;
  overflow-x: hidden;
  overflow: hidden;
 }
 .hiprint-printPaper .hiprint-printPaper-content {
  position: relative;
 }
 /* 火狐浏览器打印 第一页过后 重叠问题 */
@-moz-document url-prefix() {
  .hiprint-printPaper .hiprint-printPaper-content {
    position: relative;
    margin-top: 20px;
    top: -20px
  }
 }
 .hiprint-printPaper.design {
  overflow: visible;
 }
 .hiprint-printTemplate .hiprint-printPanel {
  page-break-after: always;
 }
 .hiprint-printPaper, hiprint-printPanel {
  box-sizing: border-box;
  border: 0px;
 }
 .hiprint-printPanel .hiprint-printPaper:last-child {
  page-break-after: avoid;
 }
 .hiprint-printTemplate .hiprint-printPanel:last-child {
  page-break-after: avoid;
 }
 .hiprint-printPaper .hideheaderLinetarget {
  border-top: 0px dashed rgb(201, 190, 190) !important;
 }
 .hiprint-printPaper .hidefooterLinetarget {
  border-top: 0px dashed rgb(201, 190, 190) !important;
 }
 .hiprint-printPaper.design {
  border: 1px dashed rgba(170, 170, 170, 0.7);
 }
 .design .hiprint-printElement-table-content, .design .hiprint-printElement-longText-content {
  overflow: hidden;
  box-sizing: border-box;
 }
 .design .resize-panel {
  box-sizing: border-box;
  border: 1px dotted;
 }
 .hiprint-printElement-text {
  background-color: transparent;
  background-repeat: repeat;
  padding: 0 0 0 0;
  border: 0.75pt none rgb(0, 0, 0);
  direction: ltr;
  font-family: 'SimSun';
  font-size: 9pt;
  font-style: normal;
  font-weight: normal;
  padding-bottom: 0pt;
  padding-left: 0pt;
  padding-right: 0pt;
  padding-top: 0pt;
  text-align: left;
  text-decoration: none;
  line-height: 9.75pt;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
 }
 .design .hiprint-printElement-text-content {
  border: 1px dashed rgb(206, 188, 188);
  box-sizing: border-box;
 }
 .hiprint-printElement-longText {
  background-color: transparent;
  background-repeat: repeat;
  border: 0.75pt none rgb(0, 0, 0);
  direction: ltr;
  font-family: 'SimSun';
  font-size: 9pt;
  font-style: normal;
  font-weight: normal;
  padding-bottom: 0pt;
  padding-left: 0pt;
  padding-right: 0pt;
  padding-top: 0pt;
  text-align: left;
  text-decoration: none;
  line-height: 9.75pt;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
  /*white-space: pre-wrap*/
 }
 .hiprint-printElement-table {
  background-color: transparent;
  background-repeat: repeat;
  color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
  border-style: none;
  direction: ltr;
  font-family: 'SimSun';
  font-size: 9pt;
  font-style: normal;
  font-weight: normal;
  padding-bottom: 0pt;
  padding-left: 0pt;
  padding-right: 0pt;
  padding-top: 0pt;
  text-align: left;
  text-decoration: none;
  padding: 0 0 0 0;
  box-sizing: border-box;
  line-height: 9.75pt;
 }
 .hiprint-printElement-table thead {
  background: #e8e8e8;
  font-weight: 700;
 }
 .hiprint-printElement-tableTarget, .hiprint-printElement-tableTarget tr, .hiprint-printElement-tableTarget td {
  border-color: rgb(0, 0, 0);
  /*border-style: none;*/
  /*border: 1px solid rgb(0, 0, 0);*/
  font-weight: normal;
  direction: ltr;
  padding-bottom: 0pt;
  padding-left: 4pt;
  padding-right: 4pt;
  padding-top: 0pt;
  text-decoration: none;
  vertical-align: middle;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
  /*line-height: 9.75pt;
  font-size: 9pt;*/
 }
 .hiprint-printElement-tableTarget-border-all {
  border: 1px solid;
 }
 .hiprint-printElement-tableTarget-border-none {
  border: 0px solid;
 }
 .hiprint-printElement-tableTarget-border-lr {
  border-left: 1px solid;
  border-right: 1px solid;
 }
 .hiprint-printElement-tableTarget-border-left {
  border-left: 1px solid;
 }
 .hiprint-printElement-tableTarget-border-right {
  border-right: 1px solid;
 }
 .hiprint-printElement-tableTarget-border-tb {
  border-top: 1px solid;
  border-bottom: 1px solid;
 }
 .hiprint-printElement-tableTarget-border-top {
  border-top: 1px solid;
 }
 .hiprint-printElement-tableTarget-border-bottom {
  border-bottom: 1px solid;
 }
 .hiprint-printElement-tableTarget-border-td-none td {
  border: 0px solid;
 }
 .hiprint-printElement-tableTarget-border-td-all td:not(:last-child) {
  border-right: 1px solid;
 }
 /*.hiprint-printElement-tableTarget tr,*/
 .hiprint-printElement-tableTarget td {
  height: 18pt;
 }
 .hiprint-printPaper .hiprint-paperNumber {
  font-size: 9pt;
 }
 .design .hiprint-printElement-table-handle {
  position: absolute;
  height: 21pt;
  width: 21pt;
  background: red;
  z-index: 1;
 }
 .hiprint-printPaper .hiprint-paperNumber-disabled {
  float: right !important;
  right: 0 !important;
  color: gainsboro !important;
 }
 .hiprint-printElement-vline, .hiprint-printElement-hline {
  border: 0px none rgb(0, 0, 0);
 }
 .hiprint-printElement-vline {
  border-left: 0.75pt solid #000;
  border-right: 0px none rgb(0, 0, 0) !important;
  border-bottom: 0px none rgb(0, 0, 0) !important;
  border-top: 0px none rgb(0, 0, 0) !important;
 }
 .hiprint-printElement-hline {
  border-top: 0.75pt solid #000;
  border-right: 0px none rgb(0, 0, 0) !important;
  border-bottom: 0px none rgb(0, 0, 0) !important;
  border-left: 0px none rgb(0, 0, 0) !important;
 }
 .hiprint-printElement-oval, .hiprint-printElement-rect {
  border: 0.75pt solid #000;
 }
 .hiprint-text-content-middle {
 }
 .hiprint-text-content-middle > div {
  display: grid;
  align-items: center;
 }
 .hiprint-text-content-bottom {
 }
 .hiprint-text-content-bottom > div {
  display: grid;
  align-items: flex-end;
 }
 .hiprint-text-content-wrap {
 }
 .hiprint-text-content-wrap .hiprint-text-content-wrap-nowrap {
  white-space: nowrap;
 }
 .hiprint-text-content-wrap .hiprint-text-content-wrap-clip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
 }
 .hiprint-text-content-wrap .hiprint-text-content-wrap-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 }
 /*hi-grid-row */
 .hi-grid-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  box-sizing: border-box;
 }
 .hi-grid-row::after, .hi-grid-row::before {
  display: table;
  content: '';
  box-sizing: border-box;
 }
 .hi-grid-col {
  display: block;
  box-sizing: border-box;
  position: relative;
  float: left;
  flex: 0 0 auto;
 }
 .table-grid-row {
  margin-left: -0pt;
  margin-right: -0pt;
 }
 .tableGridColumnsGutterRow {
  padding-left: 0pt;
  padding-right: 0pt;
 }
 .hiprint-gridColumnsFooter {
  text-align: left;
  clear: both;
 }
--- a/src/api/analysis/energyAnalysis.js
+++ b/src/api/analysis/energyAnalysis.js
@@ -0,0 +1,37 @@
 import request from '@/utils/request'
 // 获取走势分析数据
 export function getEnergyTrend(data) {
  return request({
    url: '/analysis/energy-analysis/getTrend',
    method: 'post',
    data: data
  })
 }
 // 获取对比分析数据
 export function getCompare(data) {
  return request({
    url: '/analysis/energy-analysis/getCompare',
    method: 'post',
    data: data
  })
 }
 // 获取同比分析数据(1:季度,2:月;3:日)
 export function getYoy(data) {
  return request({
    url: '/analysis/energy-analysis/getYoy',
    method: 'post',
    data: data
  })
 }
 // 获取环比分析数据(1:月,2:周,3:日)
 export function getQoq(data) {
  return request({
    url: '/analysis/energy-analysis/getChain',
    method: 'post',
    data: data
  })
 }
--- a/src/api/base/equipment.js
+++ b/src/api/base/equipment.js
@@ -0,0 +1,61 @@
 import request from '@/utils/request'
 // 创建设备
 export function createEquipment(data) {
  return request({
    url: '/base/equipment/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备
 export function updateEquipment(data) {
  return request({
    url: '/base/equipment/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备
 export function deleteEquipment(id) {
  return request({
    url: '/base/equipment/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备
 export function getEquipment(id) {
  return request({
    url: '/base/equipment/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备分页
 export function getEquipmentPage(query) {
  return request({
    url: '/base/equipment/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备 Excel
 export function exportEquipmentExcel(query) {
  return request({
    url: '/base/equipment/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
 // 获得所有设备列表
 export function getEquipmentAll() {
  return request({
    url: '/base/equipment/listAll',
    method: 'get'
  })
 }
--- a/src/api/base/equipmentAttr.js
+++ b/src/api/base/equipmentAttr.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备属性
 export function createEquipmentAttr(data) {
  return request({
    url: '/base/equipment-attr/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备属性
 export function updateEquipmentAttr(data) {
  return request({
    url: '/base/equipment-attr/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备属性
 export function deleteEquipmentAttr(id) {
  return request({
    url: '/base/equipment-attr/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备属性
 export function getEquipmentAttr(id) {
  return request({
    url: '/base/equipment-attr/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备属性分页
 export function getEquipmentAttrPage(query) {
  return request({
    url: '/base/equipment-attr/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备属性 Excel
 export function exportEquipmentAttrExcel(query) {
  return request({
    url: '/base/equipment-attr/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentBindGroup.js
+++ b/src/api/base/equipmentBindGroup.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备与分组绑定
 export function createEquipmentBindGroup(data) {
  return request({
    url: '/base/equipment-bind-group/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备与分组绑定
 export function updateEquipmentBindGroup(data) {
  return request({
    url: '/base/equipment-bind-group/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备与分组绑定
 export function deleteEquipmentBindGroup(id) {
  return request({
    url: '/base/equipment-bind-group/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备与分组绑定
 export function getEquipmentBindGroup(id) {
  return request({
    url: '/base/equipment-bind-group/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备与分组绑定分页
 export function getEquipmentBindGroupPage(query) {
  return request({
    url: '/base/equipment-bind-group/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备与分组绑定 Excel
 export function exportEquipmentBindGroupExcel(query) {
  return request({
    url: '/base/equipment-bind-group/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentBindSection.js
+++ b/src/api/base/equipmentBindSection.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建工段设备绑定
 export function createEquipmentBindSection(data) {
  return request({
    url: '/base/equipment-bind-section/create',
    method: 'post',
    data: data
  })
 }
 // 更新工段设备绑定
 export function updateEquipmentBindSection(data) {
  return request({
    url: '/base/equipment-bind-section/update',
    method: 'put',
    data: data
  })
 }
 // 删除工段设备绑定
 export function deleteEquipmentBindSection(id) {
  return request({
    url: '/base/equipment-bind-section/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得工段设备绑定
 export function getEquipmentBindSection(id) {
  return request({
    url: '/base/equipment-bind-section/get?id=' + id,
    method: 'get'
  })
 }
 // 获得工段设备绑定分页
 export function getEquipmentBindSectionPage(query) {
  return request({
    url: '/base/equipment-bind-section/page',
    method: 'get',
    params: query
  })
 }
 // 导出工段设备绑定 Excel
 export function exportEquipmentBindSectionExcel(query) {
  return request({
    url: '/base/equipment-bind-section/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentFile.js
+++ b/src/api/base/equipmentFile.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备文件对应
 export function createEquipmentFile(data) {
  return request({
    url: '/base/equipment-file/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备文件对应
 export function updateEquipmentFile(data) {
  return request({
    url: '/base/equipment-file/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备文件对应
 export function deleteEquipmentFile(id) {
  return request({
    url: '/base/equipment-file/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备文件对应
 export function getEquipmentFile(id) {
  return request({
    url: '/base/equipment-file/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备文件对应分页
 export function getEquipmentFilePage(query) {
  return request({
    url: '/base/equipment-file/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备文件对应 Excel
 export function exportEquipmentFileExcel(query) {
  return request({
    url: '/base/equipment-file/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentGroup.js
+++ b/src/api/base/equipmentGroup.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备分组（用于同类型不同厂家的设备区分）
 export function createEquipmentGroup(data) {
  return request({
    url: '/base/equipment-group/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备分组（用于同类型不同厂家的设备区分）
 export function updateEquipmentGroup(data) {
  return request({
    url: '/base/equipment-group/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备分组（用于同类型不同厂家的设备区分）
 export function deleteEquipmentGroup(id) {
  return request({
    url: '/base/equipment-group/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备分组（用于同类型不同厂家的设备区分）
 export function getEquipmentGroup(id) {
  return request({
    url: '/base/equipment-group/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备分组（用于同类型不同厂家的设备区分）分页
 export function getEquipmentGroupPage(query) {
  return request({
    url: '/base/equipment-group/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备分组（用于同类型不同厂家的设备区分） Excel
 export function exportEquipmentGroupExcel(query) {
  return request({
    url: '/base/equipment-group/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentGroupAlarm.js
+++ b/src/api/base/equipmentGroupAlarm.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备分组报警明细
 export function createEquipmentGroupAlarm(data) {
  return request({
    url: '/base/equipment-group-alarm/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备分组报警明细
 export function updateEquipmentGroupAlarm(data) {
  return request({
    url: '/base/equipment-group-alarm/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备分组报警明细
 export function deleteEquipmentGroupAlarm(id) {
  return request({
    url: '/base/equipment-group-alarm/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备分组报警明细
 export function getEquipmentGroupAlarm(id) {
  return request({
    url: '/base/equipment-group-alarm/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备分组报警明细分页
 export function getEquipmentGroupAlarmPage(query) {
  return request({
    url: '/base/equipment-group-alarm/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备分组报警明细 Excel
 export function exportEquipmentGroupAlarmExcel(query) {
  return request({
    url: '/base/equipment-group-alarm/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentPlc.js
+++ b/src/api/base/equipmentPlc.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建实时数据采集配置
 export function createEquipmentPlc(data) {
  return request({
    url: '/base/equipment-plc/create',
    method: 'post',
    data: data
  })
 }
 // 更新实时数据采集配置
 export function updateEquipmentPlc(data) {
  return request({
    url: '/base/equipment-plc/update',
    method: 'put',
    data: data
  })
 }
 // 删除实时数据采集配置
 export function deleteEquipmentPlc(id) {
  return request({
    url: '/base/equipment-plc/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得实时数据采集配置
 export function getEquipmentPlc(id) {
  return request({
    url: '/base/equipment-plc/get?id=' + id,
    method: 'get'
  })
 }
 // 获得实时数据采集配置分页
 export function getEquipmentPlcPage(query) {
  return request({
    url: '/base/equipment-plc/page',
    method: 'get',
    params: query
  })
 }
 // 导出实时数据采集配置 Excel
 export function exportEquipmentPlcExcel(query) {
  return request({
    url: '/base/equipment-plc/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentPlcConnect.js
+++ b/src/api/base/equipmentPlcConnect.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备与实时采集关系表（一对多）
 export function createEquipmentPlcConnect(data) {
  return request({
    url: '/base/equipment-plc-connect/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备与实时采集关系表（一对多）
 export function updateEquipmentPlcConnect(data) {
  return request({
    url: '/base/equipment-plc-connect/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备与实时采集关系表（一对多）
 export function deleteEquipmentPlcConnect(id) {
  return request({
    url: '/base/equipment-plc-connect/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备与实时采集关系表（一对多）
 export function getEquipmentPlcConnect(id) {
  return request({
    url: '/base/equipment-plc-connect/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备与实时采集关系表（一对多）分页
 export function getEquipmentPlcConnectPage(query) {
  return request({
    url: '/base/equipment-plc-connect/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备与实时采集关系表（一对多） Excel
 export function exportEquipmentPlcConnectExcel(query) {
  return request({
    url: '/base/equipment-plc-connect/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentPlcParam.js
+++ b/src/api/base/equipmentPlcParam.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备数采详情
 export function createEquipmentPlcParam(data) {
  return request({
    url: '/base/equipment-plc-param/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备数采详情
 export function updateEquipmentPlcParam(data) {
  return request({
    url: '/base/equipment-plc-param/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备数采详情
 export function deleteEquipmentPlcParam(id) {
  return request({
    url: '/base/equipment-plc-param/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备数采详情
 export function getEquipmentPlcParam(id) {
  return request({
    url: '/base/equipment-plc-param/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备数采详情分页
 export function getEquipmentPlcParamPage(query) {
  return request({
    url: '/base/equipment-plc-param/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备数采详情 Excel
 export function exportEquipmentPlcParamExcel(query) {
  return request({
    url: '/base/equipment-plc-param/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentQuantityLog.js
+++ b/src/api/base/equipmentQuantityLog.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建后端用 设备生产数量统计表（按一定时间段写入）
 export function createEquipmentQuantityLog(data) {
  return request({
    url: '/base/equipment-quantity-log/create',
    method: 'post',
    data: data
  })
 }
 // 更新后端用 设备生产数量统计表（按一定时间段写入）
 export function updateEquipmentQuantityLog(data) {
  return request({
    url: '/base/equipment-quantity-log/update',
    method: 'put',
    data: data
  })
 }
 // 删除后端用 设备生产数量统计表（按一定时间段写入）
 export function deleteEquipmentQuantityLog(id) {
  return request({
    url: '/base/equipment-quantity-log/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得后端用 设备生产数量统计表（按一定时间段写入）
 export function getEquipmentQuantityLog(id) {
  return request({
    url: '/base/equipment-quantity-log/get?id=' + id,
    method: 'get'
  })
 }
 // 获得后端用 设备生产数量统计表（按一定时间段写入）分页
 export function getEquipmentQuantityLogPage(query) {
  return request({
    url: '/base/equipment-quantity-log/page',
    method: 'get',
    params: query
  })
 }
 // 导出后端用 设备生产数量统计表（按一定时间段写入） Excel
 export function exportEquipmentQuantityLogExcel(query) {
  return request({
    url: '/base/equipment-quantity-log/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentQuantityRealtime.js
+++ b/src/api/base/equipmentQuantityRealtime.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建后端用 设备生产数量实时
 export function createEquipmentQuantityRealtime(data) {
  return request({
    url: '/base/equipment-quantity-realtime/create',
    method: 'post',
    data: data
  })
 }
 // 更新后端用 设备生产数量实时
 export function updateEquipmentQuantityRealtime(data) {
  return request({
    url: '/base/equipment-quantity-realtime/update',
    method: 'put',
    data: data
  })
 }
 // 删除后端用 设备生产数量实时
 export function deleteEquipmentQuantityRealtime(id) {
  return request({
    url: '/base/equipment-quantity-realtime/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得后端用 设备生产数量实时
 export function getEquipmentQuantityRealtime(id) {
  return request({
    url: '/base/equipment-quantity-realtime/get?id=' + id,
    method: 'get'
  })
 }
 // 获得后端用 设备生产数量实时分页
 export function getEquipmentQuantityRealtimePage(query) {
  return request({
    url: '/base/equipment-quantity-realtime/page',
    method: 'get',
    params: query
  })
 }
 // 导出后端用 设备生产数量实时 Excel
 export function exportEquipmentQuantityRealtimeExcel(query) {
  return request({
    url: '/base/equipment-quantity-realtime/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentStatusLog.js
+++ b/src/api/base/equipmentStatusLog.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建后端用 设备工作状态
 export function createEquipmentStatusLog(data) {
  return request({
    url: '/base/equipment-status-log/create',
    method: 'post',
    data: data
  })
 }
 // 更新后端用 设备工作状态
 export function updateEquipmentStatusLog(data) {
  return request({
    url: '/base/equipment-status-log/update',
    method: 'put',
    data: data
  })
 }
 // 删除后端用 设备工作状态
 export function deleteEquipmentStatusLog(id) {
  return request({
    url: '/base/equipment-status-log/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得后端用 设备工作状态
 export function getEquipmentStatusLog(id) {
  return request({
    url: '/base/equipment-status-log/get?id=' + id,
    method: 'get'
  })
 }
 // 获得后端用 设备工作状态分页
 export function getEquipmentStatusLogPage(query) {
  return request({
    url: '/base/equipment-status-log/page',
    method: 'get',
    params: query
  })
 }
 // 导出后端用 设备工作状态 Excel
 export function exportEquipmentStatusLogExcel(query) {
  return request({
    url: '/base/equipment-status-log/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentStatusRealtime.js
+++ b/src/api/base/equipmentStatusRealtime.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建后端用 设备状态实时
 export function createEquipmentStatusRealtime(data) {
  return request({
    url: '/base/equipment-status-realtime/create',
    method: 'post',
    data: data
  })
 }
 // 更新后端用 设备状态实时
 export function updateEquipmentStatusRealtime(data) {
  return request({
    url: '/base/equipment-status-realtime/update',
    method: 'put',
    data: data
  })
 }
 // 删除后端用 设备状态实时
 export function deleteEquipmentStatusRealtime(id) {
  return request({
    url: '/base/equipment-status-realtime/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得后端用 设备状态实时
 export function getEquipmentStatusRealtime(id) {
  return request({
    url: '/base/equipment-status-realtime/get?id=' + id,
    method: 'get'
  })
 }
 // 获得后端用 设备状态实时分页
 export function getEquipmentStatusRealtimePage(query) {
  return request({
    url: '/base/equipment-status-realtime/page',
    method: 'get',
    params: query
  })
 }
 // 导出后端用 设备状态实时 Excel
 export function exportEquipmentStatusRealtimeExcel(query) {
  return request({
    url: '/base/equipment-status-realtime/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentType.js
+++ b/src/api/base/equipmentType.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备类型
 export function createEquipmentType(data) {
  return request({
    url: '/base/equipment-type/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备类型
 export function updateEquipmentType(data) {
  return request({
    url: '/base/equipment-type/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备类型
 export function deleteEquipmentType(id) {
  return request({
    url: '/base/equipment-type/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备类型
 export function getEquipmentType(id) {
  return request({
    url: '/base/equipment-type/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备类型分页
 export function getEquipmentTypePage(query) {
  return request({
    url: '/base/equipment-type/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备类型 Excel
 export function exportEquipmentTypeExcel(query) {
  return request({
    url: '/base/equipment-type/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/equipmentTypeFile.js
+++ b/src/api/base/equipmentTypeFile.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备类型文件关联
 export function createEquipmentTypeFile(data) {
  return request({
    url: '/base/equipment-type-file/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备类型文件关联
 export function updateEquipmentTypeFile(data) {
  return request({
    url: '/base/equipment-type-file/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备类型文件关联
 export function deleteEquipmentTypeFile(id) {
  return request({
    url: '/base/equipment-type-file/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备类型文件关联
 export function getEquipmentTypeFile(id) {
  return request({
    url: '/base/equipment-type-file/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备类型文件关联分页
 export function getEquipmentTypeFilePage(query) {
  return request({
    url: '/base/equipment-type-file/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备类型文件关联 Excel
 export function exportEquipmentTypeFileExcel(query) {
  return request({
    url: '/base/equipment-type-file/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/base/groupTeam.js
+++ b/src/api/base/groupTeam.js
@@ -50,3 +50,11 @@ export function getCode() {
    method: 'get'
  })
 }
 // 获得可用的排班列表
 export function listEnabled() {
  return request({
    url: '/base/group-team/listEnabled',
    method: 'get'
  })
 }
--- a/src/api/base/groupTeamScheduling.js
+++ b/src/api/base/groupTeamScheduling.js
@@ -1,54 +1,28 @@
 import request from '@/utils/request'
-// 创建排班信息
+// 获取某月预排班-已有排班
-export function createGroupTeamScheduling(data) {
+export function getPreset(query) {
  return request({
-    url: '/base/group-team-scheduling/create',
+    url: '/base/group-team-scheduling/getPreset',
    method: 'post',
    data: data
  })
 }
 // 更新排班信息
 export function updateGroupTeamScheduling(data) {
  return request({
    url: '/base/group-team-scheduling/update',
    method: 'put',
    data: data
  })
 }
 // 删除排班信息
 export function deleteGroupTeamScheduling(id) {
  return request({
    url: '/base/group-team-scheduling/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得排班信息
 export function getGroupTeamScheduling(id) {
  return request({
    url: '/base/group-team-scheduling/get?id=' + id,
    method: 'get'
  })
 }
 // 获得排班信息分页
 export function getGroupTeamSchedulingPage(query) {
  return request({
    url: '/base/group-team-scheduling/page',
    method: 'get',
    params: query
  })
 }
-// 导出排班信息 Excel
+// 批量创建-更新排班信息
-export function exportGroupTeamSchedulingExcel(query) {
+export function createOrUpdateList(data) {
  return request({
-    url: '/base/group-team-scheduling/export-excel',
+    url: '/base/group-team-scheduling/createOrUpdateList',
-    method: 'get',
+    method: 'post',
-    params: query,
+    data: data
-    responseType: 'blob'
+  })
 }
 // 自动排班，填充上月已有的排班
 export function autoSet(query) {
  return request({
    url: '/base/group-team-scheduling/autoSet',
    method: 'get',
    params: query
  })
 }
--- a/src/api/base/productionLine.js
+++ b/src/api/base/productionLine.js
@@ -0,0 +1,8 @@
 import request from '@/utils/request'
 // 获得所有工厂产线列表
 export function getLineAll() {
  return request({
    url: '/base/production-line/listAll',
    method: 'get'
  })
 }
--- a/src/api/base/workshopSection.js
+++ b/src/api/base/workshopSection.js
@@ -0,0 +1,8 @@
 import request from '@/utils/request'
 // 获得所有产线工段列表
 export function getWorkShopAll() {
  return request({
    url: '/base/workshop-section/listAll',
    method: 'get'
  })
 }
--- a/src/api/core/analysis/index.js
+++ b/src/api/core/analysis/index.js
@@ -0,0 +1,24 @@
 /*
 * @Author: zhp
 * @Date: 2023-09-12 14:07:04
 * @LastEditTime: 2023-09-13 09:53:45
 * @LastEditors: zhp
 * @Description:
 */
 import request from '@/utils/request'
 export function getYieldAnalysisPageData(data) {
  return request({
    url: '/analysis/production-analysis/getOutput',
    method: 'post',
    data: data
  })
 }
 export function getCT(data) {
  return request({
    url: '/analysis/production-analysis/getCT',
    method: 'post',
    data: data
  })
 }
--- a/src/api/core/base/lineBindProductLog.js
+++ b/src/api/core/base/lineBindProductLog.js
@@ -1,3 +1,10 @@
 /*
 * @Author: Do not edit
 * @Date: 2023-08-28 15:30:53
 * @LastEditTime: 2023-10-13 17:08:33
 * @LastEditors: DY
 * @Description: 
 */
 import request from '@/utils/request'
 // 创建产线目前生产产品表 主要为更新
@@ -35,11 +42,11 @@ export function getLineBindProductLog(id) {
 }
 // 获得产线目前生产产品表 主要为更新分页
-export function getLineBindProductLogPage(query) {
+export function getLineBindProductLogPage(data) {
  return request({
    url: '/base/line-bind-product-log/page',
-    method: 'get',
+    method: 'post',
-    params: query
+    data: data
  })
 }
--- a/src/api/core/base/workshopSection.js
+++ b/src/api/core/base/workshopSection.js
@@ -1,3 +1,10 @@
 /*
 * @Author: zhp
 * @Date: 2023-08-28 14:29:51
 * @LastEditTime: 2023-08-31 14:33:46
 * @LastEditors: zhp
 * @Description:
 */
 import request from '@/utils/request'
 // 创建产线工段
--- a/src/api/core/monitoring/auto.js
+++ b/src/api/core/monitoring/auto.js
@@ -0,0 +1,25 @@
 /*
 * @Author: Do not edit
 * @Date: 2023-09-12 09:44:53
 * @LastEditTime: 2023-09-13 16:11:41
 * @LastEditors: DY
 * @Description: 
 */
 import request from '@/utils/request'
 // 获得工厂分页
 export function getPdlAutoReport(data) {
  return request({
    url: '/monitoring/production-monitor/getPdlAutoReport',
    method: 'post',
    data: data
  })
 }
 // 获得所有工厂产线列表
 export function getPdList() {
  return request({
    url: '/base/production-line/listAll',
    method: 'get'
  })
 }
--- a/src/api/core/monitoring/data.js
+++ b/src/api/core/monitoring/data.js
@@ -0,0 +1,25 @@
 /*
 * @Author: Do not edit
 * @Date: 2023-09-12 09:44:53
 * @LastEditTime: 2023-09-14 10:25:46
 * @LastEditors: DY
 * @Description: 
 */
 import request from '@/utils/request'
 // 获得产线统计数据查询
 export function getPdlDataSearch(data) {
  return request({
    url: '/monitoring/production-monitor/getPdlDataSearch',
    method: 'post',
    data: data
  })
 }
 // 获得所有工厂产线列表
 export function getPdList() {
  return request({
    url: '/base/production-line/listAll',
    method: 'get'
  })
 }
--- a/src/api/core/monitoring/data24.js
+++ b/src/api/core/monitoring/data24.js
@@ -0,0 +1,17 @@
 /*
 * @Author: Do not edit
 * @Date: 2023-09-12 09:44:53
 * @LastEditTime: 2023-09-15 14:12:26
 * @LastEditors: DY
 * @Description: 
 */
 import request from '@/utils/request'
 // 获得近24小时产线生产数据
 export function getPdlDataOneDay(data) {
  return request({
    url: '/monitoring/production-monitor/getPdlDataOneDay',
    method: 'post',
    data: data
  })
 }
--- a/src/api/core/monitoring/index.js
+++ b/src/api/core/monitoring/index.js
@@ -0,0 +1,16 @@
 /*
 * @Author: zhp
 * @Date: 2023-09-12 14:07:04
 * @LastEditTime: 2023-09-13 09:46:44
 * @LastEditors: zhp
 * @Description:
 */
 import request from '@/utils/request'
 export function getSectionDataSearch(data) {
  return request({
    url: '/monitoring/production-monitor/getSectionDataSearch',
    method: 'post',
    data: data
  })
 }
--- a/src/api/core/monitoring/sectionStatistics.js
+++ b/src/api/core/monitoring/sectionStatistics.js
@@ -0,0 +1,33 @@
 /*
 * @Author: Do not edit
 * @Date: 2023-09-12 09:44:53
 * @LastEditTime: 2023-09-14 14:01:12
 * @LastEditors: DY
 * @Description: 
 */
 import request from '@/utils/request'
 // 获得工段自动统计数据查询
 export function getSectionAutoReport(data) {
  return request({
    url: '/monitoring/production-monitor/getSectionAutoReport',
    method: 'post',
    data: data
  })
 }
 // 获得所有工厂产线列表
 export function getPdList() {
  return request({
    url: '/base/production-line/listAll',
    method: 'get'
  })
 }
 // 获得所有产线工段列表
 export function getWorkshopSectionList() {
  return request({
    url: '/base/workshop-section/listAll',
    method: 'get'
  })
 }
--- a/src/api/monitoring/energyReport.js
+++ b/src/api/monitoring/energyReport.js
@@ -23,7 +23,8 @@ export function energyReportPageExport(data) {
  return request({
    url: '/monitoring/energy-report/export',
    method: 'post',
-    data: data
+    data: data,
    responseType: 'blob'
  })
 }
@@ -32,6 +33,7 @@ export function energyReportPageExportAuto(data) {
  return request({
    url: '/monitoring/energy-report/exportAuto',
    method: 'post',
-    data: data
+    data: data,
    responseType: 'blob'
  })
 }
--- a/src/api/monitoring/equipmentAlarmLog.js
+++ b/src/api/monitoring/equipmentAlarmLog.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备报警日志
 export function createEquipmentAlarmLog(data) {
  return request({
    url: '/monitoring/equipment-alarm-log/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备报警日志
 export function updateEquipmentAlarmLog(data) {
  return request({
    url: '/monitoring/equipment-alarm-log/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备报警日志
 export function deleteEquipmentAlarmLog(id) {
  return request({
    url: '/monitoring/equipment-alarm-log/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备报警日志
 export function getEquipmentAlarmLog(id) {
  return request({
    url: '/monitoring/equipment-alarm-log/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备报警日志分页
 export function getEquipmentAlarmLogPage(query) {
  return request({
    url: '/monitoring/equipment-alarm-log/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备报警日志 Excel
 export function exportEquipmentAlarmLogExcel(query) {
  return request({
    url: '/monitoring/equipment-alarm-log/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/api/monitoring/equipmentAlarmRealtime.js
+++ b/src/api/monitoring/equipmentAlarmRealtime.js
@@ -0,0 +1,54 @@
 import request from '@/utils/request'
 // 创建设备报警实时信息
 export function createEquipmentAlarmRealtime(data) {
  return request({
    url: '/monitoring/equipment-alarm-realtime/create',
    method: 'post',
    data: data
  })
 }
 // 更新设备报警实时信息
 export function updateEquipmentAlarmRealtime(data) {
  return request({
    url: '/monitoring/equipment-alarm-realtime/update',
    method: 'put',
    data: data
  })
 }
 // 删除设备报警实时信息
 export function deleteEquipmentAlarmRealtime(id) {
  return request({
    url: '/monitoring/equipment-alarm-realtime/delete?id=' + id,
    method: 'delete'
  })
 }
 // 获得设备报警实时信息
 export function getEquipmentAlarmRealtime(id) {
  return request({
    url: '/monitoring/equipment-alarm-realtime/get?id=' + id,
    method: 'get'
  })
 }
 // 获得设备报警实时信息分页
 export function getEquipmentAlarmRealtimePage(query) {
  return request({
    url: '/monitoring/equipment-alarm-realtime/page',
    method: 'get',
    params: query
  })
 }
 // 导出设备报警实时信息 Excel
 export function exportEquipmentAlarmRealtimeExcel(query) {
  return request({
    url: '/monitoring/equipment-alarm-realtime/export-excel',
    method: 'get',
    params: query,
    responseType: 'blob'
  })
 }
--- a/src/assets/icons/svg/Confirm.svg
+++ b/src/assets/icons/svg/Confirm.svg
@@ -0,0 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>选择</title>
    <g id="设备管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="设备监控-设备加工数量" transform="translate(-496.000000, -187.000000)" fill-rule="nonzero">
            <g id="选择" transform="translate(496.000000, 187.000000)">
                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
                <path d="M13.8735116,4.65950813 C13.6725171,4.47101195 13.3555167,4.48001613 13.1670206,4.6815213 L6.49899208,11.7809972 L2.85649778,8.19199033 C2.65950812,7.99798414 2.34299153,8 2.14898534,8.19698966 C1.95497916,8.3934955 1.95747883,8.71049591 2.15449536,8.90399141 L6.16199434,12.8519823 C6.16349952,12.8534874 6.1654885,12.8539712 6.16699367,12.8554764 C6.16849884,12.8569816 6.16898266,12.8589706 6.17048783,12.8604757 C6.20198897,12.8904717 6.23999461,12.9074856 6.27649508,12.9274829 C6.29450341,12.9379922 6.3099852,12.953474 6.32898802,12.960973 C6.38798547,12.9839807 6.45047706,12.9959683 6.51248486,12.9959683 C6.57798681,12.9959683 6.64348875,12.9829593 6.70447519,12.9569682 C6.72498319,12.9484747 6.74097566,12.930977 6.75997848,12.919957 C6.79747344,12.8979438 6.83647358,12.8794517 6.86848541,12.8469561 C6.86999058,12.8454509 6.87047439,12.8429512 6.87197956,12.841446 C6.87297405,12.8399409 6.87498991,12.8394571 6.8764682,12.8379519 L13.8949604,5.36594544 C14.0849886,5.16548852 14.0745061,4.8489988 13.8735116,4.65950813 Z" id="路径" fill="#0B58FF"></path>
            </g>
        </g>
    </g>
 </svg>
--- a/src/assets/icons/svg/Qian.svg
+++ b/src/assets/icons/svg/Qian.svg
@@ -0,0 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>菜单</title>
    <g id="设备管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="设备监控-设备加工数量" transform="translate(-284.000000, -164.000000)" fill-rule="nonzero">
            <g id="编组-7" transform="translate(284.000000, 162.000000)">
                <g id="菜单" transform="translate(0.000000, 2.000000)">
                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
                    <path d="M3.00057813,4.49926562 L13.0025156,4.49926562 C13.2786563,4.49926562 13.5025156,4.27540625 13.5025156,3.99926563 C13.5025156,3.723125 13.2786563,3.49926563 13.0025156,3.49926563 L3.00057813,3.49926563 C2.7244375,3.49926563 2.50057813,3.723125 2.50057813,3.99926563 C2.50057813,4.27540625 2.7244375,4.49926562 3.00057813,4.49926562 Z M3.0004375,8.48703125 L12.9786875,8.48703125 C13.2548281,8.48703125 13.4786875,8.26317187 13.4786875,7.98703125 C13.4786875,7.71089062 13.2548281,7.48703125 12.9786875,7.48703125 L3.0004375,7.48703125 C2.72429687,7.48703125 2.5004375,7.71089062 2.5004375,7.98703125 C2.5004375,8.26317187 2.72429687,8.48703125 3.0004375,8.48703125 Z M13.0025156,11.4969063 L3.00057813,11.4969063 C2.7244375,11.4969063 2.50057813,11.7207656 2.50057813,11.9969063 C2.50057813,12.2730469 2.7244375,12.4969063 3.00057813,12.4969063 L13.0025156,12.4969063 C13.2786563,12.4969063 13.5025156,12.2730469 13.5025156,11.9969063 C13.5025156,11.7207656 13.2786563,11.4969063 13.0025156,11.4969063 L13.0025156,11.4969063 Z" id="形状" fill="#373738"></path>
                </g>
            </g>
        </g>
    </g>
 </svg>
--- a/src/assets/icons/svg/changelogo.svg
+++ b/src/assets/icons/svg/changelogo.svg
@@ -0,0 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>状态切换备份 3</title>
    <g id="页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="icon和插图" transform="translate(-877.000000, -246.000000)">
            <g id="状态切换备份-3" transform="translate(885.000000, 254.000000) rotate(-270.000000) translate(-885.000000, -254.000000) translate(877.000000, 246.000000)">
                <rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="15" height="15"></rect>
                <g id="错误" transform="translate(0.000000, 0.000000)" fill-rule="nonzero">
                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="6.4293957e-15" width="16" height="16"></rect>
                    <path d="M8,1 C11.85,1 15,4.15 15,8 C15,11.85 11.85,15 8,15 C4.15,15 1,11.85 1,8 C1,4.15 4.15,1 8,1 Z M8,2.19926499 C4.80249503,2.19926499 2.18635461,4.80959575 2.18635461,8 C2.18635461,11.1904043 4.80249503,13.800735 8,13.800735 C11.197505,13.800735 13.8136454,11.1904043 13.8136454,8 C13.8136454,4.80959575 11.197505,2.19926499 8,2.19926499 Z M9.18342887,4.39602962 C9.42080763,4.39602962 9.61773566,4.56921978 9.65474747,4.7961346 L9.66099805,4.87359881 L9.66052938,9.97276858 L10.1621026,9.47231604 C10.3071657,9.32725295 10.5223305,9.29501672 10.6985498,9.37560733 L10.7713701,9.41705393 L10.837514,9.47231606 C11.0033004,9.63810246 11.0217211,9.89545015 10.8927761,10.0815835 L10.837514,10.1477274 L9.52115984,11.4640816 C9.38457467,11.600698 9.17913638,11.6415719 9.00066062,11.5676398 C8.84450229,11.5029526 8.73591407,11.3615296 8.71120699,11.1977853 L8.70585968,11.1264012 L8.70585968,4.87359881 C8.70585968,4.60984463 8.91967469,4.39602962 9.18342887,4.39602962 Z M6.99933939,4.43236016 C7.15549771,4.49704738 7.26408594,4.63847045 7.28879302,4.80221473 L7.29414032,4.87359881 L7.29414032,11.1264012 C7.29414032,11.2530604 7.24382515,11.374532 7.15426356,11.4640936 C7.06470196,11.5536552 6.94323037,11.6039704 6.81657114,11.6039704 C6.68991191,11.6039704 6.56844032,11.5536552 6.47887872,11.4640936 C6.40722945,11.3924443 6.36069788,11.3003726 6.34495123,11.2015604 L6.33900196,11.1264012 L6.33858601,6.02634681 L5.83789738,6.52768395 C5.69283427,6.67274705 5.47766955,6.70498329 5.30145018,6.62439268 L5.22862992,6.58294608 L5.162486,6.52768394 C4.9966996,6.36189754 4.97827889,6.10454984 5.10722387,5.91841648 L5.162486,5.85227257 L6.47884017,4.53591839 C6.61542534,4.39930202 6.82086362,4.35842813 6.99933939,4.43236016 Z" id="形状结合" fill="#0B58FF"></path>
                </g>
            </g>
        </g>
    </g>
 </svg>
--- a/src/assets/icons/svg/downArrow.svg
+++ b/src/assets/icons/svg/downArrow.svg
@@ -0,0 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>收起箭头小备份 3</title>
    <g id="能源管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="能源监控-同比分析" transform="translate(-848.000000, -392.000000)" fill-rule="nonzero">
            <g id="收起箭头小备份-3" transform="translate(855.000000, 399.000000) scale(1, -1) translate(-855.000000, -399.000000) translate(848.000000, 392.000000)">
                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="14" height="14"></rect>
                <path d="M6.60391666,1.57197282 L7.01633334,1.15897282 L12.70325,6.8441395 C12.9278333,7.06872283 12.93075,7.4408895 12.70325,7.6683895 C12.5941655,7.77825546 12.4457769,7.84009206 12.2909546,7.84020155 C12.1361323,7.84031104 11.9876564,7.77868438 11.8784167,7.66897282 L7.0175,2.8103895 L2.16066666,7.66955616 C2.05160439,7.77930978 1.90326864,7.84102718 1.74854166,7.84102718 C1.59381468,7.84102718 1.44547894,7.77930978 1.33641666,7.66955616 C1.10964988,7.4415567 1.1091291,7.07336285 1.33525,6.84472282 L6.58116666,1.59647282 L6.6045,1.57255616 L6.60391666,1.57197282 Z" id="路径" fill="#FFBD02"></path>
                <path d="M6.60391666,6.57197282 L7.01633334,6.15897282 L12.70325,11.8441395 C12.9278333,12.0687228 12.93075,12.4408895 12.70325,12.6683895 C12.5941655,12.7782555 12.4457769,12.8400921 12.2909546,12.8402015 C12.1361323,12.840311 11.9876564,12.7786844 11.8784167,12.6689728 L7.0175,7.8103895 L2.16066666,12.6695562 C2.05160439,12.7793098 1.90326864,12.8410272 1.74854166,12.8410272 C1.59381468,12.8410272 1.44547894,12.7793098 1.33641666,12.6695562 C1.10964988,12.4415567 1.1091291,12.0733628 1.33525,11.8447228 L6.58116666,6.59647282 L6.6045,6.57255616 L6.60391666,6.57197282 Z" id="路径备份-2" fill="#FFBD02"></path>
            </g>
        </g>
    </g>
 </svg>
--- a/src/assets/icons/svg/downward.svg
+++ b/src/assets/icons/svg/downward.svg
@@ -0,0 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>下拉展开</title>
    <g id="页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="编组-43" transform="translate(-1870.000000, -119.000000)" fill-rule="nonzero">
            <g id="下拉展开" transform="translate(1870.000000, 119.000000)">
                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="18" height="18"></rect>
                <path d="M9.79014922,13.2165873 L16.1721224,6.15356667 C16.6092925,5.77338351 16.6092925,5.16518371 16.1721224,4.78500055 C15.964758,4.60350795 15.6800768,4.50112918 15.3827707,4.50112918 C15.0854647,4.50112918 14.8007835,4.60350795 14.5934191,4.78500055 L9.00013482,11.162609 L3.40552499,4.78387137 C3.19816065,4.60237877 2.91347942,4.5 2.61617336,4.5 C2.3188673,4.5 2.03418606,4.60237877 1.82682172,4.78387137 C1.39105943,5.16454327 1.39105943,5.77176559 1.82682172,6.15243749 L8.20879489,13.214329 C8.31400161,13.3066969 8.440317,13.3797143 8.57994259,13.4288732 C8.99637706,13.5753327 9.475517,13.4912854 9.79014922,13.2165873 Z" id="路径" fill="#0B58FF"></path>
            </g>
        </g>
    </g>
 </svg>
--- a/src/assets/icons/svg/toggle.svg
+++ b/src/assets/icons/svg/toggle.svg
@@ -0,0 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>切换</title>
    <g id="1班组管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="切换" fill="#FFFFFF" fill-rule="nonzero">
            <rect id="矩形" opacity="0" x="0" y="0" width="16" height="16"></rect>
            <path d="M14.5,9.15 C14.969442,9.15 15.35,9.53055796 15.35,10 C15.35,10.4333311 15.0257376,10.7909267 14.6066222,10.8433773 L14.5,10.85 L3.523,10.8493636 L5.10448737,12.4305126 C5.26177017,12.5877954 5.34716031,12.7990496 5.34764236,13.015701 L5.34074746,13.1242515 L5.31933966,13.2323523 C5.24258033,13.518822 5.01882201,13.7425803 4.73235229,13.8193397 C4.48169128,13.8865041 4.21633806,13.832194 4.01342676,13.6770775 L3.93051263,13.6044874 L1.04232939,10.7055042 C0.831903536,10.5688042 0.689345737,10.3541899 0.656994192,10.1075365 L0.65,10 L0.65778959,9.88152374 C0.670925502,9.77175364 0.705946489,9.66606949 0.76033092,9.57061601 L0.821076439,9.47880032 L0.894170559,9.39517056 C1.02591288,9.26342824 1.19742791,9.1808136 1.37731459,9.15882561 L1.5,9.15 L14.5,9.15 Z M11.9865732,2.32292254 L12.0694874,2.39551263 L14.9508862,5.29019827 C15.1653597,5.42263107 15.3074642,5.64305498 15.3419246,5.89182346 L15.35,6 L15.3417548,6.1198336 C15.3282251,6.22918814 15.2930578,6.33441548 15.2387207,6.42946868 L15.1780851,6.52090655 L15.1052179,6.60421789 C14.9738843,6.73555151 14.8030912,6.81820523 14.622959,6.840766 L14.5,6.85 L1.5,6.85 C1.03055796,6.85 0.65,6.46944204 0.65,6 C0.65,5.56666889 0.974262406,5.20907332 1.39337781,5.15662271 L1.5,5.15 L12.475,5.14936355 L10.8955126,3.56948738 C10.7382298,3.41220459 10.6528397,3.20095039 10.6523576,2.98429905 L10.6592525,2.8757485 L10.6806603,2.76764771 C10.7478247,2.5169867 10.9275353,2.31433911 11.1633258,2.21617103 L11.2676477,2.18066033 C11.5183087,2.11349592 11.7836619,2.167806 11.9865732,2.32292254 Z" id="形状结合"></path>
        </g>
    </g>
 </svg>
--- a/src/assets/icons/svg/upArrow.svg
+++ b/src/assets/icons/svg/upArrow.svg
@@ -0,0 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>收起箭头小备份 11</title>
    <g id="能源管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="能源监控-同比分析" transform="translate(-848.000000, -269.000000)" fill-rule="nonzero">
            <g id="收起箭头小备份-11" transform="translate(848.000000, 269.000000)">
                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="14" height="14"></rect>
                <path d="M6.60391666,1.57197282 L7.01633334,1.15897282 L12.70325,6.8441395 C12.9278333,7.06872283 12.93075,7.4408895 12.70325,7.6683895 C12.5941655,7.77825546 12.4457769,7.84009206 12.2909546,7.84020155 C12.1361323,7.84031104 11.9876564,7.77868438 11.8784167,7.66897282 L7.0175,2.8103895 L2.16066666,7.66955616 C2.05160439,7.77930978 1.90326864,7.84102718 1.74854166,7.84102718 C1.59381468,7.84102718 1.44547894,7.77930978 1.33641666,7.66955616 C1.10964988,7.4415567 1.1091291,7.07336285 1.33525,6.84472282 L6.58116666,1.59647282 L6.6045,1.57255616 L6.60391666,1.57197282 Z" id="路径" fill="#37D97F"></path>
                <path d="M6.60391666,6.57197282 L7.01633334,6.15897282 L12.70325,11.8441395 C12.9278333,12.0687228 12.93075,12.4408895 12.70325,12.6683895 C12.5941655,12.7782555 12.4457769,12.8400921 12.2909546,12.8402015 C12.1361323,12.840311 11.9876564,12.7786844 11.8784167,12.6689728 L7.0175,7.8103895 L2.16066666,12.6695562 C2.05160439,12.7793098 1.90326864,12.8410272 1.74854166,12.8410272 C1.59381468,12.8410272 1.44547894,12.7793098 1.33641666,12.6695562 C1.10964988,12.4415567 1.1091291,12.0733628 1.33525,11.8447228 L6.58116666,6.59647282 L6.6045,6.57255616 L6.60391666,6.57197282 Z" id="路径备份-2" fill="#37D97F"></path>
            </g>
        </g>
    </g>
 </svg>
--- a/src/assets/icons/svg/upward.svg
+++ b/src/assets/icons/svg/upward.svg
@@ -0,0 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>收起</title>
    <g id="页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="编组-43" transform="translate(-1870.000000, -485.000000)" fill-rule="nonzero">
            <g id="编组-18备份" transform="translate(1.000000, 366.000000)">
                <g id="收起" transform="translate(1878.000000, 128.000000) scale(1, -1) translate(-1878.000000, -128.000000) translate(1869.000000, 119.000000)">
                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="18" height="18"></rect>
                    <path d="M9.79014922,13.2165873 L16.1721224,6.15356667 C16.6092925,5.77338351 16.6092925,5.16518371 16.1721224,4.78500055 C15.964758,4.60350795 15.6800768,4.50112918 15.3827707,4.50112918 C15.0854647,4.50112918 14.8007835,4.60350795 14.5934191,4.78500055 L9.00013482,11.162609 L3.40552499,4.78387137 C3.19816065,4.60237877 2.91347942,4.5 2.61617336,4.5 C2.3188673,4.5 2.03418606,4.60237877 1.82682172,4.78387137 C1.39105943,5.16454327 1.39105943,5.77176559 1.82682172,6.15243749 L8.20879489,13.214329 C8.31400161,13.3066969 8.440317,13.3797143 8.57994259,13.4288732 C8.99637706,13.5753327 9.475517,13.4912854 9.79014922,13.2165873 Z" id="路径" fill="#0B58FF"></path>
                </g>
            </g>
        </g>
    </g>
 </svg>
--- a/src/assets/images/DataBoard.png
+++ b/src/assets/images/DataBoard.png
--- a/src/assets/images/Qian.png
+++ b/src/assets/images/Qian.png
--- a/src/assets/images/default-file-icon.png
+++ b/src/assets/images/default-file-icon.png
--- a/src/assets/images/factory-icon.png
+++ b/src/assets/images/factory-icon.png
--- a/src/assets/images/no-data-bg.png
+++ b/src/assets/images/no-data-bg.png
--- a/src/assets/images/tree-icon-1.png
+++ b/src/assets/images/tree-icon-1.png
--- a/src/assets/images/tree-icon-2.png
+++ b/src/assets/images/tree-icon-2.png
--- a/src/assets/images/tuple.png
+++ b/src/assets/images/tuple.png
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -6,182 +6,217 @@
@import './btn.scss';
 body {
-  height: 100%;
+	height: 100%;
-  -moz-osx-font-smoothing: grayscale;
+	-moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
+	-webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
+	text-rendering: optimizeLegibility;
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
 		Microsoft YaHei, Arial, sans-serif;
 }
-label {
+// label {
-  font-weight: 700;
+//   font-weight: 700;
 // }
 .searchBarBox .el-form-item--medium .el-form-item__label {
  line-height: 40px;
 }
 .searchBarBox .el-form-item--medium .el-form-item__content {
  line-height: 40px;
 }
 .searchBarBox .el-range-editor--small.el-input__inner {
  height: 34px;
 }
 html {
-  height: 100%;
+	height: 100%;
-  box-sizing: border-box;
+	box-sizing: border-box;
 }
 #app {
-  height: 100%;
+	height: 100%;
 }
 *,
 *:before,
 *:after {
-  box-sizing: inherit;
+	box-sizing: inherit;
 }
 .no-padding {
-  padding: 0px !important;
+	padding: 0px !important;
 }
 .padding-content {
-  padding: 4px 0;
+	padding: 4px 0;
 }
 a:focus,
 a:active {
-  outline: none;
+	outline: none;
 }
 a,
 a:focus,
 a:hover {
-  cursor: pointer;
+	cursor: pointer;
-  color: inherit;
+	color: inherit;
-  text-decoration: none;
+	text-decoration: none;
 }
 div:focus {
-  outline: none;
+	outline: none;
 }
 .fr {
-  float: right;
+	float: right;
 }
 .fl {
-  float: left;
+	float: left;
 }
 .pr-5 {
-  padding-right: 5px;
+	padding-right: 5px;
 }
 .pl-5 {
-  padding-left: 5px;
+	padding-left: 5px;
 }
 .block {
-  display: block;
+	display: block;
 }
 .pointer {
-  cursor: pointer;
+	cursor: pointer;
 }
 .inlineBlock {
-  display: block;
+	display: block;
 }
 .clearfix {
-  &:after {
+	&:after {
-    visibility: hidden;
+		visibility: hidden;
-    display: block;
+		display: block;
-    font-size: 0;
+		font-size: 0;
-    content: " ";
+		content: ' ';
-    clear: both;
+		clear: both;
-    height: 0;
+		height: 0;
-  }
+	}
 }
 aside {
-  background: #eef1f6;
+	background: #eef1f6;
-  padding: 8px 24px;
+	padding: 8px 24px;
-  margin-bottom: 20px;
+	margin-bottom: 20px;
-  border-radius: 2px;
+	border-radius: 2px;
-  display: block;
+	display: block;
-  line-height: 32px;
+	line-height: 32px;
-  font-size: 16px;
+	font-size: 16px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
-  color: #2c3e50;
+		Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  -webkit-font-smoothing: antialiased;
+	color: #2c3e50;
-  -moz-osx-font-smoothing: grayscale;
+	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-  a {
+	a {
-    color: #337ab7;
+		color: #337ab7;
-    cursor: pointer;
+		cursor: pointer;
-    &:hover {
+		&:hover {
-      color: rgb(32, 160, 255);
+			color: rgb(32, 160, 255);
-    }
+		}
-  }
+	}
 }
 //main-container全局样式
 .app-container {
-  padding: 16px;
+	padding: 16px;
 }
 .components-container {
-  margin: 30px 50px;
+	margin: 30px 50px;
-  position: relative;
+	position: relative;
 }
 .text-center {
-  text-align: center
+	text-align: center;
 }
 .sub-navbar {
-  height: 50px;
+	height: 50px;
-  line-height: 50px;
+	line-height: 50px;
-  position: relative;
+	position: relative;
-  width: 100%;
+	width: 100%;
-  text-align: right;
+	text-align: right;
-  padding-right: 20px;
+	padding-right: 20px;
-  transition: 600ms ease position;
+	transition: 600ms ease position;
-  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
+	background: linear-gradient(
 		90deg,
 		rgba(32, 182, 249, 1) 0%,
 		rgba(32, 182, 249, 1) 0%,
 		rgba(33, 120, 241, 1) 100%,
 		rgba(33, 120, 241, 1) 100%
 	);
-  .subtitle {
+	.subtitle {
-    font-size: 20px;
+		font-size: 20px;
-    color: #fff;
+		color: #fff;
-  }
+	}
-  &.draft {
+	&.draft {
-    background: #d0d0d0;
+		background: #d0d0d0;
-  }
+	}
-  &.deleted {
+	&.deleted {
-    background: #d0d0d0;
+		background: #d0d0d0;
-  }
+	}
 }
 .link-type,
 .link-type:focus {
-  color: #337ab7;
+	color: #337ab7;
-  cursor: pointer;
+	cursor: pointer;
-  &:hover {
+	&:hover {
-    color: rgb(32, 160, 255);
+		color: rgb(32, 160, 255);
-  }
+	}
 }
 .filter-container {
-  padding-bottom: 10px;
+	padding-bottom: 10px;
-  .filter-item {
+	.filter-item {
-    display: inline-block;
+		display: inline-block;
-    vertical-align: middle;
+		vertical-align: middle;
-    margin-bottom: 10px;
+		margin-bottom: 10px;
-  }
+	}
 }
 //refine vue-multiselect plugin
 .multiselect {
-  line-height: 16px;
+	line-height: 16px;
 }
 .multiselect--active {
-  z-index: 1000 !important;
+	z-index: 1000 !important;
 }
 .no-data-bg {
 	height: 240px;
 	background: url(../images/no-data-bg.png) 50% 100% / contain
 		no-repeat;
 	position: relative;
 	&::after {
 		content: '暂无数据';
 		position: absolute;
 		bottom: 12px;
 		left: 50%;
 		transform: translateX(-50%);
 		color: #ccc;
 		font-size: 18px;
 		letter-spacing: 1px;
 	}
 }
--- a/src/assets/styles/ruoyi.scss
+++ b/src/assets/styles/ruoyi.scss
@@ -5,110 +5,123 @@
 /** 基础通用 **/
 .pt5 {
-  padding-top: 5px;
+	padding-top: 5px;
 }
 .pr5 {
-  padding-right: 5px;
+	padding-right: 5px;
 }
 .pb5 {
-  padding-bottom: 5px;
+	padding-bottom: 5px;
 }
 .mt5 {
-  margin-top: 5px;
+	margin-top: 5px;
 }
 .mr5 {
-  margin-right: 5px;
+	margin-right: 5px;
 }
 .mb5 {
-  margin-bottom: 5px;
+	margin-bottom: 5px;
 }
 .mb8 {
-  margin-bottom: 8px;
+	margin-bottom: 8px;
 }
 .ml5 {
-  margin-left: 5px;
+	margin-left: 5px;
 }
 .mt10 {
-  margin-top: 10px;
+	margin-top: 10px;
 }
 .mr10 {
-  margin-right: 10px;
+	margin-right: 10px;
 }
 .mb10 {
-  margin-bottom: 10px;
+	margin-bottom: 10px;
 }
 .ml10 {
-  margin-left: 10px;
+	margin-left: 10px;
 }
 .mt20 {
-  margin-top: 20px;
+	margin-top: 20px;
 }
 .mr20 {
-  margin-right: 20px;
+	margin-right: 20px;
 }
 .mb20 {
-  margin-bottom: 20px;
+	margin-bottom: 20px;
 }
 .ml20 {
-  margin-left: 20px;
+	margin-left: 20px;
 }
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+.h1,
-  font-family: inherit;
+.h2,
-  font-weight: 500;
+.h3,
-  line-height: 1.1;
+.h4,
-  color: inherit;
+.h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-family: inherit;
 	font-weight: 500;
 	line-height: 1.1;
 	color: inherit;
 }
-.el-message-box__status + .el-message-box__message{
+.el-message-box__status + .el-message-box__message {
-  word-break: break-word;
+	word-break: break-word;
 }
 .el-dialog:not(.is-fullscreen) {
-  margin-top: 6vh !important;
+	// margin-top: 6vh !important;
 	margin-top: 12vh !important;
 }
 .el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
-  overflow: auto;
+	overflow: auto;
-  overflow-x: hidden;
+	overflow-x: hidden;
-  max-height: 70vh;
+	max-height: 70vh;
-  padding: 10px 20px 0;
+	padding: 10px 20px 0;
 }
-.el-dialog{
+.el-dialog {
-  display: flex;
+	display: flex;
-  flex-direction: column;
+	flex-direction: column;
-  max-width: calc(100% - 30px);
+	max-width: calc(100% - 30px);
-  max-height: calc(100% - 70px);
+	max-height: calc(100% - 70px);
-  .el-dialog__body {
+	.el-dialog__body {
-    overflow: auto;
+		overflow: auto;
-  }
+	}
 }
 .el-table {
-  .el-table__header-wrapper, .el-table__fixed-header-wrapper {
+	.el-table__header-wrapper,
-    th {
+	.el-table__fixed-header-wrapper {
-      word-break: break-word;
+		th {
-      background-color: #f8f8f9;
+			word-break: break-word;
-      color: #515a6e;
+			background-color: #f8f8f9;
-      height: 40px;
+			color: #515a6e;
-      font-size: 13px;
+			height: 40px;
-    }
+			font-size: 13px;
-  }
+		}
-  .el-table__body-wrapper {
+	}
-    .el-button [class*="el-icon-"] + span {
+	.el-table__body-wrapper {
-      margin-left: 1px;
+		.el-button [class*='el-icon-'] + span {
-    }
+			margin-left: 1px;
-  }
+		}
 	}
 }
 /** 表单布局 **/
 .form-header {
-  font-size:15px;
+	font-size: 15px;
-  color:#6379bb;
+	color: #6379bb;
-  border-bottom:1px solid #ddd;
+	border-bottom: 1px solid #ddd;
-  margin:8px 10px 25px 10px;
+	margin: 8px 10px 25px 10px;
-  padding-bottom:5px
+	padding-bottom: 5px;
 }
 /** 表格布局 **/
@@ -122,169 +135,171 @@
 /* tree border */
 .tree-border {
-  margin-top: 5px;
+	margin-top: 5px;
-  border: 1px solid #e5e6e7;
+	border: 1px solid #e5e6e7;
-  background: #FFFFFF none;
+	background: #ffffff none;
-  border-radius:4px;
+	border-radius: 4px;
 }
 .pagination-container .el-pagination {
-  right: 0;
+	right: 0;
-  position: absolute;
+	position: absolute;
 }
-@media ( max-width : 768px) {
+@media (max-width: 768px) {
-  .pagination-container .el-pagination > .el-pagination__jump {
+	.pagination-container .el-pagination > .el-pagination__jump {
-    display: none !important;
+		display: none !important;
-  }
+	}
-  .pagination-container .el-pagination > .el-pagination__sizes {
+	.pagination-container .el-pagination > .el-pagination__sizes {
-    display: none !important;
+		display: none !important;
-  }
+	}
 }
 .el-table .fixed-width .el-button--mini {
-  padding-left: 0;
+	padding-left: 0;
-  padding-right: 0;
+	padding-right: 0;
-  width: inherit;
+	width: inherit;
 }
 /** 表格更多操作下拉样式 */
-.el-table .el-dropdown-link,.el-table .el-dropdown-selfdefine {
+.el-table .el-dropdown-link,
-  cursor: pointer;
+.el-table .el-dropdown-selfdefine {
-  margin-left: 5px;
+	cursor: pointer;
 	margin-left: 5px;
 }
-.el-table .el-dropdown, .el-icon-arrow-down {
+.el-table .el-dropdown,
-  font-size: 12px;
+.el-icon-arrow-down {
 	font-size: 12px;
 }
 .el-tree-node__content > .el-checkbox {
-  margin-right: 8px;
+	margin-right: 8px;
 }
 .list-group-striped > .list-group-item {
-  border-left: 0;
+	border-left: 0;
-  border-right: 0;
+	border-right: 0;
-  border-radius: 0;
+	border-radius: 0;
-  padding-left: 0;
+	padding-left: 0;
-  padding-right: 0;
+	padding-right: 0;
-  &:not(:last-child) {
+	&:not(:last-child) {
-    border-bottom: 1px solid #e7eaec;
+		border-bottom: 1px solid #e7eaec;
-  }
+	}
 }
 .list-group {
-  padding-left: 0px;
+	padding-left: 0px;
-  list-style: none;
+	list-style: none;
 }
 .list-group-item {
-  // border-bottom: 1px solid #e7eaec;
+	// border-bottom: 1px solid #e7eaec;
-  // border-top: 1px solid #e7eaec;
+	// border-top: 1px solid #e7eaec;
-  margin-bottom: -1px;
+	margin-bottom: -1px;
-  padding: 11px 0px;
+	padding: 11px 0px;
-  font-size: 13px;
+	font-size: 13px;
 }
 .pull-right {
-  float: right !important;
+	float: right !important;
 }
 .el-card__header {
-  padding: 14px 15px 7px;
+	padding: 14px 15px 7px;
-  min-height: 40px;
+	min-height: 40px;
 }
 .el-card__body {
-  padding: 15px 20px 20px 20px;
+	padding: 15px 20px 20px 20px;
 }
 .card-box {
-  padding-right: 15px;
+	padding-right: 15px;
-  padding-left: 15px;
+	padding-left: 15px;
-  margin-bottom: 10px;
+	margin-bottom: 10px;
 }
 /* button color */
 .el-button--cyan.is-active,
 .el-button--cyan:active {
-  background: #20B2AA;
+	background: #20b2aa;
-  border-color: #20B2AA;
+	border-color: #20b2aa;
-  color: #FFFFFF;
+	color: #ffffff;
 }
 .el-button--cyan:focus,
 .el-button--cyan:hover {
-  background: #48D1CC;
+	background: #48d1cc;
-  border-color: #48D1CC;
+	border-color: #48d1cc;
-  color: #FFFFFF;
+	color: #ffffff;
 }
 .el-button--cyan {
-  background-color: #20B2AA;
+	background-color: #20b2aa;
-  border-color: #20B2AA;
+	border-color: #20b2aa;
-  color: #FFFFFF;
+	color: #ffffff;
 }
 /* text color */
 .text-navy {
-  color: #1ab394;
+	color: #1ab394;
 }
 .text-primary {
-  color: inherit;
+	color: inherit;
 }
 .text-success {
-  color: #1c84c6;
+	color: #1c84c6;
 }
 .text-info {
-  color: #23c6c8;
+	color: #23c6c8;
 }
 .text-warning {
-  color: #f8ac59;
+	color: #f8ac59;
 }
 .text-danger {
-  color: #ed5565;
+	color: #ed5565;
 }
 .text-muted {
-  color: #888888;
+	color: #888888;
 }
 /* image */
 .img-circle {
-  border-radius: 50%;
+	border-radius: 50%;
 }
 .img-lg {
-  width: 120px;
+	width: 120px;
-  height: 120px;
+	height: 120px;
 }
 .avatar-upload-preview {
-  position: absolute;
+	position: absolute;
-  top: 50%;
+	top: 50%;
-  transform: translate(50%, -50%);
+	transform: translate(50%, -50%);
-  width: 200px;
+	width: 200px;
-  height: 200px;
+	height: 200px;
-  border-radius: 50%;
+	border-radius: 50%;
-  box-shadow: 0 0 4px #ccc;
+	box-shadow: 0 0 4px #ccc;
-  overflow: hidden;
+	overflow: hidden;
 }
 /* 拖拽列样式 */
-.sortable-ghost{
+.sortable-ghost {
-  opacity: .8;
+	opacity: 0.8;
-  color: #fff!important;
+	color: #fff !important;
-  background: #42b983!important;
+	background: #42b983 !important;
 }
 .top-right-btn {
-  position: relative;
+	position: relative;
-  float: right;
+	float: right;
 }
--- a/src/components/DialogForm/index.vue
+++ b/src/components/DialogForm/index.vue
@@ -0,0 +1,430 @@
 <!-- 
    filename: dialogForm.vue
    author: liubin
    date: 2023-08-15 10:32:36
    description: 弹窗的表单组件
 -->
 <template>
 	<el-form
 		ref="form"
 		:model="form"
 		:label-width="`${labelWidth}px`"
 		:size="size"
 		:label-position="labelPosition"
 		v-loading="formLoading">
 		<el-row :gutter="20" v-for="(row, rindex) in rows" :key="rindex">
 			<el-col v-for="col in row" :key="col.label" :span="24 / row.length">
 				<el-form-item :label="col.label" :prop="col.prop" :rules="col.rules">
 					<el-input
 						v-if="col.input"
 						v-model="form[col.prop]"
 						@change="$emit('update', form)"
 						:placeholder="`请输入${col.label}`"
 						v-bind="col.bind" />
 					<el-input
 						v-if="col.textarea"
 						type="textarea"
 						v-model="form[col.prop]"
 						@change="$emit('update', form)"
 						:placeholder="`请输入${col.label}`"
 						v-bind="col.bind" />
 					<el-select
 						v-if="col.select"
 						v-model="form[col.prop]"
 						:placeholder="`请选择${col.label}`"
 						@change="$emit('update', form)"
 						v-bind="col.bind">
 						<el-option
 							v-for="opt in optionListOf[col.prop]"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 					<el-date-picker
 						v-if="col.datetime"
 						v-model="form[col.prop]"
 						type="datetime"
 						:placeholder="`请选择${col.label}`"
 						value-format="timestamp"
 						v-bind="col.bind"></el-date-picker>
 					<el-switch
 						v-if="col.switch"
 						v-model="form[col.prop]"
 						active-color="#0b58ff"
 						inactive-color="#e1e1e1"
 						v-bind="col.bind"></el-switch>
 					<component
 						v-if="col.subcomponent"
 						:key="col.key"
 						:is="col.subcomponent"
 						:inlineStyle="col.style"></component>
 					<div
 						class="upload-area"
 						:class="uploadOpen ? '' : 'height-48'"
 						ref="uploadArea"
 						v-if="col.upload">
 						<span class="close-icon" :class="uploadOpen ? 'open' : ''">
 							<el-button
 								type="text"
 								icon="el-icon-arrow-right"
 								@click="handleFilesOpen" />
 						</span>
 						<!-- :file-list="uploadedFileList" -->
 						<el-upload
 							class="upload-in-dialog"
 							v-if="col.upload"
 							:action="uploadUrl"
 							:headers="uploadHeaders"
 							:show-file-list="false"
 							icon="el-icon-upload2"
 							:before-upload="beforeUpload"
 							:on-success="handleUploadSuccess"
 							v-bind="col.bind">
 							<el-button size="mini" :disabled="col.bind?.disabled || false">
 								上传文件
 							</el-button>
 							<div class="el-upload__tip" slot="tip" v-if="col.uploadTips">
 								{{ col.uploadTips || '只能上传jpg/png文件, 大小不超过2MB' }}
 							</div>
 						</el-upload>
 						<uploadedFile
 							class="file"
 							v-for="file in form[col.prop] || []"
 							:file="file"
 							@delete="handleDeleteFile(file)" />
 					</div>
 				</el-form-item>
 			</el-col>
 		</el-row>
 	</el-form>
 </template>
 <script>
 import { getAccessToken } from '@/utils/auth';
 import tupleImg from '@/assets/images/tuple.png';
 /**
 * 找到最长的label
 * @param {*} options
 */
 function findMaxLabelWidth(rows) {
 	let max = 0;
 	rows.forEach((row) => {
 		row.forEach((opt) => {
 			// debugger;
 			if (!opt.label) return 0;
 			if (opt.label.length > max) {
 				max = opt.label.length;
 			}
 		});
 	});
 	return max;
 }
 const uploadedFile = {
 	name: 'UploadedFile',
 	props: ['file'],
 	data() {
 		return {};
 	},
 	methods: {
 		handleDelete() {
 			console.log('emit delete event')
 			this.$emit('delete', this.file);
 		},
 	},
 	mounted() {},
 	render: function (h) {
 		return (
 			<div
 				title={this.file.fileName}
 				style={{
 					background: `url(${tupleImg}) no-repeat`,
 					backgroundSize: '14px',
 					backgroundPosition: '0 55%',
 					paddingLeft: '20px',
 					paddingRight: '24px',
 					textOverflow: 'ellipsis',
 					whiteSpace: 'nowrap',
 					overflow: 'hidden',
 					cursor: 'pointer',
 					display: 'inline-block',
 				}}>
 				{this.file.fileName}
 				<el-button
 					type="text"
 					icon="el-icon-close"
 					style="float: right; position: relative; top: 2px; left: 8px; z-index: 100"
 					class="dialog__upload_component__close"
 					onClick={this.handleDelete}
 				/>
 			</div>
 		);
 	},
 };
 export default {
 	name: 'DialogForm',
 	model: {
 		prop: 'dataForm',
 		event: 'update',
 	},
 	emits: ['update'],
 	components: { uploadedFile },
 	props: {
 		rows: {
 			type: Array,
 			default: () => [],
 		},
 		dataForm: {
 			type: Object,
 			default: () => ({}),
 		},
 		disabled: {
 			type: Boolean,
 			default: false,
 		},
 		labelPosition: {
 			type: String,
 			default: 'right',
 		},
 		size: {
 			type: String,
 			default: '',
 		},
 	},
 	data() {
 		return {
 			uploadOpen: false,
 			form: {},
 			formLoading: true,
 			optionListOf: {},
 			uploadedFileList: [],
 			dataLoaded: false,
 			uploadHeaders: { Authorization: 'Bearer ' + getAccessToken() },
 			uploadUrl: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/upload', // 上传有关的headers，url都是固定的
 		};
 	},
 	computed: {
 		labelWidth() {
 			let max = findMaxLabelWidth(this.rows);
 			// 每个汉字占20px
 			return max * 20;
 			// return max * 20 + 'px';
 		},
 	},
 	watch: {
 		rows: {
 			handler() {
 				console.log('watch triggered!');
 				this.$nextTick(() => {
 					this.handleOptions('watch');
 				});
 			},
 			deep: true,
 			immediate: false,
 		},
 		dataForm: {
 			handler(val) {
 				this.form = JSON.parse(JSON.stringify(val));
 			},
 			deep: true,
 			immediate: true,
 		},
 	},
 	mounted() {
 		// 处理 options
 		this.handleOptions();
 	},
 	methods: {
 		/** 模拟透传 ref  */
 		validate(cb) {
 			return this.$refs.form.validate(cb);
 		},
 		resetFields(args) {
 			return this.$refs.form.resetFields(args);
 		},
 		// getCode
 		async getCode(url) {
 			const response = await this.$axios(url);
 			return response.data;
 		},
 		async handleOptions(trigger = 'monuted') {
 			console.log('[dialogForm:handleOptions]');
 			const promiseList = [];
 			this.rows.forEach((cols) => {
 				cols.forEach((opt) => {
 					if (opt.value && !this.form[opt.prop]) {
 						// 默认值
 						this.form[opt.prop] = opt.value;
 					}
 					if (opt.options) {
 						this.$set(this.optionListOf, opt.prop, opt.options);
 					} else if (opt.url) {
 						// 如果有 depends，则暂时先不获取，注册一个watcher
 						if (opt.depends) {
 							console.log('[handleOptions] setting watch');
 							this.$watch(
 								() => this.form[opt.depends],
 								(id) => {
 									console.log('<', opt.depends, '>', 'changed', id);
 									if (id == null) return;
 									// 清空原有选项
 									this.form[opt.prop] = null;
 									// 获取新的选项
 									this.$axios({
 										url: `${opt.url}?id=${id}`,
 									}).then((res) => {
 										this.$set(
 											this.optionListOf,
 											opt.prop,
 											res.data.map((item) => ({
 												label: item[opt.labelKey ?? 'name'],
 												value: item[opt.valueKey ?? 'id'],
 											}))
 										);
 									});
 								},
 								{
 									immediate: true,
 								}
 							);
 							return;
 						}
 						// 如果是下拉框，或者新增模式下的输入框，才去请求
 						if (opt.select || (opt.input && !this.form?.id)) {
 							promiseList.push(async () => {
 								const response = await this.$axios(opt.url, {
 									method: opt.method ?? 'get',
 								});
 								console.log('[dialogForm:handleOptions:response]', response);
 								if (opt.select) {
 									// 处理下拉框选项
 									const list =
 										'list' in response.data
 											? response.data.list
 											: response.data;
 									this.$set(
 										this.optionListOf,
 										opt.prop,
 										list.map((item) => ({
 											label: item[opt.labelKey ?? 'name'],
 											value: item[opt.valueKey ?? 'id'],
 										}))
 									);
 								} else if (opt.input) {
 									console.log('setting code: ', response.data);
 									// 处理输入框数据
 									this.form[opt.prop] = response.data;
 								}
 							});
 						}
 					}
 				});
 			});
 			console.log('[dialogForm:handleOptions] done!');
 			// 如果是 watch 触发的，不需要执行进一步的请求
 			if (trigger == 'watch') {
 				this.formLoading = false;
 				return;
 			}
 			try {
 				await Promise.all(promiseList.map((fn) => fn()));
 				this.formLoading = false;
 				this.dataLoaded = true;
 				// console.log("[dialogForm:handleOptions:optionListOf]", this.optionListOf)
 			} catch (error) {
 				console.log('[dialogForm:handleOptions:error]', error);
 				this.formLoading = false;
 			}
 			if (!promiseList.length) this.formLoading = false;
 		},
 		// 上传成功的特殊处理
 		beforeUpload() {},
 		// 上传前的验证规则可通过 bind 属性传入
 		handleUploadSuccess(response, file, fileList) {
 			this.form.files.push({
 				fileName: file.name,
 				fileUrl: response.data,
 				fileType: 2,
 			});
 			this.$modal.msgSuccess('上传成功');
 			this.$emit('update', this.form);
 		},
 		getFileName(fileUrl) {
 			return fileUrl.split('/').pop();
 		},
 		handleFilesOpen() {
 			this.uploadOpen = !this.uploadOpen;
 		},
 		handleDeleteFile(file) {
 			this.form.files = this.form.files.filter(item => item.fileUrl != file.fileUrl);
 			this.$emit('update', this.form);
 		},
 	},
 };
 </script>
 <style scoped lang="scss">
 .el-date-editor,
 .el-select {
 	width: 100%;
 }
 .upload-area {
 	// background: #ccc;
 	// display: grid;
 	// grid-auto-rows: 34px;
 	// grid-template-columns: repeat(6, minmax(32px, max-content));
 	// gap: 8px;
 	// align-items: center;
 	position: relative;
 	overflow: hidden;
 	transition: height 0.3s ease-out;
 }
 .upload-in-dialog {
 	// display: inline-block;
 	margin-right: 24px;
 	// background: #ccc;
 	position: relative;
 	// top: -13px;
 	float: left;
 }
 .close-icon {
 	// background: #ccc;
 	position: absolute;
 	top: 0;
 	right: 12px;
 	z-index: 100;
 	transition: transform 0.3s ease-out;
 }
 .close-icon.open {
 	transform: rotateZ(90deg);
 }
 </style>
 <style>
 .dialog__upload_component__close {
 	color: #ccc;
 }
 .dialog__upload_component__close:hover {
 	/* color: #777; */
 	color: red;
 }
 .height-48 {
 	height: 35px !important;
 }
 </style>
--- a/src/components/SequenceGraph/index.vue
+++ b/src/components/SequenceGraph/index.vue
@@ -0,0 +1,89 @@
 <!-- 
    filename: index.vue
    author: liubin
    date: 2023-08-29 14:39:40
    description: 状态时序图 
 -->
 <template>
 	<div class="sequence-graph">
 		<SequenceGraphItem v-for="eq in Object.keys(list)" :key="eq" />
 	</div>
 </template>
 <script>
 import SequenceGraphItem from './sequenceGraphItem.vue';
 export default {
 	name: 'SequenceGraph',
 	components: { SequenceGraphItem },
 	props: {
 		colors: {
 			type: Array,
 			default: () => ['', '', '', '', '', ''], // 默认颜色
 		},
 	},
 	data() {
 		return {
 			list: {
 				打孔机: {
 					equipmentId: 1,
 					equipmentName: 'EQ1',
 					status: '',
 					startTime: '',
 					duration: '',
 					startPos: '',
 					relativeDuring: '',
 				},
 				磨边机: {
 					equipmentId: 12,
 					equipmentName: 'EQ2',
 					status: '',
 					startTime: '',
 					duration: '',
 					startPos: '',
 					relativeDuring: '',
 				},
 				清洗机: {
 					equipmentId: 13,
 					equipmentName: 'EQ3',
 					status: '',
 					startTime: '',
 					duration: '',
 					startPos: '',
 					relativeDuring: '',
 				},
 				窑炉: {
 					equipmentId: 14,
 					equipmentName: 'EQ4',
 					status: '',
 					startTime: '',
 					duration: '',
 					startPos: '',
 					relativeDuring: '',
 				},
 				AGV: {
 					equipmentId: 15,
 					equipmentName: 'EQ5',
 					status: '',
 					startTime: '',
 					duration: '',
 					startPos: '',
 					relativeDuring: '',
 				},
 			},
 		};
 	},
 	computed: {},
 	methods: {},
 };
 </script>
 <style scoped lang="scss">
 .sequence-graph {
 	padding: 24px;
 	background: #fff;
 	border-radius: 6px;
 	margin: 12px;
 	box-shadow: 0 0 32px 8px rgba($color: #000000, $alpha: 0.2);
 }
 </style>
--- a/src/components/SequenceGraph/sequenceGraphItem.vue
+++ b/src/components/SequenceGraph/sequenceGraphItem.vue
@@ -0,0 +1,51 @@
 <!-- 
    filename: sequenceGraphItem.vue
    author: liubin
    date: 2023-08-29 14:40:51
    description: 时序图最小单元
 -->
 <template>
 	<div class="sequence-graph-item" :style="styles">
        <span v-if="time != null">{{ time }}</span>
    </div>
 </template>
 <script>
 export default {
 	name: 'SequenceGraphItem',
 	components: {},
 	props: {
 		color: {
 			type: String,
 			default: 'black',
 		},
        time: {
            type: String,
            default: null
        }
 	},
    computed: {
        styles() {
            return {
                color: this.color
            }
        }
    },
 	data() {
 		return {};
 	},
 	computed: {},
 	methods: {},
 };
 </script>
 <style scoped lang="scss">
 .sequence-graph-item {
    background: #fff;
    padding: 12px;
    width: 40px;
    height: 32px;
    display: inline-block;
 }
 </style>
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -32,7 +32,7 @@ export default {
  min-height: calc(100vh - 56px);
  min-width: calc(100vh - 280px);
  position: relative;
-  overflow: hidden;
+  overflow: visible;
  margin: 8px 14px 0px 16px;
  border-radius: 8px;
  background-color: #fff;
@@ -46,6 +46,8 @@ export default {
  .app-main {
    /* 84 = navbar + tags-view = 50 + 34 */
    min-height: calc(100vh - 120px - 8px);
    display: flex;
    flex-direction: column;
  }
  .fixed-header + .app-main {
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -94,7 +94,7 @@ export default {
    async logout() {
      this.$modal.confirm('确定注销并退出系统吗？', '提示').then(() => {
        this.$store.dispatch('LogOut').then(() => {
-          location.href = getPath('/index');
+          location.href = getPath('/');
        })
      }).catch(() => {});
    }
--- a/src/main.js
+++ b/src/main.js
@@ -52,6 +52,13 @@ Vue.prototype.divide = divide;
 Vue.prototype.tableHeight = function(n) {
 	return window.innerHeight - n
 }
 Vue.prototype.searchBarWidth = function(name, num) {
 	if (document.getElementById(name) && document.getElementById(name).offsetWidth < num) {
 		return true
 	} else {
 		return false
 	}
 }
 // 全局组件挂载
 Vue.component('DictTag', DictTag);
--- a/src/views/quality/mixin/basicPageMixin.js
+++ b/src/views/quality/mixin/basicPageMixin.js
@@ -1,4 +1,4 @@
-import DialogForm from '../components/dialogForm.vue';
+import DialogForm from '@/components/DialogForm/index.vue';
 export default {
 	components: { DialogForm },
@@ -31,7 +31,6 @@ export default {
 			// dialogFormConfig: [], // 占位
 		};
 	},
 	mounted() {},
 	methods: {
 		// 过滤后端传回的详情数据
 		filterData(data, keys) {
@@ -45,8 +44,6 @@ export default {
 			});
 			return obj;
 		},
 		// 处理搜索条件
 		handleSearchBarBtnClick() {},
 		// 处理表格按钮
 		handleTableBtnClick({ data, type }) {
 			switch (type) {
@@ -56,6 +53,9 @@ export default {
 				case 'delete':
 					this.handleDelete(data);
 					break;
 				case 'detail':
 					this.handleDetail(data);
 					break;
 			}
 		},
 		// 处理搜索栏按钮
@@ -87,9 +87,13 @@ export default {
 		},
 		handleEmitFun(val) {
 			console.log('emit unf', val);
 			switch (val.action) {
 				// 查看详情
 				case 'show-detail':
 					this.viewDetail(val.value); // 交由每个组件自己实现
 					break;
 			}
 		},
 		// 获取列表数据
 		getList() {},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -65,16 +65,22 @@ export const constantRoutes = [
    hidden: true
  },
  {
-    path: '',
+    path: '/print-design',
    component: (resolve) => require(['@/views/print/design'], resolve),
    hidden: true
  },
  {
    path: '/',
    component: Layout,
-    redirect: 'index',
+    redirect: 'core/base/factory',
-    children: [{
+    // children: [{
-        path: 'index',
+    //   path: 'index',
-        component: (resolve) => require(['@/views/index'], resolve),
+    //   redirect: 'core/base/factory',
-        name: '首页',
+    //   component: (resolve) => require(['@/views/index'], resolve),
-        meta: {title: '首页', icon: 'dashboard', affix: true}
+    //   name: '首页',
-      }
+    //   meta: { title: '首页', icon: 'dashboard', affix: true }
-    ]
+    // }
    // ]
  },
  {
    path: '/user',
@@ -82,15 +88,15 @@ export const constantRoutes = [
    hidden: true,
    redirect: 'noredirect',
    children: [{
-        path: 'profile',
+      path: 'profile',
-        component: (resolve) => require(['@/views/system/user/profile/index'], resolve),
+      component: (resolve) => require(['@/views/system/user/profile/index'], resolve),
-        name: 'Profile',
+      name: 'Profile',
-        meta: {title: '个人中心', icon: 'user'}
+      meta: { title: '个人中心', icon: 'user' }
-      }, {
+    }, {
-        path: 'notify-message',
+      path: 'notify-message',
-        component: (resolve) => require(['@/views/system/notify/my/index'], resolve),
+      component: (resolve) => require(['@/views/system/notify/my/index'], resolve),
-        name: 'MyNotifyMessage',
+      name: 'MyNotifyMessage',
-        meta: { title: '我的站内信', icon: 'message' },
+      meta: { title: '我的站内信', icon: 'message' },
    }]
  },
  {
@@ -98,11 +104,11 @@ export const constantRoutes = [
    component: Layout,
    hidden: true,
    children: [{
-        path: 'type/data/:dictId(\\d+)',
+      path: 'type/data/:dictId(\\d+)',
-        component: (resolve) => require(['@/views/system/dict/data'], resolve),
+      component: (resolve) => require(['@/views/system/dict/data'], resolve),
-        name: 'SystemDictData',
+      name: 'SystemDictData',
-        meta: {title: '字典数据', icon: '', activeMenu: '/system/dict'}
+      meta: { title: '字典数据', icon: '', activeMenu: '/system/dict' }
-      }
+    }
    ]
  },
  {
@@ -110,22 +116,22 @@ export const constantRoutes = [
    component: Layout,
    hidden: true,
    children: [{
-        path: 'log',
+      path: 'log',
-        component: (resolve) => require(['@/views/infra/job/log'], resolve),
+      component: (resolve) => require(['@/views/infra/job/log'], resolve),
-        name: 'InfraJobLog',
+      name: 'InfraJobLog',
-        meta: {title: '调度日志', activeMenu: '/infra/job'}
+      meta: { title: '调度日志', activeMenu: '/infra/job' }
-      }
+    }
    ]
  }, {
    path: '/codegen',
    component: Layout,
    hidden: true,
    children: [{
-        path: 'edit/:tableId(\\d+)',
+      path: 'edit/:tableId(\\d+)',
-        component: (resolve) => require(['@/views/infra/codegen/editTable'], resolve),
+      component: (resolve) => require(['@/views/infra/codegen/editTable'], resolve),
-        name: 'InfraCodegenEditTable',
+      name: 'InfraCodegenEditTable',
-        meta: {title: '修改生成配置', activeMenu: '/infra/codegen'}
+      meta: { title: '修改生成配置', activeMenu: '/infra/codegen' }
-      }
+    }
    ]
  },
  {
@@ -134,16 +140,16 @@ export const constantRoutes = [
    hidden: true,
    redirect: 'noredirect',
    children: [{
-        path: 'oa/leave/create',
+      path: 'oa/leave/create',
-        component: (resolve) => require(['@/views/bpm/oa/leave/create'], resolve),
+      component: (resolve) => require(['@/views/bpm/oa/leave/create'], resolve),
-        name: 'BpmOALeaveCreate',
+      name: 'BpmOALeaveCreate',
-        meta: {title: '发起 OA 请假', icon: 'form', activeMenu: '/bpm/oa/leave'}
+      meta: { title: '发起 OA 请假', icon: 'form', activeMenu: '/bpm/oa/leave' }
-      }, {
+    }, {
-        path: 'oa/leave/detail',
+      path: 'oa/leave/detail',
-        component: (resolve) => require(['@/views/bpm/oa/leave/detail'], resolve),
+      component: (resolve) => require(['@/views/bpm/oa/leave/detail'], resolve),
-        name: 'BpmOALeaveDetail',
+      name: 'BpmOALeaveDetail',
-        meta: {title: '查看 OA 请假', icon: 'view', activeMenu: '/bpm/oa/leave'}
+      meta: { title: '查看 OA 请假', icon: 'view', activeMenu: '/bpm/oa/leave' }
-      }
+    }
    ]
  },
  {
@@ -151,31 +157,31 @@ export const constantRoutes = [
    component: Layout,
    hidden: true,
    children: [{
-        path: 'manager/form/edit',
+      path: 'manager/form/edit',
-        component: (resolve) => require(['@/views/bpm/form/formEditor'], resolve),
+      component: (resolve) => require(['@/views/bpm/form/formEditor'], resolve),
-        name: 'BpmFormEditor',
+      name: 'BpmFormEditor',
-        meta: {title: '流程表单-编辑', activeMenu: '/bpm/manager/form'}
+      meta: { title: '流程表单-编辑', activeMenu: '/bpm/manager/form' }
-      }, {
+    }, {
-        path: 'manager/definition',
+      path: 'manager/definition',
-        component: (resolve) => require(['@/views/bpm/definition/index'], resolve),
+      component: (resolve) => require(['@/views/bpm/definition/index'], resolve),
-        name: 'BpmProcessDefinition',
+      name: 'BpmProcessDefinition',
-        meta: {title: '流程定义', activeMenu: '/bpm/manager/model'}
+      meta: { title: '流程定义', activeMenu: '/bpm/manager/model' }
-      }, {
+    }, {
-        path: 'manager/model/design',
+      path: 'manager/model/design',
-        component: (resolve) => require(['@/views/bpm/model/modelEditor'], resolve),
+      component: (resolve) => require(['@/views/bpm/model/modelEditor'], resolve),
-        name: 'BpmModelEditor',
+      name: 'BpmModelEditor',
-        meta: {title: '设计流程', activeMenu: '/bpm/manager/model'}
+      meta: { title: '设计流程', activeMenu: '/bpm/manager/model' }
-      }, {
+    }, {
-        path: 'process-instance/create',
+      path: 'process-instance/create',
-        component: (resolve) => require(['@/views/bpm/processInstance/create'], resolve),
+      component: (resolve) => require(['@/views/bpm/processInstance/create'], resolve),
-        name: 'BpmProcessInstanceCreate',
+      name: 'BpmProcessInstanceCreate',
-        meta: {title: '发起流程', activeMenu: '/bpm/task/my'}
+      meta: { title: '发起流程', activeMenu: '/bpm/task/my' }
-      }, {
+    }, {
-        path: 'process-instance/detail',
+      path: 'process-instance/detail',
-        component: (resolve) => require(['@/views/bpm/processInstance/detail'], resolve),
+      component: (resolve) => require(['@/views/bpm/processInstance/detail'], resolve),
-        name: 'BpmProcessInstanceDetail',
+      name: 'BpmProcessInstanceDetail',
-        meta: {title: '流程详情', activeMenu: '/bpm/task/my'}
+      meta: { title: '流程详情', activeMenu: '/bpm/task/my' }
-      }
+    }
    ]
  },
  {
@@ -186,7 +192,7 @@ export const constantRoutes = [
      path: 'value/:propertyId(\\d+)',
      component: (resolve) => require(['@/views/mall/product/property/value'], resolve),
      name: 'ProductPropertyValue',
-      meta: {title: '商品属性值', icon: '', activeMenu: '/product/property'}
+      meta: { title: '商品属性值', icon: '', activeMenu: '/product/property' }
    }
    ]
  },
@@ -198,14 +204,14 @@ export const constantRoutes = [
      path: 'edit/:spuId(\\d+)',
      component: (resolve) => require(['@/views/mall/product/spu/save'], resolve),
      name: 'ProductSpuUpdate',
-      meta: {title: '修改商品', activeMenu: '/product/spu'}
+      meta: { title: '修改商品', activeMenu: '/product/spu' }
    },
-      {
+    {
-        path: 'add',
+      path: 'add',
-        component: (resolve) => require(['@/views/mall/product/spu/save'], resolve),
+      component: (resolve) => require(['@/views/mall/product/spu/save'], resolve),
-        name: 'ProductSpuCreate',
+      name: 'ProductSpuCreate',
-        meta: {title: '添加商品', activeMenu: '/product/spu'}
+      meta: { title: '添加商品', activeMenu: '/product/spu' }
-      }
+    }
    ]
  },
  {
@@ -247,7 +253,7 @@ Router.prototype.push = function push(location) {
 export default new Router({
  base: process.env.VUE_APP_APP_NAME ? process.env.VUE_APP_APP_NAME : "/",
-  mode: 'history', // 去掉url中的#
+  mode: 'hash', // 去掉url中的#
-  scrollBehavior: () => ({y: 0}),
+  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
 })
--- a/src/utils/chartMixins/resize.js
+++ b/src/utils/chartMixins/resize.js
@@ -0,0 +1,64 @@
 import { debounce } from '@/utils/debounce'
 export default {
  data() {
    return {
      $_sidebarElm: null,
      $_resizeHandler: null
    }
  },
  mounted() {
    this.$_resizeHandler = debounce(() => {
      if (this.chart) {
        this.chart.resize()
      }
    }, 100)
    this.$_initResizeEvent()
    this.$_initSidebarResizeEvent()
  },
  beforeDestroy() {
    this.$_destroyResizeEvent()
    this.$_destroySidebarResizeEvent()
  },
  // to fixed bug when cached by keep-alive
  // https://github.com/PanJiaChen/vue-element-admin/issues/2116
  activated() {
    this.$_initResizeEvent()
    this.$_initSidebarResizeEvent()
  },
  deactivated() {
    this.$_destroyResizeEvent()
    this.$_destroySidebarResizeEvent()
  },
  methods: {
    // use $_ for mixins properties
    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
    $_initResizeEvent() {
      window.addEventListener('resize', this.$_resizeHandler)
    },
    $_destroyResizeEvent() {
      window.removeEventListener('resize', this.$_resizeHandler)
    },
    $_sidebarResizeHandler(e) {
      if (e.propertyName === 'width') {
        this.$_resizeHandler()
      }
    },
    $_initSidebarResizeEvent() {
      this.$_sidebarElm =
        document.getElementsByClassName('sidebar-container')[0]
      this.$_sidebarElm &&
        this.$_sidebarElm.addEventListener(
          'transitionend',
          this.$_sidebarResizeHandler
        )
    },
    $_destroySidebarResizeEvent() {
      this.$_sidebarElm &&
        this.$_sidebarElm.removeEventListener(
          'transitionend',
          this.$_sidebarResizeHandler
        )
    }
  }
 }
--- a/src/utils/debounce.js
+++ b/src/utils/debounce.js
@@ -0,0 +1,40 @@
 /**
 * @param {Function} func
 * @param {number} wait
 * @param {boolean} immediate
 * @return {*}
 */
 export function debounce(func, wait, immediate) {
  let timeout, args, context, timestamp, result
  const later = function () {
    // 据上一次触发时间间隔
    const last = +new Date() - timestamp
    // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
    if (last < wait && last > 0) {
      timeout = setTimeout(later, wait - last)
    } else {
      timeout = null
      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
      if (!immediate) {
        result = func.apply(context, args)
        if (!timeout) context = args = null
      }
    }
  }
  return function (...args) {
    context = this
    timestamp = +new Date()
    const callNow = immediate && !timeout
    // 如果延时不存在，重新设定延时
    if (!timeout) timeout = setTimeout(later, wait)
    if (callNow) {
      result = func.apply(context, args)
      context = args = null
    }
    return result
  }
 }
--- a/src/utils/dict.js
+++ b/src/utils/dict.js
@@ -89,9 +89,13 @@ export const DICT_TYPE = {
  // ============== ENERGY - 能源模块 =============
  ENERGY_UNIT: 'energy_unit',
  // ============== ENERGY - 能源模块 =============
  EQU_ALARM_LEVEL: 'equ_alarm_level',
  MONITOR_INDEX_TYPE: 'monitor_index_type',
  OBJECT_TYPE: 'object_type',
-  STATISTIC_TYPE: 'statistic_type'
+  STATISTIC_TYPE: 'statistic_type',
  TIME_DIM: 'time_dim'
 }
 /**
--- a/src/utils/dynamicProps.js
+++ b/src/utils/dynamicProps.js
@@ -0,0 +1,63 @@
 import moment from 'moment';
 /**
 * 用于动态表结构的 tableProps 生成
 * @param {*} nameData
 * @returns
 */
 export function handleNameData(nameData) {
 	const props = step1(nameData.filter((item) => item.tree == 1));
 	step2(
 		props,
 		nameData.filter((item) => item.tree == 2)
 	);
 	// console.log('level 1', JSON.stringify(props, null, 2));
 	return props;
 }
 function step1(tree1) {
 	return Array.from(new Set(tree1.map((item) => item.name)))
 		.sort()
 		.map((time) => ({
 			prop: time,
 			label: moment(time).format('YYYY-MM-DD HH:mm:ss'),
 			children: [],
 		}));
 }
 function step2(firstTierProps, tree2) {
 	tree2.map((nd) => {
 		const parent = firstTierProps.find(
 			({ prop }) => nd.parentId.indexOf(prop) > -1
 		);
 		if (notRepeat(parent.children, nd.name)) {
 			parent.children.push({
 				label: nd.name,
 				prop: `${parent.prop}-${nd.name}`,
 			});
 		}
 	});
 }
 function notRepeat(propArray, name) {
 	return propArray.every((item) => item.label !== name);
 }
 /**
 * 用于调整服务器返回的动态数据
 * @param {*} dynamicData 
 * @returns 
 */
 export function handleDynamicData(dynamicData) {
 	return dynamicData.map((dd) => {
 		const initData = {
 			inspectionContent: dd.inspectionDetContent,
 		};
 		dd.data.forEach((column) => {
 			column.children.forEach((ch) => {
 				initData[`${column.dynamicName}-${ch.dynamicName}`] = ch.dynamicValue;
 			});
 		});
 		return initData;
 	});
 }
--- a/src/views/base/dataBoard/index.vue
+++ b/src/views/base/dataBoard/index.vue
@@ -0,0 +1,74 @@
 <!-- 
    filename: index.vue
    author: liubin
    date: 2023-10-11 09:32:04
    description: 设备看板
 -->
 <template>
 	<div ref="dataBoard" class=""></div>
 </template>
 <script>
 export default {
 	name: 'DataBoard',
 	components: {},
 	props: {},
 	data() {
 		return {
 			appMain: null, // dom
 			parentStyle: {
 				margin: '8px 14px 0px 16px',
 				minHeight: 'calc(100vh - 120px - 8px)',
 			}, // object
 			mainFooter: null, // dom
 		};
 	},
 	mounted() {
 		this.$nextTick(() => {
 			this.modify();
 		});
 	},
 	activated() {
 		this.modify();
 	},
 	deactivated() {
 		this.recover();
 	},
 	beforeDestroy() {
 		this.recover();
 	},
 	methods: {
 		modify() {
 			// 在这个页面临时修改下父类的margin，结束时需还原
 			this.appMain = document.querySelector('.app-main');
 			// this.appMain.style.minHeight = 'calc(100vh - 90px)';
 			this.appMain.style.margin = 0;
 			// 在这个页面临时删除 main-footer 元素，结束时需还原
 			// this.mainFooter = document.querySelector('.main-footer').cloneNode(true);
 			// document.querySelector('.main-footer').remove();
            this.$refs.dataBoard.classList.add('data-board');
 		},
 		recover() {
            this.$refs.dataBoard.classList.remove('data-board');
 			this.$nextTick(() => {
 				this.appMain.style.margin = this.parentStyle.margin;
 				// this.appMain.style.minHeight = this.parentStyle.minHeight;
 				// this.appMain.insertAdjacentElement('afterend', this.mainFooter);
 			});
 		},
 	},
 };
 </script>
 <style scoped lang="scss">
 .data-board {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: url('../../../assets/images/DataBoard.png') 100% 100% / contain
 		no-repeat;
 }
 </style>
--- a/src/views/group/base/groupTeamScheduling/index
+++ b/src/views/group/base/groupTeamScheduling/index
@@ -3,8 +3,8 @@
    <!-- 搜索工作栏 -->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="上班日期" prop="startDay">
+      <el-form-item label="设备id" prop="equipmentId">
-        <el-input v-model="queryParams.startDay" placeholder="请输入上班日期" clearable @keyup.enter.native="handleQuery"/>
+        <el-input v-model="queryParams.equipmentId" placeholder="请输入设备id" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
@@ -16,11 +16,11 @@
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-                   v-hasPermi="['base:group-team-scheduling:create']">新增</el-button>
+                   v-hasPermi="['base:equipment-attr:create']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
-                   v-hasPermi="['base:group-team-scheduling:export']">导出</el-button>
+                   v-hasPermi="['base:equipment-attr:export']">导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
@@ -28,19 +28,9 @@
    <!-- 列表 -->
    <el-table v-loading="loading" :data="list">
      <el-table-column label="ID" align="center" prop="id" />
-      <el-table-column label="班组ID" align="center" prop="teamId" />
+      <el-table-column label="设备id" align="center" prop="equipmentId" />
-      <el-table-column label="班次id" align="center" prop="classesId" />
+      <el-table-column label="属性名称" align="center" prop="name" />
-      <el-table-column label="上班日期" align="center" prop="startDay" />
+      <el-table-column label="属性值" align="center" prop="value" />
      <el-table-column label="上班时间" align="center" prop="startTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.startTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="下班时间" align="center" prop="endTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.endTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
@@ -49,9 +39,9 @@
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                     v-hasPermi="['base:group-team-scheduling:update']">修改</el-button>
+                     v-hasPermi="['base:equipment-attr:update']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                     v-hasPermi="['base:group-team-scheduling:delete']">删除</el-button>
+                     v-hasPermi="['base:equipment-attr:delete']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -62,20 +52,14 @@
    <!-- 对话框(添加 / 修改) -->
    <el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="班组ID" prop="teamId">
+        <el-form-item label="设备id" prop="equipmentId">
-          <el-input v-model="form.teamId" placeholder="请输入班组ID" />
+          <el-input v-model="form.equipmentId" placeholder="请输入设备id" />
        </el-form-item>
-        <el-form-item label="班次id" prop="classesId">
+        <el-form-item label="属性名称" prop="name">
-          <el-input v-model="form.classesId" placeholder="请输入班次id" />
+          <el-input v-model="form.name" placeholder="请输入属性名称" />
        </el-form-item>
-        <el-form-item label="上班日期" prop="startDay">
+        <el-form-item label="属性值" prop="value">
-          <el-input v-model="form.startDay" placeholder="请输入上班日期" />
+          <el-input v-model="form.value" placeholder="请输入属性值" />
        </el-form-item>
        <el-form-item label="上班时间" prop="startTime">
          <el-date-picker clearable v-model="form.startTime" type="date" value-format="timestamp" placeholder="选择上班时间" />
        </el-form-item>
        <el-form-item label="下班时间" prop="endTime">
          <el-date-picker clearable v-model="form.endTime" type="date" value-format="timestamp" placeholder="选择下班时间" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
@@ -87,10 +71,10 @@
 </template>
 <script>
-import { createGroupTeamScheduling, updateGroupTeamScheduling, deleteGroupTeamScheduling, getGroupTeamScheduling, getGroupTeamSchedulingPage, exportGroupTeamSchedulingExcel } from "@/api/base/groupTeamScheduling";
+import { createEquipmentAttr, updateEquipmentAttr, deleteEquipmentAttr, getEquipmentAttr, getEquipmentAttrPage, exportEquipmentAttrExcel } from "@/api/base/equipmentAttr";
 export default {
-  name: "GroupTeamScheduling",
+  name: "EquipmentAttr",
  components: {
  },
  data() {
@@ -103,7 +87,7 @@ export default {
      showSearch: true,
      // 总条数
      total: 0,
-      // 排班信息列表
+      // 设备属性列表
      list: [],
      // 弹出层标题
      title: "",
@@ -113,14 +97,13 @@ export default {
      queryParams: {
        pageNo: 1,
        pageSize: 10,
-        startDay: [],
+        equipmentId: null,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
-        teamId: [{ required: true, message: "班组ID不能为空", trigger: "blur" }],
+        equipmentId: [{ required: true, message: "设备id不能为空", trigger: "blur" }],
        classesId: [{ required: true, message: "班次id不能为空", trigger: "blur" }],
      }
    };
  },
@@ -132,7 +115,7 @@ export default {
    getList() {
      this.loading = true;
      // 执行查询
-      getGroupTeamSchedulingPage(this.queryParams).then(response => {
+      getEquipmentAttrPage(this.queryParams).then(response => {
        this.list = response.data.list;
        this.total = response.data.total;
        this.loading = false;
@@ -147,11 +130,9 @@ export default {
    reset() {
      this.form = {
        id: undefined,
-        teamId: undefined,
+        equipmentId: undefined,
-        classesId: undefined,
+        name: undefined,
-        startDay: undefined,
+        value: undefined,
        startTime: undefined,
        endTime: undefined,
      };
      this.resetForm("form");
    },
@@ -169,16 +150,16 @@ export default {
    handleAdd() {
      this.reset();
      this.open = true;
-      this.title = "添加排班信息";
+      this.title = "添加设备属性";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id;
-      getGroupTeamScheduling(id).then(response => {
+      getEquipmentAttr(id).then(response => {
        this.form = response.data;
        this.open = true;
-        this.title = "修改排班信息";
+        this.title = "修改设备属性";
      });
    },
    /** 提交按钮 */
@@ -189,7 +170,7 @@ export default {
        }
        // 修改的提交
        if (this.form.id != null) {
-          updateGroupTeamScheduling(this.form).then(response => {
+          updateEquipmentAttr(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
@@ -197,7 +178,7 @@ export default {
          return;
        }
        // 添加的提交
-        createGroupTeamScheduling(this.form).then(response => {
+        createEquipmentAttr(this.form).then(response => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
@@ -207,8 +188,8 @@ export default {
    /** 删除按钮操作 */
    handleDelete(row) {
      const id = row.id;
-      this.$modal.confirm('是否确认删除排班信息编号为"' + id + '"的数据项?').then(function() {
+      this.$modal.confirm('是否确认删除设备属性编号为"' + id + '"的数据项?').then(function() {
-          return deleteGroupTeamScheduling(id);
+          return deleteEquipmentAttr(id);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
@@ -220,11 +201,11 @@ export default {
      let params = {...this.queryParams};
      params.pageNo = undefined;
      params.pageSize = undefined;
-      this.$modal.confirm('是否确认导出所有排班信息数据项?').then(() => {
+      this.$modal.confirm('是否确认导出所有设备属性数据项?').then(() => {
          this.exportLoading = true;
-          return exportGroupTeamSchedulingExcel(params);
+          return exportEquipmentAttrExcel(params);
        }).then(response => {
-          this.$download.excel(response, '排班信息.xls');
+          this.$download.excel(response, '设备属性.xls');
          this.exportLoading = false;
        }).catch(() => {});
    }
--- a/src/views/base/equipmentBindGroup/components/BasicDrawer.vue
+++ b/src/views/base/equipmentBindGroup/components/BasicDrawer.vue
@@ -0,0 +1,482 @@
 <!-- 
    filename: EquipmentDrawer.vue
    author: liubin
    date: 2023-08-22 14:38:56
    description: 
 -->
 <template>
 	<el-drawer
 		:visible="visible"
 		:show-close="false"
 		:wrapper-closable="false"
 		class="drawer"
 		custom-class="mes-drawer"
 		size="60%"
 		@closed="$emit('destroy')">
 		<SmallTitle slot="title">
 			{{
 				mode.includes('detail')
 					? '详情'
 					: mode.includes('edit')
 					? '编辑'
 					: '新增'
 			}}
 		</SmallTitle>
 		<div class="drawer-body flex">
 			<div class="drawer-body__content">
 				<section v-for="(section, index) in sections" :key="section.key">
 					<SmallTitle v-if="index != 0">{{ section.name }}</SmallTitle>
 					<div class="form-part" v-if="section.key == 'base'">
 						<el-skeleton v-if="!showForm" animated />
 						<BaseInfoForm
 							key="drawer-dialog-form"
 							v-if="showForm"
 							ref="form"
 							:disabled="true"
 							:dataForm="form"
 							:rows="formRows" />
 					</div>
 					<div v-if="section.key == 'attrs'" style="margin-top: 12px">
 						<base-table
 							v-loading="attrListLoading"
 							:table-props="section.props"
 							:page="attrQuery?.params.pageNo || 1"
 							:limit="attrQuery?.params.pageSize || 10"
 							:table-data="list"
 							:add-button-show="mode.includes('detail') ? null : '添加属性'"
 							@emitButtonClick="handleAddAttr"
 							@emitFun="handleEmitFun">
 							<method-btn
 								v-if="section.tableBtn"
 								slot="handleBtn"
 								label="操作"
 								:method-list="tableBtn"
 								@clickBtn="handleTableBtnClick" />
 						</base-table>
 						<!-- 分页组件 -->
 						<pagination
 							v-show="total > 0"
 							:total="total"
 							:page.sync="attrQuery.params.pageNo"
 							:limit.sync="attrQuery.params.pageSize"
 							@pagination="getAttrList" />
 					</div>
 				</section>
 			</div>
 			<div class="drawer-body__footer">
 				<el-button style="" @click="handleCancel">取消</el-button>
 				<el-button v-if="mode == 'detail'" type="primary" @click="toggleEdit">
 					编辑
 				</el-button>
 				<el-button v-else type="primary" @click="handleCancel">确定</el-button>
 				<!-- sections的第二项必须是 属性列表  -->
 				<!-- <el-button
 						v-if="sections[1].allowAdd"
 						type="primary"
 						@click="handleAddAttr">
 						添加属性
 					</el-button> -->
 			</div>
 		</div>
 		<!-- 属性对话框 -->
 		<base-dialog
 			v-if="sections[1].allowAdd"
 			:dialogTitle="attrTitle"
 			:dialogVisible="attrFormVisible"
 			width="45%"
 			:append-to-body="true"
 			custom-class="baseDialog"
 			@close="closeAttrForm"
 			@cancel="closeAttrForm"
 			@confirm="submitAttrForm">
 			<DialogForm
 				v-if="attrFormVisible"
 				ref="attrForm"
 				:disabled="mode.includes('detail')"
 				v-model="attrForm"
 				:rows="attrRows" />
 		</base-dialog>
 	</el-drawer>
 </template>
 <script>
 import BaseInfoForm from '@/components/DialogForm';
 import DialogForm from './dialogForm';
 const SmallTitle = {
 	name: 'SmallTitle',
 	props: ['size'],
 	data() {
 		return {};
 	},
 	methods: {},
 	render: function (h) {
 		return h(
 			'span',
 			{
 				class: 'small-title',
 				style: {
 					fontSize: '18px',
 					lineHeight:
 						this.size == 'lg' ? '24px' : this.size == 'sm' ? '18px' : '20px',
 					fontWeight: 500,
 					fontFamily: '微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif',
 				},
 			},
 			this.$slots.default
 		);
 	},
 };
 export default {
 	components: { SmallTitle, DialogForm, BaseInfoForm },
 	props: ['sections', 'defaultMode', 'dataId'], // dataId 作为一个通用的存放id的字段
 	data() {
 		return {
 			mode: '',
 			visible: false,
 			showForm: false,
 			total: 0,
 			form: {},
 			list: [],
 			attrTitle: '',
 			attrForm: {
 				id: null,
 				equipmentGroupId: '',
 				code: '',
 				type: '',
 				grade: '',
 				alarmCode: '',
 				alarmContent: '',
 				plcParamName: '',
 			},
 			attrFormVisible: false,
 			attrRows: [
 				[
 					{
 						input: true,
 						label: '报警编码', // 自动生成
 						prop: 'code',
 						url: '/base/equipment-group-alarm/getCode',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						select: true,
 						label: '报警类型', // 固定选项
 						prop: 'type',
 						options: [
 							{ label: '布尔型', value: 2 },
 							{ label: '字符型', value: 1 },
 						],
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						select: true,
 						label: '报警级别', // 字典
 						prop: 'grade',
 						options: this.getDictDatas(this.DICT_TYPE.EQU_ALARM_LEVEL),
 					},
 					{
 						input: true,
 						label: '设备报警编码', // 对应到设备实际的报警编码
 						prop: 'alarmCode',
 					},
 				],
 				[
 					{
 						input: true,
 						label: '参数列名', // 在实时数据库的列名
 						prop: 'plcParamName',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						input: true,
 						label: '报警内容',
 						prop: 'alarmContent',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 			],
 			attrQuery: {
 				params: {
 					pageNo: 1,
 					pageSize: 10,
 				},
 			}, // 属性列表的请求
 			infoQuery: null, // 基本信息的请求
 			attrFormSubmitting: false,
 			attrListLoading: false,
 		};
 	},
 	computed: {
 		formRows() {
 			return this.sections[0].rows.map((row) => {
 				return row.map((col) => {
 					return {
 						...col,
 						bind: {
 							// 详情 模式下，禁用各种输入
 							// disabled: this.mode == 'detail',
 							disabled: true,
 						},
 					};
 				});
 			});
 		},
 		tableBtn() {
 			return this.mode == 'detail' ? [] : this.sections[1].tableBtn;
 		},
 	},
 	mounted() {
 		this.mode = this.defaultMode || 'detail';
 		for (const section of this.sections) {
 			// 请求具体信息
 			if ('url' in section) {
 				const query = {
 					url: section.url,
 					method: section.method || 'get',
 					params: section.queryParams || null,
 					data: section.data || null,
 				};
 				// debugger;
 				this.$axios(query).then(({ data }) => {
 					if (section.key == 'base') {
 						this.form = data;
 						this.showForm = true;
 						this.infoQuery = query;
 					} else if (section.key == 'attrs') {
 						this.attrQuery = query;
 						this.list = data.list;
 						this.total = data.total;
 					}
 				});
 			}
 		}
 	},
 	methods: {
 		handleTableBtnClick({ type, data }) {
 			switch (type) {
 				case 'edit':
 					this.handleEditAttr(data.id);
 					break;
 				case 'delete':
 					this.handleDeleteAttr(data.id);
 					break;
 			}
 		},
 		handleEmitFun(val) {
 			console.log('handleEmitFun', val);
 		},
 		init() {
 			this.visible = true;
 		},
 		async getAttrList() {
 			this.attrListLoading = true;
 			const res = await this.$axios(this.attrQuery);
 			if (res.code == 0) {
 				this.list = res.data.list;
 				this.total = res.data.total;
 			}
 			this.attrListLoading = false;
 		},
 		// 保存表单
 		handleSave() {
 			this.$refs['form'][0].validate(async (valid) => {
 				if (valid) {
 					const isEdit = this.mode == 'edit';
 					await this.$axios({
 						url: this.sections[0][isEdit ? 'urlUpdate' : 'urlCreate'],
 						method: isEdit ? 'put' : 'post',
 						data: this.form,
 					});
 					this.$modal.msgSuccess(`${isEdit ? '更新' : '创建'}成功`);
 					this.visible = false;
 					this.$emit('refreshDataList');
 				}
 			});
 		},
 		handleCancel() {
 			this.visible = false;
 		},
 		// 开启编辑
 		toggleEdit() {
 			this.mode = 'edit';
 		},
 		// 新增属性
 		handleAddAttr() {
 			if (!this.dataId) return this.$message.error('请先创建设备分组信息');
 			this.attrForm = {
 				id: null,
 				equipmentGroupId: this.dataId,
 				code: '',
 				type: '',
 				grade: '',
 				alarmCode: '',
 				alarmContent: '',
 				plcParamName: '',
 			};
 			this.attrTitle = '添加设备分组报警';
 			this.attrFormVisible = true;
 		},
 		// 编辑属性
 		async handleEditAttr(attrId) {
 			const res = await this.$axios({
 				url: this.sections[1].urlDetail,
 				method: 'get',
 				params: { id: attrId },
 			});
 			if (res.code == 0) {
 				this.attrForm = res.data;
 				this.attrTitle = '编辑设备分组报警';
 				this.attrFormVisible = true;
 			}
 		},
 		// 删除属性
 		handleDeleteAttr(attrId) {
 			this.$confirm('确定删除该分组报警?', '提示', {
 				confirmButtonText: '确定',
 				cancelButtonText: '取消',
 				type: 'warning',
 			})
 				.then(async () => {
 					const res = await this.$axios({
 						url: this.sections[1].urlDelete,
 						method: 'delete',
 						params: { id: attrId },
 					});
 					if (res.code == 0) {
 						this.$message({
 							message: '删除成功',
 							type: 'success',
 							duration: 1500,
 							onClose: () => {
 								this.getAttrList();
 							},
 						});
 					}
 				})
 				.catch(() => {});
 		},
 		// 提交属性表
 		async submitAttrForm() {
 			this.$refs['attrForm'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 			});
 			console.log('this.attrform', this.attrForm);
 			const isEdit = this.attrForm.id != null;
 			this.attrFormSubmitting = true;
 			const res = await this.$axios({
 				url: isEdit ? this.sections[1].urlUpdate : this.sections[1].urlCreate,
 				method: isEdit ? 'put' : 'post',
 				data: this.attrForm,
 			});
 			if (res.code == 0) {
 				this.closeAttrForm();
 				this.$message({
 					message: `${isEdit ? '更新' : '创建'}成功`,
 					type: 'success',
 					duration: 1500,
 					onClose: () => {
 						this.getAttrList();
 					},
 				});
 			}
 			this.attrFormSubmitting = false;
 		},
 		closeAttrForm() {
 			this.attrFormVisible = false;
 		},
 		handleClick(raw) {
 			if (raw.type === 'delete') {
 				this.$confirm(`确定删除该报警?`, '提示', {
 					confirmButtonText: '确定',
 					cancelButtonText: '取消',
 					type: 'warning',
 				})
 					.then(() => {
 						deleteProductAttr(raw.data.id).then(({ data }) => {
 							this.$message({
 								message: '操作成功',
 								type: 'success',
 								duration: 1500,
 								onClose: () => {
 									this.getList();
 								},
 							});
 						});
 					})
 					.catch(() => {});
 			} else {
 				this.addNew(raw.data.id);
 			}
 		},
 	},
 };
 </script>
 <style scoped>
 .drawer >>> .el-drawer {
 	border-radius: 8px 0 0 8px;
 }
 .drawer >>> .el-drawer__header {
 	margin: 0;
 	padding: 32px 32px 24px;
 	border-bottom: 1px solid #dcdfe6;
 	margin-bottom: 0px;
 }
 .small-title::before {
 	content: '';
 	display: inline-block;
 	vertical-align: top;
 	width: 4px;
 	height: 22px;
 	border-radius: 1px;
 	margin-right: 8px;
 	background-color: #0b58ff;
 }
 .drawer-body {
 	display: flex;
 	flex-direction: column;
 	height: 100%;
 }
 .drawer-body__content {
 	flex: 1;
 	/* background: #eee; */
 	padding: 20px 30px;
 	overflow-y: auto;
 }
 .drawer-body__footer {
 	display: flex;
 	justify-content: flex-end;
 	padding: 18px;
 }
 </style>
--- a/src/views/base/equipmentBindGroup/components/dialogForm.vue
+++ b/src/views/base/equipmentBindGroup/components/dialogForm.vue
@@ -0,0 +1,186 @@
 <!-- 
    filename: dialogForm.vue
    author: liubin
    date: 2023-09-11 15:55:13
    description: DialogForm for equipmentBindSection only
 -->
 <template>
 	<el-form
 		ref="form"
 		:model="dataForm"
 		label-width="100px"
 		v-loading="formLoading">
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="报警编码"
 					prop="code"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.code"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入工段排序" />
 				</el-form-item>
 				<!-- 				
 				<el-form-item
 					label="报警编码"
 					prop="code"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						v-model="dataForm.code"
 						placeholder="请选择产线"
 						@change="handleProductlineChange">
 						<el-option
 							v-for="opt in productionLineList"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item> -->
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					label="报警类型"
 					prop="type"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						:disabled="disabled"
 						v-model="dataForm.type"
 						placeholder="请选择报警类型"
 						@change="handleTypeChange">
 						<el-option
 							v-for="opt in [
 								{ label: '布尔型', value: 2 },
 								{ label: '字符型', value: 1 },
 							]"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 		</el-row>
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="报警级别"
 					prop="grade"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						:disabled="disabled"
 						v-model="dataForm.grade"
 						placeholder="请选择报警级别"
 						@change="$emit('update', dataForm)">
 						<el-option
 							v-for="opt in getDictDatas(DICT_TYPE.EQU_ALARM_LEVEL)"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					v-if="+dataForm.type == 1"
 					label="设备报警编码"
 					prop="alarmCode">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.alarmCode"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入设备报警编码" />
 				</el-form-item>
 			</el-col>
 		</el-row>
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="参数列名"
 					prop="plcParamName"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.plcParamName"
 						placeholder="请输入参数列名"
 						@change="$emit('update', dataForm)"></el-input>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					label="报警内容"
 					prop="alarmContent"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.alarmContent"
 						placeholder="请输入报警内容"
 						@change="$emit('update', dataForm)"></el-input>
 				</el-form-item>
 			</el-col>
 		</el-row>
 	</el-form>
 </template>
 <script>
 export default {
 	name: 'DialogForm',
 	model: {
 		prop: 'dataForm',
 		event: 'update',
 	},
 	emits: ['update'],
 	components: {},
 	props: {
 		dataForm: {
 			type: Object,
 			default: () => ({}),
 		},
 		disabled: {
 			type: Boolean,
 			default: false,
 		},
 	},
 	data() {
 		return {
 			formLoading: true,
 		};
 	},
 	mounted() {
 		this.getCode('/base/equipment-group-alarm/getCode').then((code) => {
 			this.formLoading = false;
 			this.$emit('update', {
 				...this.dataForm,
 				code,
 			});
 		});
 	},
 	methods: {
 		/** 模拟透传 ref  */
 		validate(cb) {
 			return this.$refs.form.validate(cb);
 		},
 		resetFields(args) {
 			return this.$refs.form.resetFields(args);
 		},
 		async handleTypeChange(id) {
 			this.dataForm.alarmCode = '';
 			this.$emit('update', this.dataForm);
 		},
 		async getCode(url) {
 			const response = await this.$axios(url);
 			return response.data;
 		},
 	},
 };
 </script>
 <style scoped lang="scss">
 .el-date-editor,
 .el-select {
 	width: 100%;
 }
 </style>
--- a/src/views/base/equipmentBindGroup/index.vue
+++ b/src/views/base/equipmentBindGroup/index.vue
@@ -0,0 +1,461 @@
 <template>
 	<div class="app-container">
 		<!-- 搜索工作栏 -->
 		<SearchBar
 			:formConfigs="searchBarFormConfig"
 			ref="search-bar"
 			@headBtnClick="handleSearchBarBtnClick" />
 		<!-- 列表 -->
 		<base-table
 			:table-props="tableProps"
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
 			@emitFun="handleEmitFun">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
 				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
 		<!-- 分页组件 -->
 		<pagination
 			v-show="total > 0"
 			:total="total"
 			:page.sync="queryParams.pageNo"
 			:limit.sync="queryParams.pageSize"
 			@pagination="getList" />
 		<!-- 对话框(添加 / 修改) -->
 		<base-dialog
 			:dialogTitle="title"
 			:dialogVisible="open"
 			width="700px"
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
 			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
 		</base-dialog>
 		<!-- 抽屉 详情 -->
 		<BasicDrawer
 			v-if="editVisible"
 			ref="drawer"
 			:default-mode="editMode"
 			:data-id="alarmForm.id"
 			:sections="[
 				{
 					name: '基本信息',
 					key: 'base',
 					rows: drawerBaseInfoRows,
 					url: '/base/equipment-group/get',
 					urlUpdate: '/base/equipment-group/update',
 					urlCreate: '/base/equipment-group/create',
 					queryParams: { id: alarmForm.id },
 				},
 				{
 					name: '属性列表',
 					key: 'attrs',
 					props: drawerListProps,
 					url: '/base/equipment-group-alarm/page',
 					urlCreate: '/base/equipment-group-alarm/create',
 					urlUpdate: '/base/equipment-group-alarm/update',
 					urlDelete: '/base/equipment-group-alarm/delete',
 					urlDetail: '/base/equipment-group-alarm/get',
 					queryParams: {
 						equipmentGroupId: alarmForm.id,
 						pageNo: 1,
 						pageSize: 10,
 					},
 					tableBtn: [
 						this.$auth.hasPermi('base:equipment-group:update')
 							? {
 									type: 'edit',
 									btnName: '修改',
 							  }
 							: undefined,
 						this.$auth.hasPermi('base:equipment-group:delete')
 							? {
 									type: 'delete',
 									btnName: '删除',
 							  }
 							: undefined,
 					].filter((v) => v),
 					allowAdd: true,
 				},
 			]"
 			@refreshDataList="getList"
 			@cancel="editVisible = false"
 			@destroy="editVisible = false" />
 	</div>
 </template>
 <script>
 import {
 	createEquipmentBindGroup,
 	updateEquipmentBindGroup,
 	deleteEquipmentBindGroup,
 	getEquipmentBindGroup,
 	getEquipmentBindGroupPage,
 	exportEquipmentBindGroupExcel,
 } from '@/api/base/equipmentBindGroup';
 import { getEquipmentGroupPage } from '@/api/base/equipmentGroup';
 import moment from 'moment';
 import { publicFormatter } from '@/utils/dict';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import BasicDrawer from './components/BasicDrawer.vue';
 export default {
 	name: 'EquipmentBindGroup',
 	components: { BasicDrawer },
 	mixins: [basicPageMixin],
 	data() {
 		return {
 			searchBarKeys: ['groupId', 'equipmentName'],
 			tableBtn: [
 				this.$auth.hasPermi('base:equipment-bind-group:update')
 					? {
 							type: 'detail',
 							btnName: '查看报警',
 					  }
 					: undefined,
 				this.$auth.hasPermi('base:equipment-bind-group:update')
 					? {
 							type: 'edit',
 							btnName: '修改',
 					  }
 					: undefined,
 				this.$auth.hasPermi('base:equipment-bind-group:delete')
 					? {
 							type: 'delete',
 							btnName: '删除',
 					  }
 					: undefined,
 			].filter((v) => v),
 			tableProps: [
 				{
 					prop: 'createTime',
 					label: '添加时间',
 					fixed: true,
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{ prop: 'equipmentName', label: '设备' },
 				{ prop: 'groupName', label: '分组' },
 				// {
 				// 	_action: 'equipment-bind-group-show-alert',
 				// 	label: '分组报警',
 				// 	subcomponent: {
 				// 		props: ['injectData'],
 				// 		render: function (h) {
 				// 			const _this = this;
 				// 			return h(
 				// 				'el-button',
 				// 				{
 				// 					props: { type: 'text' },
 				// 					on: {
 				// 						click: function () {
 				// 							console.log('inejctdata', _this.injectData);
 				// 							_this.$emit('emitData', {
 				// 								action: _this.injectData._action,
 				// 								value: _this.injectData,
 				// 							});
 				// 						},
 				// 					},
 				// 				},
 				// 				'查看报警'
 				// 			);
 				// 		},
 				// 	},
 				// },
 			],
 			searchBarFormConfig: [
 				{
 					type: 'select',
 					label: '分组',
 					placeholder: '请选择分组',
 					param: 'groupId',
 					filterable: true,
 					selectOptions: [],
 				},
 				{
 					type: 'input',
 					label: '设备',
 					placeholder: '请输入设备',
 					param: 'equipmentName',
 				},
 				{
 					type: 'button',
 					btnName: '查询',
 					name: 'search',
 					color: 'primary',
 				},
 				{
 					type: 'separate',
 				},
 				{
 					type: this.$auth.hasPermi('base:equipment-bind-group:create')
 						? 'button'
 						: '',
 					btnName: '新增',
 					name: 'add',
 					plain: true,
 					color: 'success',
 				},
 				// {
 				// 	type: this.$auth.hasPermi('base:equipment-group:export') ? 'button' : '',
 				// 	btnName: '导出',
 				// 	name: 'export',
 				// 	color: 'warning',
 				// },
 			],
 			rows: [
 				[
 					{
 						select: true,
 						label: '设备',
 						url: '/base/equipment/page?pageNo=1&pageSize=100',
 						prop: 'equipmentId',
 						bind: {
 							filterable: true,
 						},
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						select: true,
 						label: '报警分组',
 						url: '/base/equipment-group/listAll', // 根据产线获取
 						// depends: '__product_line', // 依赖产线获取数据
 						// depends: 'productionLineId',
 						prop: 'groupId',
 						bind: {
 							filterable: true,
 						},
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 			],
 			// 是否显示弹出层
 			open: false,
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
 				pageSize: 10,
 				equipmentName: null,
 				groupId: null,
 			},
 			// 表单参数
 			form: {},
 			// 表单校验
 			rules: {},
 			//
 			alarmForm: {
 				id: undefined,
 				equipmentGroupCode: undefined,
 				equipmentGroupName: undefined,
 			},
 			editVisible: false,
 			editMode: '',
 			drawerBaseInfoRows: [
 				[
 					{
 						input: true,
 						label: '设备分组名称',
 						prop: 'name',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						// bind: {
 						// 	disabled: this.editMode == 'detail', // some condition, like detail mode...
 						// }
 					},
 					{
 						input: true,
 						label: '设备分组编码',
 						prop: 'code',
 						// url: '/base/equipment/getCode',
 					},
 				],
 			],
 			drawerListProps: [
 				{
 					prop: 'createTime',
 					label: '添加时间',
 					fixed: true,
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{ width: 240, prop: 'code', label: '报警编码' },
 				{
 					width: 100,
 					prop: 'type',
 					label: '报警类型',
 					filter: (val) =>
 						val != null ? ['-', '字符型', '布尔型', '-'][val] : '-',
 				},
 				{
 					width: 90,
 					prop: 'grade',
 					label: '报警级别',
 					filter: publicFormatter(this.DICT_TYPE.EQU_ALARM_LEVEL),
 				},
 				{ width: 180, prop: 'alarmCode', label: '设备报警编码' },
 				{ width: 128, prop: 'plcParamName', label: '参数列名' },
 				{ width: 128, prop: 'alarmContent', label: '报警内容' },
 			],
 		};
 	},
 	created() {
 		this.getList();
 		getEquipmentGroupPage({ pageNo: 1, pageSize: 100 }).then((res) => {
 			this.searchBarFormConfig[0].selectOptions = res.data.list;
 		});
 	},
 	methods: {
 		/** 覆盖 handleEmitFun 的默认实现 */
 		handleEmitFun({ action, value }) {
 			const {
 				groupId: equipmentGroupId,
 				groupName: equipmentGroupName,
 				groupCode: equipmentGroupCode,
 			} = value;
 			switch (action) {
 				case 'equipment-bind-group-show-alert':
 					// this.$router.push({ path: '/equipment/base/equipment-group-alarm' });
 					this.$router.push({
 						name: 'EquipmentGroupAlarm',
 						params: {
 							equipmentGroupId,
 							equipmentGroupCode,
 							equipmentGroupName,
 						},
 					});
 					break;
 			}
 		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
 			getEquipmentBindGroupPage(this.queryParams).then((response) => {
 				this.list = response.data.list;
 				this.total = response.data.total;
 				this.loading = false;
 			});
 		},
 		/** 取消按钮 */
 		cancel() {
 			this.open = false;
 			this.reset();
 		},
 		/** 表单重置 */
 		reset() {
 			this.form = {
 				id: undefined,
 				equipmentId: undefined,
 				groupId: undefined,
 			};
 			this.resetForm('form');
 		},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;
 			this.getList();
 		},
 		/** 重置按钮操作 */
 		resetQuery() {
 			this.resetForm('queryForm');
 			this.handleQuery();
 		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();
 			this.open = true;
 			this.title = '添加设备与分组绑定';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
 			this.reset();
 			const id = row.id;
 			getEquipmentBindGroup(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
 				this.title = '修改设备与分组绑定';
 			});
 		},
 		/** 提交按钮 */
 		submitForm() {
 			this.$refs['form'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 				// 修改的提交
 				if (this.form.id != null) {
 					updateEquipmentBindGroup(this.form).then((response) => {
 						this.$modal.msgSuccess('修改成功');
 						this.open = false;
 						this.getList();
 					});
 					return;
 				}
 				// 添加的提交
 				createEquipmentBindGroup(this.form).then((response) => {
 					this.$modal.msgSuccess('新增成功');
 					this.open = false;
 					this.getList();
 				});
 			});
 		},
 		// 查看报警
 		handleDetail(row) {
 			const { equipmentId, equipmentName, groupCode, groupId, groupName, id } =
 				row;
 			// 打开抽屉
 			this.editMode = 'detail';
 			this.alarmForm.id = groupId;
 			this.alarmForm.equipmentGroupCode = groupCode;
 			this.alarmForm.equipmentGroupName = groupName;
 			this.editVisible = true;
 			this.$nextTick(() => {
 				this.$refs['drawer'].init();
 			});
 		},
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
 				.confirm('是否确认删除该分组绑定?')
 				.then(function () {
 					return deleteEquipmentBindGroup(id);
 				})
 				.then(() => {
 					this.getList();
 					this.$modal.msgSuccess('删除成功');
 				})
 				.catch(() => {});
 		},
 		/** 导出按钮操作 */
 		handleExport() {
 			// 处理查询参数
 			let params = { ...this.queryParams };
 			params.pageNo = undefined;
 			params.pageSize = undefined;
 			this.$modal
 				.confirm('是否确认导出所有设备与分组绑定数据项?')
 				.then(() => {
 					this.exportLoading = true;
 					return exportEquipmentBindGroupExcel(params);
 				})
 				.then((response) => {
 					this.$download.excel(response, '设备与分组绑定.xls');
 					this.exportLoading = false;
 				})
 				.catch(() => {});
 		},
 	},
 };
 </script>
--- a/src/views/base/equipmentBindSection/dialogForm.vue
+++ b/src/views/base/equipmentBindSection/dialogForm.vue
@@ -0,0 +1,225 @@
 <!-- 
    filename: dialogForm.vue
    author: liubin
    date: 2023-09-11 15:55:13
    description: DialogForm for equipmentBindSection only
 -->
 <template>
 	<el-form
 		ref="form"
 		:model="dataForm"
 		label-width="100px"
 		v-loading="formLoading">
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="产线"
 					prop="productionLineId"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						v-model="dataForm.productionLineId"
 						placeholder="请选择产线"
 						filterable
 						@change="handleProductlineChange">
 						<el-option
 							v-for="opt in productionLineList"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					label="工段"
 					prop="workshopSectionId"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						v-model="dataForm.workshopSectionId"
 						filterable
 						placeholder="请选择工段"
 						@change="$emit('update', dataForm)">
 						<el-option
 							v-for="opt in worksectionList"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 		</el-row>
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="设备"
 					prop="equipmentId"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						v-model="dataForm.equipmentId"
 						filterable
 						placeholder="请选择设备"
 						@change="$emit('update', dataForm)">
 						<el-option
 							v-for="opt in equipmentList"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
 				<el-form-item label="工段排序" prop="sort">
 					<el-input-number
 						v-model="dataForm.sort"
 						filterable
 						min="0"
 						max="100"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入工段排序" />
 				</el-form-item>
 			</el-col>
 		</el-row>
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item label="产线数据类型" prop="lineDataType">
 					<el-select
 						v-model="dataForm.lineDataType"
 						placeholder="请选择产线数据类型"
 						@change="$emit('update', dataForm)">
 						<el-option
 							v-for="opt in [
 								{ label: '无类型', value: 0 },
 								{ label: '进口统计', value: 1 },
 								{ label: '出口统计', value: 2 },
 							]"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
 				<el-form-item label="工段数据类型" prop="sectionDataType">
 					<el-select
 						v-model="dataForm.sectionDataType"
 						placeholder="请选择工段数据类型"
 						@change="$emit('update', dataForm)">
 						<el-option
 							v-for="opt in [
 								{ label: '无类型', value: 0 },
 								{ label: '进口统计', value: 1 },
 								{ label: '出口统计', value: 2 },
 							]"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 		</el-row>
 	</el-form>
 </template>
 <script>
 export default {
 	name: 'DialogForm',
 	model: {
 		prop: 'dataForm',
 		event: 'update',
 	},
 	emits: ['update'],
 	components: {},
 	props: {
 		dataForm: {
 			type: Object,
 			default: () => ({}),
 		},
 	},
 	data() {
 		return {
 			formLoading: true,
 			productionLineList: [],
 			equipmentList: [],
 			worksectionList: [],
 			dataFormCache: null,
 		};
 	},
 	mounted() {
 		Promise.all([this.getProductLineList(), this.getEquipmentList()]).then(
 			() => {
 				this.formLoading = false;
 			}
 		);
 	},
 	watch: {
 		'dataForm.productionLineId': {
 			handler: async function (plId) {
 				if (plId) await this.getWorksectionList(plId);
 			},
 			immediate: true,
 		},
 	},
 	methods: {
 		/** 模拟透传 ref  */
 		validate(cb) {
 			return this.$refs.form.validate(cb);
 		},
 		resetFields(args) {
 			return this.$refs.form.resetFields(args);
 		},
 		async handleProductlineChange(id) {
 			await this.getWorksectionList(id);
 			this.dataForm.workshopSectionId = null;
 			this.$emit('update', this.dataForm);
 		},
 		// getCode
 		async getCode(url) {
 			const response = await this.$axios(url);
 			return response.data;
 		},
 		// 获取产线列表
 		async getProductLineList() {
 			const response = await this.$axios('/base/production-line/listAll');
 			this.productionLineList = response.data.map((item) => ({
 				label: item.name,
 				value: item.id,
 			}));
 		},
 		// 获取设备列表
 		async getEquipmentList() {
 			const response = await this.$axios(
 				'/base/equipment/page?pageNo=1&pageSize=100'
 			);
 			this.equipmentList = response.data.list.map((item) => ({
 				label: item.name,
 				value: item.id,
 			}));
 		},
 		// 获取工段列表
 		async getWorksectionList(plId) {
 			const response = await this.$axios(
 				'/base/workshop-section/listByParentId',
 				{
 					params: {
 						id: plId,
 					},
 				}
 			);
 			this.worksectionList = response.data.map((item) => ({
 				label: item.name,
 				value: item.id,
 			}));
 		},
 	},
 };
 </script>
 <style scoped lang="scss">
 .el-date-editor,
 .el-select {
 	width: 100%;
 }
 </style>
--- a/src/views/base/equipmentBindSection/index.vue
+++ b/src/views/base/equipmentBindSection/index.vue
@@ -0,0 +1,374 @@
 <template>
 	<div class="app-container">
 		<!-- 搜索工作栏 -->
 		<SearchBar
 			:formConfigs="searchBarFormConfig"
 			ref="search-bar"
 			@headBtnClick="handleSearchBarBtnClick" />
 		<!-- 列表 -->
 		<base-table
 			:table-props="tableProps"
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
 			@emitFun="handleEmitFun">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
 				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
 		<!-- 分页组件 -->
 		<pagination
 			v-show="total > 0"
 			:total="total"
 			:page.sync="queryParams.pageNo"
 			:limit.sync="queryParams.pageSize"
 			@pagination="getList" />
 		<!-- 对话框(添加 / 修改) -->
 		<base-dialog
 			:dialogTitle="title"
 			:dialogVisible="open"
 			width="700px"
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
 			<DialogForm v-if="open" ref="form" v-model="form" :rows="rows" />
 		</base-dialog>
 	</div>
 </template>
 <script>
 import {
 	createEquipmentBindSection,
 	updateEquipmentBindSection,
 	deleteEquipmentBindSection,
 	getEquipmentBindSection,
 	getEquipmentBindSectionPage,
 	exportEquipmentBindSectionExcel,
 } from '@/api/base/equipmentBindSection';
 import moment from 'moment';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import DialogForm from './dialogForm.vue';
 export default {
 	name: 'EquipmentBindSection',
 	components: { DialogForm },
 	mixins: [basicPageMixin],
 	data() {
 		return {
 			searchBarKeys: ['workshopSectionId', 'equipmentName'],
 			tableBtn: [
 				this.$auth.hasPermi('base:equipment-bind-section:update')
 					? {
 							type: 'edit',
 							btnName: '修改',
 					  }
 					: undefined,
 				this.$auth.hasPermi('base:equipment-bind-section:delete')
 					? {
 							type: 'delete',
 							btnName: '删除',
 					  }
 					: undefined,
 			].filter((v) => v),
 			tableProps: [
 				{
 					prop: 'createTime',
 					label: '添加时间',
 					fixed: true,
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{ prop: 'productionLine', label: '产线名称' },
 				{ prop: 'workshopSection', label: '工段名称' },
 				{ prop: 'equipment', label: '设备名称' },
 				{ prop: 'sort', label: '工段中排序' },
 				{
 					prop: 'lineDataType',
 					label: '产线数据类型',
 					filter: (val) =>
 						val != null ? ['无类型', '进口计数', '出口计数'][val] : '-',
 				},
 				{
 					prop: 'sectionDataType',
 					label: '工段数据类型',
 					filter: (val) =>
 						val != null ? ['无类型', '进口计数', '出口计数'][val] : '-',
 				},
 				// {
 				// 	action: 'show-alert',
 				// 	label: '报警',
 				// 	,
 				// 	subcomponent: {
 				// 		props: ['injectData'],
 				// 		render: function (h) {
 				// 			const _this = this;
 				// 			return h(
 				// 				'el-button',
 				// 				{
 				// 					props: { type: 'text', size: 'mini' },
 				// 					on: {
 				// 						click: function () {
 				// 							console.log('inejctdata', _this.injectData);
 				// 							_this.$emit('emitData', {
 				// 								action: _this.injectData.action,
 				// 								value: _this.injectData.id,
 				// 							});
 				// 						},
 				// 					},
 				// 				},
 				// 				'查看报警'
 				// 			);
 				// 		},
 				// 	},
 				// },
 			],
 			searchBarFormConfig: [
 				{
 					type: 'select',
 					label: '工段',
 					placeholder: '请选择工段',
 					param: 'workshopSectionId',
 					selectOptions: [],
 					filterable: true
 				},
 				{
 					type: 'input',
 					label: '设备',
 					placeholder: '请输入设备',
 					param: 'equipmentName',
 				},
 				{
 					type: 'button',
 					btnName: '查询',
 					name: 'search',
 					color: 'primary',
 				},
 				{
 					type: 'separate',
 				},
 				{
 					type: this.$auth.hasPermi('base:equipment-bind-section:create')
 						? 'button'
 						: '',
 					btnName: '新增',
 					name: 'add',
 					plain: true,
 					color: 'success',
 				},
 				// {
 				// 	type: this.$auth.hasPermi('base:equipment-group:export') ? 'button' : '',
 				// 	btnName: '导出',
 				// 	name: 'export',
 				// 	color: 'warning',
 				// },
 			],
 			rows: [
 				[
 					{
 						select: true,
 						label: '产线',
 						url: '/base/production-line/listAll',
 						// prop: '__product_line', // __开头代表不传递给服务器
 						prop: 'productionLineId', // 编辑接口返回的产线id，所以不能使用上面那种形式
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						select: true,
 						label: '工段',
 						url: '/base/workshop-section/listByParentId', // 根据产线获取
 						// depends: '__product_line', // 依赖产线获取数据
 						depends: 'productionLineId',
 						prop: 'workshopSectionId',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						select: true,
 						label: '设备',
 						url: '/base/equipment/page?pageNo=1&pageSize=100',
 						prop: 'equipmentId',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						input: true,
 						label: '工段排序',
 						prop: 'sort',
 						// url: '/base/equipment-group/getCode',
 					},
 				],
 				[
 					{
 						select: true,
 						label: '产线数据类型',
 						options: [
 							{ label: '无类型', value: 0 },
 							{ label: '进口统计', value: 1 },
 							{ label: '出口统计', value: 2 },
 						],
 						prop: 'lineDataType',
 					},
 					{
 						select: true,
 						label: '工段数据类型',
 						options: [
 							{ label: '无类型', value: 0 },
 							{ label: '进口统计', value: 1 },
 							{ label: '出口统计', value: 2 },
 						],
 						prop: 'sectionDataType',
 					},
 				],
 			],
 			// 是否显示弹出层
 			open: false,
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
 				pageSize: 10,
 				workshopSectionId: null,
 				equipmentId: null,
 			},
 			// 表单参数
 			form: {},
 		};
 	},
 	created() {
 		this.getList();
 		this.initWorksection();
 	},
 	methods: {
 		/** 准备工段数据 */
 		async initWorksection() {
 			const { code, data } = await this.$axios({
 				url: '/base/workshop-section/listAll',
 				method: 'get',
 			});
 			if (code == 0) {
 				this.searchBarFormConfig[0].selectOptions = data.map((item) => {
 					return {
 						name: item.name,
 						id: item.id,
 					};
 				});
 			}
 		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
 			// 执行查询
 			getEquipmentBindSectionPage(this.queryParams).then((response) => {
 				this.list = response.data.list;
 				this.total = response.data.total;
 				this.loading = false;
 			});
 		},
 		/** 取消按钮 */
 		cancel() {
 			this.open = false;
 			this.reset();
 		},
 		/** 表单重置 */
 		reset() {
 			this.form = {
 				id: undefined,
 				workshopSectionId: undefined,
 				equipmentId: undefined,
 				sort: undefined,
 				lineDataType: undefined,
 				sectionDataType: undefined,
 				remark: undefined,
 				version: undefined,
 			};
 			this.resetForm('form');
 		},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;
 			this.getList();
 		},
 		/** 重置按钮操作 */
 		resetQuery() {
 			this.resetForm('queryForm');
 			this.handleQuery();
 		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();
 			this.open = true;
 			this.title = '添加工段设备绑定';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
 			this.reset();
 			const id = row.id;
 			getEquipmentBindSection(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
 				this.title = '修改工段设备绑定';
 			});
 		},
 		/** 提交按钮 */
 		submitForm() {
 			this.$refs['form'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 				// 修改的提交
 				if (this.form.id != null) {
 					updateEquipmentBindSection(this.form).then((response) => {
 						this.$modal.msgSuccess('修改成功');
 						this.open = false;
 						this.getList();
 					});
 					return;
 				}
 				// 添加的提交
 				createEquipmentBindSection(this.form).then((response) => {
 					this.$modal.msgSuccess('新增成功');
 					this.open = false;
 					this.getList();
 				});
 			});
 		},
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
 				.confirm('是否确认删除工段设备绑定设备名称为"' + row.equipment + '"的数据项?')
 				.then(function () {
 					return deleteEquipmentBindSection(id);
 				})
 				.then(() => {
 					this.getList();
 					this.$modal.msgSuccess('删除成功');
 				})
 				.catch(() => {});
 		},
 		/** 导出按钮操作 */
 		handleExport() {
 			// 处理查询参数
 			let params = { ...this.queryParams };
 			params.pageNo = undefined;
 			params.pageSize = undefined;
 			this.$modal
 				.confirm('是否确认导出所有工段设备绑定数据项?')
 				.then(() => {
 					this.exportLoading = true;
 					return exportEquipmentBindSectionExcel(params);
 				})
 				.then((response) => {
 					this.$download.excel(response, '工段设备绑定.xls');
 					this.exportLoading = false;
 				})
 				.catch(() => {});
 		},
 	},
 };
 </script>
--- a/src/views/base/equipmentFile/index.vue
+++ b/src/views/base/equipmentFile/index.vue
@@ -0,0 +1,225 @@
 <template>
  <div class="app-container">
    <!-- 搜索工作栏 -->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="设备ID" prop="equipmentId">
        <el-input v-model="queryParams.equipmentId" placeholder="请输入设备ID" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <!-- 操作工具栏 -->
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                   v-hasPermi="['base:equipment-file:create']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                   v-hasPermi="['base:equipment-file:export']">导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <!-- 列表 -->
    <el-table v-loading="loading" :data="list">
      <el-table-column label="id" align="center" prop="id" />
      <el-table-column label="设备ID" align="center" prop="equipmentId" />
      <el-table-column label="文件类型 1.图片 2.设备资料" align="center" prop="fileType">
        <template v-slot="scope">
          <dict-tag :type="DICT_TYPE.EQU_FILE_TYPE" :value="scope.row.fileType" />
        </template>
      </el-table-column>
      <el-table-column label="原始文件名" align="center" prop="fileName" />
      <el-table-column label="文件url" align="center" prop="fileUrl" />
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                     v-hasPermi="['base:equipment-file:update']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                     v-hasPermi="['base:equipment-file:delete']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页组件 -->
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                @pagination="getList"/>
    <!-- 对话框(添加 / 修改) -->
    <el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="设备ID" prop="equipmentId">
          <el-input v-model="form.equipmentId" placeholder="请输入设备ID" />
        </el-form-item>
        <el-form-item label="文件类型 1.图片 2.设备资料" prop="fileType">
          <el-select v-model="form.fileType" placeholder="请选择文件类型 1.图片 2.设备资料">
            <el-option v-for="dict in this.getDictDatas(DICT_TYPE.EQU_FILE_TYPE)"
                       :key="dict.value" :label="dict.label" :value="dict.value" />
          </el-select>
        </el-form-item>
        <el-form-item label="原始文件名" prop="fileName">
          <el-input v-model="form.fileName" placeholder="请输入原始文件名" />
        </el-form-item>
        <el-form-item label="文件url" prop="fileUrl">
          <el-input v-model="form.fileUrl" placeholder="请输入文件url" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
 </template>
 <script>
 import { createEquipmentFile, updateEquipmentFile, deleteEquipmentFile, getEquipmentFile, getEquipmentFilePage, exportEquipmentFileExcel } from "@/api/base/equipmentFile";
 export default {
  name: "EquipmentFile",
  components: {
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 导出遮罩层
      exportLoading: false,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 设备文件对应列表
      list: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNo: 1,
        pageSize: 10,
        equipmentId: null,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询列表 */
    getList() {
      this.loading = true;
      // 执行查询
      getEquipmentFilePage(this.queryParams).then(response => {
        this.list = response.data.list;
        this.total = response.data.total;
        this.loading = false;
      });
    },
    /** 取消按钮 */
    cancel() {
      this.open = false;
      this.reset();
    },
    /** 表单重置 */
    reset() {
      this.form = {
        id: undefined,
        equipmentId: undefined,
        fileType: undefined,
        fileName: undefined,
        fileUrl: undefined,
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNo = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加设备文件对应";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id;
      getEquipmentFile(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改设备文件对应";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (!valid) {
          return;
        }
        // 修改的提交
        if (this.form.id != null) {
          updateEquipmentFile(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
          });
          return;
        }
        // 添加的提交
        createEquipmentFile(this.form).then(response => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
        });
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const id = row.id;
      this.$modal.confirm('是否确认删除设备文件对应编号为"' + id + '"的数据项?').then(function() {
          return deleteEquipmentFile(id);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      // 处理查询参数
      let params = {...this.queryParams};
      params.pageNo = undefined;
      params.pageSize = undefined;
      this.$modal.confirm('是否确认导出所有设备文件对应数据项?').then(() => {
          this.exportLoading = true;
          return exportEquipmentFileExcel(params);
        }).then(response => {
          this.$download.excel(response, '设备文件对应.xls');
          this.exportLoading = false;
        }).catch(() => {});
    }
  }
 };
 </script>
--- a/src/views/base/equipmentGroup/components/BasicDrawer.vue
+++ b/src/views/base/equipmentGroup/components/BasicDrawer.vue
@@ -0,0 +1,481 @@
 <!-- 
    filename: EquipmentDrawer.vue
    author: liubin
    date: 2023-08-22 14:38:56
    description: 
 -->
 <template>
 	<el-drawer
 		:visible="visible"
 		:show-close="false"
 		:wrapper-closable="false"
 		class="drawer"
 		custom-class="mes-drawer"
 		size="60%"
 		@closed="$emit('destroy')">
 		<SmallTitle slot="title">
 			{{
 				mode.includes('detail')
 					? '详情'
 					: mode.includes('edit')
 					? '编辑'
 					: '新增'
 			}}
 		</SmallTitle>
 		<div class="drawer-body flex">
 			<div class="drawer-body__content">
 				<section v-for="(section, index) in sections" :key="section.key">
 					<SmallTitle v-if="index != 0">{{ section.name }}</SmallTitle>
 					<div class="form-part" v-if="section.key == 'base'">
 						<el-skeleton v-if="!showForm" animated />
 						<BaseInfoForm
 							key="drawer-dialog-form"
 							v-if="showForm"
 							ref="form"
 							:disabled="mode.includes('detail')"
 							:dataForm="form"
 							:rows="formRows" />
 					</div>
 					<div v-if="section.key == 'attrs'" style="margin-top: 12px">
 						<base-table
 							v-loading="attrListLoading"
 							:table-props="section.props"
 							:page="attrQuery?.params.pageNo || 1"
 							:limit="attrQuery?.params.pageSize || 10"
 							:table-data="list"
 							:add-button-show="mode.includes('detail') ? null : '添加属性'"
 							@emitButtonClick="handleAddAttr"
 							@emitFun="handleEmitFun">
 							<method-btn
 								v-if="section.tableBtn"
 								slot="handleBtn"
 								label="操作"
 								:method-list="tableBtn"
 								@clickBtn="handleTableBtnClick" />
 						</base-table>
 						<!-- 分页组件 -->
 						<pagination
 							v-show="total > 0"
 							:total="total"
 							:page.sync="attrQuery.params.pageNo"
 							:limit.sync="attrQuery.params.pageSize"
 							@pagination="getAttrList" />
 					</div>
 				</section>
 			</div>
 			<div class="drawer-body__footer">
 				<el-button style="" @click="handleCancel">取消</el-button>
 				<el-button v-if="mode == 'detail'" type="primary" @click="toggleEdit">
 					编辑
 				</el-button>
 				<el-button v-else type="primary" @click="handleCancel">确定</el-button>
 				<!-- sections的第二项必须是 属性列表  -->
 				<!-- <el-button
 						v-if="sections[1].allowAdd"
 						type="primary"
 						@click="handleAddAttr">
 						添加属性
 					</el-button> -->
 			</div>
 		</div>
 		<!-- 属性对话框 -->
 		<base-dialog
 			v-if="sections[1].allowAdd"
 			:dialogTitle="attrTitle"
 			:dialogVisible="attrFormVisible"
 			width="45%"
 			:append-to-body="true"
 			custom-class="baseDialog"
 			@close="closeAttrForm"
 			@cancel="closeAttrForm"
 			@confirm="submitAttrForm">
 			<DialogForm
 				v-if="attrFormVisible"
 				ref="attrForm"
 				:disabled="mode.includes('detail')"
 				v-model="attrForm"
 				:rows="attrRows" />
 		</base-dialog>
 	</el-drawer>
 </template>
 <script>
 import BaseInfoForm from '@/components/DialogForm';
 import DialogForm from './dialogForm';
 const SmallTitle = {
 	name: 'SmallTitle',
 	props: ['size'],
 	data() {
 		return {};
 	},
 	methods: {},
 	render: function (h) {
 		return h(
 			'span',
 			{
 				class: 'small-title',
 				style: {
 					fontSize: '18px',
 					lineHeight:
 						this.size == 'lg' ? '24px' : this.size == 'sm' ? '18px' : '20px',
 					fontWeight: 500,
 					fontFamily: '微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif',
 				},
 			},
 			this.$slots.default
 		);
 	},
 };
 export default {
 	components: { SmallTitle, DialogForm, BaseInfoForm },
 	props: ['sections', 'defaultMode', 'dataId'], // dataId 作为一个通用的存放id的字段
 	data() {
 		return {
 			mode: '',
 			visible: false,
 			showForm: false,
 			total: 0,
 			form: {},
 			list: [],
 			attrTitle: '',
 			attrForm: {
 				id: null,
 				equipmentGroupId: '',
 				code: '',
 				type: '',
 				grade: '',
 				alarmCode: '',
 				alarmContent: '',
 				plcParamName: '',
 			},
 			attrFormVisible: false,
 			attrRows: [
 				[
 					{
 						input: true,
 						label: '报警编码', // 自动生成
 						prop: 'code',
 						url: '/base/equipment-group-alarm/getCode',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						select: true,
 						label: '报警类型', // 固定选项
 						prop: 'type',
 						options: [
 							{ label: '布尔型', value: 2 },
 							{ label: '字符型', value: 1 },
 						],
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						select: true,
 						label: '报警级别', // 字典
 						prop: 'grade',
 						options: this.getDictDatas(this.DICT_TYPE.EQU_ALARM_LEVEL),
 					},
 					{
 						input: true,
 						label: '设备报警编码', // 对应到设备实际的报警编码
 						prop: 'alarmCode',
 					},
 				],
 				[
 					{
 						input: true,
 						label: '参数列名', // 在实时数据库的列名
 						prop: 'plcParamName',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						input: true,
 						label: '报警内容',
 						prop: 'alarmContent',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 			],
 			attrQuery: {
 				params: {
 					pageNo: 1,
 					pageSize: 10,
 				},
 			}, // 属性列表的请求
 			infoQuery: null, // 基本信息的请求
 			attrFormSubmitting: false,
 			attrListLoading: false,
 		};
 	},
 	computed: {
 		formRows() {
 			return this.sections[0].rows.map((row) => {
 				return row.map((col) => {
 					return {
 						...col,
 						bind: {
 							// 详情 模式下，禁用各种输入
 							// disabled: this.mode == 'detail',
 							disabled: true
 						},
 					};
 				});
 			});
 		},
 		tableBtn() {
 			return this.mode == 'detail' ? [] : this.sections[1].tableBtn;
 		},
 	},
 	mounted() {
 		this.mode = this.defaultMode || 'detail';
 		for (const section of this.sections) {
 			// 请求具体信息
 			if ('url' in section) {
 				const query = {
 					url: section.url,
 					method: section.method || 'get',
 					params: section.queryParams || null,
 					data: section.data || null,
 				};
 				// debugger;
 				this.$axios(query).then(({ data }) => {
 					if (section.key == 'base') {
 						this.form = data;
 						this.showForm = true;
 						this.infoQuery = query;
 					} else if (section.key == 'attrs') {
 						this.attrQuery = query;
 						this.list = data.list;
 						this.total = data.total;
 					}
 				});
 			}
 		}
 	},
 	methods: {
 		handleTableBtnClick({ type, data }) {
 			switch (type) {
 				case 'edit':
 					this.handleEditAttr(data.id);
 					break;
 				case 'delete':
 					this.handleDeleteAttr(data.id);
 					break;
 			}
 		},
 		handleEmitFun(val) {
 			console.log('handleEmitFun', val);
 		},
 		init() {
 			this.visible = true;
 		},
 		async getAttrList() {
 			this.attrListLoading = true;
 			const res = await this.$axios(this.attrQuery);
 			if (res.code == 0) {
 				this.list = res.data.list;
 				this.total = res.data.total;
 			}
 			this.attrListLoading = false;
 		},
 		// 保存表单
 		handleSave() {
 			this.$refs['form'][0].validate(async (valid) => {
 				if (valid) {
 					const isEdit = this.mode == 'edit';
 					await this.$axios({
 						url: this.sections[0][isEdit ? 'urlUpdate' : 'urlCreate'],
 						method: isEdit ? 'put' : 'post',
 						data: this.form,
 					});
 					this.$modal.msgSuccess(`${isEdit ? '更新' : '创建'}成功`);
 					this.visible = false;
 					this.$emit('refreshDataList');
 				}
 			});
 		},
 		handleCancel() {
 			this.visible = false;
 		},
 		// 开启编辑
 		toggleEdit() {
 			this.mode = 'edit';
 		},
 		// 新增属性
 		handleAddAttr() {
 			if (!this.dataId) return this.$message.error('请先创建设备分组信息');
 			this.attrForm = {
 				id: null,
 				equipmentGroupId: this.dataId,
 				code: '',
 				type: '',
 				grade: '',
 				alarmCode: '',
 				alarmContent: '',
 				plcParamName: '',
 			};
 			this.attrTitle = '添加设备分组报警';
 			this.attrFormVisible = true;
 		},
 		// 编辑属性
 		async handleEditAttr(attrId) {
 			const res = await this.$axios({
 				url: this.sections[1].urlDetail,
 				method: 'get',
 				params: { id: attrId },
 			});
 			if (res.code == 0) {
 				this.attrForm = res.data;
 				this.attrTitle = '编辑设备分组报警';
 				this.attrFormVisible = true;
 			}
 		},
 		// 删除属性
 		handleDeleteAttr(attrId) {
 			this.$confirm('确定删除该分组报警?', '提示', {
 				confirmButtonText: '确定',
 				cancelButtonText: '取消',
 				type: 'warning',
 			})
 				.then(async () => {
 					const res = await this.$axios({
 						url: this.sections[1].urlDelete,
 						method: 'delete',
 						params: { id: attrId },
 					});
 					if (res.code == 0) {
 						this.$message({
 							message: '删除成功',
 							type: 'success',
 							duration: 1500,
 							onClose: () => {
 								this.getAttrList();
 							},
 						});
 					}
 				})
 				.catch(() => {});
 		},
 		// 提交属性表
 		async submitAttrForm() {
 			this.$refs['attrForm'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 			});
 			const isEdit = this.attrForm.id != null;
 			this.attrFormSubmitting = true;
 			const res = await this.$axios({
 				url: isEdit ? this.sections[1].urlUpdate : this.sections[1].urlCreate,
 				method: isEdit ? 'put' : 'post',
 				data: this.attrForm,
 			});
 			if (res.code == 0) {
 				this.closeAttrForm();
 				this.$message({
 					message: `${isEdit ? '更新' : '创建'}成功`,
 					type: 'success',
 					duration: 1500,
 					onClose: () => {
 						this.getAttrList();
 					},
 				});
 			}
 			this.attrFormSubmitting = false;
 		},
 		closeAttrForm() {
 			this.attrFormVisible = false;
 		},
 		handleClick(raw) {
 			if (raw.type === 'delete') {
 				this.$confirm(`确定删除该报警?`, '提示', {
 					confirmButtonText: '确定',
 					cancelButtonText: '取消',
 					type: 'warning',
 				})
 					.then(() => {
 						deleteProductAttr(raw.data.id).then(({ data }) => {
 							this.$message({
 								message: '操作成功',
 								type: 'success',
 								duration: 1500,
 								onClose: () => {
 									this.getList();
 								},
 							});
 						});
 					})
 					.catch(() => {});
 			} else {
 				this.addNew(raw.data.id);
 			}
 		},
 	},
 };
 </script>
 <style scoped>
 .drawer >>> .el-drawer {
 	border-radius: 8px 0 0 8px;
 }
 .drawer >>> .el-drawer__header {
 	margin: 0;
 	padding: 32px 32px 24px;
 	border-bottom: 1px solid #dcdfe6;
 	margin-bottom: 0px;
 }
 .small-title::before {
 	content: '';
 	display: inline-block;
 	vertical-align: top;
 	width: 4px;
 	height: 22px;
 	border-radius: 1px;
 	margin-right: 8px;
 	background-color: #0b58ff;
 }
 .drawer-body {
 	display: flex;
 	flex-direction: column;
 	height: 100%;
 }
 .drawer-body__content {
 	flex: 1;
 	/* background: #eee; */
 	padding: 20px 30px;
 	overflow-y: auto;
 }
 .drawer-body__footer {
 	display: flex;
 	justify-content: flex-end;
 	padding: 18px;
 }
 </style>
--- a/src/views/base/equipmentGroup/components/dialogForm.vue
+++ b/src/views/base/equipmentGroup/components/dialogForm.vue
@@ -0,0 +1,187 @@
 <!-- 
    filename: dialogForm.vue
    author: liubin
    date: 2023-09-11 15:55:13
    description: DialogForm for equipmentBindSection only
 -->
 <template>
 	<el-form
 		ref="form"
 		:model="dataForm"
 		label-width="100px"
 		v-loading="formLoading">
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="报警编码"
 					prop="code"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.code"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入工段排序" />
 				</el-form-item>
 				<!-- 				
 				<el-form-item
 					label="报警编码"
 					prop="code"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						v-model="dataForm.code"
 						placeholder="请选择产线"
 						@change="handleProductlineChange">
 						<el-option
 							v-for="opt in productionLineList"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item> -->
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					label="报警类型"
 					prop="type"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						:disabled="disabled"
 						v-model="dataForm.type"
 						placeholder="请选择报警类型"
 						@change="handleTypeChange">
 						<el-option
 							v-for="opt in [
 								{ label: '布尔型', value: 2 },
 								{ label: '字符型', value: 1 },
 							]"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 		</el-row>
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="报警级别"
 					prop="grade"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						:disabled="disabled"
 						v-model="dataForm.grade"
 						placeholder="请选择报警级别"
 						@change="$emit('update', dataForm)">
 						<el-option
 							v-for="opt in getDictDatas(DICT_TYPE.EQU_ALARM_LEVEL)"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					v-if="+dataForm.type == 1"
 					label="设备报警编码"
 					prop="alarmCode">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.alarmCode"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入设备报警编码" />
 				</el-form-item>
 			</el-col>
 		</el-row>
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="参数列名"
 					prop="plcParamName"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.plcParamName"
 						placeholder="请输入参数列名"
 						@change="$emit('update', dataForm)"></el-input>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					label="报警内容"
 					prop="alarmContent"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.alarmContent"
 						placeholder="请输入报警内容"
 						@change="$emit('update', dataForm)"></el-input>
 				</el-form-item>
 			</el-col>
 		</el-row>
 	</el-form>
 </template>
 <script>
 export default {
 	name: 'DialogForm',
 	model: {
 		prop: 'dataForm',
 		event: 'update',
 	},
 	emits: ['update'],
 	components: {},
 	props: {
 		dataForm: {
 			type: Object,
 			default: () => ({}),
 		},
 		disabled: {
 			type: Boolean,
 			default: false,
 		},
 	},
 	data() {
 		return {
 			formLoading: true,
 		};
 	},
 	mounted() {
 		this.getCode('/base/equipment-group-alarm/getCode').then((code) => {
 			this.formLoading = false;
 			this.$emit('update', {
 				...this.dataForm,
 				code,
 			});
 		});
 	},
 	methods: {
 		/** 模拟透传 ref  */
 		validate(cb) {
 			return this.$refs.form.validate(cb);
 		},
 		resetFields(args) {
 			return this.$refs.form.resetFields(args);
 		},
 		async handleTypeChange(id) {
 			// debugger;
 			this.dataForm.alarmCode = '';
 			this.$emit('update', this.dataForm);
 		},
 		async getCode(url) {
 			const response = await this.$axios(url);
 			return response.data;
 		},
 	},
 };
 </script>
 <style scoped lang="scss">
 .el-date-editor,
 .el-select {
 	width: 100%;
 }
 </style>
--- a/src/views/base/equipmentGroup/index.vue
+++ b/src/views/base/equipmentGroup/index.vue
@@ -0,0 +1,466 @@
 <template>
 	<div class="app-container">
 		<!-- 搜索工作栏 -->
 		<SearchBar
 			:formConfigs="searchBarFormConfig"
 			ref="search-bar"
 			@headBtnClick="handleSearchBarBtnClick" />
 		<!-- 列表 -->
 		<base-table
 			:table-props="tableProps"
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
 			@emitFun="handleEmitFun">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
 				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
 		<!-- 分页组件 -->
 		<pagination
 			v-show="total > 0"
 			:total="total"
 			:page.sync="queryParams.pageNo"
 			:limit.sync="queryParams.pageSize"
 			@pagination="getList" />
 		<!-- 对话框(添加 / 修改) -->
 		<base-dialog
 			:dialogTitle="title"
 			:dialogVisible="open"
 			width="500px"
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
 			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
 		</base-dialog>
 		<!-- 抽屉 详情 -->
 		<BasicDrawer
 			v-if="editVisible"
 			ref="drawer"
 			:default-mode="editMode"
 			:data-id="alarmForm.id"
 			:sections="[
 				{
 					name: '基本信息',
 					key: 'base',
 					rows: drawerBaseInfoRows,
 					url: '/base/equipment-group/get',
 					urlUpdate: '/base/equipment-group/update',
 					urlCreate: '/base/equipment-group/create',
 					queryParams: { id: alarmForm.id },
 				},
 				{
 					name: '属性列表',
 					key: 'attrs',
 					props: drawerListProps,
 					url: '/base/equipment-group-alarm/page',
 					urlCreate: '/base/equipment-group-alarm/create',
 					urlUpdate: '/base/equipment-group-alarm/update',
 					urlDelete: '/base/equipment-group-alarm/delete',
 					urlDetail: '/base/equipment-group-alarm/get',
 					queryParams: {
 						equipmentGroupId: alarmForm.id,
 						pageNo: 1,
 						pageSize: 10,
 					},
 					tableBtn: [
 						this.$auth.hasPermi('base:equipment-group:update')
 							? {
 									type: 'edit',
 									btnName: '修改',
 							  }
 							: undefined,
 						this.$auth.hasPermi('base:equipment-group:delete')
 							? {
 									type: 'delete',
 									btnName: '删除',
 							  }
 							: undefined,
 					].filter((v) => v),
 					allowAdd: true,
 				},
 			]"
 			@refreshDataList="getList"
 			@cancel="editVisible = false"
 			@destroy="editVisible = false" />
 	</div>
 </template>
 <script>
 import {
 	createEquipmentGroup,
 	updateEquipmentGroup,
 	deleteEquipmentGroup,
 	getEquipmentGroup,
 	getEquipmentGroupPage,
 	exportEquipmentGroupExcel,
 } from '@/api/base/equipmentGroup';
 import moment from 'moment';
 import { publicFormatter } from '@/utils/dict';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 // import { getAccessToken } from '@/utils/auth';
 import BasicDrawer from './components/BasicDrawer.vue';
 export default {
 	name: 'EquipmentGroup',
 	mixins: [basicPageMixin],
 	components: { BasicDrawer },
 	data() {
 		return {
 			editVisible: false,
 			editMode: '',
 			searchBarKeys: ['name', 'code'],
 			tableBtn: [
 				this.$auth.hasPermi('base:equipment-group:update')
 					? {
 							type: 'detail',
 							btnName: '查看报警',
 					  }
 					: undefined,
 				this.$auth.hasPermi('base:equipment-group:update')
 					? {
 							type: 'edit',
 							btnName: '修改',
 					  }
 					: undefined,
 				this.$auth.hasPermi('base:equipment-group:delete')
 					? {
 							type: 'delete',
 							btnName: '删除',
 					  }
 					: undefined,
 			].filter((v) => v),
 			tableProps: [
 				{
 					prop: 'createTime',
 					label: '添加时间',
 					fixed: true,
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{ prop: 'name', label: '设备分组名称' },
 				{ prop: 'code', label: '设备分组编码' },
 				{ prop: 'remark', label: '备注' },
 				// {
 				// 	_action: 'equipment-group-show-alert',
 				// 	label: '报警',
 				// 	subcomponent: {
 				// 		props: ['injectData'],
 				// 		render: function (h) {
 				// 			const _this = this;
 				// 			return h(
 				// 				'el-button',
 				// 				{
 				// 					props: { type: 'text' },
 				// 					on: {
 				// 						click: function () {
 				// 							console.log('inejctdata', _this.injectData);
 				// 							_this.$emit('emitData', {
 				// 								action: _this.injectData._action,
 				// 								// value: _this.injectData.id,
 				// 								value: _this.injectData,
 				// 							});
 				// 						},
 				// 					},
 				// 				},
 				// 				'查看报警'
 				// 			);
 				// 		},
 				// 	},
 				// },
 			],
 			drawerBaseInfoRows: [
 				[
 					{
 						input: true,
 						label: '设备分组名称',
 						prop: 'name',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						// bind: {
 						// 	disabled: this.editMode == 'detail', // some condition, like detail mode...
 						// }
 					},
 					{
 						input: true,
 						label: '设备分组编码',
 						prop: 'code',
 						// url: '/base/equipment/getCode',
 					}
 				]
 			],
 			drawerListProps: [
 				{
 					prop: 'createTime',
 					label: '添加时间',
 					fixed: true,
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{ width: 240, prop: 'code', label: '报警编码' },
 				{
 					width: 100,
 					prop: 'type',
 					label: '报警类型',
 					filter: (val) =>
 						val != null ? ['-', '字符型', '布尔型', '-'][val] : '-',
 				},
 				{
 					width: 90,
 					prop: 'grade',
 					label: '报警级别',
 					filter: publicFormatter(this.DICT_TYPE.EQU_ALARM_LEVEL),
 				},
 				{ width: 180, prop: 'alarmCode', label: '设备报警编码' },
 				{ width: 128, prop: 'plcParamName', label: '参数列名' },
 				{ width: 128, prop: 'alarmContent', label: '报警内容' },
 			],
 			alarmForm: {
 				id: undefined,
 				equipmentGroupCode: undefined,
 				equipmentGroupName: undefined,
 			},
 			searchBarFormConfig: [
 				{
 					type: 'input',
 					label: '分组名称',
 					placeholder: '请输入设备分组名称',
 					param: 'name',
 				},
 				{
 					type: 'input',
 					label: '分组编码',
 					placeholder: '请输入设备分组编码',
 					param: 'code',
 				},
 				{
 					type: 'button',
 					btnName: '查询',
 					name: 'search',
 					color: 'primary',
 				},
 				{
 					type: 'separate',
 				},
 				{
 					type: this.$auth.hasPermi('base:equipment-group:create')
 						? 'button'
 						: '',
 					btnName: '新增',
 					name: 'add',
 					plain: true,
 					color: 'success',
 				},
 				// {
 				// 	type: this.$auth.hasPermi('base:equipment-group:export') ? 'button' : '',
 				// 	btnName: '导出',
 				// 	name: 'export',
 				// 	color: 'warning',
 				// },
 			],
 			rows: [
 				[
 					{
 						input: true,
 						label: '分组名称',
 						prop: 'name',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						// bind: {
 						// 	disabled: true, // some condition, like detail mode...
 						// }
 					},
 				],
 				[
 					{
 						input: true,
 						label: '分组编码',
 						prop: 'code',
 						url: '/base/equipment-group/getCode',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						input: true,
 						label: '备注',
 						prop: 'remark',
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						bind: {
 							placeholder: '请输入备注',
 						},
 					},
 				],
 			],
 			// 是否显示弹出层
 			open: false,
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
 				pageSize: 10,
 				code: null,
 				name: null,
 			},
 			// 表单参数
 			form: {},
 		};
 	},
 	created() {
 		this.getList();
 	},
 	methods: {
 		/** 覆盖 handleEmitFun 的默认实现 */
 		handleEmitFun({ action, value }) {
 			const {
 				id: equipmentGroupId,
 				name: equipmentGroupName,
 				code: equipmentGroupCode,
 			} = value;
 			switch (action) {
 				case 'equipment-group-show-alert':
 					// this.$router.push({ path: '/equipment/base/equipment-group-alarm' });
 					this.$router.push({
 						name: 'EquipmentGroupAlarm',
 						params: {
 							equipmentGroupId,
 							equipmentGroupCode,
 							equipmentGroupName,
 						},
 					});
 					break;
 			}
 		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
 			// 执行查询
 			getEquipmentGroupPage(this.queryParams).then((response) => {
 				this.list = response.data.list;
 				this.total = response.data.total;
 				this.loading = false;
 			});
 		},
 		/** 取消按钮 */
 		cancel() {
 			this.open = false;
 			this.reset();
 		},
 		/** 表单重置 */
 		reset() {
 			this.form = {
 				id: undefined,
 				code: undefined,
 				name: undefined,
 				remark: undefined,
 			};
 			this.resetForm('form');
 		},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;
 			this.getList();
 		},
 		/** 重置按钮操作 */
 		resetQuery() {
 			this.resetForm('queryForm');
 			this.handleQuery();
 		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();
 			this.open = true;
 			this.title = '添加设备分组（用于同类型不同厂家的设备区分）';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
 			this.reset();
 			const id = row.id;
 			getEquipmentGroup(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
 				this.title = '修改设备分组（用于同类型不同厂家的设备区分）';
 			});
 		},
 		/** 提交按钮 */
 		submitForm() {
 			this.$refs['form'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 				// 修改的提交
 				if (this.form.id != null) {
 					updateEquipmentGroup(this.form).then((response) => {
 						this.$modal.msgSuccess('修改成功');
 						this.open = false;
 						this.getList();
 					});
 					return;
 				}
 				// 添加的提交
 				createEquipmentGroup(this.form).then((response) => {
 					this.$modal.msgSuccess('新增成功');
 					this.open = false;
 					this.getList();
 				});
 			});
 		},
 		// 查看报警
 		handleDetail(row) {
 			// debugger;
 			const { id, code, name, createTime } = row;
 			// 打开抽屉
 			this.editMode = 'detail';
 			this.alarmForm.id = id;
 			this.alarmForm.equipmentGroupCode = code;
 			this.alarmForm.equipmentGroupName = name;
 			this.editVisible = true;
 			this.$nextTick(() => {
 				this.$refs['drawer'].init();
 			});
 		},
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
 				.confirm('是否确认删除设备分组 "' + row.name + '"?')
 				.then(function () {
 					return deleteEquipmentGroup(id);
 				})
 				.then(() => {
 					this.getList();
 					this.$modal.msgSuccess('删除成功');
 				})
 				.catch(() => {});
 		},
 		/** 导出按钮操作 */
 		handleExport() {
 			// 处理查询参数
 			let params = { ...this.queryParams };
 			params.pageNo = undefined;
 			params.pageSize = undefined;
 			this.$modal
 				.confirm(
 					'是否确认导出所有设备分组（用于同类型不同厂家的设备区分）数据项?'
 				)
 				.then(() => {
 					this.exportLoading = true;
 					return exportEquipmentGroupExcel(params);
 				})
 				.then((response) => {
 					this.$download.excel(
 						response,
 						'设备分组（用于同类型不同厂家的设备区分）.xls'
 					);
 					this.exportLoading = false;
 				})
 				.catch(() => {});
 		},
 	},
 };
 </script>
--- a/src/views/base/equipmentGroupAlarm/dialogForm.vue
+++ b/src/views/base/equipmentGroupAlarm/dialogForm.vue
@@ -0,0 +1,187 @@
 <!-- 
    filename: dialogForm.vue
    author: liubin
    date: 2023-09-11 15:55:13
    description: DialogForm for equipmentBindSection only
 -->
 <template>
 	<el-form
 		ref="form"
 		:model="dataForm"
 		label-width="100px"
 		v-loading="formLoading">
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="报警编码"
 					prop="code"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.code"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入工段排序" />
 				</el-form-item>
 				<!-- 				
 						<el-form-item
 						label="报警编码"
 						prop="code"
 						:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 						<el-select
 						v-model="dataForm.code"
 						placeholder="请选择产线"
 						@change="handleProductlineChange">
 						<el-option
 						v-for="opt in productionLineList"
 						:key="opt.value"
 						:label="opt.label"
 						:value="opt.value" />
 					</el-select>
 				</el-form-item> -->
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					label="报警类型"
 					prop="type"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						v-model="dataForm.type"
 						:disabled="disabled"
 						placeholder="请选择报警类型"
 						@change="$emit('update', dataForm)">
 						<el-option
 							v-for="opt in [
 								{ label: '布尔型', value: 2 },
 								{ label: '字符型', value: 1 },
 							]"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 		</el-row>
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="报警级别"
 					prop="grade"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						:disabled="disabled"
 						v-model="dataForm.grade"
 						placeholder="请选择报警级别"
 						@change="$emit('update', dataForm)">
 						<el-option
 							v-for="opt in getDictDatas(DICT_TYPE.EQU_ALARM_LEVEL)"
 							:key="opt.value"
 							:label="opt.label"
 							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					v-if="+dataForm.type == 1"
 					label="设备报警编码"
 					prop="alarmCode">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.alarmCode"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入设备报警编码" />
 				</el-form-item>
 			</el-col>
 		</el-row>
 		<el-row :gutter="20">
 			<el-col :span="12">
 				<el-form-item
 					label="参数列名"
 					prop="plcParamName"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.plcParamName"
 						placeholder="请输入参数列名"
 						@change="$emit('update', dataForm)"></el-input>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
 				<el-form-item
 					label="报警内容"
 					prop="alarmContent"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
 						:disabled="disabled"
 						v-model="dataForm.alarmContent"
 						placeholder="请输入报警内容"
 						@change="$emit('update', dataForm)"></el-input>
 				</el-form-item>
 			</el-col>
 		</el-row>
 	</el-form>
 </template>
 <script>
 export default {
 	name: 'DialogForm',
 	model: {
 		prop: 'dataForm',
 		event: 'update',
 	},
 	emits: ['update'],
 	components: {},
 	props: {
 		dataForm: {
 			type: Object,
 			default: () => ({}),
 		},
 		disabled: {
 			type: Boolean,
 			default: false,
 		},
 	},
 	data() {
 		return {
 			formLoading: true,
 		};
 	},
 	mounted() {
 		this.getCode('/base/equipment-group-alarm/getCode').then((code) => {
 			this.formLoading = false;
 			this.$emit('update', {
 				...this.dataForm,
 				code,
 			});
 		});
 	},
 	methods: {
 		/** 模拟透传 ref  */
 		validate(cb) {
 			return this.$refs.form.validate(cb);
 		},
 		resetFields(args) {
 			return this.$refs.form.resetFields(args);
 		},
 		async handleProductlineChange(id) {
 			await this.getWorksectionList(id);
 			this.dataForm.workshopSectionId = null;
 			this.$emit('update', this.dataForm);
 		},
 		async getCode(url) {
 			const response = await this.$axios(url);
 			return response.data;
 		},
 	},
 };
 </script>
 <style scoped lang="scss">
 .el-date-editor,
 .el-select {
 	width: 100%;
 }
 </style>
--- a/src/views/base/equipmentGroupAlarm/index.vue
+++ b/src/views/base/equipmentGroupAlarm/index.vue
@@ -0,0 +1,361 @@
 <template>
 	<div class="app-container">
 		<!-- 搜索工作栏 -->
 		<SearchBar
 			:formConfigs="searchBarFormConfig"
 			ref="search-bar"
 			@headBtnClick="handleSearchBarBtnClick" />
 		<!-- 列表 -->
 		<base-table
 			:table-props="tableProps"
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
 			@emitFun="handleEmitFun">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
 				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
 		<!-- 分页组件 -->
 		<pagination
 			v-show="total > 0"
 			:total="total"
 			:page.sync="queryParams.pageNo"
 			:limit.sync="queryParams.pageSize"
 			@pagination="getList" />
 		<!-- 对话框(添加 / 修改) -->
 		<base-dialog
 			:dialogTitle="title"
 			:dialogVisible="open"
 			width="736px"
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
 			<DialogForm v-if="open" ref="form" v-model="form" :rows="rows" />
 		</base-dialog>
 	</div>
 </template>
 <script>
 import {
 	createEquipmentGroupAlarm,
 	updateEquipmentGroupAlarm,
 	deleteEquipmentGroupAlarm,
 	getEquipmentGroupAlarm,
 	getEquipmentGroupAlarmPage,
 	exportEquipmentGroupAlarmExcel,
 } from '@/api/base/equipmentGroupAlarm';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import moment from 'moment';
 import { publicFormatter } from '@/utils/dict';
 import DialogForm from './dialogForm.vue';
 export default {
 	name: 'EquipmentGroupAlarm',
 	components: { DialogForm },
 	mixins: [basicPageMixin],
 	data() {
 		return {
 			searchBarKeys: [''],
 			tableBtn: [
 				this.$auth.hasPermi('base:equipment-group-alarm:update')
 					? {
 							type: 'edit',
 							btnName: '修改',
 					  }
 					: undefined,
 				this.$auth.hasPermi('base:equipment-group-alarm:delete')
 					? {
 							type: 'delete',
 							btnName: '删除',
 					  }
 					: undefined,
 			].filter((v) => v),
 			tableProps: [
 				{
 					prop: 'createTime',
 					label: '添加时间',
 					fixed: true,
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{  width: 240, prop: 'code', label: '报警编码' },
 				{
 					prop: 'type',
 					label: '报警类型',
 					filter: (val) =>
 						val != null ? ['-', '字符型', '布尔型', '-'][val] : '-',
 				},
 				{
 					prop: 'grade',
 					label: '报警级别',
 					filter: publicFormatter(this.DICT_TYPE.EQU_ALARM_LEVEL),
 				},
 				{ prop: 'alarmCode', label: '设备报警编码' },
 				{ prop: 'plcParamName', label: '参数列名' },
 				{ prop: 'alarmContent', label: '报警内容' },
 			],
 			searchBarFormConfig: [
 				{
 					type: 'input',
 					label: '设备分组编码',
 					width: '220',
 					placeholder: '/',
 					param: 'equipmentGroupCode',
 					defaultSelect: null,
 					disabled: true,
 				},
 				{
 					type: 'input',
 					label: '设备分组名称',
 					placeholder: '/',
 					param: 'equipmentGroupName',
 					defaultSelect: null,
 					disabled: true,
 				},
 				{
 					type: this.$auth.hasPermi('base:equipment-group-alarm:create')
 						? 'button'
 						: '',
 					btnName: '新增',
 					name: 'add',
 					plain: true,
 					color: 'success',
 				},
 			],
 			rows: [
 				[
 					{
 						input: true,
 						label: '报警编码', // 自动生成
 						prop: 'code',
 						url: '/base/equipment-group-alarm/getCode',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						select: true,
 						label: '报警类型', // 固定选项
 						prop: 'type',
 						options: [
 							{ label: '布尔型', value: 2 },
 							{ label: '字符型', value: 1 },
 						],
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						select: true,
 						label: '报警级别', // 字典
 						prop: 'grade',
 						options: this.getDictDatas(this.DICT_TYPE.EQU_ALARM_LEVEL),
 					},
 					{
 						input: true,
 						label: '设备报警编码', // 对应到设备实际的报警编码
 						prop: 'alarmCode',
 					},
 				],
 				[
 					{
 						input: true,
 						label: '参数列名', // 在实时数据库的列名
 						prop: 'plcParamName',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						input: true,
 						label: '报警内容',
 						prop: 'alarmContent',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 			],
 			// 是否显示弹出层
 			open: false,
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
 				pageSize: 10,
 				equipmentGroupId: null,
 			},
 			// 表单参数
 			form: {
 				id: null,
 				equipmentGroupId: null,
 				code: null,
 				type: null,
 				grade: null,
 				alarmCode: null,
 				alarmContent: null,
 				plcParamName: null,
 			},
 			// // 表单校验
 			// rules: {
 			//   equipmentGroupId: [{ required: true, message: "设备分组ID，关联base_equipment_group不能为空", trigger: "blur" }],
 			//   type: [{ required: true, message: "报警类型:1.字符型，2.布尔型不能为空", trigger: "change" }],
 			//   alarmContent: [{ required: true, message: "报警内容 该条报警具体的解释不能为空", trigger: "blur" }],
 			//   plcParamName: [{ required: true, message: "关联编码，对应到plc_param_name的编码，用于链接数采不能为空", trigger: "blur" }],
 			// }
 		};
 	},
 	// watch: {
 	//   $route(value) {
 	//     console.log('new route info', value)
 	//   }
 	// },
 	// created() {
 	// 	this.getList();
 	// },
 	activated() {
 		// 设置顶部搜索栏信息
 		const { equipmentGroupName, equipmentGroupCode, equipmentGroupId } =
 			this.$route.params;
 		this.setSearchBarFormValue('equipmentGroupName', equipmentGroupName);
 		this.setSearchBarFormValue('equipmentGroupCode', equipmentGroupCode);
 		this.queryParams.equipmentGroupId = equipmentGroupId;
 		// if (!equipmentGroupId) this.getList(); // 拦截
 		this.getList();
 	},
 	deactivated() {
 		this.setSearchBarFormValue('equipmentGroupName', null);
 		this.setSearchBarFormValue('equipmentGroupCode', null);
 		this.queryParams.equipmentGroupId = null;
 	},
 	methods: {
 		/** 设置 searchBarForm 的默认值 - 用得比较少 */
 		setSearchBarFormValue(param, value) {
 			this.searchBarFormConfig.forEach((config) => {
 				if (config.param == param) {
 					config.defaultSelect = value;
 				}
 			});
 		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
 			// 执行查询
 			getEquipmentGroupAlarmPage(this.queryParams).then((response) => {
 				this.list = response.data.list;
 				this.total = response.data.total;
 				this.loading = false;
 			});
 		},
 		/** 取消按钮 */
 		cancel() {
 			this.open = false;
 			this.reset();
 		},
 		/** 表单重置 */
 		reset() {
 			this.form = {
 				id: null,
 				equipmentGroupId: null,
 				code: null,
 				type: null,
 				grade: null,
 				alarmCode: null,
 				alarmContent: null,
 				plcParamName: null,
 			};
 			this.resetForm('form');
 		},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;
 			this.getList();
 		},
 		/** 重置按钮操作 */
 		resetQuery() {
 			this.resetForm('queryForm');
 			this.handleQuery();
 		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			if (this.queryParams.equipmentGroupId == null)
 				return this.$message.error('没有检测到设备分组信息');
 			this.reset();
 			this.open = true;
 			this.title = '添加设备分组报警明细';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
 			this.reset();
 			const id = row.id;
 			getEquipmentGroupAlarm(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
 				this.title = '修改设备分组报警明细';
 			});
 		},
 		/** 提交按钮 */
 		submitForm() {
 			this.$refs['form'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 				// 修改的提交
 				if (this.form.id != null) {
 					updateEquipmentGroupAlarm({
 						...this.form,
 						equipmentGroupId: this.queryParams.equipmentGroupId,
 					}).then((response) => {
 						this.$modal.msgSuccess('修改成功');
 						this.open = false;
 						this.getList();
 					});
 					return;
 				}
 				// 添加的提交
 				createEquipmentGroupAlarm({
 					...this.form,
 					equipmentGroupId: this.queryParams.equipmentGroupId,
 				}).then((response) => {
 					this.$modal.msgSuccess('新增成功');
 					this.open = false;
 					this.getList();
 				});
 			});
 		},
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
 				.confirm('是否确认删除该报警?')
 				.then(function () {
 					return deleteEquipmentGroupAlarm(id);
 				})
 				.then(() => {
 					this.getList();
 					this.$modal.msgSuccess('删除成功');
 				})
 				.catch(() => {});
 		},
 		/** 导出按钮操作 */
 		handleExport() {
 			// 处理查询参数
 			let params = { ...this.queryParams };
 			params.pageNo = undefined;
 			params.pageSize = undefined;
 			this.$modal
 				.confirm('是否确认导出所有设备分组报警明细数据项?')
 				.then(() => {
 					this.exportLoading = true;
 					return exportEquipmentGroupAlarmExcel(params);
 				})
 				.then((response) => {
 					this.$download.excel(response, '设备分组报警明细.xls');
 					this.exportLoading = false;
 				})
 				.catch(() => {});
 		},
 	},
 };
 </script>
--- a/src/views/base/equipmentPlc/index.vue
+++ b/src/views/base/equipmentPlc/index.vue
@@ -0,0 +1,378 @@
 <template>
 	<div class="app-container">
 		<!-- 搜索工作栏 -->
 		<SearchBar
 			:formConfigs="searchBarFormConfig"
 			ref="search-bar"
 			@headBtnClick="handleSearchBarBtnClick" />
 		<!-- 列表 -->
 		<base-table
 			:table-props="tableProps"
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
 			ref="pageTable"
 			@emitFun="handleEmitFun">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
 		<!-- 分页组件 -->
 		<pagination
 			v-show="total > 0"
 			:total="total"
 			:page.sync="queryParams.pageNo"
 			:limit.sync="queryParams.pageSize"
 			@pagination="getList" />
 		<!-- 对话框(添加 / 修改) -->
 		<base-dialog
 			:dialogTitle="title"
 			:dialogVisible="open"
 			width="700px"
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
 			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
 		</base-dialog>
 	</div>
 </template>
 <script>
 import {
 	createEquipmentPlc,
 	updateEquipmentPlc,
 	deleteEquipmentPlc,
 	getEquipmentPlc,
 	getEquipmentPlcPage,
 	exportEquipmentPlcExcel,
 } from '@/api/base/equipmentPlc';
 import moment from 'moment';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 const switchBtn = {
 	name: 'SwitchBtn',
 	props: ['injectData'],
 	data() {
 		return {};
 	},
 	computed: {
 		active() {
 			return +this.injectData[this.injectData.prop] == 1 ? true : false;
 		},
 	},
 	methods: {},
 	render: function (h) {
 		return h(
 			'el-switch',
 			{
 				props: {
 					value: this.active,
 				},
 				on: {
 					change: (newVal) => {
 						this.$emit('emitData', {
 							action: 'update-collect',
 							payload: {
 								...this.injectData,
 								collection: newVal ? 1 : 0,
 							},
 						});
 					},
 				},
 			},
 			null
 		);
 	},
 };
 export default {
 	name: 'EquipmentPlc',
 	mixins: [basicPageMixin],
 	components: {},
 	data() {
 		return {
 			tableKey: Math.random(),
 			searchBarKeys: ['name', 'plcTableName'],
 			tableBtn: [
 				this.$auth.hasPermi('base:equipment-plc:update')
 					? {
 							type: 'edit',
 							btnName: '修改',
 					  }
 					: undefined,
 				this.$auth.hasPermi('base:equipment-plc:delete')
 					? {
 							type: 'delete',
 							btnName: '删除',
 					  }
 					: undefined,
 			].filter((v) => v),
 			tableProps: [
 				// {
 				// 	prop: 'createTime',
 				// 	label: '添加时间',
 				// 	fixed: true,
 				// 	width: 180,
 				// 	filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				// },
 				{ prop: 'code', label: '编码' },
 				{ prop: 'plcTableName', label: '关联表名' },
 				{ prop: 'name', label: '标识名称' },
 				{ prop: 'enName', label: '英文名称' },
 				{
 					prop: 'collection',
 					label: '是否采集',
 					subcomponent: switchBtn,
 				},
 				{ prop: 'description', label: '描述' },
 			],
 			searchBarFormConfig: [
 				{
 					type: 'input',
 					label: '表名',
 					placeholder: '请输入表名',
 					param: 'plcTableName',
 				},
 				{
 					type: 'input',
 					label: '标识',
 					placeholder: '请输入标识',
 					param: 'name',
 				},
 				{
 					type: 'button',
 					btnName: '查询',
 					name: 'search',
 					color: 'primary',
 				},
 				{
 					type: 'separate',
 				},
 				{
 					// type: this.$auth.hasPermi('base:equipment-plc:create')
 					// 	? 'button'
 					// 	: '',
 					type: 'button',
 					btnName: '新增',
 					name: 'add',
 					plain: true,
 					color: 'success',
 				},
 				// {
 				// 	type: this.$auth.hasPermi('base:equipment-plc:export') ? 'button' : '',
 				// 	btnName: '导出',
 				// 	name: 'export',
 				// 	color: 'warning',
 				// },
 			],
 			rows: [
 				[
 					{
 						input: true,
 						label: '关联表名',
 						prop: 'plcTableName',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						// bind: {
 						// 	disabled: true, // some condition, like detail mode...
 						// }
 					},
 					{
 						input: true,
 						label: '编码',
 						prop: 'code',
 						url: '/base/equipment-group/getCode',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						input: true,
 						label: '标识',
 						prop: 'name',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						// bind: {
 						// 	disabled: true, // some condition, like detail mode...
 						// }
 					},
 					{
 						input: true,
 						label: '英文名',
 						prop: 'enName',
 					},
 				],
 				[
 					{
 						switch: true,
 						label: '是否采集', // 是否采集 0 代表不采集, 1 代表采集
 						prop: 'collection',
 						value: 1,
 						bind: {
 							'active-value': 1,
 							'inactive-value': 0,
 						},
 					},
 				],
 				[
 					{
 						textarea: true,
 						label: '描述',
 						prop: 'description',
 						bind: {
 							placeholder: '请输入备注',
 						},
 					},
 				],
 			],
 			// 是否显示弹出
 			open: false,
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
 				pageSize: 10,
 				plcTableName: null,
 				name: null,
 			},
 			// 表单参数
 			form: {},
 		};
 	},
 	created() {
 		this.getList();
 	},
 	methods: {
 		/** 覆盖 handleEmitFun 的默认实现 */
 		handleEmitFun({ action, payload }) {
 			switch (action) {
 				case 'update-collect':
 					this.reset();
 					const tempForm = {};
 					Object.keys(this.form).forEach((key) => {
 						tempForm[key] = payload[key];
 					});
 					updateEquipmentPlc(tempForm).then((response) => {
 						this.$modal.msgSuccess('修改成功');
 						this.open = false;
 						this.getList();
 					});
 					break;
 			}
 		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
 			// 执行查询
 			getEquipmentPlcPage(this.queryParams).then((response) => {
 				this.list = response.data.list;
 				this.total = response.data.total;
 				this.loading = false;
 				// this.tableKey = Math.random(); // method 1
 			});
 		},
 		/** 取消按钮 */
 		cancel() {
 			this.open = false;
 			this.reset();
 		},
 		/** 表单重置 */
 		reset() {
 			this.form = {
 				id: undefined,
 				plcTableName: undefined,
 				code: undefined,
 				name: undefined,
 				enName: undefined,
 				description: undefined,
 				collection: undefined,
 			};
 			this.resetForm('form');
 		},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;
 			this.getList();
 		},
 		/** 重置按钮操作 */
 		resetQuery() {
 			this.resetForm('queryForm');
 			this.handleQuery();
 		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();
 			this.open = true;
 			this.title = '添加实时数据采集配置';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
 			this.reset();
 			const id = row.id;
 			getEquipmentPlc(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
 				this.title = '修改实时数据采集配置';
 			});
 		},
 		/** 提交按钮 */
 		submitForm() {
 			this.$refs['form'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 				// 修改的提交
 				if (this.form.id != null) {
 					updateEquipmentPlc(this.form).then((response) => {
 						this.$modal.msgSuccess('修改成功');
 						this.open = false;
 						this.getList();
 					});
 					return;
 				}
 				// 添加的提交
 				createEquipmentPlc(this.form).then((response) => {
 					this.$modal.msgSuccess('新增成功');
 					this.open = false;
 					this.getList();
 				});
 			});
 		},
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
 				.confirm('是否确认删除实时数据采集配置编号为"' + id + '"的数据项?')
 				.then(function () {
 					return deleteEquipmentPlc(id);
 				})
 				.then(() => {
 					this.getList();
 					this.$modal.msgSuccess('删除成功');
 				})
 				.catch(() => {});
 		},
 		/** 导出按钮操作 */
 		handleExport() {
 			// 处理查询参数
 			let params = { ...this.queryParams };
 			params.pageNo = undefined;
 			params.pageSize = undefined;
 			this.$modal
 				.confirm('是否确认导出所有实时数据采集配置数据项?')
 				.then(() => {
 					this.exportLoading = true;
 					return exportEquipmentPlcExcel(params);
 				})
 				.then((response) => {
 					this.$download.excel(response, '实时数据采集配置.xls');
 					this.exportLoading = false;
 				})
 				.catch(() => {});
 		},
 	},
 };
 </script>
--- a/src/views/base/equipmentPlcConnect/components/BasicDrawer.vue
+++ b/src/views/base/equipmentPlcConnect/components/BasicDrawer.vue
@@ -0,0 +1,531 @@
 <!-- 
    filename: EquipmentDrawer.vue
    author: liubin
    date: 2023-08-22 14:38:56
    description: 
 -->
 <template>
 	<el-drawer
 		:visible="visible"
 		:show-close="false"
 		:wrapper-closable="false"
 		class="drawer"
 		custom-class="mes-drawer"
 		size="60%"
 		@closed="$emit('destroy')">
 		<SmallTitle slot="title">
 			{{
 				mode.includes('detail')
 					? '详情'
 					: mode.includes('edit')
 					? '编辑'
 					: '新增'
 			}}
 		</SmallTitle>
 		<div class="drawer-body flex">
 			<div class="drawer-body__content">
 				<section v-for="(section, index) in sections" :key="section.key">
 					<SmallTitle v-if="index != 0">{{ section.name }}</SmallTitle>
 					<div class="form-part" v-if="section.key == 'base'">
 						<el-skeleton v-if="!showForm" animated />
 						<BaseInfoForm
 							key="drawer-dialog-form"
 							v-if="showForm"
 							ref="form"
 							:disabled="mode.includes('detail')"
 							:dataForm="form"
 							:rows="formRows" />
 					</div>
 					<div v-if="section.key == 'attrs'" style="margin-top: 12px">
 						<base-table
 							v-loading="attrListLoading"
 							:table-props="section.props"
 							:page="attrQuery?.params.pageNo || 1"
 							:limit="attrQuery?.params.pageSize || 10"
 							:table-data="list"
 							:add-button-show="mode.includes('detail') ? null : '添加属性'"
 							@emitButtonClick="handleAddAttr"
 							@emitFun="handleEmitFun">
 							<method-btn
 								v-if="section.tableBtn"
 								slot="handleBtn"
 								label="操作"
 								:method-list="tableBtn"
 								@clickBtn="handleTableBtnClick" />
 						</base-table>
 						<!-- 分页组件 -->
 						<pagination
 							v-show="total > 0"
 							:total="total"
 							:page.sync="attrQuery.params.pageNo"
 							:limit.sync="attrQuery.params.pageSize"
 							@pagination="getAttrList" />
 					</div>
 				</section>
 			</div>
 			<div class="drawer-body__footer">
 				<el-button style="" @click="handleCancel">取消</el-button>
 				<el-button v-if="mode == 'detail'" type="primary" @click="toggleEdit">
 					编辑
 				</el-button>
 				<el-button v-else type="primary" @click="handleCancel">确定</el-button>
 				<!-- sections的第二项必须是 属性列表  -->
 				<!-- <el-button
 						v-if="sections[1].allowAdd"
 						type="primary"
 						@click="handleAddAttr">
 						添加属性
 					</el-button> -->
 			</div>
 		</div>
 		<!-- 属性对话框 -->
 		<base-dialog
 			v-if="sections[1].allowAdd"
 			:dialogTitle="attrTitle"
 			:dialogVisible="attrFormVisible"
 			width="45%"
 			:append-to-body="true"
 			custom-class="baseDialog"
 			@close="closeAttrForm"
 			@cancel="closeAttrForm"
 			@confirm="submitAttrForm">
 			<DialogForm
 				v-if="attrFormVisible"
 				ref="attrForm"
 				:disabled="mode.includes('detail')"
 				v-model="attrForm"
 				:rows="attrRows" />
 		</base-dialog>
 	</el-drawer>
 </template>
 <script>
 import BaseInfoForm from '@/components/DialogForm';
 const SmallTitle = {
 	name: 'SmallTitle',
 	props: ['size'],
 	data() {
 		return {};
 	},
 	methods: {},
 	render: function (h) {
 		return h(
 			'span',
 			{
 				class: 'small-title',
 				style: {
 					fontSize: '18px',
 					lineHeight:
 						this.size == 'lg' ? '24px' : this.size == 'sm' ? '18px' : '20px',
 					fontWeight: 500,
 					fontFamily: '微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif',
 				},
 			},
 			this.$slots.default
 		);
 	},
 };
 export default {
 	components: { SmallTitle, DialogForm: BaseInfoForm, BaseInfoForm },
 	props: ['sections', 'defaultMode', 'infoData'],
 	data() {
 		return {
 			mode: '',
 			visible: false,
 			showForm: false,
 			total: 0,
 			form: {},
 			list: [],
 			attrTitle: '',
 			attrForm: {
 				id: null,
 				name: '',
 				plcParamName: '',
 				unit: '',
 				collection: 1,
 				minValue: '',
 				maxValue: '',
 				defaultValue: '',
 				description: '',
 				remark: '',
 				alarmContent: '',
 			},
 			attrFormVisible: false,
 			attrRows: [
 				[
 					{
 						input: true,
 						label: '参数列名',
 						prop: 'plcParamName',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						input: true,
 						label: '参数名称',
 						prop: 'name',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						select: true,
 						label: '单位',
 						prop: 'unit',
 						options: this.getDictDatas(this.DICT_TYPE.UNIT_DICT),
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						switch: true,
 						label: '是否采集',
 						prop: 'collection',
 						bind: {
 							'active-value': 1,
 							'inactive-value': 0,
 						},
 					},
 				],
 				[
 					{
 						input: true,
 						label: '最小值',
 						prop: 'minValue',
 						rules: [
 							{
 								type: 'number',
 								message: '请输入正确的数字',
 								trigger: 'change',
 								transform: (val) => Number(val),
 							},
 						],
 					},
 					{
 						input: true,
 						label: '最大值',
 						prop: 'maxValue',
 						rules: [
 							{
 								required: false,
 							},
 							{
 								type: 'number',
 								message: '请输入正确的数字',
 								trigger: 'change',
 								transform: (val) => Number(val),
 							},
 						],
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						input: true,
 						label: '标准值',
 						prop: 'defaultValue',
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						input: true,
 						label: '描述',
 						prop: 'description',
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						input: true,
 						label: '备注',
 						prop: 'remark',
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 			],
 			attrQuery: {
 				params: {
 					pageNo: 1,
 					pageSize: 10,
 				},
 			}, // 属性列表的请求
 			infoQuery: null, // 基本信息的请求
 			attrFormSubmitting: false,
 			attrListLoading: false,
 		};
 	},
 	computed: {
 		formRows() {
 			return this.sections[0].rows.map((row) => {
 				return row.map((col) => {
 					return {
 						...col,
 						bind: {
 							// 详情 模式下，禁用各种输入
 							// disabled: this.mode == 'detail',
 							disabled: true,
 						},
 					};
 				});
 			});
 		},
 		tableBtn() {
 			return this.mode == 'detail' ? [] : this.sections[1].tableBtn;
 		},
 	},
 	mounted() {
 		this.mode = this.defaultMode || 'detail';
 		for (const section of this.sections) {
 			// 请求具体信息
 			if ('url' in section) {
 				const query = {
 					url: section.url,
 					method: section.method || 'get',
 					params: section.queryParams || null,
 					data: section.data || null,
 				};
 				// debugger;
 				this.$axios(query).then(({ data }) => {
 					if (section.key == 'base') {
 						this.form = data;
 						this.showForm = true;
 						this.infoQuery = query;
 					} else if (section.key == 'attrs') {
 						this.attrQuery = query;
 						this.list = data.list;
 						this.total = data.total;
 					}
 				});
 			} else if (section.key == 'base') {
 				this.form = this.infoData;
 				this.showForm = true;
 			}
 		}
 	},
 	methods: {
 		handleTableBtnClick({ type, data }) {
 			switch (type) {
 				case 'edit':
 					this.handleEditAttr(data.id);
 					break;
 				case 'delete':
 					this.handleDeleteAttr(data.id);
 					break;
 			}
 		},
 		handleEmitFun(val) {
 			console.log('handleEmitFun', val);
 		},
 		init() {
 			this.visible = true;
 		},
 		async getAttrList() {
 			this.attrListLoading = true;
 			const res = await this.$axios(this.attrQuery);
 			if (res.code == 0) {
 				this.list = res.data.list;
 				this.total = res.data.total;
 			}
 			this.attrListLoading = false;
 		},
 		// 保存表单
 		handleSave() {
 			this.$refs['form'][0].validate(async (valid) => {
 				if (valid) {
 					const isEdit = this.mode == 'edit';
 					await this.$axios({
 						url: this.sections[0][isEdit ? 'urlUpdate' : 'urlCreate'],
 						method: isEdit ? 'put' : 'post',
 						data: this.form,
 					});
 					this.$modal.msgSuccess(`${isEdit ? '更新' : '创建'}成功`);
 					this.visible = false;
 					this.$emit('refreshDataList');
 				}
 			});
 		},
 		handleCancel() {
 			this.visible = false;
 		},
 		// 开启编辑
 		toggleEdit() {
 			this.mode = 'edit';
 		},
 		// 新增属性
 		handleAddAttr() {
 			this.attrForm = {
 				id: null,
 				name: '',
 				plcParamName: '',
 				unit: '',
 				collection: 1,
 				minValue: '',
 				maxValue: '',
 				defaultValue: '',
 				description: '',
 				remark: '',
 				alarmContent: '',
 			};
 			this.attrTitle = '添加设备绑定信息';
 			this.attrFormVisible = true;
 		},
 		// 编辑属性
 		async handleEditAttr(attrId) {
 			const res = await this.$axios({
 				url: this.sections[1].urlDetail,
 				method: 'get',
 				params: { id: attrId },
 			});
 			if (res.code == 0) {
 				this.attrForm = res.data;
 				this.attrTitle = '编辑设备绑定信息';
 				this.attrFormVisible = true;
 			}
 		},
 		// 删除属性
 		handleDeleteAttr(attrId) {
 			this.$confirm('确定删除该分组报警?', '提示', {
 				confirmButtonText: '确定',
 				cancelButtonText: '取消',
 				type: 'warning',
 			})
 				.then(async () => {
 					const res = await this.$axios({
 						url: this.sections[1].urlDelete,
 						method: 'delete',
 						params: { id: attrId },
 					});
 					if (res.code == 0) {
 						this.$message({
 							message: '删除成功',
 							type: 'success',
 							duration: 1500,
 							onClose: () => {
 								this.getAttrList();
 							},
 						});
 					}
 				})
 				.catch(() => {});
 		},
 		// 提交属性表
 		async submitAttrForm() {
 			this.$refs['attrForm'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 			});
 			const isEdit = this.attrForm.id != null;
 			this.attrFormSubmitting = true;
 			const res = await this.$axios({
 				url: isEdit ? this.sections[1].urlUpdate : this.sections[1].urlCreate,
 				method: isEdit ? 'put' : 'post',
 				data: {
 					...this.attrForm,
 					connectId: this.infoData.id
 				},
 			});
 			if (res.code == 0) {
 				this.closeAttrForm();
 				this.$message({
 					message: `${isEdit ? '更新' : '创建'}成功`,
 					type: 'success',
 					duration: 1500,
 					onClose: () => {
 						this.getAttrList();
 					},
 				});
 			}
 			this.attrFormSubmitting = false;
 		},
 		closeAttrForm() {
 			this.attrFormVisible = false;
 		},
 		handleClick(raw) {
 			if (raw.type === 'delete') {
 				this.$confirm(`确定删除该报警?`, '提示', {
 					confirmButtonText: '确定',
 					cancelButtonText: '取消',
 					type: 'warning',
 				})
 					.then(() => {
 						deleteProductAttr(raw.data.id).then(({ data }) => {
 							this.$message({
 								message: '操作成功',
 								type: 'success',
 								duration: 1500,
 								onClose: () => {
 									this.getList();
 								},
 							});
 						});
 					})
 					.catch(() => {});
 			} else {
 				this.addNew(raw.data.id);
 			}
 		},
 	},
 };
 </script>
 <style scoped>
 .drawer >>> .el-drawer {
 	border-radius: 8px 0 0 8px;
 }
 .drawer >>> .el-drawer__header {
 	margin: 0;
 	padding: 32px 32px 24px;
 	border-bottom: 1px solid #dcdfe6;
 	margin-bottom: 0px;
 }
 .small-title::before {
 	content: '';
 	display: inline-block;
 	vertical-align: top;
 	width: 4px;
 	height: 22px;
 	border-radius: 1px;
 	margin-right: 8px;
 	background-color: #0b58ff;
 }
 .drawer-body {
 	display: flex;
 	flex-direction: column;
 	height: 100%;
 }
 .drawer-body__content {
 	flex: 1;
 	/* background: #eee; */
 	padding: 20px 30px;
 	overflow-y: auto;
 }
 .drawer-body__footer {
 	display: flex;
 	justify-content: flex-end;
 	padding: 18px;
 }
 </style>
--- a/src/views/base/equipmentPlcConnect/http.js
+++ b/src/views/base/equipmentPlcConnect/http.js
@@ -0,0 +1,85 @@
 /*
 * @Author: zhp
 * @Date: 2023-09-11 16:18:44
 * @LastEditTime: 2023-09-12 14:25:01
 * @LastEditors: zhp
 * @Description:  
 */
 import Mock from 'mockjs';
 const baseURL = 'http://192.168.1.188:48080/admin-api';
 Mock.setup({
 	timeout: 200,
 });
 // @database
 const list = Mock.mock({
 	'data|1-10': [
 		{
 			'id|+1': 1,
 			productionLine: (options) => {
 				// console.log('otpsion', options.context.currentContext);
 				return `EQ${options.context.currentContext.id}`;
 			},
 			workshopSection: ({ context: { currentContext } }) =>
 				`EQ${currentContext.id}_WS${Mock.Random.integer(1, 10)}`,
 			equipmentName: ({ context: { currentContext } }) =>
 				`设备${currentContext.id}`,
 			equipmentCode: ({ context: { currentContext } }) =>
 				`${currentContext.equipmentName}_Code`,
 			plcCode: ({ context: { currentContext } }) =>
 				`PLC_TABLE_CODE_${currentContext.id}`,
 			plcTableName: ({ context: { currentContext } }) =>
 				`PLC_TABLE_${currentContext.id}`,
 			plcName: ({ context: { currentContext } }) => `PLC_${currentContext.id}`,
 			'bindingParameters|1-10': 1,
 		},
 	],
 });
 // @page
 Mock.mock(
 	RegExp(baseURL + '/base/equipment-plc-connect/page' + '.*'),
 	'get',
 	(options) => {
 		console.log('[Mock url]', options.url, list);
 		return {
 			code: 0,
 			data: {
 				list: list.data,
 				total: list.data.length,
 			},
 		};
 	}
 );
 // @create
 Mock.mock(baseURL + '/base/equipment-plc-connect/create', 'post', (options) => {
 	console.log('options', options);
 	const { url, type, body } = options;
 	const newItem = JSON.parse(body);
 	list.data.push(newItem);
 	return {
 		code: 0,
 		data: null,
 		msg: 'success',
 	};
 });
 // @update
 Mock.mock(
 	baseURL + '/admin-api/base/equipment-plc-connect/update',
 	'put',
 	(options) => {
 		const { url, type, body } = options;
 		const { id } = JSON.parse(body);
 		const newItem = list.data.find((item) => item.id == id);
 		newItem = { ...newItem, ...JSON.parse(body) };
 		return {
 			code: 0,
 			msg: 'success',
 			data: null,
 		};
 	}
 );
--- a/src/views/base/equipmentPlcConnect/index.vue
+++ b/src/views/base/equipmentPlcConnect/index.vue
@@ -0,0 +1,518 @@
 <template>
 	<div class="app-container">
 		<!-- 搜索工作栏 -->
 		<SearchBar
 			:formConfigs="searchBarFormConfig"
 			ref="search-bar"
 			@headBtnClick="handleSearchBarBtnClick" />
 		<!-- 列表 -->
 		<base-table
 			:table-props="tableProps"
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
 			@emitFun="handleEmitFun">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
 				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
 		<!-- 分页组件 -->
 		<pagination
 			v-show="total > 0"
 			:total="total"
 			:page.sync="queryParams.pageNo"
 			:limit.sync="queryParams.pageSize"
 			@pagination="getList" />
 		<!-- 对话框(添加 / 修改) -->
 		<base-dialog
 			:dialogTitle="title"
 			:dialogVisible="open"
 			width="700px"
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
 			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
 		</base-dialog>
 		<!-- 抽屉 详情 -->
 		<BasicDrawer
 			v-if="editVisible"
 			ref="drawer"
 			:default-mode="editMode"
 			:info-data="alarmForm"
 			:sections="[
 				{
 					name: '基本信息',
 					key: 'base',
 					rows: drawerBaseInfoRows,
 				},
 				{
 					name: '属性列表',
 					key: 'attrs',
 					props: drawerListProps,
 					url: '/base/equipment-plc-param/page',
 					urlCreate: '/base/equipment-plc-param/create',
 					urlUpdate: '/base/equipment-plc-param/update',
 					urlDelete: '/base/equipment-plc-param/delete',
 					urlDetail: '/base/equipment-plc-param/get',
 					queryParams: {
 						connectId: alarmForm.id,
 						pageNo: 1,
 						pageSize: 10,
 					},
 					tableBtn: [
 						this.$auth.hasPermi('base:equipment-plc-param:update')
 							? {
 									type: 'edit',
 									btnName: '修改',
 							  }
 							: undefined,
 						this.$auth.hasPermi('base:equipment-plc-param:delete')
 							? {
 									type: 'delete',
 									btnName: '删除',
 							  }
 							: undefined,
 					].filter((v) => v),
 					allowAdd: true,
 				},
 			]"
 			@refreshDataList="getList"
 			@cancel="editVisible = false"
 			@destroy="editVisible = false" />
 	</div>
 </template>
 <script>
 import {
 	createEquipmentPlcConnect,
 	updateEquipmentPlcConnect,
 	deleteEquipmentPlcConnect,
 	getEquipmentPlcConnect,
 	getEquipmentPlcConnectPage,
 	exportEquipmentPlcConnectExcel,
 } from '@/api/base/equipmentPlcConnect';
 import moment from 'moment';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 // import './http';
 import BasicDrawer from './components/BasicDrawer.vue';
 import { publicFormatter } from '@/utils/dict';
 export default {
 	name: 'EquipmentPlcConnect',
 	mixins: [basicPageMixin],
 	components: { BasicDrawer },
 	data() {
 		return {
 			searchBarKeys: ['equipmentId', 'plcId'],
 			// tableBtn: [
 			// 	this.$auth.hasPermi('base:equipment-plc:update')
 			// 		? {
 			// 				type: 'edit',
 			// 				btnName: '修改',
 			// 		  }
 			// 		: undefined,
 			// 	this.$auth.hasPermi('base:equipment-plc:delete')
 			// 		? {
 			// 				type: 'delete',
 			// 				btnName: '删除',
 			// 		  }
 			// 		: undefined,
 			// ].filter((v) => v),
 			tableBtn: [
 				{
 					type: 'detail',
 					btnName: '参数绑定',
 				},
 				{
 					type: 'edit',
 					btnName: '修改',
 				},
 				// {
 				// 	type: 'params-bind',
 				// 	btnName: '参数绑定',
 				// },
 				{
 					type: 'delete',
 					btnName: '删除',
 				},
 			],
 			tableProps: [
 				// {
 				// 	prop: 'createTime',
 				// 	label: '添加时间',
 				// 	fixed: true,
 				// 	width: 180,
 				// 	filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				// },
 				{ prop: 'productionLine', label: '产线' },
 				{ prop: 'workshopSection', label: '工段' },
 				{ prop: 'equipmentName', label: '设备名' },
 				{ prop: 'equipmentCode', label: '设备编码' },
 				{ prop: 'plcCode', label: '关联表编码' },
 				{ prop: 'plcTableName', label: '关联表名' },
 				{ prop: 'plcName', label: '标识名称' },
 				{ prop: 'bindingParameters', label: '绑定参数数量' },
 				// {
 				// 	_action: 'params-bind',
 				// 	label: '查看绑定',
 				// 	subcomponent: {
 				// 		props: ['injectData'],
 				// 		render: function (h) {
 				// 			const _this = this;
 				// 			return h(
 				// 				'el-button',
 				// 				{
 				// 					props: { type: 'text' },
 				// 					on: {
 				// 						click: function () {
 				// 							console.log('inejctdata', _this.injectData);
 				// 							_this.$emit('emitData', {
 				// 								action: _this.injectData._action,
 				// 								payload: _this.injectData,
 				// 							});
 				// 						},
 				// 					},
 				// 				},
 				// 				'查看绑定'
 				// 			);
 				// 		},
 				// 	},
 				// },
 			],
 			searchBarFormConfig: [
 				{
 					type: 'select',
 					label: '设备名',
 					placeholder: '请选择设备',
 					param: 'equipmentId',
 					selectOptions: [],
 				},
 				{
 					type: 'select',
 					label: '编码',
 					placeholder: '请选择编码',
 					param: 'plcId',
 					selectOptions: [],
 				},
 				{
 					type: 'button',
 					btnName: '查询',
 					name: 'search',
 					color: 'primary',
 				},
 				{
 					type: 'separate',
 				},
 				{
 					// type: this.$auth.hasPermi('base:equipment-plc:create')
 					// 	? 'button'
 					// 	: '',
 					type: 'button',
 					btnName: '新增',
 					name: 'add',
 					plain: true,
 					color: 'success',
 				},
 				// {
 				// 	type: this.$auth.hasPermi('base:equipment-plc:export') ? 'button' : '',
 				// 	btnName: '导出',
 				// 	name: 'export',
 				// 	color: 'warning',
 				// },
 			],
 			rows: [
 				[
 					{
 						select: true,
 						label: '关联表名',
 						prop: 'plcId',
 						labelKey: `plcTableName`,
 						url: '/base/equipment-plc/listAll',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						bind: {
 							filterable: true,
 						},
 					},
 				],
 				[
 					{
 						select: true,
 						label: '设备',
 						prop: 'equipmentId',
 						url: '/base/equipment/page?pageNo=1&pageSize=99',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						bind: {
 							filterable: true,
 						},
 					},
 				],
 			],
 			open: false,
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
 				pageSize: 10,
 				plcId: null,
 				equipmentId: null,
 			},
 			// 表单参数
 			form: {},
 			// 查看绑定配置
 			editVisible: false,
 			editMode: '',
 			drawerBaseInfoRows: [
 				[
 					{
 						input: true,
 						label: '设备名',
 						prop: 'equipmentName',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						// bind: {
 						// 	disabled: this.editMode == 'detail', // some condition, like detail mode...
 						// }
 					},
 					{
 						input: true,
 						label: '关联表名',
 						prop: 'plcTableName',
 						// url: '/base/equipment/getCode',
 					},
 				],
 			],
 			drawerListProps: [
 				{ prop: 'plcParamName', label: '参数列名' },
 				{ prop: 'name', label: '参数名称' },
 				{
 					prop: 'unit',
 					label: '单位',
 					filter: publicFormatter('unit_dict'),
 				},
 				{
 					prop: 'collection',
 					label: '是否采集',
 					filter: (val) => (val != null ? ['否', '是'][val] : '-'),
 				},
 				{ prop: 'minValue', label: '最小值' },
 				{ prop: 'maxValue', label: '最大值' },
 				{ prop: 'defaultValue', label: '标准值' },
 				{ prop: 'description', label: '描述' },
 				{ prop: 'remark', label: '备注' },
 			],
 			alarmForm: {
 				id: undefined,
 				equipmentName: undefined,
 				plcTableName: undefined,
 			},
 		};
 	},
 	created() {
 		this.getList();
 		this.initSearchOptions();
 	},
 	methods: {
 		async getEquipmentOptions() {
 			const res = await this.$axios({
 				url: '/base/equipment/listAll',
 				method: 'get',
 			});
 			return res.data;
 		},
 		async getPlcOptions() {
 			const res = await this.$axios({
 				url: '/base/equipment-plc/listAll',
 				method: 'get',
 			});
 			return res.data;
 		},
 		/** 初始化查询条件 */
 		async initSearchOptions() {
 			Promise.all([this.getEquipmentOptions(), this.getPlcOptions()]).then(
 				([eqList, plcList]) => {
 					this.searchBarFormConfig[0].selectOptions = eqList.map((item) => {
 						return {
 							name: item.name,
 							id: item.id,
 						};
 					});
 					this.searchBarFormConfig[1].selectOptions = plcList.map((item) => {
 						return {
 							name: item.name,
 							id: item.id,
 						};
 					});
 				}
 			);
 		},
 		/** 覆盖 handleEmitFun 的默认实现 */
 		handleEmitFun({ action, payload }) {
 			switch (action) {
 				case 'params-bind':
 					this.reset();
 					const {
 						id,
 						equipmentName,
 						equipmentId,
 						plcId,
 						plcName,
 						plcTableName,
 					} = payload;
 					// console.log('Cha看绑定参数弹窗', id, equipmentName, plcTableName);
 					this.$router.push({
 						name: 'EquipmentPlcParam',
 						params: {
 							id,
 							equipmentName,
 							plcTableName,
 						},
 					});
 					break;
 			}
 		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
 			// 执行查询
 			getEquipmentPlcConnectPage(this.queryParams).then((response) => {
 				this.list = response.data.list;
 				this.total = response.data.total;
 				this.loading = false;
 			});
 		},
 		/** 取消按钮 */
 		cancel() {
 			this.open = false;
 			this.reset();
 		},
 		/** 表单重置 */
 		reset() {
 			this.form = {
 				id: undefined,
 				plcId: undefined,
 				equipmentId: undefined,
 			};
 			this.resetForm('form');
 		},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;
 			this.getList();
 		},
 		/** 重置按钮操作 */
 		resetQuery() {
 			this.resetForm('queryForm');
 			this.handleQuery();
 		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();
 			this.open = true;
 			this.title = '添加设备与实时采集关系表（一对多）';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
 			this.reset();
 			const id = row.id;
 			getEquipmentPlcConnect(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
 				this.title = '修改设备与实时采集关系表（一对多）';
 			});
 		},
 		/** 提交按钮 */
 		submitForm() {
 			this.$refs['form'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 				// 修改的提交
 				if (this.form.id != null) {
 					updateEquipmentPlcConnect(this.form).then((response) => {
 						this.$modal.msgSuccess('修改成功');
 						this.open = false;
 						this.getList();
 					});
 					return;
 				}
 				// 添加的提交
 				createEquipmentPlcConnect(this.form).then((response) => {
 					this.$modal.msgSuccess('新增成功');
 					this.open = false;
 					this.getList();
 				});
 			});
 		},
 		// 查看报警
 		handleDetail(row) {
 			// debugger;
 			const {
 				id,
 				bindingParameters,
 				equipmentCode,
 				equipmentId,
 				equipmentName,
 				plcCode,
 				plcId,
 				plcName,
 				plcTableName,
 				productionLine,
 				workshopSection,
 			} = row;
 			// 打开抽屉
 			this.editMode = 'detail';
 			this.alarmForm.id = id;
 			this.alarmForm.plcTableName = plcTableName; // 关联表名
 			this.alarmForm.equipmentName = equipmentName;
 			this.editVisible = true;
 			this.$nextTick(() => {
 				this.$refs['drawer'].init();
 			});
 		},
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
 				.confirm('是否删除该配置?')
 				.then(function () {
 					return deleteEquipmentPlcConnect(id);
 				})
 				.then(() => {
 					this.getList();
 					this.$modal.msgSuccess('删除成功');
 				})
 				.catch(() => {});
 		},
 		/** 导出按钮操作 */
 		handleExport() {
 			// 处理查询参数
 			let params = { ...this.queryParams };
 			params.pageNo = undefined;
 			params.pageSize = undefined;
 			this.$modal
 				.confirm('是否确认导出所有设备与实时采集关系表（一对多）数据项?')
 				.then(() => {
 					this.exportLoading = true;
 					return exportEquipmentPlcConnectExcel(params);
 				})
 				.then((response) => {
 					this.$download.excel(response, '设备与实时采集关系表（一对多）.xls');
 					this.exportLoading = false;
 				})
 				.catch(() => {});
 		},
 	},
 };
 </script>
--- a/src/views/base/equipmentPlcParam/index.vue
+++ b/src/views/base/equipmentPlcParam/index.vue
@@ -0,0 +1,452 @@
 <template>
 	<div class="app-container">
 		<!-- 搜索工作栏 -->
 		<SearchBar
 			:formConfigs="searchBarFormConfig"
 			ref="search-bar"
 			@headBtnClick="handleSearchBarBtnClick" />
 		<!-- 列表 -->
 		<base-table
 			:table-props="tableProps"
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
 			@emitFun="handleEmitFun">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
 				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
 		<!-- 分页组件 -->
 		<pagination
 			v-show="total > 0"
 			:total="total"
 			:page.sync="queryParams.pageNo"
 			:limit.sync="queryParams.pageSize"
 			@pagination="getList" />
 		<!-- 对话框(添加 / 修改) -->
 		<base-dialog
 			:dialogTitle="title"
 			:dialogVisible="open"
 			width="700px"
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
 			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
 		</base-dialog>
 	</div>
 </template>
 <script>
 import {
 	createEquipmentPlcParam,
 	updateEquipmentPlcParam,
 	deleteEquipmentPlcParam,
 	getEquipmentPlcParam,
 	getEquipmentPlcParamPage,
 	exportEquipmentPlcParamExcel,
 } from '@/api/base/equipmentPlcParam';
 import moment from 'moment';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import { publicFormatter } from '@/utils/dict';
 export default {
 	name: 'EquipmentPlcParam',
 	mixins: [basicPageMixin],
 	data() {
 		return {
 			tableProps: [
 				// {
 				// 	prop: 'createTime',
 				// 	label: '添加时间',
 				// 	fixed: true,
 				// 	width: 180,
 				// 	filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				// },
 				{ prop: 'plcParamName', label: '参数列名' },
 				{ prop: 'name', label: '参数名称' },
 				{
 					prop: 'unit',
 					label: '单位',
 					filter: publicFormatter('unit_dict'),
 				},
 				{
 					prop: 'collection',
 					label: '是否采集',
 					filter: (val) => (val != null ? ['否', '是'][val] : '-'),
 				},
 				{ prop: 'minValue', label: '最小值' },
 				{ prop: 'maxValue', label: '最大值' },
 				{ prop: 'defaultValue', label: '标准值' },
 				{ prop: 'description', label: '描述' },
 				{ prop: 'remark', label: '备注' },
 				// {
 				// 	_action: 'params-bind',
 				// 	label: '查看绑定',
 				// 	,
 				// 	subcomponent: {
 				// 		props: ['injectData'],
 				// 		render: function (h) {
 				// 			const _this = this;
 				// 			return h(
 				// 				'el-button',
 				// 				{
 				// 					props: { type: 'text' },
 				// 					on: {
 				// 						click: function () {
 				// 							console.log('inejctdata', _this.injectData);
 				// 							_this.$emit('emitData', {
 				// 								action: _this.injectData._action,
 				// 								payload: _this.injectData,
 				// 							});
 				// 						},
 				// 					},
 				// 				},
 				// 				'查看绑定'
 				// 			);
 				// 		},
 				// 	},
 				// },
 			],
 			rows: [
 				[
 					{
 						input: true,
 						label: '参数列名',
 						prop: 'plcParamName',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						input: true,
 						label: '参数名称',
 						prop: 'name',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						select: true,
 						label: '单位',
 						prop: 'unit',
 						options: this.getDictDatas(this.DICT_TYPE.UNIT_DICT),
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						switch: true,
 						label: '是否采集',
 						prop: 'collection',
 						bind: {
 							'active-value': 1,
 							'inactive-value': 0,
 						},
 					},
 				],
 				[
 					{
 						input: true,
 						label: '最小值',
 						prop: 'minValue',
 						rules: [
 							{
 								type: 'number',
 								message: '请输入正确的数字',
 								trigger: 'change',
 								transform: (val) => Number(val),
 							},
 						],
 					},
 					{
 						input: true,
 						label: '最大值',
 						prop: 'maxValue',
 						rules: [
 							{
 								required: false,
 							},
 							{
 								type: 'number',
 								message: '请输入正确的数字',
 								trigger: 'change',
 								transform: (val) => Number(val),
 							},
 						],
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						input: true,
 						label: '标准值',
 						prop: 'defaultValue',
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
 						input: true,
 						label: '描述',
 						prop: 'description',
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
 					{
 						input: true,
 						label: '备注',
 						prop: 'remark',
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 			],
 			open: false,
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
 				pageSize: 10,
 				connectId: null,
 			},
 			// 表单参数
 			form: {},
 			connectId: null,
 			equipmentName: '',
 			plcTableName: '',
 			searchBarFormConfig: [
 				{
 					type: 'input',
 					label: '设备名',
 					disabled: true,
 					param: 'equipmentName',
 					defaultSelect: '',
 				},
 				{
 					type: 'input',
 					label: '关联表名',
 					disabled: true,
 					param: 'plcName',
 					defaultSelect: '',
 				},
 				{
 					type:
 						this.$auth.hasPermi('base:equipment-plc-param:create') &&
 						!this.isDetailPage
 							? 'button'
 							: '',
 					btnName: '新增',
 					name: 'add',
 					plain: true,
 					color: 'success',
 				},
 			],
 		};
 	},
 	computed: {
 		isDetailPage() {
 			return this.$route.params.detail === true;
 		},
 		tableBtn() {
 			return [
 				this.$auth.hasPermi('base:equipment-plc-param:update') &&
 				!this.isDetailPage
 					? {
 							type: 'edit',
 							btnName: '修改',
 					  }
 					: undefined,
 				this.$auth.hasPermi('base:equipment-plc-param:delete') &&
 				!this.isDetailPage
 					? {
 							type: 'delete',
 							btnName: '删除',
 					  }
 					: undefined,
 			].filter((v) => v);
 		},
 		// searchBarFormConfig() {
 		// 	console.log(
 		// 		'ers',
 		// 		JSON.stringify({ eid: this.equipmentName, plc: this.plcTableName })
 		// 	);
 		// 	return [
 		// 		{
 		// 			type: 'input',
 		// 			label: '设备名',
 		// 			disabled: true,
 		// 			param: 'equipmentName',
 		// 			defaultSelect: this.equipmentName,
 		// 		},
 		// 		{
 		// 			type: 'input',
 		// 			label: '关联表名',
 		// 			disabled: true,
 		// 			param: 'plcName',
 		// 			defaultSelect: this.plcTableName,
 		// 		},
 		// 		{
 		// 			type:
 		// 				this.$auth.hasPermi('base:equipment-plc-param:create') &&
 		// 				!this.isDetailPage
 		// 					? 'button'
 		// 					: '',
 		// 			btnName: '新增',
 		// 			name: 'add',
 		// 			plain: true,
 		// 			color: 'success',
 		// 		},
 		// 	];
 		// },
 	},
 	activated() {
 		console.log('activated,,,');
 		// 设置顶部搜索栏信息
 		const { equipmentName, id: connectId, plcTableName } = this.$route.params;
 		// this.equipmentName = equipmentName;
 		// this.plcTableName = plcTableName;
 		this.setSearchBarFormValue('equipmentName', equipmentName);
 		this.setSearchBarFormValue('plcName', plcTableName);
 		this.queryParams.connectId = connectId;
 		// if (!equipmentGroupId) this.getList(); // 拦截
 		this.getList();
 	},
 	deactivated() {
 		console.log('deactivated,,,');
 		this.setSearchBarFormValue('equipmentName', '');
 		this.setSearchBarFormValue('plcName', '');
 		// this.equipmentName = null;
 		// this.plcTableName = null;
 		this.queryParams.connectId = null;
 	},
 	methods: {
 		/** 设置 searchBarForm 的默认值 - 用得比较少 */
 		setSearchBarFormValue(param, value) {
 			this.searchBarFormConfig.forEach((config) => {
 				if (config.param == param) {
 					config.defaultSelect = value;
 				}
 			});
 		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
 			// 执行查询
 			getEquipmentPlcParamPage(this.queryParams).then((response) => {
 				this.list = response.data.list;
 				this.total = response.data.total;
 				this.loading = false;
 			});
 		},
 		/** 取消按钮 */
 		cancel() {
 			this.open = false;
 			this.reset();
 		},
 		/** 表单重置 */
 		reset() {
 			this.form = {
 				id: undefined,
 				connectId: undefined,
 				plcParamName: undefined,
 				name: undefined,
 				unit: undefined,
 				minValue: null,
 				maxValue: null,
 				defaultValue: undefined,
 				collection: undefined,
 				description: undefined,
 				remark: undefined,
 			};
 			this.resetForm('form');
 		},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;
 			this.getList();
 		},
 		/** 重置按钮操作 */
 		resetQuery() {
 			this.resetForm('queryForm');
 			this.handleQuery();
 		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();
 			this.open = true;
 			this.title = '添加设备数采详情';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
 			this.reset();
 			const id = row.id;
 			getEquipmentPlcParam(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
 				this.title = '修改设备数采详情';
 			});
 		},
 		/** 提交按钮 */
 		submitForm() {
 			this.$refs['form'].validate((valid) => {
 				if (!valid) {
 					return;
 				}
 				// 修改的提交
 				if (this.form.id != null) {
 					updateEquipmentPlcParam({
 						...this.form,
 						connectId: this.queryParams.connectId,
 					}).then((response) => {
 						this.$modal.msgSuccess('修改成功');
 						this.open = false;
 						this.getList();
 					});
 					return;
 				}
 				// 添加的提交
 				createEquipmentPlcParam({
 					...this.form,
 					connectId: this.queryParams.connectId,
 				}).then((response) => {
 					this.$modal.msgSuccess('新增成功');
 					this.open = false;
 					this.getList();
 				});
 			});
 		},
 		/** 删除按钮操作 */
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
 				.confirm('是否确认删除"' + row.name + '"的参数绑定?')
 				.then(function () {
 					return deleteEquipmentPlcParam(id);
 				})
 				.then(() => {
 					this.getList();
 					this.$modal.msgSuccess('删除成功');
 				})
 				.catch(() => {});
 		},
 		/** 导出按钮操作 */
 		handleExport() {
 			// 处理查询参数
 			let params = { ...this.queryParams };
 			params.pageNo = undefined;
 			params.pageSize = undefined;
 			this.$modal
 				.confirm('是否确认导出所有设备数采详情数据项?')
 				.then(() => {
 					this.exportLoading = true;
 					return exportEquipmentPlcParamExcel(params);
 				})
 				.then((response) => {
 					this.$download.excel(response, '设备数采详情.xls');
 					this.exportLoading = false;
 				})
 				.catch(() => {});
 		},
 	},
 };
 </script>
--- a/src/views/base/equipmentQuantityLog/index.vue
+++ b/src/views/base/equipmentQuantityLog/index.vue
@@ -0,0 +1,277 @@
 <template>
  <div class="app-container">
    <!-- 搜索工作栏 -->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="设备id" prop="equipmentId">
        <el-input v-model="queryParams.equipmentId" placeholder="请输入设备id" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="设备名称" prop="equipmentName">
        <el-input v-model="queryParams.equipmentName" placeholder="请输入设备名称" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="进入设备的数量" prop="inQuantity">
        <el-input v-model="queryParams.inQuantity" placeholder="请输入进入设备的数量" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="离开设备的数量，若plc只记录一个生产数量，也写入该字段" prop="outQuantity">
        <el-input v-model="queryParams.outQuantity" placeholder="请输入离开设备的数量，若plc只记录一个生产数量，也写入该字段" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="正常生产量" prop="okQuantity">
        <el-input v-model="queryParams.okQuantity" placeholder="请输入正常生产量" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="设备上报的报废数量" prop="nokQuantity">
        <el-input v-model="queryParams.nokQuantity" placeholder="请输入设备上报的报废数量" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="生产数量的记录时间" prop="recordTime">
        <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
      </el-form-item>
      <el-form-item label="版本号" prop="version">
        <el-input v-model="queryParams.version" placeholder="请输入版本号" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="创建时间" prop="createTime">
        <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <!-- 操作工具栏 -->
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                   v-hasPermi="['base:equipment-quantity-log:create']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                   v-hasPermi="['base:equipment-quantity-log:export']">导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <!-- 列表 -->
    <el-table v-loading="loading" :data="list">
      <el-table-column label="id" align="center" prop="id" />
      <el-table-column label="设备id" align="center" prop="equipmentId" />
      <el-table-column label="设备名称" align="center" prop="equipmentName" />
      <el-table-column label="进入设备的数量" align="center" prop="inQuantity" />
      <el-table-column label="离开设备的数量，若plc只记录一个生产数量，也写入该字段" align="center" prop="outQuantity" />
      <el-table-column label="正常生产量" align="center" prop="okQuantity" />
      <el-table-column label="设备上报的报废数量" align="center" prop="nokQuantity" />
      <el-table-column label="生产数量的记录时间" align="center" prop="recordTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.recordTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="版本号" align="center" prop="version" />
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                     v-hasPermi="['base:equipment-quantity-log:update']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                     v-hasPermi="['base:equipment-quantity-log:delete']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页组件 -->
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                @pagination="getList"/>
    <!-- 对话框(添加 / 修改) -->
    <el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="设备id" prop="equipmentId">
          <el-input v-model="form.equipmentId" placeholder="请输入设备id" />
        </el-form-item>
        <el-form-item label="设备名称" prop="equipmentName">
          <el-input v-model="form.equipmentName" placeholder="请输入设备名称" />
        </el-form-item>
        <el-form-item label="进入设备的数量" prop="inQuantity">
          <el-input v-model="form.inQuantity" placeholder="请输入进入设备的数量" />
        </el-form-item>
        <el-form-item label="离开设备的数量，若plc只记录一个生产数量，也写入该字段" prop="outQuantity">
          <el-input v-model="form.outQuantity" placeholder="请输入离开设备的数量，若plc只记录一个生产数量，也写入该字段" />
        </el-form-item>
        <el-form-item label="正常生产量" prop="okQuantity">
          <el-input v-model="form.okQuantity" placeholder="请输入正常生产量" />
        </el-form-item>
        <el-form-item label="设备上报的报废数量" prop="nokQuantity">
          <el-input v-model="form.nokQuantity" placeholder="请输入设备上报的报废数量" />
        </el-form-item>
        <el-form-item label="生产数量的记录时间" prop="recordTime">
          <el-date-picker clearable v-model="form.recordTime" type="date" value-format="timestamp" placeholder="选择生产数量的记录时间" />
        </el-form-item>
        <el-form-item label="版本号" prop="version">
          <el-input v-model="form.version" placeholder="请输入版本号" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
 </template>
 <script>
 import { createEquipmentQuantityLog, updateEquipmentQuantityLog, deleteEquipmentQuantityLog, getEquipmentQuantityLog, getEquipmentQuantityLogPage, exportEquipmentQuantityLogExcel } from "@/api/base/equipmentQuantityLog";
 export default {
  name: "EquipmentQuantityLog",
  components: {
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 导出遮罩层
      exportLoading: false,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 后端用 设备生产数量统计表（按一定时间段写入）列表
      list: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNo: 1,
        pageSize: 10,
        equipmentId: null,
        equipmentName: null,
        inQuantity: null,
        outQuantity: null,
        okQuantity: null,
        nokQuantity: null,
        recordTime: [],
        version: null,
        createTime: [],
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        equipmentName: [{ required: true, message: "设备名称不能为空", trigger: "blur" }],
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询列表 */
    getList() {
      this.loading = true;
      // 执行查询
      getEquipmentQuantityLogPage(this.queryParams).then(response => {
        this.list = response.data.list;
        this.total = response.data.total;
        this.loading = false;
      });
    },
    /** 取消按钮 */
    cancel() {
      this.open = false;
      this.reset();
    },
    /** 表单重置 */
    reset() {
      this.form = {
        id: undefined,
        equipmentId: undefined,
        equipmentName: undefined,
        inQuantity: undefined,
        outQuantity: undefined,
        okQuantity: undefined,
        nokQuantity: undefined,
        recordTime: undefined,
        version: undefined,
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNo = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加后端用 设备生产数量统计表（按一定时间段写入）";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id;
      getEquipmentQuantityLog(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改后端用 设备生产数量统计表（按一定时间段写入）";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (!valid) {
          return;
        }
        // 修改的提交
        if (this.form.id != null) {
          updateEquipmentQuantityLog(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
          });
          return;
        }
        // 添加的提交
        createEquipmentQuantityLog(this.form).then(response => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
        });
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const id = row.id;
      this.$modal.confirm('是否确认删除后端用 设备生产数量统计表（按一定时间段写入）编号为"' + id + '"的数据项?').then(function() {
          return deleteEquipmentQuantityLog(id);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      // 处理查询参数
      let params = {...this.queryParams};
      params.pageNo = undefined;
      params.pageSize = undefined;
      this.$modal.confirm('是否确认导出所有后端用 设备生产数量统计表（按一定时间段写入）数据项?').then(() => {
          this.exportLoading = true;
          return exportEquipmentQuantityLogExcel(params);
        }).then(response => {
          this.$download.excel(response, '后端用 设备生产数量统计表（按一定时间段写入）.xls');
          this.exportLoading = false;
        }).catch(() => {});
    }
  }
 };
 </script>
--- a/src/views/base/equipmentQuantityRealtime/index.vue
+++ b/src/views/base/equipmentQuantityRealtime/index.vue
@@ -0,0 +1,276 @@
 <template>
  <div class="app-container">
    <!-- 搜索工作栏 -->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="设备id" prop="equipmentId">
        <el-input v-model="queryParams.equipmentId" placeholder="请输入设备id" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="设备名称" prop="equipmentName">
        <el-input v-model="queryParams.equipmentName" placeholder="请输入设备名称" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="进入设备的基板数量" prop="inQuantity">
        <el-input v-model="queryParams.inQuantity" placeholder="请输入进入设备的基板数量" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="离开设备的基板数量，若plc只记录一个生产数量，也写入该字段" prop="outQuantity">
        <el-input v-model="queryParams.outQuantity" placeholder="请输入离开设备的基板数量，若plc只记录一个生产数量，也写入该字段" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="正常生产量" prop="okQuantity">
        <el-input v-model="queryParams.okQuantity" placeholder="请输入正常生产量" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="设备上报的报废数量" prop="nokQuantity">
        <el-input v-model="queryParams.nokQuantity" placeholder="请输入设备上报的报废数量" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="记录时间" prop="recordTime">
        <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
      </el-form-item>
      <el-form-item label="版本号" prop="version">
        <el-input v-model="queryParams.version" placeholder="请输入版本号" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="创建时间" prop="createTime">
        <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <!-- 操作工具栏 -->
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                   v-hasPermi="['base:equipment-quantity-realtime:create']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                   v-hasPermi="['base:equipment-quantity-realtime:export']">导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <!-- 列表 -->
    <el-table v-loading="loading" :data="list">
      <el-table-column label="id" align="center" prop="id" />
      <el-table-column label="设备id" align="center" prop="equipmentId" />
      <el-table-column label="设备名称" align="center" prop="equipmentName" />
      <el-table-column label="进入设备的基板数量" align="center" prop="inQuantity" />
      <el-table-column label="离开设备的基板数量，若plc只记录一个生产数量，也写入该字段" align="center" prop="outQuantity" />
      <el-table-column label="正常生产量" align="center" prop="okQuantity" />
      <el-table-column label="设备上报的报废数量" align="center" prop="nokQuantity" />
      <el-table-column label="记录时间" align="center" prop="recordTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.recordTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="版本号" align="center" prop="version" />
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                     v-hasPermi="['base:equipment-quantity-realtime:update']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                     v-hasPermi="['base:equipment-quantity-realtime:delete']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页组件 -->
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                @pagination="getList"/>
    <!-- 对话框(添加 / 修改) -->
    <el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="设备id" prop="equipmentId">
          <el-input v-model="form.equipmentId" placeholder="请输入设备id" />
        </el-form-item>
        <el-form-item label="设备名称" prop="equipmentName">
          <el-input v-model="form.equipmentName" placeholder="请输入设备名称" />
        </el-form-item>
        <el-form-item label="进入设备的基板数量" prop="inQuantity">
          <el-input v-model="form.inQuantity" placeholder="请输入进入设备的基板数量" />
        </el-form-item>
        <el-form-item label="离开设备的基板数量，若plc只记录一个生产数量，也写入该字段" prop="outQuantity">
          <el-input v-model="form.outQuantity" placeholder="请输入离开设备的基板数量，若plc只记录一个生产数量，也写入该字段" />
        </el-form-item>
        <el-form-item label="正常生产量" prop="okQuantity">
          <el-input v-model="form.okQuantity" placeholder="请输入正常生产量" />
        </el-form-item>
        <el-form-item label="设备上报的报废数量" prop="nokQuantity">
          <el-input v-model="form.nokQuantity" placeholder="请输入设备上报的报废数量" />
        </el-form-item>
        <el-form-item label="记录时间" prop="recordTime">
          <el-date-picker clearable v-model="form.recordTime" type="date" value-format="timestamp" placeholder="选择记录时间" />
        </el-form-item>
        <el-form-item label="版本号" prop="version">
          <el-input v-model="form.version" placeholder="请输入版本号" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
 </template>
 <script>
 import { createEquipmentQuantityRealtime, updateEquipmentQuantityRealtime, deleteEquipmentQuantityRealtime, getEquipmentQuantityRealtime, getEquipmentQuantityRealtimePage, exportEquipmentQuantityRealtimeExcel } from "@/api/base/equipmentQuantityRealtime";
 export default {
  name: "EquipmentQuantityRealtime",
  components: {
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 导出遮罩层
      exportLoading: false,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 后端用 设备生产数量实时列表
      list: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNo: 1,
        pageSize: 10,
        equipmentId: null,
        equipmentName: null,
        inQuantity: null,
        outQuantity: null,
        okQuantity: null,
        nokQuantity: null,
        recordTime: [],
        version: null,
        createTime: [],
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询列表 */
    getList() {
      this.loading = true;
      // 执行查询
      getEquipmentQuantityRealtimePage(this.queryParams).then(response => {
        this.list = response.data.list;
        this.total = response.data.total;
        this.loading = false;
      });
    },
    /** 取消按钮 */
    cancel() {
      this.open = false;
      this.reset();
    },
    /** 表单重置 */
    reset() {
      this.form = {
        id: undefined,
        equipmentId: undefined,
        equipmentName: undefined,
        inQuantity: undefined,
        outQuantity: undefined,
        okQuantity: undefined,
        nokQuantity: undefined,
        recordTime: undefined,
        version: undefined,
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNo = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加后端用 设备生产数量实时";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id;
      getEquipmentQuantityRealtime(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改后端用 设备生产数量实时";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (!valid) {
          return;
        }
        // 修改的提交
        if (this.form.id != null) {
          updateEquipmentQuantityRealtime(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
          });
          return;
        }
        // 添加的提交
        createEquipmentQuantityRealtime(this.form).then(response => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
        });
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const id = row.id;
      this.$modal.confirm('是否确认删除后端用 设备生产数量实时编号为"' + id + '"的数据项?').then(function() {
          return deleteEquipmentQuantityRealtime(id);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      // 处理查询参数
      let params = {...this.queryParams};
      params.pageNo = undefined;
      params.pageSize = undefined;
      this.$modal.confirm('是否确认导出所有后端用 设备生产数量实时数据项?').then(() => {
          this.exportLoading = true;
          return exportEquipmentQuantityRealtimeExcel(params);
        }).then(response => {
          this.$download.excel(response, '后端用 设备生产数量实时.xls');
          this.exportLoading = false;
        }).catch(() => {});
    }
  }
 };
 </script>
--- a/src/views/base/equipmentStatusLog/index.vue
+++ b/src/views/base/equipmentStatusLog/index.vue
@@ -0,0 +1,289 @@
 <template>
  <div class="app-container">
    <!-- 搜索工作栏 -->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="设备id" prop="equipmentId">
        <el-input v-model="queryParams.equipmentId" placeholder="请输入设备id" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="设备名称" prop="equipmentName">
        <el-input v-model="queryParams.equipmentName" placeholder="请输入设备名称" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="plc id" prop="plcId">
        <el-input v-model="queryParams.plcId" placeholder="请输入plc id" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="plc" prop="plc">
        <el-input v-model="queryParams.plc" placeholder="请输入plc" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="状态，0正常 1计划停机 2故障" prop="status">
        <el-select v-model="queryParams.status" placeholder="请选择状态，0正常 1计划停机 2故障" clearable size="small">
          <el-option label="请选择字典生成" value="" />
        </el-select>
      </el-form-item>
      <el-form-item label="记录时间" prop="recordTime">
        <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
      </el-form-item>
      <el-form-item label="持续时间（分钟），状态变动时记录并更新" prop="duration">
        <el-input v-model="queryParams.duration" placeholder="请输入持续时间（分钟），状态变动时记录并更新" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="备注" prop="remark">
        <el-input v-model="queryParams.remark" placeholder="请输入备注" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="版本号" prop="version">
        <el-input v-model="queryParams.version" placeholder="请输入版本号" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="创建时间" prop="createTime">
        <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <!-- 操作工具栏 -->
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                   v-hasPermi="['base:equipment-status-log:create']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                   v-hasPermi="['base:equipment-status-log:export']">导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <!-- 列表 -->
    <el-table v-loading="loading" :data="list">
      <el-table-column label="id" align="center" prop="id" />
      <el-table-column label="设备id" align="center" prop="equipmentId" />
      <el-table-column label="设备名称" align="center" prop="equipmentName" />
      <el-table-column label="plc id" align="center" prop="plcId" />
      <el-table-column label="plc" align="center" prop="plc" />
      <el-table-column label="状态，0正常 1计划停机 2故障" align="center" prop="status" />
      <el-table-column label="记录时间" align="center" prop="recordTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.recordTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="持续时间（分钟），状态变动时记录并更新" align="center" prop="duration" />
      <el-table-column label="备注" align="center" prop="remark" />
      <el-table-column label="版本号" align="center" prop="version" />
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                     v-hasPermi="['base:equipment-status-log:update']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                     v-hasPermi="['base:equipment-status-log:delete']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页组件 -->
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                @pagination="getList"/>
    <!-- 对话框(添加 / 修改) -->
    <el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="设备id" prop="equipmentId">
          <el-input v-model="form.equipmentId" placeholder="请输入设备id" />
        </el-form-item>
        <el-form-item label="设备名称" prop="equipmentName">
          <el-input v-model="form.equipmentName" placeholder="请输入设备名称" />
        </el-form-item>
        <el-form-item label="plc id" prop="plcId">
          <el-input v-model="form.plcId" placeholder="请输入plc id" />
        </el-form-item>
        <el-form-item label="plc" prop="plc">
          <el-input v-model="form.plc" placeholder="请输入plc" />
        </el-form-item>
        <el-form-item label="状态，0正常 1计划停机 2故障" prop="status">
          <el-radio-group v-model="form.status">
            <el-radio label="1">请选择字典生成</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="记录时间" prop="recordTime">
          <el-date-picker clearable v-model="form.recordTime" type="date" value-format="timestamp" placeholder="选择记录时间" />
        </el-form-item>
        <el-form-item label="持续时间（分钟），状态变动时记录并更新" prop="duration">
          <el-input v-model="form.duration" placeholder="请输入持续时间（分钟），状态变动时记录并更新" />
        </el-form-item>
        <el-form-item label="备注" prop="remark">
          <el-input v-model="form.remark" placeholder="请输入备注" />
        </el-form-item>
        <el-form-item label="版本号" prop="version">
          <el-input v-model="form.version" placeholder="请输入版本号" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
 </template>
 <script>
 import { createEquipmentStatusLog, updateEquipmentStatusLog, deleteEquipmentStatusLog, getEquipmentStatusLog, getEquipmentStatusLogPage, exportEquipmentStatusLogExcel } from "@/api/base/equipmentStatusLog";
 export default {
  name: "EquipmentStatusLog",
  components: {
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 导出遮罩层
      exportLoading: false,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 后端用 设备工作状态列表
      list: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNo: 1,
        pageSize: 10,
        equipmentId: null,
        equipmentName: null,
        plcId: null,
        plc: null,
        status: null,
        recordTime: [],
        duration: null,
        remark: null,
        version: null,
        createTime: [],
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询列表 */
    getList() {
      this.loading = true;
      // 执行查询
      getEquipmentStatusLogPage(this.queryParams).then(response => {
        this.list = response.data.list;
        this.total = response.data.total;
        this.loading = false;
      });
    },
    /** 取消按钮 */
    cancel() {
      this.open = false;
      this.reset();
    },
    /** 表单重置 */
    reset() {
      this.form = {
        id: undefined,
        equipmentId: undefined,
        equipmentName: undefined,
        plcId: undefined,
        plc: undefined,
        status: undefined,
        recordTime: undefined,
        duration: undefined,
        remark: undefined,
        version: undefined,
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNo = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加后端用 设备工作状态";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id;
      getEquipmentStatusLog(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改后端用 设备工作状态";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (!valid) {
          return;
        }
        // 修改的提交
        if (this.form.id != null) {
          updateEquipmentStatusLog(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
          });
          return;
        }
        // 添加的提交
        createEquipmentStatusLog(this.form).then(response => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
        });
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const id = row.id;
      this.$modal.confirm('是否确认删除后端用 设备工作状态编号为"' + id + '"的数据项?').then(function() {
          return deleteEquipmentStatusLog(id);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      // 处理查询参数
      let params = {...this.queryParams};
      params.pageNo = undefined;
      params.pageSize = undefined;
      this.$modal.confirm('是否确认导出所有后端用 设备工作状态数据项?').then(() => {
          this.exportLoading = true;
          return exportEquipmentStatusLogExcel(params);
        }).then(response => {
          this.$download.excel(response, '后端用 设备工作状态.xls');
          this.exportLoading = false;
        }).catch(() => {});
    }
  }
 };
 </script>
--- a/src/views/base/equipmentStatusRealtime/index.vue
+++ b/src/views/base/equipmentStatusRealtime/index.vue
@@ -0,0 +1,296 @@
 <template>
  <div class="app-container">
    <!-- 搜索工作栏 -->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="设备id" prop="equipmentId">
        <el-input v-model="queryParams.equipmentId" placeholder="请输入设备id" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="设备名称" prop="equipmentName">
        <el-input v-model="queryParams.equipmentName" placeholder="请输入设备名称" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="状态，0正常 1计划停机 2故障" prop="status">
        <el-select v-model="queryParams.status" placeholder="请选择状态，0正常 1计划停机 2故障" clearable size="small">
          <el-option label="请选择字典生成" value="" />
        </el-select>
      </el-form-item>
      <el-form-item label="是否运行中" prop="run">
        <el-select v-model="queryParams.run" placeholder="请选择是否运行中" clearable size="small">
          <el-option label="请选择字典生成" value="" />
        </el-select>
      </el-form-item>
      <el-form-item label="是否发生运行错误" prop="error">
        <el-select v-model="queryParams.error" placeholder="请选择是否发生运行错误" clearable size="small">
          <el-option label="请选择字典生成" value="" />
        </el-select>
      </el-form-item>
      <el-form-item label="备注" prop="remark">
        <el-input v-model="queryParams.remark" placeholder="请输入备注" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="记录时间" prop="recordTime">
        <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
      </el-form-item>
      <el-form-item label="版本号" prop="version">
        <el-input v-model="queryParams.version" placeholder="请输入版本号" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="创建时间" prop="createTime">
        <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <!-- 操作工具栏 -->
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                   v-hasPermi="['base:equipment-status-realtime:create']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                   v-hasPermi="['base:equipment-status-realtime:export']">导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <!-- 列表 -->
    <el-table v-loading="loading" :data="list">
      <el-table-column label="id" align="center" prop="id" />
      <el-table-column label="设备id" align="center" prop="equipmentId" />
      <el-table-column label="设备名称" align="center" prop="equipmentName" />
      <el-table-column label="状态，0正常 1计划停机 2故障" align="center" prop="status" />
      <el-table-column label="是否运行中" align="center" prop="run" />
      <el-table-column label="是否发生运行错误" align="center" prop="error" />
      <el-table-column label="描述" align="center" prop="description" />
      <el-table-column label="备注" align="center" prop="remark" />
      <el-table-column label="记录时间" align="center" prop="recordTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.recordTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="版本号" align="center" prop="version" />
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                     v-hasPermi="['base:equipment-status-realtime:update']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                     v-hasPermi="['base:equipment-status-realtime:delete']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页组件 -->
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                @pagination="getList"/>
    <!-- 对话框(添加 / 修改) -->
    <el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="设备id" prop="equipmentId">
          <el-input v-model="form.equipmentId" placeholder="请输入设备id" />
        </el-form-item>
        <el-form-item label="设备名称" prop="equipmentName">
          <el-input v-model="form.equipmentName" placeholder="请输入设备名称" />
        </el-form-item>
        <el-form-item label="状态，0正常 1计划停机 2故障" prop="status">
          <el-radio-group v-model="form.status">
            <el-radio label="1">请选择字典生成</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="是否运行中" prop="run">
          <el-radio-group v-model="form.run">
            <el-radio label="1">请选择字典生成</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="是否发生运行错误" prop="error">
          <el-radio-group v-model="form.error">
            <el-radio label="1">请选择字典生成</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="描述">
          <editor v-model="form.description" :min-height="192"/>
        </el-form-item>
        <el-form-item label="备注" prop="remark">
          <el-input v-model="form.remark" placeholder="请输入备注" />
        </el-form-item>
        <el-form-item label="记录时间" prop="recordTime">
          <el-date-picker clearable v-model="form.recordTime" type="date" value-format="timestamp" placeholder="选择记录时间" />
        </el-form-item>
        <el-form-item label="版本号" prop="version">
          <el-input v-model="form.version" placeholder="请输入版本号" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
 </template>
 <script>
 import { createEquipmentStatusRealtime, updateEquipmentStatusRealtime, deleteEquipmentStatusRealtime, getEquipmentStatusRealtime, getEquipmentStatusRealtimePage, exportEquipmentStatusRealtimeExcel } from "@/api/base/equipmentStatusRealtime";
 import Editor from '@/components/Editor';
 export default {
  name: "EquipmentStatusRealtime",
  components: {
    Editor
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 导出遮罩层
      exportLoading: false,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 后端用 设备状态实时列表
      list: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNo: 1,
        pageSize: 10,
        equipmentId: null,
        equipmentName: null,
        status: null,
        run: null,
        error: null,
        description: null,
        remark: null,
        recordTime: [],
        version: null,
        createTime: [],
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询列表 */
    getList() {
      this.loading = true;
      // 执行查询
      getEquipmentStatusRealtimePage(this.queryParams).then(response => {
        this.list = response.data.list;
        this.total = response.data.total;
        this.loading = false;
      });
    },
    /** 取消按钮 */
    cancel() {
      this.open = false;
      this.reset();
    },
    /** 表单重置 */
    reset() {
      this.form = {
        id: undefined,
        equipmentId: undefined,
        equipmentName: undefined,
        status: undefined,
        run: undefined,
        error: undefined,
        description: undefined,
        remark: undefined,
        recordTime: undefined,
        version: undefined,
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNo = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加后端用 设备状态实时";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id;
      getEquipmentStatusRealtime(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改后端用 设备状态实时";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (!valid) {
          return;
        }
        // 修改的提交
        if (this.form.id != null) {
          updateEquipmentStatusRealtime(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
          });
          return;
        }
        // 添加的提交
        createEquipmentStatusRealtime(this.form).then(response => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
        });
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const id = row.id;
      this.$modal.confirm('是否确认删除后端用 设备状态实时编号为"' + id + '"的数据项?').then(function() {
          return deleteEquipmentStatusRealtime(id);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      // 处理查询参数
      let params = {...this.queryParams};
      params.pageNo = undefined;
      params.pageSize = undefined;
      this.$modal.confirm('是否确认导出所有后端用 设备状态实时数据项?').then(() => {
          this.exportLoading = true;
          return exportEquipmentStatusRealtimeExcel(params);
        }).then(response => {
          this.$download.excel(response, '后端用 设备状态实时.xls');
          this.exportLoading = false;
        }).catch(() => {});
    }
  }
 };
 </script>
--- a/src/views/base/equipmentTypeFile/index.vue
+++ b/src/views/base/equipmentTypeFile/index.vue
@@ -0,0 +1,229 @@
 <template>
  <div class="app-container">
    <!-- 搜索工作栏 -->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="设备类型ID" prop="equipmentTypeId">
        <el-input v-model="queryParams.equipmentTypeId" placeholder="请输入设备类型ID" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="原始名称" prop="fileName">
        <el-input v-model="queryParams.fileName" placeholder="请输入原始名称" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="下载地址" prop="fileUrl">
        <el-input v-model="queryParams.fileUrl" placeholder="请输入下载地址" clearable @keyup.enter.native="handleQuery"/>
      </el-form-item>
      <el-form-item label="创建时间" prop="createTime">
        <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
                        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <!-- 操作工具栏 -->
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                   v-hasPermi="['base:equipment-type-file:create']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                   v-hasPermi="['base:equipment-type-file:export']">导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <!-- 列表 -->
    <el-table v-loading="loading" :data="list">
      <el-table-column label="ID" align="center" prop="id" />
      <el-table-column label="设备类型ID" align="center" prop="equipmentTypeId" />
      <el-table-column label="原始名称" align="center" prop="fileName" />
      <el-table-column label="下载地址" align="center" prop="fileUrl" />
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                     v-hasPermi="['base:equipment-type-file:update']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                     v-hasPermi="['base:equipment-type-file:delete']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页组件 -->
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                @pagination="getList"/>
    <!-- 对话框(添加 / 修改) -->
    <el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="设备类型ID" prop="equipmentTypeId">
          <el-input v-model="form.equipmentTypeId" placeholder="请输入设备类型ID" />
        </el-form-item>
        <el-form-item label="原始名称" prop="fileName">
          <el-input v-model="form.fileName" placeholder="请输入原始名称" />
        </el-form-item>
        <el-form-item label="下载地址" prop="fileUrl">
          <el-input v-model="form.fileUrl" placeholder="请输入下载地址" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
 </template>
 <script>
 import { createEquipmentTypeFile, updateEquipmentTypeFile, deleteEquipmentTypeFile, getEquipmentTypeFile, getEquipmentTypeFilePage, exportEquipmentTypeFileExcel } from "@/api/base/equipmentTypeFile";
 export default {
  name: "EquipmentTypeFile",
  components: {
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 导出遮罩层
      exportLoading: false,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 设备类型文件关联列表
      list: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNo: 1,
        pageSize: 10,
        equipmentTypeId: null,
        fileName: null,
        fileUrl: null,
        createTime: [],
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        equipmentTypeId: [{ required: true, message: "设备类型ID不能为空", trigger: "blur" }],
        fileName: [{ required: true, message: "原始名称不能为空", trigger: "blur" }],
        fileUrl: [{ required: true, message: "下载地址不能为空", trigger: "blur" }],
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询列表 */
    getList() {
      this.loading = true;
      // 执行查询
      getEquipmentTypeFilePage(this.queryParams).then(response => {
        this.list = response.data.list;
        this.total = response.data.total;
        this.loading = false;
      });
    },
    /** 取消按钮 */
    cancel() {
      this.open = false;
      this.reset();
    },
    /** 表单重置 */
    reset() {
      this.form = {
        id: undefined,
        equipmentTypeId: undefined,
        fileName: undefined,
        fileUrl: undefined,
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNo = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加设备类型文件关联";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id;
      getEquipmentTypeFile(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改设备类型文件关联";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (!valid) {
          return;
        }
        // 修改的提交
        if (this.form.id != null) {
          updateEquipmentTypeFile(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
          });
          return;
        }
        // 添加的提交
        createEquipmentTypeFile(this.form).then(response => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
        });
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const id = row.id;
      this.$modal.confirm('是否确认删除设备类型文件关联编号为"' + id + '"的数据项?').then(function() {
          return deleteEquipmentTypeFile(id);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      // 处理查询参数
      let params = {...this.queryParams};
      params.pageNo = undefined;
      params.pageSize = undefined;
      this.$modal.confirm('是否确认导出所有设备类型文件关联数据项?').then(() => {
          this.exportLoading = true;
          return exportEquipmentTypeFileExcel(params);
        }).then(response => {
          this.$download.excel(response, '设备类型文件关联.xls');
          this.exportLoading = false;
        }).catch(() => {});
    }
  }
 };
 </script>
--- a/src/views/core/analysis/LineChart.vue
+++ b/src/views/core/analysis/LineChart.vue
@@ -0,0 +1,94 @@
 <!--
 * @Author: zhp
 * @Date: 2023-09-13 09:02:25
 * @LastEditTime: 2023-10-16 14:56:58
 * @LastEditors: DY
 * @Description:
 -->
 <template>
  <div :class="className" :style="{height:height,width:width}" />
 </template>
 <script>
 import * as echarts from 'echarts'
 require('echarts/theme/macarons') // echarts theme
 // import resize from './mixins/resize'
 export default {
  // mixins: [resize],
  props: {
    className: {
      type: String,
      default: 'chart'
    },
    width: {
      type: String,
      default: '100%'
    },
    height: {
      type: String,
      default: '350px'
    },
    // autoResize: {
    //   type: Boolean,
    //   default: true
    // }
  },
  data() {
    return {
      chart: null
    }
  },
  // watch: {
  //   chartData: {
  //     deep: true,
  //     handler(val) {
  //       this.setOptions(val)
  //     }
  //   }
  // },
  mounted() {
    // this.$nextTick(() => {
    //   this.initChart()
    // })
  },
  // beforeDestroy() {
  //   if (!this.chart) {
  //     return
  //   }
  //   this.chart.dispose()
  //   this.chart = null
  // },
  methods: {
    initChart(xData, yData,lineName) {
      console.log( '打印结果', xData,yData, lineName);
      this.chart = echarts.init(this.$el, 'macarons')
      this.setOptions(xData, yData, lineName)
    },
    setOptions(xData, yData, lineName) {
      console.log('da', lineName)
      let seriesData = []
        lineName.forEach((item,index) => {
          seriesData.push({
            name: item,
            data: yData[index],
            type: 'line',
          })
        })
      this.chart.setOption({
        xAxis: {
          type: 'category',
          data: xData
        },
        legend: {
          data:lineName
        },
        yAxis: {
          type: 'value'
        },
        series: seriesData
      }, true)
    }
  }
 }
 </script>
--- a/src/views/core/analysis/balanceAnalysis/index.vue
+++ b/src/views/core/analysis/balanceAnalysis/index.vue
@@ -0,0 +1,260 @@
 <template>
  <div class="app-container">
    <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
    <div v-if="tableData.length">
      <base-table v-loading="dataListLoading" :span-method="mergeColumnHandler" :table-props="tableProps" :table-data="tableData" />
      <SearchBar :formConfigs="[{ label: '产线平衡分析图', type: 'title' }]" />
      <balance-chart ref="lineChart" />
    </div>
    <div v-else class="no-data-bg"></div>
    <!-- <pagination
 			:limit.sync="listQuery.pageSize"
 			:page.sync="listQuery.pageNo"
 			:total="listQuery.total"
 			@pagination="getDataList" /> -->
  </div>
 </template>
 <script>
 // import basicPage from '../../mixins/basic-page';
 import { parseTime } from '../../mixins/code-filter';
 import { getCT } from '@/api/core/analysis/index';
 import { getProductionLinePage } from '@/api/core/base/productionLine';
 import BalanceChart from '../balanceChart'
 import { time } from 'echarts';
 // import { getWorkshopSectionPage } from '@/api/core/base/workshopSection';
 // const tableProps = [
 // 	// {
 //   //   prop: 'lineName',
 // 	// 	label: '产线',
 // 	// 	align: 'center',
 // 	// },
 //   // {
 //   //   prop: 'sum',
 //   //   label: '合计',
 //   //   align: 'center',
 //   // },
 //   // {
 //   //   prop: 'dynamicValue',
 //   //   label: 'dynamicName',
 //   //   align: 'center',
 //   //   children:[
 //   //   ]
 //   // }
 // ];
 export default {
  components: {
    BalanceChart
  },
  // mixins: [basicPage],
  data() {
    return {
      urlOptions: {
        getDataListURL: getCT,
      },
      tableProps: [],
      dataListLoading: false,
      tableData: [],
      listQuery: {
        // time: ''
        endTime: undefined,
        lineId:undefined,
        startTime:undefined
      },
      timeList: [],
      spanArr: [], 
      xData: [],
      yData: [],
      optionArrUrl: [getProductionLinePage],
      formConfig: [
        {
          type: 'select',
          label: '产线',
          selectOptions: [],
          param: 'lineIds',
          defaultSelect: '',
          multiple: false,
          filterable: true,
        },
        {
          type: 'datePicker',
          label: '时间',
          dateType: 'datetimerange',
          format: 'yyyy-MM-dd',
          valueFormat: 'yyyy-MM-dd HH:mm:ss',
          rangeSeparator: '-',
          startPlaceholder: '开始时间',
          endPlaceholder: '结束时间',
          width: 350,
          param: 'time',
        },
        {
          type: 'button',
          btnName: '查询',
          name: 'search',
          color: 'primary',
        }
      ],
    };
  },
  created() {
    this.getArr();
  },
  methods: {
    getArr() {
      const params = {
        page: 1,
        limit: 500
      }
      this.optionArrUrl.forEach((item, index) => {
        item(params).then((response) => {
          this.formConfig[index].selectOptions = response.data.list
        });
      });
    },
    setRowSpan(arr) {
      let count = 0
      arr.forEach((item, index) => {
        if(index === 0) {
          this.spanArr.push(1)
        } else {
          if (item === arr[index - 1]) {
            this.spanArr[count] += 1
            this.spanArr.push(0)
          } else {
            count = index
            this.spanArr.push(1)
          }
        }
      })
    },
    /** 合并table列的规则 */
 		mergeColumnHandler({ row, column, rowIndex, columnIndex }) {
 			if (columnIndex == 0) {
 				if (this.spanArr[rowIndex]) {
 					return [
 						this.spanArr[rowIndex], // row span
 						1, // col span
 					];
 				} else {
 					return [0, 0];
 				}
 			}
 		},
    getData() {
      // this.listQuery.lineId = '1672847052717821953'
      // this.listQuery.startTime = '1693497600000';
      // this.listQuery.endTime = '1693843200000';
      this.urlOptions.getDataListURL(this.listQuery).then(res => {
        console.log(res)
        let arr = [
          {
            prop: 'sectionName',
            label: '工段',
            align: 'center',
          },
          {
            prop: 'equName',
            label: '设备',
            align: 'center',
          }
        ]
        let sectionArr= []
        res.data.data.forEach((ele, index) => {
          let tempData = []
          let eqData = []
            let plData = []
          ele.data.forEach((item, index) => {
            item.children.forEach(params => {
              if (params.dynamicName === '设备CT') {
                tempData[item.dynamicName + '_eq'] = params.dynamicValue
                eqData[index] = params.dynamicValue
              } else {
                tempData[item.dynamicName + '_pl'] = params.dynamicValue
                plData[index] = params.dynamicValue
              }
            })
          })
          const equipment = {
            name: ele.equName,
            eqData: eqData,
            plData: plData
          }
          tempData['equName'] = ele.equName
          tempData['sectionName'] = ele.sectionName
          this.tableData.push(tempData)
          const { sectionName } = tempData
          sectionArr.push(sectionName)
          this.yData.push(equipment)
          console.log('看看equ', this.yData)
        })
        this.setRowSpan(sectionArr)
        res.data.nameData.forEach(item => {
          this.timeList.push(item.name)
        })
        const timeArray = Array.from(new Set(this.timeList))
        for (const times of timeArray) {
          if (times !== '设备CT' && times !== '产线CT') {
            const subprop = {
              label: times,
              align: 'center',
              children: [
                { prop: times + '_eq', label: '设备CT', align: 'center' },
                { prop: times + '_pl', label: '产线CT', align: 'center' }
              ]
            }
            arr.push(subprop)
            this.xData.push(times)
          }
        }
        this.tableProps = arr
        console.log('表格横坐标', this.xData)
        this.$refs.lineChart.initChart(this.xData, this.yData)
        // this.total = response.data.total;
        // this.dataListLoading = false;
      });
    },
    buttonClick(val) {
      // console.log(val)
      switch (val.btnName) {
        case 'search':
          // this.listQuery.pageNo = 1;
          // this.listQuery.pageSize = 10;
          this.listQuery.lineId = val.lineIds
          this.listQuery.startTime = val.time ? String(new Date(val.time[0]).getTime()) : undefined;
          this.listQuery.endTime = val.time ? String(new Date(val.time[1]).getTime()) : undefined;
          if (val.time && val.lineIds) {
            this.tableData = []
            this.xData = []
            this.yData = []
            this.tableProps = []
            this.spanArr = []
            this.timeList = []
            this.getData()
          } else {
            this.$message({
              message: '请选择产线和时间',
              type: 'warning'
            });
          }
          break;
        case 'reset':
          this.$refs.searchBarForm.resetForm();
          this.listQuery = {
            pageSize: 10,
            pageNo: 1,
            total: 1,
          };
          this.getDataList();
          break;
        default:
          console.log(val);
      }
    },
  },
 };
 </script>
--- a/src/views/core/analysis/balanceChart.vue
+++ b/src/views/core/analysis/balanceChart.vue
@@ -0,0 +1,134 @@
 <!--
 * @Author: zhp
 * @Date: 2023-09-13 09:02:25
 * @LastEditTime: 2023-10-08 16:36:37
 * @LastEditors: DY
 * @Description:
 -->
 <template>
  <div>
    <div style="margin: 20px">
      <el-button v-for="(item, index) in buttonList" :key="index" :class="[item.actived ? 'activeButton': 'normalButton']" @click="changeChart(index)">{{ item.name }}</el-button>
    </div>
    <div ref="chartDiv" :class="className" :style="{height:height,width:width}" />
  </div>
 </template>
 <script>
 import * as echarts from 'echarts'
 require('echarts/theme/macarons') // echarts theme
 // import resize from './mixins/resize'
 export default {
  // mixins: [resize],
  props: {
    className: {
      type: String,
      default: 'chart'
    },
    width: {
      type: String,
      default: '100%'
    },
    height: {
      type: String,
      default: '350px'
    },
    // autoResize: {
    //   type: Boolean,
    //   default: true
    // }
  },
  data() {
    return {
      chart: null,
      dataArray: [],
      xDatas: [],
      buttonList: []
    }
  },
  mounted() {
  },
  methods: {
    changeChart(index) {
      this.setOptions(this.xDatas, this.dataArray[index])
      this.buttonList.forEach((item, s) => {
        if (index === s) {
          // item.actived = true
          this.$nextTick(() =>{
            // item.actived = true
            this.$set(item, 'actived', true)
          })
        } else {
          // item.actived = false
          this.$nextTick(() =>{
            // item.actived = false
            this.$set(item, 'actived', false)
          })
          // this.$set(item, 'actived', false)
        }
      })
      console.log('看一下数22222据', this.dataArray)
    },
    initChart(xData, yData, lineName) {
      this.dataArray = yData
      this.buttonList = this.dataArray.map((item, index) => {
        return {
          'name': item.name,
          'actived': index === 0 ? true : false
        }
      })
      console.log('看一下数据', this.dataArray)
      this.xDatas = xData
      this.chart = echarts.init(this.$refs.chartDiv, 'macarons')
      this.setOptions(xData, yData[0], lineName)
    },
    setOptions(xData, dataList, lineName) {
      // let seriesData = []
        // lineName.forEach((item,index) => {
        //   seriesData.push({
        //     name: item,
        //     data: yData[index],
        //     type: 'line',
        //   })
        // })
      this.chart.setOption({
        xAxis: {
          type: 'category',
          data: xData
        },
        tooltip: {
          trigger: 'axis'
        },
        legend: {
          data:lineName
        },
        yAxis: {
          type: 'value'
        },
        series: [
          {
            name: '设备CT',
            data: dataList.eqData,
            type: 'line',
          },
          {
            name: '产线CT',
            data: dataList.plData,
            type: 'line',
          }
        ]
      })
    }
  }
 }
 </script>
 <style scoped>
 .activeButton {
  background-color: rgb(93,159,255);
 }
 .normalButton {
  background-color: none;
 }
 </style>
--- a/src/views/core/analysis/yieldAnalysis/index.vue
+++ b/src/views/core/analysis/yieldAnalysis/index.vue
@@ -0,0 +1,262 @@
 <template>
  <div class="app-container">
    <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
    <div v-if="tableData.length">
      <base-table v-loading="dataListLoading" :table-props="tableProps" :table-data="tableData" />
      <SearchBar :formConfigs="[{ label: '产品产量对比图', type: 'title' }]" />
      <line-chart ref="lineChart" />
    </div>
    <div v-else class="no-data-bg"></div>
    <!-- <pagination
 			:limit.sync="listQuery.pageSize"
 			:page.sync="listQuery.pageNo"
 			:total="listQuery.total"
 			@pagination="getDataList" /> -->
  </div>
 </template>
 <script>
 // import basicPage from '../../mixins/basic-page';
 import { parseTime } from '../../mixins/code-filter';
 import { getYieldAnalysisPageData } from '@/api/core/analysis/index';
 import { getProductionLinePage } from '@/api/core/base/productionLine';
 import lineChart from '../LineChart'
 // import { getWorkshopSectionPage } from '@/api/core/base/workshopSection';
 // const tableProps = [
 // 	// {
 //   //   prop: 'lineName',
 // 	// 	label: '产线',
 // 	// 	align: 'center',
 // 	// },
 //   // {
 //   //   prop: 'sum',
 //   //   label: '合计',
 //   //   align: 'center',
 //   // },
 //   // {
 //   //   prop: 'dynamicValue',
 //   //   label: 'dynamicName',
 //   //   align: 'center',
 //   //   children:[
 //   //   ]
 //   // }
 // ];
 export default {
  components: {
    lineChart,
  },
 	// mixins: [basicPage],
 	data() {
 		return {
 			urlOptions: {
        getDataListURL: getYieldAnalysisPageData,
 			},
      tableProps:[],
      dataListLoading:false,
      tableData: [],
      listQuery: {
        lineIds: [],
        time: ''
      },
      dateLabelList: [],
      optionArrUrl: [getProductionLinePage ],
 			formConfig: [
 				{
 					type: 'select',
 					label: '产线',
 					selectOptions: [],
          param: 'lineIds',
          defaultSelect: '',
          multiple:true,
 					filterable: true,
 				},
 				{
 					type: 'datePicker',
 					label: '时间',
 					dateType: 'month',
 					format: 'yyyy-MM-dd',
 					valueFormat: 'yyyy-MM-dd HH:mm:ss',
 					rangeSeparator: '-',
 					startPlaceholder: '开始时间',
 					endPlaceholder: '结束时间',
          param: 'time',
 				},
 				{
 					type: 'button',
 					btnName: '查询',
 					name: 'search',
 					color: 'primary',
 				}
 			],
 		};
 	},
 	created() {
 		this.getArr();
 	},
 	methods: {
 		getArr() {
 			const params = {
 				page: 1,
 				limit: 500,
 			};
 			this.optionArrUrl.forEach((item, index) => {
 				item(params).then((response) => {
 					this.formConfig[index].selectOptions = response.data.list
          // this.formConfig[0].defaultSelect = response.data.list[0].id
          this.$set(this.formConfig[0], 'defaultSelect', response.data.list[0].id)
 				});
 			});
    },
    getData() {
      // this.listQuery.lineIds = ['1672847052717821953']
      // this.listQuery.productId = val.productId;
      // this.listQuery.time = '1694486098000';
      this.urlOptions.getDataListURL(this.listQuery).then(res => {
        let arr = [
          	{
              prop: 'lineName',
          		label: '产线',
              fixed: 'left'
          	},
            {
              prop: 'sum',
              label: '合计',
              fixed: 'left'
            },
            {
              prop: res.data ? res.data.nameData[0].name : undefined,
              label: res.data ? res.data.nameData[0].name : undefined,
              align: 'center',
              children:[
              ]
            }
        ]
        // console.log(res.data.nameData.slice(1))
        let xData = []
        let yAllData = []
        let lineName = []
        if (res.data) {
          let tempDateList = []
          res.data.nameData.forEach(date => {
            tempDateList.push(date.name)
          })
          this.dateLabelList = Array.from(new Set(tempDateList))
          this.dateLabelList.forEach(item => {
            if (item.indexOf('年') === -1) {
              // 构造表头
              const props = {
                'prop': item,
                'label': item
              }
              arr[2].children.push(props)
              // 构造echarts横坐标
              xData.push(item)
            }
          })
          // res.data.nameData.slice(1).forEach(item => {
          //   const props = {
          //     'prop': item.name,
          //     'label': item.name,
          //     'align': 'center'
          //   }
          //   arr[2].children.push(props)
          // })
          let tableDataArr =[]
          res.data.data.forEach(item => {
            let obj = {}
            obj.lineName= item.lineName,
            obj.sum= item.sum,
            item.data.forEach((ele, index) => {
              // console.log(ele)
              ele.children.forEach((e) => {
                console.log(e.dynamicName)
                obj['' + e.dynamicName + ''] = e.dynamicValue
                console.log(obj['' + e.dynamicName + '']);
              })
            })
            tableDataArr.push(obj)
          });
          this.tableData = tableDataArr
          this.tableProps = arr
          // let tempList = []
          // res.data.nameData.slice(1).forEach(item => {
          //   tempList.push(item.name)
          //   // arr[2].children.push(props)
          // })
          // xData = Array.from(new Set(tempList))
          res.data.data.forEach(item => {
            let yData = []
            lineName.push(item.lineName)
            // let obj = {}
            // obj.lineName = item.lineName,
            //   obj.sum = item.sum,
            item.data.forEach((ele, index) => {
                // console.log(ele)
              ele.children.forEach((e) => {
                // let yData = []
                yData.push(e.dynamicValue)
                })
              })
            yAllData.push(yData)
          });
          console.log(lineName)
        } else {
          this.tableProps = arr
          this.tableData = []
          xData = []
          yAllData = []
          lineName = []
        }
        // res.data.data[0].data[0].children.forEach((item, index) => {
        //   // console.log(item)
        //   yData.push(item.dynamicValue)
        //   // let data = 'data' + Number(index+1)
        //   // obj['' + item.dynamicName + ''] = item.dynamicValue
        // })
        // console.log(this.yData)
        this.$refs.lineChart.initChart(xData, yAllData, lineName)
        // this.total = response.data.total;
        // this.dataListLoading = false;
      });
    },
    buttonClick(val) {
 			switch (val.btnName) {
        case 'search':
          this.listQuery.lineIds = val.lineIds ? val.lineIds :undefined
          // this.listQuery.productId = val.productId;
          this.listQuery.time = val.time ? new Date(val.time).getTime() : undefined
 					// this.listQuery.pageNo = 1;
          // this.listQuery.pageSize = 10;
          if (val.time) {
            this.getData()
          } else {
            this.$message({
              message: '请选择时间',
              type: 'warning'
            });
          }
 					break;
 				case 'reset':
 					this.$refs.searchBarForm.resetForm();
 					this.listQuery = {
 						pageSize: 10,
 						pageNo: 1,
 						total: 1,
 					};
 					this.getDataList();
 					break;
 				default:
 					console.log(val);
 			}
 		},
 	},
 };
 </script>
--- a/src/views/core/base/equipment/assets/eq1.jpg
+++ b/src/views/core/base/equipment/assets/eq1.jpg
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
高天泽	9be57ad750	Merge pull request 'test' (#47 ) from test into master Reviewed-on: #47	2023-10-17 08:53:53 +08:00
g7hoo	f7313c5911	Merge pull request 'lb' (#46 ) from lb into test Reviewed-on: #46	2023-10-17 08:38:26 +08:00
lb	a7e81ad8fb	Merge branch 'test' into lb	2023-10-16 17:04:34 +08:00
lb	32cbf9076f	update 更新设备类型上传	2023-10-16 17:03:29 +08:00
hellody	9a411cc663	Merge pull request 'dy' (#45 ) from dy into test Reviewed-on: #45	2023-10-16 15:50:05 +08:00
helloDy	445a88e540	Merge branch 'test' into dy	2023-10-16 15:47:50 +08:00
helloDy	2b355aaf8f	ui	2023-10-16 15:47:31 +08:00
lb	f60a46ed1d	update 设备信息上传	2023-10-16 15:36:26 +08:00
hellody	2688896660	Merge pull request 'dy' (#44 ) from dy into test Reviewed-on: #44	2023-10-13 17:12:02 +08:00
helloDy	4a67e226e1	merge	2023-10-13 17:09:07 +08:00
helloDy	11ee0d6541	Merge branch 'test' into dy	2023-10-13 17:06:35 +08:00
g7hoo	98b3237c9a	Merge pull request 'lb' (#43 ) from lb into test Reviewed-on: #43	2023-10-13 17:06:02 +08:00
helloDy	46aaa47e07	bug	2023-10-13 17:05:01 +08:00
lb	ca0f62b2eb	Merge branch 'test' into lb	2023-10-13 17:04:18 +08:00
lb	5534104e87	update equipment edit	2023-10-13 17:01:49 +08:00
lb	b72fe1bfed	update equipment edit	2023-10-13 16:08:31 +08:00
hellody	f4493bde1c	Merge pull request 'dy' (#42 ) from dy into test Reviewed-on: #42	2023-10-12 17:06:04 +08:00
helloDy	d682ecc91c	Merge branch 'test' into dy	2023-10-12 17:05:03 +08:00
helloDy	2b76ef7d23	bug	2023-10-12 17:04:03 +08:00
lb	9ec13b35b8	update equipment	2023-10-12 17:03:07 +08:00
lb	7acccd3de0	bugfix zentao	2023-10-12 15:40:05 +08:00
juzi	e40f45a79a	Merge pull request 'zjl' (#41 ) from zjl into test Reviewed-on: #41	2023-10-12 14:43:24 +08:00
juzi	77083a84a1	merge test	2023-10-12 14:41:59 +08:00
juzi	9f53ea6981	10.12	2023-10-12 14:39:59 +08:00
lb	8f634d012c	bugfix zentao	2023-10-12 11:08:51 +08:00
juzi	03c573d5b2	Merge pull request 'zjl' (#40 ) from zjl into test Reviewed-on: #40	2023-10-11 14:34:26 +08:00
juzi	348714edaf	merge test	2023-10-11 14:33:37 +08:00
juzi	814fe4605a	UI样式修改能源&班组	2023-10-11 14:30:18 +08:00
g7hoo	bb6bfc5ab6	Merge pull request 'lb' (#39 ) from lb into test Reviewed-on: #39	2023-10-11 10:33:08 +08:00
lb	0162f338ba	Merge branch 'test' into lb	2023-10-11 10:30:25 +08:00
lb	8f99915720	add 设备看板	2023-10-11 10:29:26 +08:00
hellody	744e5d80be	Merge pull request 'dy' (#38 ) from dy into test Reviewed-on: #38	2023-10-10 17:08:40 +08:00
helloDy	d3b119ad9b	Merge branch 'test' into dy	2023-10-10 17:07:02 +08:00
helloDy	69bdab75d4	bug	2023-10-10 17:06:39 +08:00
lb	af5e0333ed	update ui	2023-10-10 17:01:57 +08:00
lb	b2ee61b8cb	update 改为抽屉展示	2023-10-10 14:22:00 +08:00
lb	723d83cc02	update 设备分组	2023-10-10 10:04:23 +08:00
lb	769830c448	update 设备分组	2023-10-09 17:01:19 +08:00
lb	907db90e93	update 设备分组的抽屉	2023-10-09 16:27:44 +08:00
lb	6e390bf12a	update	2023-10-09 13:32:33 +08:00
lb	b39f0625a1	update	2023-10-09 11:37:19 +08:00
lb	e985c73e00	update gantt	2023-10-08 17:14:18 +08:00
hellody	180fcf5ad8	Merge pull request 'dy' (#37 ) from dy into test Reviewed-on: #37	2023-10-08 17:03:04 +08:00
helloDy	b1c0d21888	Merge branch 'test' into dy	2023-10-08 16:59:31 +08:00
helloDy	96d52fafee	pdf	2023-10-08 16:59:09 +08:00
lb	4f7889ff60	done time sequence demo	2023-10-08 15:53:38 +08:00
lb	bc2c5a4787	update time sequence status	2023-10-08 15:00:38 +08:00
lb	ab8e9cb2a5	update	2023-10-08 14:30:50 +08:00
lb	57960ff8bf	update print page	2023-10-08 10:18:08 +08:00
lb	b9e39dacf1	bugfix zentao	2023-10-08 09:31:02 +08:00
lb	80ad95be6e	add print module	2023-10-07 14:29:43 +08:00
g7hoo	7dfaae02a8	Merge pull request 'lb' (#36 ) from lb into test Reviewed-on: #36	2023-09-27 17:00:53 +08:00
lb	cf2d7af94b	delete echarts	2023-09-27 17:00:33 +08:00
lb	a48b31dcbe	Merge branch 'test' into lb	2023-09-27 16:58:28 +08:00
lb	96b0a9e503	update 产品质量分析	2023-09-27 16:57:57 +08:00
lb	9c257aa24a	update demo	2023-09-27 16:19:55 +08:00
lb	7ab5f1b812	update demo	2023-09-27 14:42:38 +08:00
lb	5c796cd44f	add custom echarts demo	2023-09-27 14:01:57 +08:00
lb	fe0b5538a8	update 设备产量时序图	2023-09-27 13:22:09 +08:00
lb	90695acefd	update 检测信息记录	2023-09-27 10:14:24 +08:00
juzi	a90c5cca0c	Merge pull request 'zjl' (#35 ) from zjl into test Reviewed-on: #35	2023-09-27 09:38:02 +08:00
juzi	4d7e3c0e04	merge test	2023-09-27 09:36:20 +08:00
juzi	ee40707d2c	修改bug及能源分析样式	2023-09-27 09:33:28 +08:00
lb	20808c0975	update 产量时序图	2023-09-26 17:00:46 +08:00
lb	87f56dd9ac	update responsejson	2023-09-26 15:12:41 +08:00
lb	24ffea330d	update 设备产量分析	2023-09-26 14:56:00 +08:00
lb	a4594426c3	bugfix	2023-09-26 14:38:30 +08:00
lb	c899bb37e3	update quality inspection record	2023-09-26 11:03:34 +08:00
g7hoo	47e91d821b	Merge pull request 'lb' (#34 ) from lb into test Reviewed-on: #34	2023-09-25 17:14:23 +08:00
lb	d907d2f341	Merge branch 'test' into lb	2023-09-25 17:13:47 +08:00
lb	1116531aff	update	2023-09-25 16:58:35 +08:00
lb	8dc5bbb4d8	update	2023-09-25 16:53:31 +08:00
lb	c24d22aedd	update	2023-09-25 16:34:05 +08:00
lb	bbbfa9644d	bugfix	2023-09-25 15:47:39 +08:00
hellody	db4ecc91d6	Merge pull request 'dy' (#33 ) from dy into test Reviewed-on: #33	2023-09-22 16:59:55 +08:00
helloDy	699810f40a	Merge branch 'test' into dy	2023-09-22 16:54:40 +08:00
helloDy	d454f20bd6	bug	2023-09-22 16:54:16 +08:00
lb	56f209a27e	Merge branch 'test' into lb	2023-09-22 16:29:50 +08:00
lb	980f3468b7	update homepage	2023-09-22 16:29:31 +08:00
juzi	95da2191dd	Merge pull request 'zjl' (#32 ) from zjl into test Reviewed-on: #32	2023-09-22 11:09:34 +08:00
juzi	42550264c8	merge test	2023-09-22 11:08:58 +08:00
juzi	727f7d57c3	能源bug	2023-09-22 11:06:43 +08:00
g7hoo	aa32e4d3fb	Merge pull request 'lb' (#31 ) from lb into test Reviewed-on: #31	2023-09-22 10:54:56 +08:00
lb	dcda3a6294	bugfix	2023-09-22 10:54:21 +08:00
lb	f43b1c1eab	update 设备加工数量	2023-09-22 10:29:28 +08:00
g7hoo	ca3965e8cb	Merge pull request 'lb' (#30 ) from lb into test Reviewed-on: #30	2023-09-22 09:57:16 +08:00
lb	ee3d6f9dc6	merge	2023-09-22 09:28:41 +08:00
lb	e2a777069e	update 设备加工数量	2023-09-21 17:09:15 +08:00
lb	06fa7d40b3	update 设备加工数量	2023-09-21 17:03:07 +08:00
lb	f6f0480744	update 设备加工数量	2023-09-21 16:00:46 +08:00
lb	45e7f337bf	update 设备加工数量	2023-09-21 15:54:11 +08:00
lb	8e0d63839a	update 设备加工数量	2023-09-21 15:35:16 +08:00
lb	6c21f01fd7	update 设备加工数量	2023-09-21 15:14:38 +08:00
lb	52bc38499c	update 设备效率分析	2023-09-21 14:54:16 +08:00
lb	c600d14f8f	update 设备产量时序图	2023-09-20 17:03:39 +08:00
juzi	2265c549e6	Merge pull request 'zjl' (#29 ) from zjl into test Reviewed-on: #29	2023-09-20 16:59:53 +08:00
juzi	a74242f3b3	mrege test	2023-09-20 16:59:13 +08:00
juzi	ebcf3d4d78	修改bug	2023-09-20 16:57:20 +08:00
lb	8ad84a4d61	update 设备产量时序图	2023-09-20 14:44:39 +08:00
高天泽	ff9e93d264	Merge pull request 'dy' (#28 ) from dy into test Reviewed-on: #28	2023-09-20 14:28:21 +08:00
lb	928258e509	update 设备状态时序图	2023-09-20 14:11:36 +08:00
helloDy	ee0affc78f	Merge branch 'test' into dy	2023-09-20 13:58:36 +08:00
helloDy	dfec94be17	表格	2023-09-20 13:58:14 +08:00
lb	a12530b835	update 质量检测统计数据	2023-09-20 11:17:34 +08:00
lb	b3db8dcae8	update 检测统计数据chart	2023-09-20 10:49:17 +08:00
lb	24a0857808	update 质量检测统计数据	2023-09-20 09:50:38 +08:00
lb	e0cc022e34	update 产品质量分析样式	2023-09-20 09:11:31 +08:00
lb	71bcd14c72	update 产品质量分析chart	2023-09-19 17:06:19 +08:00
juzi	646859aeef	Merge pull request '修bug' (#27 ) from zjl into test Reviewed-on: #27	2023-09-19 15:47:12 +08:00
juzi	5a31498224	修bug	2023-09-19 15:45:16 +08:00
lb	c965dfbc5a	bugfix	2023-09-18 17:01:44 +08:00
lb	c364162a2a	update no-data-background	2023-09-18 15:14:18 +08:00
juzi	282ef45114	Merge pull request 'zjl' (#26 ) from zjl into test Reviewed-on: #26	2023-09-18 14:49:52 +08:00
juzi	0371859d14	排班及bug	2023-09-18 14:49:03 +08:00
lb	7407b97f5a	bugfix zentao	2023-09-18 13:52:36 +08:00
juzi	eff5e0d1e1	merge test	2023-09-18 08:50:53 +08:00
juzi	60dc449a27	排班	2023-09-18 08:41:14 +08:00
高天泽	159d626b30	Merge pull request 'dy' (#25 ) from dy into test Reviewed-on: #25	2023-09-16 18:00:34 +08:00
helloDy	bc5d3d44d5	页面	2023-09-16 17:51:09 +08:00
lb	a6d8a7a9da	update	2023-09-15 15:45:37 +08:00
lb	7d2bfaea18	bugfix zentao 2	2023-09-15 14:49:31 +08:00
helloDy	e9538744c3	冲突	2023-09-15 14:38:43 +08:00
helloDy	8cf2f9f7e9	生产监控	2023-09-15 14:37:30 +08:00
lb	772a4b0633	bugfix zentao 1	2023-09-15 14:30:19 +08:00
lb	27ebe39a96	update image	2023-09-13 17:06:02 +08:00
zhp	97f9b52e87	Merge pull request 'zhp' (#24 ) from zhp into test Reviewed-on: #24	2023-09-13 16:02:02 +08:00
‘937886381’	f85cb9c50f	Merge branch 'test' into zhp	2023-09-13 16:01:18 +08:00
‘937886381’	e8cc1fc50b	生产分析	2023-09-13 16:00:43 +08:00
g7hoo	f08c79fc23	Merge pull request 'update router mode' (#23 ) from lb into test Reviewed-on: #23	2023-09-13 12:28:57 +08:00
lb	f341ec7b30	update router mode	2023-09-13 12:24:52 +08:00
g7hoo	2c6a6b001c	Merge pull request 'lb' (#22 ) from lb into test Reviewed-on: #22	2023-09-12 11:13:59 +08:00
lb	b17bc0e162	update build:prod PUBLIC_PATH	2023-09-12 11:12:05 +08:00
lb	d595bf2660	Merge branch 'test' into lb	2023-09-12 11:10:45 +08:00
lb	529889fd07	update 工段设备绑定 dialogForm	2023-09-12 11:09:51 +08:00
lb	2f18299b0b	add dialogForm of equipmentbind	2023-09-11 16:47:12 +08:00
高天泽	d1c93cbf46	Merge pull request 'zhp' (#21 ) from zhp into test Reviewed-on: #21	2023-09-11 16:11:04 +08:00
‘937886381’	7d959e8ad3	Merge branch 'test' into zhp	2023-09-11 16:09:42 +08:00
‘937886381’	6f0040a0ae	生产监控更新	2023-09-11 16:09:07 +08:00
高天泽	347265853e	Merge pull request 'dy' (#20 ) from dy into test Reviewed-on: #20	2023-09-11 15:59:26 +08:00
helloDy	f1bbdf82e5	冲突	2023-09-11 15:55:58 +08:00
helloDy	645ba2843f	生产监控	2023-09-11 15:53:43 +08:00
lb	f2f3a9e850	update 设备全参数查询	2023-09-11 15:24:11 +08:00
g7hoo	14e06d9456	Merge pull request 'lb' (#19 ) from lb into test Reviewed-on: #19	2023-09-11 15:05:16 +08:00
lb	4e05b3e3d6	merge from test	2023-09-11 15:04:16 +08:00
lb	6e678f7c68	Merge branch 'equipment-module-dev' into lb	2023-09-11 15:00:49 +08:00
lb	b91b8c3d3c	update 设备加工数量	2023-09-11 14:57:55 +08:00
juzi	a445c8a61d	Merge pull request 'zjl' (#17 ) from zjl into test Reviewed-on: #17	2023-09-08 16:02:54 +08:00
juzi	df0dc6bfa0	能源分析	2023-09-08 16:01:54 +08:00
lb	c44ec6f49c	update 基本完成设备全参数查询	2023-09-08 15:57:46 +08:00
lb	6197b606f1	update 设备全参数	2023-09-08 08:42:16 +08:00
lb	c7b32ab34e	add 设备全参数测试数据	2023-09-07 11:24:07 +08:00
lb	e2527f2e30	remove 设备效率分析的查看趋势功能	2023-09-06 16:38:46 +08:00
lb	76100ad07d	update 设备全参数	2023-09-06 16:37:22 +08:00
lb	fa02c3933d	remove 产品质量监控可视化	2023-09-06 16:18:59 +08:00
lb	d63d49ccc9	add pie chart	2023-09-06 15:18:02 +08:00
lb	cd437ed7d3	update 效率分析	2023-09-06 15:02:16 +08:00
lb	052f54833c	update 更新效率分析	2023-09-06 11:28:10 +08:00
lb	e42b7035fe	update 完成时序图模块	2023-09-06 10:39:32 +08:00
lb	a505f34abc	update 设备产量时序图	2023-09-06 09:56:05 +08:00
lb	edc5d64acc	update 更新设备效率分析	2023-09-05 17:01:53 +08:00
lb	e5fed36234	update 设备产量时序图	2023-09-05 16:35:31 +08:00
lb	2dd40261a4	update 设备状态时序图	2023-09-05 16:26:52 +08:00
lb	e16b6f8ec4	update 设备状态时序图	2023-09-05 16:07:50 +08:00
juzi	9c59a7e715	能源分析	2023-09-05 15:45:59 +08:00
lb	55e8de1136	update 完成设备异常分析	2023-09-04 15:24:22 +08:00
lb	ffedc7c256	add 设备异常分析	2023-09-04 14:50:52 +08:00
lb	fbd78c6aa5	update 产品质量分析	2023-09-04 14:35:13 +08:00
lb	6f71b6a7c0	add 产品质量分析-图形弹窗	2023-09-04 13:54:37 +08:00
lb	55f90a7102	add 设备模块剩余部分页面	2023-09-04 09:41:31 +08:00
lb	b6df60a315	Merge branch 'equipment-module-dev' into lb	2023-09-01 17:05:27 +08:00
lb	31dbc025c8	done 设备数采相关	2023-09-01 17:05:05 +08:00
lb	63206d4769	add mockdata & update设备采集配置**	2023-09-01 15:08:36 +08:00
lb	b23b5256f9	update 设备数据采集	2023-09-01 10:39:54 +08:00
lb	21fbd88a32	Merge branch 'equipment-module-dev' into lb	2023-08-31 16:58:49 +08:00
lb	0158a11644	update 设备分析-状态时序图	2023-08-31 16:58:17 +08:00
lb	62256b57a5	update 设备全参数查询	2023-08-31 16:11:41 +08:00
lb	0e6c01e578	update 设备状态和参数	2023-08-31 15:12:34 +08:00
lb	0ec4238042	add 设备加工数量-图表，设备状态和参数，设备全参数查询	2023-08-31 14:26:18 +08:00
lb	fd0c14ff1c	update 设备加工数量	2023-08-30 17:02:11 +08:00
lb	72393caee1	update 设备加工数量	2023-08-30 15:36:16 +08:00
lb	14eb83932e	done 设备24小时生产记录	2023-08-30 14:32:37 +08:00
lb	0f6418fcf9	update 基本完成设备近24小时数据	2023-08-30 14:30:08 +08:00
lb	100d28fd68	add 设备加工数量	2023-08-30 14:11:24 +08:00
lb	bf52db3b6a	update more 设备24小时记录	2023-08-30 11:37:11 +08:00
lb	0f5e4b8368	update 设备24小时记录	2023-08-30 10:27:49 +08:00
lb	e37bb3f2ce	add 设备状态时序图组件	2023-08-29 14:47:32 +08:00
lb	84ed13d58f	done equipmentAlarmLog	2023-08-29 10:17:27 +08:00
lb	383f98e1d9	add 设备监控	2023-08-29 09:56:27 +08:00
lb	5aafefda26	Merge branch 'equipment-module-dev' into lb	2023-08-28 17:01:38 +08:00
lb	6975c52062	add 设备绑定分组	2023-08-28 15:52:19 +08:00
lb	4ad325c02c	done 设备分组报警	2023-08-28 14:56:56 +08:00
lb	9dc580ddd2	update	2023-08-28 13:30:29 +08:00
lb	3656a92f63	add 设备分组报警	2023-08-28 10:47:05 +08:00
lb	573192d27a	add 设备工段绑定，设备分组	2023-08-28 09:22:28 +08:00
lb	3d24159743	update 完成设备信息	2023-08-24 15:36:38 +08:00
lb	54d22292c1	update equipment drawer的逻辑	2023-08-24 11:35:51 +08:00
lb	9556cdfb0e	update 设备信息	2023-08-23 15:15:29 +08:00
lb	fc2037a10a	update drawer	2023-08-22 17:00:43 +08:00
lb	4eb9b321db	add EquipmentDrawer	2023-08-22 15:53:02 +08:00
lb	1b055ebfa4	add 设备资产	2023-08-22 11:14:38 +08:00
lb	fa2505d5a2	update EquipmentPIcs	2023-08-21 14:05:15 +08:00
lb	a4c1438e59	update	2023-08-18 17:01:41 +08:00
lb	577fcb53d2	add equipment assets	2023-08-18 16:56:53 +08:00
lb	56191453af	调整目录结构，移动DialogForm组件，移动设备信息和设备类型至核心生产模块	2023-08-18 15:41:46 +08:00
lb	84a055e605	Merge branch 'test' into lb	2023-08-18 15:21:10 +08:00
lb	2cf0e718f7	update 完成质量-最近24小时记录	2023-08-18 14:41:52 +08:00
lb	54ce9639ab	add 动态表结构处理相关工具	2023-08-18 14:06:44 +08:00
lb	5cc3fb758e	update 设备分组	2023-08-17 09:37:39 +08:00
lb	a312117ea3	update 设备信息	2023-08-16 16:06:32 +08:00
lb	fc94d0cccc	update 设备类型	2023-08-15 14:57:37 +08:00
lb	c11c32d7ee	update 设备类型	2023-08-11 16:49:28 +08:00
lb	3900dcfbd8	add 设备相关	2023-08-10 16:52:47 +08:00
lb	8f61e9a9d9	update recent 24	2023-08-09 16:11:06 +08:00
lb	2a2ef5ab5c	update recent 24	2023-08-08 13:23:01 +08:00
lb	ccfc4eacba	update 检测统计数据	2023-08-08 10:16:53 +08:00
lb	4c829d21f5	TODO: fix graphPage build*()	2023-08-07 17:05:09 +08:00
lb	6852bc8c85	add line chart	2023-08-07 16:38:52 +08:00
lb	c755ecc105	update pie chart	2023-08-07 16:09:25 +08:00
lb	9947b2fa37	add pie chart	2023-08-07 15:23:19 +08:00
lb	48d208a539	update	2023-08-07 13:45:04 +08:00
lb	2febe5a12a	update 检测统计数据 search time	2023-08-07 10:46:26 +08:00
lb	8fd1504dc0	update 检测统计	2023-08-04 16:56:11 +08:00
lb	1c7e908d2e	add DetailGraph	2023-08-04 16:37:12 +08:00
lb	291197a28d	add 数据总览弹窗	2023-08-04 16:33:46 +08:00
lb	c7c89e2243	update 检测统计数据	2023-08-04 15:58:44 +08:00
lb	14a626b766	add 质量检测统计和最近24小时数据	2023-08-04 14:54:30 +08:00