...

src/api/ValidationTemplate.js

@@ -5,6 +5,12 @@ import {
 } from '../utils/http.js'
 
 const VT = {
+	TempList:'/VerifyTemplate/Class_List',
+	TempClassAdd:'/VerifyTemplate/Class_Add',
+	TempClassUp:'/VerifyTemplate/Class_Up',
+	TempClassDel:'/VerifyTemplate/Class_Del',
+	
+	
 	TempGet: '/VerifyTemplate/List',
 	TempAdd: '/VerifyTemplate/Add',
 	TempUp: '/VerifyTemplate/Up',
@@ -21,6 +27,35 @@ const VT = {
 	Time_Up: '/VerifyTemplate/Time_Up',
 	Time_Del: '/VerifyTemplate/Time_Del',
 }
+export function TempClassDel(data) {
+	return axios({
+		url: VT.TempClassDel,
+		method: 'post',
+		data:data
+	})
+}
+export function TempClassUp(data) {
+	return axios({
+		url: VT.TempClassUp,
+		method: 'post',
+		data:data
+	})
+}
+export function TempClassAdd(data) {
+	return axios({
+		url: VT.TempClassAdd,
+		method: 'post',
+		data:data
+	})
+}
+
+export function TempList(data) {
+	return axios({
+		url: VT.TempList,
+		method: 'post',
+		data:data
+	})
+}
 export function Time_Del(data) {
 	return axios({
 		url: VT.Time_Del,

src/assets/font_3995427_2fenkvuzphf/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/font_3995427_2fenkvuzphf/demo_index.html

@@ -0,0 +1,464 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>iconfont Demo</title>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
+      
+    </a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3995427" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6fc;</span>
+                <div class="name">icon_me</div>
+                <div class="code-name">&amp;#xe6fc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe617;</span>
+                <div class="name">首页-61</div>
+                <div class="code-name">&amp;#xe617;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64f;</span>
+                <div class="name">首页  </div>
+                <div class="code-name">&amp;#xe64f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe651;</span>
+                <div class="name">读取模板</div>
+                <div class="code-name">&amp;#xe651;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe70d;</span>
+                <div class="name">公司地址</div>
+                <div class="code-name">&amp;#xe70d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe652;</span>
+                <div class="name">证书打印</div>
+                <div class="code-name">&amp;#xe652;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67c;</span>
+                <div class="name">公司信息</div>
+                <div class="code-name">&amp;#xe67c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe650;</span>
+                <div class="name">服务公司</div>
+                <div class="code-name">&amp;#xe650;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62d;</span>
+                <div class="name">icon_任务模板管理</div>
+                <div class="code-name">&amp;#xe62d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe631;</span>
+                <div class="name">icon_样式模板</div>
+                <div class="code-name">&amp;#xe631;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe642;</span>
+                <div class="name">证书6</div>
+                <div class="code-name">&amp;#xe642;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe694;</span>
+                <div class="name">首页</div>
+                <div class="code-name">&amp;#xe694;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.woff2?t=1680576646485') format('woff2'),
+       url('iconfont.woff?t=1680576646485') format('woff'),
+       url('iconfont.ttf?t=1680576646485') format('truetype');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon-"></span>
+            <div class="name">
+              icon_me
+            </div>
+            <div class="code-name">.icon-icon-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouye-"></span>
+            <div class="name">
+              首页-61
+            </div>
+            <div class="code-name">.icon-shouye-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tubiao-"></span>
+            <div class="name">
+              首页  
+            </div>
+            <div class="code-name">.icon-tubiao-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-duqumoban"></span>
+            <div class="name">
+              读取模板
+            </div>
+            <div class="code-name">.icon-duqumoban
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gongsidizhi"></span>
+            <div class="name">
+              公司地址
+            </div>
+            <div class="code-name">.icon-gongsidizhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhengshudayin"></span>
+            <div class="name">
+              证书打印
+            </div>
+            <div class="code-name">.icon-zhengshudayin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gongsixinxi"></span>
+            <div class="name">
+              公司信息
+            </div>
+            <div class="code-name">.icon-gongsixinxi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fuwugongsi"></span>
+            <div class="name">
+              服务公司
+            </div>
+            <div class="code-name">.icon-fuwugongsi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_renwumobanguanli"></span>
+            <div class="name">
+              icon_任务模板管理
+            </div>
+            <div class="code-name">.icon-icon_renwumobanguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon_yangshimoban"></span>
+            <div class="name">
+              icon_样式模板
+            </div>
+            <div class="code-name">.icon-icon_yangshimoban
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhengshu6"></span>
+            <div class="name">
+              证书6
+            </div>
+            <div class="code-name">.icon-zhengshu6
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouye"></span>
+            <div class="name">
+              首页
+            </div>
+            <div class="code-name">.icon-shouye
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon-"></use>
+                </svg>
+                <div class="name">icon_me</div>
+                <div class="code-name">#icon-icon-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouye-"></use>
+                </svg>
+                <div class="name">首页-61</div>
+                <div class="code-name">#icon-shouye-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tubiao-"></use>
+                </svg>
+                <div class="name">首页  </div>
+                <div class="code-name">#icon-tubiao-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-duqumoban"></use>
+                </svg>
+                <div class="name">读取模板</div>
+                <div class="code-name">#icon-duqumoban</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gongsidizhi"></use>
+                </svg>
+                <div class="name">公司地址</div>
+                <div class="code-name">#icon-gongsidizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhengshudayin"></use>
+                </svg>
+                <div class="name">证书打印</div>
+                <div class="code-name">#icon-zhengshudayin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gongsixinxi"></use>
+                </svg>
+                <div class="name">公司信息</div>
+                <div class="code-name">#icon-gongsixinxi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuwugongsi"></use>
+                </svg>
+                <div class="name">服务公司</div>
+                <div class="code-name">#icon-fuwugongsi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_renwumobanguanli"></use>
+                </svg>
+                <div class="name">icon_任务模板管理</div>
+                <div class="code-name">#icon-icon_renwumobanguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon_yangshimoban"></use>
+                </svg>
+                <div class="name">icon_样式模板</div>
+                <div class="code-name">#icon-icon_yangshimoban</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhengshu6"></use>
+                </svg>
+                <div class="name">证书6</div>
+                <div class="code-name">#icon-zhengshu6</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouye"></use>
+                </svg>
+                <div class="name">首页</div>
+                <div class="code-name">#icon-shouye</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

src/assets/font_3995427_2fenkvuzphf/iconfont.css

@@ -0,0 +1,63 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3995427 */
+  src: url('iconfont.woff2?t=1680576646485') format('woff2'),
+       url('iconfont.woff?t=1680576646485') format('woff'),
+       url('iconfont.ttf?t=1680576646485') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-icon-:before {
+  content: "\e6fc";
+}
+
+.icon-shouye-:before {
+  content: "\e617";
+}
+
+.icon-tubiao-:before {
+  content: "\e64f";
+}
+
+.icon-duqumoban:before {
+  content: "\e651";
+}
+
+.icon-gongsidizhi:before {
+  content: "\e70d";
+}
+
+.icon-zhengshudayin:before {
+  content: "\e652";
+}
+
+.icon-gongsixinxi:before {
+  content: "\e67c";
+}
+
+.icon-fuwugongsi:before {
+  content: "\e650";
+}
+
+.icon-icon_renwumobanguanli:before {
+  content: "\e62d";
+}
+
+.icon-icon_yangshimoban:before {
+  content: "\e631";
+}
+
+.icon-zhengshu6:before {
+  content: "\e642";
+}
+
+.icon-shouye:before {
+  content: "\e694";
+}
+

src/assets/font_3995427_2fenkvuzphf/iconfont.json

@@ -0,0 +1,93 @@
+{
+  "id": "3995427",
+  "name": "验证报告-线上",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "5699794",
+      "name": "icon_me",
+      "font_class": "icon-",
+      "unicode": "e6fc",
+      "unicode_decimal": 59132
+    },
+    {
+      "icon_id": "8767550",
+      "name": "首页-61",
+      "font_class": "shouye-",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    },
+    {
+      "icon_id": "2407247",
+      "name": "首页  ",
+      "font_class": "tubiao-",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "4784088",
+      "name": "读取模板",
+      "font_class": "duqumoban",
+      "unicode": "e651",
+      "unicode_decimal": 58961
+    },
+    {
+      "icon_id": "5391599",
+      "name": "公司地址",
+      "font_class": "gongsidizhi",
+      "unicode": "e70d",
+      "unicode_decimal": 59149
+    },
+    {
+      "icon_id": "6204766",
+      "name": "证书打印",
+      "font_class": "zhengshudayin",
+      "unicode": "e652",
+      "unicode_decimal": 58962
+    },
+    {
+      "icon_id": "9599417",
+      "name": "公司信息",
+      "font_class": "gongsixinxi",
+      "unicode": "e67c",
+      "unicode_decimal": 59004
+    },
+    {
+      "icon_id": "21905658",
+      "name": "服务公司",
+      "font_class": "fuwugongsi",
+      "unicode": "e650",
+      "unicode_decimal": 58960
+    },
+    {
+      "icon_id": "23442227",
+      "name": "icon_任务模板管理",
+      "font_class": "icon_renwumobanguanli",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "23442253",
+      "name": "icon_样式模板",
+      "font_class": "icon_yangshimoban",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "27876670",
+      "name": "证书6",
+      "font_class": "zhengshu6",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "34145046",
+      "name": "首页",
+      "font_class": "shouye",
+      "unicode": "e694",
+      "unicode_decimal": 59028
+    }
+  ]
+}

src/main.js

@@ -3,7 +3,7 @@ import App from './App.vue'
 import router from './router/index.js';
 import store from "./store";
 import ElementUI from 'element-ui';
-
+import "./assets/font_3995427_2fenkvuzphf/iconfont.css";
 import 'element-ui/lib/theme-chalk/index.css';
 import VueElementUISkeleton from 'vue-elementui-skeleton';
 import md5 from'js-md5';

src/router/index.js

@@ -22,7 +22,7 @@ const routes = [
 		children: [{
 			path: '/home',
 			name: 'home',
-			icons:'el-icon-house',
+			icons:'tubiao-',
 			component: () => import('@/views/home/home.vue'),
 			meta: {
 				title: '工作首页',
@@ -31,7 +31,7 @@ const routes = [
 		},{
 			path: '/CompanyAccount',
 			name: 'CompanyAccount',
-			icons:'el-icon-bank-card',
+			icons:'gongsixinxi',
 			component: () => import('@/views/CompanyAccount/index.vue'),
 			meta: {
 				title: '公司账户',
@@ -40,7 +40,7 @@ const routes = [
 		},{
 			path: '/ManagingUsers',
 			name: 'ManagingUsers',
-			icons:'el-icon-user',
+			icons:'icon-',
 			component: () => import('@/views/ManagingUsers/index.vue'),
 			meta: {
 				title: '管理用户',
@@ -49,7 +49,7 @@ const routes = [
 		},{
 			path: '/companyManagement',
 			name: 'companyManagement',
-			icons:'el-icon-office-building',
+			icons:'fuwugongsi',
 			component: () => import('@/views/companyManagement/index.vue'),
 			meta: {
 				title: '公司管理',
@@ -58,7 +58,7 @@ const routes = [
 		},{
 			path: '/ValidationTemplate',
 			name: 'ValidationTemplate',
-			icons:'el-icon-magic-stick',
+			icons:'icon_renwumobanguanli',
 			component: () => import('@/views/ValidationTemplate/index.vue'),
 			meta: {
 				title: '验证模板管理',
@@ -67,7 +67,7 @@ const routes = [
 		},{
 			path: '/calibrationCertificate',
 			name: 'calibrationCertificate',
-			icons:'el-icon-notebook-2',
+			icons:'duqumoban',
 			component: () => import('@/views/calibrationCertificate/index.vue'),
 			meta: {
 				title: '校准证书管理',

src/utils/base.js

@@ -1,9 +1,11 @@
 let baseURL = ''
 //是否在控制台显示请求日志，本地环境启用，打包环境禁用
 let showHttpLog = false 
+besURL = 'https://coldverify.coldbaozhida.com/api/'
 devURL = 'http://47.111.15.17:6300'//测试环境 development
 proURL = 'http://47.111.15.17:6300'//生产环境 production
 module.exports = {
-	baseURL:process.env.NODE_ENV=="development"?devURL:proURL,
+	// baseURL:process.env.NODE_ENV=="development"?devURL:proURL,
+	baseURL:'https://coldverify.coldbaozhida.com/api/',
 	showHttpLog:showHttpLog
 }

src/views/CompanyAccount/index.vue

@@ -17,13 +17,13 @@
 					</el-table-column>
 					<el-table-column label="操作">
 						<template slot-scope="scope">
-							<el-button size="mini" :disabled="scope.row.T_pdf1===''?true:false"
+							<el-button size="small" :disabled="scope.row.T_pdf1===''?true:false"
 								@click="handleEdit1(scope.row)">验证方案</el-button>
-							<el-button size="mini" :disabled="scope.row.T_pdf2===''?true:false"
+							<el-button size="small" :disabled="scope.row.T_pdf2===''?true:false"
 								@click="handleEdit2(scope.row)">验证报告</el-button>
-							<el-button size="mini" :disabled="scope.row.T_pdf3===''?true:false"
+							<el-button size="small" :disabled="scope.row.T_pdf3===''?true:false"
 								@click="handleEdit3(scope.row)">校准证书</el-button>
-							<el-button size="mini" @click="handleEdit4(scope.row)">验证数据</el-button>
+							<el-button size="small" @click="handleEdit4(scope.row)">验证数据</el-button>
 						</template>
 					</el-table-column>
 				</el-table>

src/views/ManagingUsers/index.vue

@@ -27,8 +27,8 @@
 				<el-table-column label="操作">
 					<template slot-scope="scope">
 						<div style="display: flex;">
-							<el-button size="mini" @click="handleEdit(scope.row)">编辑</el-button>
-							<el-button slot="reference" size="mini" type="danger" @click="handleDelete(scope.row)">删除
+							<el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
+							<el-button slot="reference" size="small" @click="handleDelete(scope.row)">删除
 							</el-button>
 						</div>
 					</template>

src/views/ReportViewing/index.vue

@@ -9,16 +9,16 @@
 		</div>
 		<div class="companyManagement1">
 			<div class="companyManagement1-R">
-				<el-input class="s1" size="mini" v-model="page.name" placeholder="请输入SN" clearable></el-input>
-				<el-input class="s1" size="mini" v-model="page.name" placeholder="请输入编号" clearable></el-input>
-				<el-date-picker class="s1" size="mini" v-model="page.name" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"
+				<el-input class="s1" size="small" v-model="page.name" placeholder="请输入SN" clearable></el-input>
+				<el-input class="s1" size="small" v-model="page.name" placeholder="请输入编号" clearable></el-input>
+				<el-date-picker class="s1" size="small" v-model="page.name" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"
 					range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="searchTimeData">
 				</el-date-picker>
-				<el-button class="s1 sBtn" size="mini" type="primary" icon="el-icon-search"></el-button>
+				<el-button class="s1 sBtn" size="small" type="primary" icon="el-icon-search"></el-button>
 			</div>
 			<div class="companyManagement1-L">
 				<el-dropdown class="s1" @command="commands">
-					<el-button type="primary" size="mini" icon="el-icon-download">
+					<el-button type="primary" size="small" icon="el-icon-download">
 						下载<i class="el-icon-arrow-down el-icon--right"></i>
 					</el-button>
 					<el-dropdown-menu slot="dropdown">

src/views/ValidationTemplate/index - 副本.vue

@@ -0,0 +1,736 @@
+<template>
+	<div class="ValidationTemplate">
+		<div class="ValidationTemplate1">
+			<div class="ValidationTemplate1-L">
+				<el-button type="primary" icon="el-icon-plus" @click="Newtemp">新增模板</el-button>
+			</div>
+			<div class="ValidationTemplate1-R">
+				<div class="ValidationTemplate1-Rtx">
+					搜索：
+				</div>
+				<el-input v-model="pages.T_name" placeholder="请输入模板名称" @keyup.enter.native="search" clearable>
+				</el-input>
+			</div>
+		</div>
+		<div class="ValidationTemplate2">
+			<el-table :data="tableData" border size="small">
+				<el-table-column label="模板名称" width="180">
+					<template slot-scope="scope">
+						<span>{{ scope.row.T_name }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column label="模板排序" width="180">
+					<template slot-scope="scope">
+						{{ scope.row.T_sort }}
+					</template>
+				</el-table-column>
+				<el-table-column label="操作">
+					<template slot-scope="scope">
+						<div style="display: flex;">
+							<el-button size="small" @click="handlelabel(scope.row)">标签</el-button>
+							<el-button slot="reference" size="small" @click="handleEdit(scope.row)">编辑
+							</el-button>
+							<el-button slot="reference" size="small" @click="handleDelete(scope.row)">删除
+							</el-button>
+						</div>
+					</template>
+				</el-table-column>
+			</el-table>
+		</div>
+		<div class="ValidationTemplate3">
+			<el-pagination @current-change="handleCurrentChange" :current-page="pages.page" :page-size="pages.page_z"
+				layout="total, prev, pager, next, jumper" :total="total">
+			</el-pagination>
+		</div>
+		<el-drawer :title="tit" :visible.sync="dialog1" direction="rtl" ref="drawer">
+			<div class="demo-drawers">
+				<el-form :model="form" :rules="rules" ref="ruleForm">
+					<el-form-item label="模板名称" :label-width="LabelWidth" prop="T_name">
+						<el-input v-model="form.T_name" autocomplete="off"></el-input>
+					</el-form-item>
+					<el-form-item label="模板序号" :label-width="LabelWidth" prop="T_sort">
+						<el-input v-model="form.T_sort" autocomplete="off"></el-input>
+					</el-form-item>
+					<el-form-item :label-width="LabelWidth">
+						<el-button type="primary" @click="submitForm('ruleForm')">
+							确 定
+						</el-button>
+						<el-button @click="dialog1=false">取 消</el-button>
+					</el-form-item>
+				</el-form>
+			</div>
+		</el-drawer>
+		<el-drawer title="标签列表" :visible.sync="Drawer" direction="rtl" ref="drawer" size="90%">
+			<div class="demo-drawers">
+				<el-button type="primary" icon="el-icon-plus" @click="NewinnerDrawer">添加标签</el-button>
+				<div style="margin-top: 10px;">
+					<el-table :data="tableData1" border size="mini">
+						<el-table-column label="标签名称" width="300" :show-overflow-tooltip="true">
+							<template slot-scope="scope">
+								<span>{{ scope.row.T_name }}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="数据类型" width="80" :show-overflow-tooltip="true">
+							<template slot-scope="scope">
+								<span>{{ scope.row.T_source }}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="标签" width="150" :show-overflow-tooltip="true">
+							<template slot-scope="scope">
+								<span>{{ scope.row.T_field }}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="排序" width="80" :show-overflow-tooltip="true">
+							<template slot-scope="scope">
+								<span>{{ scope.row.T_sort }}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="操作">
+							<template slot-scope="scope">
+								<el-dropdown @command="commands($event,scope.row)">
+									<div class="el-dropdown-link dropdown-links" style="">
+										<el-button type="primary" plain size="mini">更多操作</el-button>
+									</div>
+									<el-dropdown-menu slot="dropdown">
+										<el-dropdown-item command="a">编辑</el-dropdown-item>
+										<el-dropdown-item command="b">时间流程</el-dropdown-item>
+										<el-dropdown-item command="c">删除</el-dropdown-item>
+									</el-dropdown-menu>
+								</el-dropdown>
+							</template>
+						</el-table-column>
+					</el-table>
+				</div>
+				<div style="margin-top: 10px;">
+					<el-pagination @current-change="handleCurrentChange111" :current-page="pages2.page"
+						:page-size="pages2.page_z" layout="total, prev, pager, next, jumper" :total="total1">
+					</el-pagination>
+				</div>
+				<el-drawer title="时间流程" :append-to-body="true" :visible.sync="innerDrawer1" size="70%">
+					<div class="demo-drawers">
+						<el-button type="primary" icon="el-icon-plus" @click="TimeNew">添加流程</el-button>
+						<div style="padding-top: 20px;">
+							<el-table :data="tableData2" border size="small">
+								<el-table-column label="排序">
+									<template slot-scope="scope">
+										<span>{{ scope.row.T_sort }}</span>
+									</template>
+								</el-table-column>
+								<el-table-column label="步骤名称">
+									<template slot-scope="scope">
+										<span>{{ scope.row.T_step_name }}</span>
+									</template>
+								</el-table-column>
+								<el-table-column label="对应标签">
+									<template slot-scope="scope">
+										<span>{{ scope.row.T_tag }}</span>
+									</template>
+								</el-table-column>
+								<el-table-column label="最少时间(s)">
+									<template slot-scope="scope">
+										<span>{{ scope.row.T_min_time }}</span>
+									</template>
+								</el-table-column>
+								<el-table-column label="最多时间(s)">
+									<template slot-scope="scope">
+										<span>{{ scope.row.T_max_time }}</span>
+									</template>
+								</el-table-column>
+								<el-table-column label="操作">
+									<template slot-scope="scope">
+										<div style="display: flex;">
+											<el-button slot="reference" size="small" @click="TimeEdit(scope.row)">编辑
+											</el-button>
+											<el-button slot="reference" size="small"
+												@click="TimeDelete(scope.row)">删除
+											</el-button>
+										</div>
+									</template>
+								</el-table-column>
+							</el-table>
+						</div>
+						<div style="margin-top: 10px;">
+							<el-pagination @current-change="handleCurrentChange12" :current-page="pages1.page"
+								:page-size="pages1.page_z" layout="total, prev, pager, next, jumper" :total="total2">
+							</el-pagination>
+						</div>
+						<el-drawer :title="titles1" :append-to-body="true" :visible.sync="innerDrawer3">
+							<!-- 时间流程按钮后的编辑 -->
+							<div style="padding: 20px;">
+								<el-form :model="pages3" :rules="rules3" ref="ruleForm3">
+									<el-form-item label="排序" label-width="80px" prop="T_sort">
+										<el-input v-model="pages3.T_sort" oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off"></el-input>
+									</el-form-item>
+									<el-form-item label="步骤名称" label-width="80px" prop="T_step_name">
+										<el-input v-model="pages3.T_step_name" autocomplete="off"></el-input>
+									</el-form-item>
+									<el-form-item label="对映标签" label-width="80px" prop="T_tag">
+										<el-input v-model="pages3.T_tag" autocomplete="off"></el-input>
+									</el-form-item>
+									<el-form-item label="最小时间" label-width="80px" prop="T_min_time">
+										<el-input v-model="pages3.T_min_time" oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off"></el-input>
+									</el-form-item>
+									<el-form-item label="最大时间" label-width="80px" prop="T_max_time">
+										<el-input v-model="pages3.T_max_time" oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off"></el-input>
+									</el-form-item>
+									<el-form-item label="描述" label-width="80px" prop="T_text">
+										<el-input type="textarea" v-model="pages3.T_text"></el-input>
+									</el-form-item>
+									<el-form-item label-width="80px">
+										<el-button type="primary"   @click="submitForm3('ruleForm3')">
+											确 定
+										</el-button>
+										<el-button @click="innerDrawer3=false">取 消</el-button>
+									</el-form-item>
+								</el-form>
+							</div>
+						</el-drawer>
+					</div>
+				</el-drawer>
+				<el-drawer :title="titles" :append-to-body="true" :visible.sync="innerDrawer2">
+					<!-- 时间流程按钮后的编辑 -->
+					<div style="padding: 20px;">
+						<el-form :model="form1" :rules="rules1" ref="ruleForm1">
+							<el-form-item label="数据类型" label-width="80px" prop="T_label">
+								<el-select v-model="form1.T_label" placeholder="请选择数据类型">
+									<el-option label="文本" value="1"></el-option>
+									<el-option label="数值" value="2"></el-option>
+									<el-option label="设备多选" value="3"></el-option>
+									<el-option label="设备单选" value="4"></el-option>
+									<el-option label="当期时间（2022年01月19日）" value="7"></el-option>
+									<el-option label="当期时间（开始与结束时间）" value="9"></el-option>
+									<el-option label="图片" value="10"></el-option>
+									<el-option label="CAD" value="11"></el-option>
+								</el-select>
+							</el-form-item>
+							<el-form-item label="来源" label-width="80px" prop="T_source">
+								<el-select v-model="form1.T_source" placeholder="请选择来源">
+									<el-option label="所有" value="0"></el-option>
+									<el-option label="方案" value="1"></el-option>
+									<el-option label="报告" value="2"></el-option>
+								</el-select>
+							</el-form-item>
+							<el-form-item label="标签名称" label-width="80px" prop="T_name">
+								<el-input v-model="form1.T_name" autocomplete="off"></el-input>
+							</el-form-item>
+							<el-form-item label="标签" label-width="80px" prop="T_field">
+								<el-input v-model="form1.T_field" autocomplete="off"></el-input>
+							</el-form-item>
+							<el-form-item label="排序" label-width="80px" prop="T_sort">
+								<el-input v-model="form1.T_sort" autocomplete="off"></el-input>
+							</el-form-item>
+							<el-form-item label="上传" label-width="80px" prop="T_text">
+								<flies @pdfvalue="fliValue"></flies>
+								<div style="margin-top: 5px;">
+									<div v-if="form1.T_text!=''" style="height: 20px;color: #409EFF;display: flex;align-items: center;">
+										<i class="el-icon-circle-check"></i><span style="font-size: 12px;padding-left: 1px;">已经上传文件，点击虚线框内可更换</span>
+									</div>
+									<div v-else style="height: 20px;color: #C0C4CC;display: flex;align-items: center;">
+										<i class="el-icon-circle-close"></i><span style="font-size: 12px;padding-left: 1px;">还未上传文件，点击虚线框内可上传</span>
+									</div>
+								</div>
+							</el-form-item>
+							<el-form-item label-width="80px">
+								<el-button type="primary"  @click="submitForm1('ruleForm1')">
+									确 定
+								</el-button>
+								<el-button @click="innerDrawer2=false">取 消</el-button>
+							</el-form-item>
+						</el-form>
+					</div>
+				</el-drawer>
+			</div>
+		</el-drawer>
+	</div>
+</template>
+
+<script>
+	import {
+		TempGet,
+		TempAdd,
+		TempUp,TempDel,Map_List,Map_Add,Map_Up,Map_Del,Time_List,Time_Add,Time_Up,Time_Del
+	} from '@/api/ValidationTemplate'
+	import flies from "@/components/files.vue"
+	export default {
+		name: 'ValidationTemplate',
+		components: {
+			flies
+		},
+		data() {
+			return {
+				LabelWidth: "80px",
+				form: { //新增编辑的提交参数
+					T_name: '',
+					T_sort: null
+				},
+				rules: {
+					T_name: [{
+						required: true,
+						message: '请输入模板名称',
+						trigger: 'blur'
+					}, ],
+					T_sort: [{
+						required: true,
+						message: '请输入模板序号',
+						trigger: 'blur'
+					}],
+				},
+				form1: { //新增编辑的提交参数
+					T_source: '',//来源 0-所有 1-方案 2-报告
+					T_label: '',//数据类型
+					T_name: '',//标签名称
+					T_field: '',//标签
+					T_text: '',//描述图片路径
+					T_sort: '',//排序
+				},
+				rules1: {
+					T_source: [{
+						required: true,
+						message: '请选择来源',
+						trigger: 'blur'
+					}, ],
+					T_label: [{
+						required: true,
+						message: '请选择数据类型',
+						trigger: 'blur'
+					}],
+					T_name: [{
+						required: true,
+						message: '请输入标签名称',
+						trigger: 'blur'
+					}, ],
+					T_field: [{
+						required: true,
+						message: '请输入标签',
+						trigger: 'blur'
+					}],
+					T_text: [{
+						required: true,
+						message: '请上传资源文件',
+						trigger: 'blur'
+					}, ],
+					T_sort: [{
+						required: true,
+						message: '请输入排序',
+						trigger: 'blur'
+					}],
+				},
+				
+				TempNum:0,//验证是点击新增还是点击的编辑
+				titles: '',
+				titles1: '',
+				Drawer: false, //标签
+				dialog1: false, //新增/编辑
+				tit: '新增模板',
+				innerDrawer1: false, //时间流程
+				innerDrawer2: false, //时间流程界面的编辑新增
+				innerDrawer3: false, //时间流程新增
+
+				total: 0,
+				total1: 0,
+				total2: 0,
+				pages: {
+					page: 1,
+					page_z: 10,
+					T_name: ''
+				},
+				pages2: {
+					page: 1,
+					page_z: 10,
+					T_VerifyTemplate_id: ''
+				},
+				pages1: {
+					page: 1,
+					page_z:10,
+					T_VerifyTemplateMap_id: ''
+				},
+				pages3: {
+					T_tag: '',
+					T_step_name: '',
+					T_min_time: '',
+					T_max_time: '',
+					T_text: '',
+					T_sort: '',
+				},
+				rules3: {
+					T_step_name: [{
+						required: true,
+						message: '请输入步骤名称',
+						trigger: 'blur'
+					}, ],
+					T_tag: [{
+						required: true,
+						message: '请输入对应标签',
+						trigger: 'blur'
+					}, ],
+					T_min_time: [{
+						required: true,
+						message: '请输入最小时间 单位s',
+						trigger: 'blur'
+					}],
+					T_max_time: [{
+						required: true,
+						message: '请输入最大时间 单位s',
+						trigger: 'blur'
+					}, ],
+					T_text: [{
+						required: true,
+						message: '请输入描述',
+						trigger: 'blur'
+					}],
+					T_sort: [{
+						required: true,
+						message: '请输入排序',
+						trigger: 'blur'
+					}, ],
+				},
+				tableData: [],
+				tableData1: [],
+				tableData2: [],
+			}
+		},
+		mounted() {
+			this.GetTempGetApi()
+		},
+		methods: {
+			TimeDelete(e) {
+				this.$confirm('此操作将永久删除操作, 是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning',
+					center: true
+				}).then(() => {
+					Time_Del({T_id: e.T_id}).then(res=>{
+						if(res.data.Code==200){
+							this.$message.success('删除成功!')
+							this.pages1.page = 1
+							this.GetTime_ListApi()
+						}
+					})
+				}).catch(() => {
+					this.$message({
+						type: 'info',
+						message: '已取消删除'
+					});
+				});
+			},
+			TimeEdit(e) {
+				if(this.$refs.ruleForm3!=undefined){
+					this.$refs.ruleForm3.clearValidate()
+				}
+				console.log('编辑',e)
+				this.innerDrawer3 = true
+				this.titles1 = '编辑时间流程'
+				this.TempNum = 2
+				this.pages3.T_id = e.T_id
+				this.pages3.T_tag = e.T_tag
+				this.pages3.T_step_name = e.T_step_name
+				this.pages3.T_min_time = e.T_min_time
+				this.pages3.T_max_time = e.T_max_time
+				this.pages3.T_text = e.T_text
+				this.pages3.T_sort = e.T_sort
+			},
+			TimeNew() {
+				if(this.$refs.ruleForm3!=undefined){
+					this.$refs.ruleForm3.clearValidate()
+				}
+				for (let key in this.pages3) {
+				    this.pages3[key] = ''
+				}
+				
+				this.innerDrawer3 = true
+				this.TempNum = 1
+				this.pages3.T_VerifyTemplateMap_id = this.pages1.T_VerifyTemplateMap_id
+				this.titles1 = '新增时间流程'
+			},
+			GetTime_ListApi(){
+				Time_List(this.pages1).then(res=>{
+					console.log('时间流程',res)
+					if(res.data.Code==200){
+						this.tableData2 = res.data.Data.List
+						this.total2 = res.data.Data.Num
+					}
+				})
+			},
+			submitForm3(formName) {
+				this.$refs[formName].validate((valid) => {
+			 	if (valid) {
+						console.log('新增',this.pages3)
+						if(this.TempNum==1){//1是新增
+							Time_Add(this.pages3).then(res=>{
+								if(res.data.Code===200){
+									this.$message.success('新增成功')
+									this.innerDrawer3 = false
+									this.pages1.page = 1
+									this.GetTime_ListApi()
+								}
+							})
+						}else{//2是编辑
+							Time_Up(this.pages3).then(res=>{
+								if(res.data.Code===200){
+									this.$message.success('编辑成功')
+									this.innerDrawer3 = false
+									this.pages1.page = 1
+									this.GetTime_ListApi()
+								}
+							})
+							console.log('编辑',this.form1)	
+						}
+					} else {
+						return false;
+					}
+				});
+			},
+			submitForm1(formName) {
+				this.$refs[formName].validate((valid) => {
+			 	if (valid) {
+						if(this.TempNum==1){//1是新增
+							console.log('新增',this.form1)
+							Map_Add(this.form1).then(res=>{
+								if(res.data.Code===200){
+									this.$message.success('新增成功')
+									this.innerDrawer2 = false
+									this.pages2.page = 1
+									this.GetMaplistApi()
+								}
+							})
+						}else{//2是编辑
+							Map_Up(this.form1).then(res=>{
+								if(res.data.Code===200){
+									this.$message.success('编辑成功')
+									this.innerDrawer2 = false
+									this.pages2.page = 1
+									this.GetMaplistApi()
+								}
+							})
+							console.log('编辑',this.form1)	
+						}
+					} else {
+						return false;
+					}
+				});
+			},
+			fliValue(e){//上传
+				console.log('上传',e)
+				this.form1.T_text = e
+			},
+			handleCurrentChange111(val) {
+				this.pages2.page = val
+				this.GetMaplistApi()
+			},
+			handleCurrentChange12(val) {
+				this.pages1.page = val
+				this.GetTime_ListApi()
+			},
+			handlelabel(val) {
+				this.Drawer = true
+				this.pages2.T_VerifyTemplate_id = val.T_VerifyTemplate_id
+				this.GetMaplistApi()
+			},
+			GetMaplistApi(){
+				Map_List(this.pages2).then(res=>{
+					console.log('列那边',res)
+					if(res.data.Code==200){
+						this.tableData1 = res.data.Data.List
+						this.total1 = res.data.Data.Num
+					}
+				})
+			},
+			
+			GetTempGetApi() {
+				TempGet(this.pages).then(res => {
+					console.log('列表', res)
+					if (res.data.Code === 200) {
+						this.tableData = res.data.Data.List
+						this.total = res.data.Data.Num
+					}
+				})
+			},
+			Newtemp() { //新增模板
+				if(this.$refs.ruleForm!=undefined){
+					this.$refs.ruleForm.clearValidate()
+				}
+				this.tit = '新增模板'
+				this.dialog1 = true
+				this.TempNum=1
+				
+				this.form.T_name = ""
+				this.form.T_sort = ""
+			},
+			handleEdit(val) { //编辑模板
+				if(this.$refs.ruleForm!=undefined){
+					this.$refs.ruleForm.clearValidate()
+				}
+				this.form.T_name = val.T_name
+				this.form.T_sort = val.T_sort
+				this.form.T_VerifyTemplate_id = val.T_VerifyTemplate_id
+				
+				this.tit = '编辑模板'
+				this.dialog1 = true
+				this.TempNum=2
+				console.log('编辑sss', val)
+			},
+			submitForm(formName) {
+				this.$refs[formName].validate((valid) => {
+					if (valid) {
+						if(this.TempNum==1){//1是新增
+							TempAdd(this.form).then(res=>{
+								if(res.data.Code==200){
+									this.dialog1 = false
+									this.pages.page = 1
+									this.GetTempGetApi()
+								}
+							})
+						}else{//2是编辑
+							TempUp(this.form).then(res=>{
+								if(res.data.Code==200){
+									this.dialog1 = false
+									this.pages.page = 1
+									this.GetTempGetApi()
+								}
+							})
+						}
+					} else {
+						return false;
+					}
+				});
+			},
+			search() { //回车搜索
+				this.pages.page = 1
+				this.GetTempGetApi()
+			},
+			
+			
+			NewinnerDrawer() {
+				if(this.$refs.ruleForm1!=undefined){
+					this.$refs.ruleForm1.clearValidate()
+				}
+				this.form1.T_source = ""
+				this.form1.T_label = ""
+				this.form1.T_name = ""
+				this.form1.T_field = ""
+				this.form1.T_text = ""
+				this.form1.T_sort = ""
+				
+				this.form1.T_VerifyTemplate_id = this.pages2.T_VerifyTemplate_id
+				this.titles = '添加'
+				this.TempNum = 1
+				this.innerDrawer2 = true
+			},
+			commands(e,obj) {
+				console.log('嘻嘻嘻',e,obj.T_id)
+				var that = this
+				switch (e) {
+					case 'a':
+						that.titles = '编辑'
+						that.innerDrawer2 = true
+						that.TempNum = 2
+						if(that.$refs.ruleForm1!=undefined){
+							that.$refs.ruleForm1.clearValidate()
+						}
+						that.form1.T_source = JSON.stringify(obj.T_source)
+						that.form1.T_label = JSON.stringify(obj.T_label)
+						that.form1.T_name = obj.T_name
+						that.form1.T_field = obj.T_field
+						that.form1.T_text = obj.T_text
+						that.form1.T_sort = obj.T_sort
+						that.form1.T_id =  obj.T_id
+						break
+					case 'b':
+						this.innerDrawer1 = true
+						this.pages1.T_VerifyTemplateMap_id = obj.T_id
+						this.GetTime_ListApi()
+						break
+					default:
+						this.$confirm('此操作将永久删除该模板, 是否继续?', '提示', {
+							confirmButtonText: '立即删除',
+							cancelButtonText: '取消',
+							type: 'warning',
+							center: true
+						}).then(() => {
+							Map_Del({T_id: obj.T_id}).then(res=>{
+								if(res.data.Code==200){
+									this.$message.success('删除成功!')
+									this.pages2.page = 1
+									this.GetMaplistApi()
+								}
+							})
+						}).catch(() => {
+							this.$message({
+								type: 'info',
+								message: '已取消删除'
+							});
+						});
+				}
+			},
+			
+			handleDelete(val) {
+				this.$confirm('此操作将永久删除该模板, 是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning',
+					center: true
+				}).then(() => {
+					TempDel({T_VerifyTemplate_id:val.T_VerifyTemplate_id}).then(res=>{
+						if(res.data.Code==200){
+							this.$message.success('删除成功!')
+							this.pages.page = 1
+							this.GetTempGetApi()
+						}
+					})
+				}).catch(() => {
+					this.$message({
+						type: 'info',
+						message: '已取消删除'
+					});
+				});
+			},
+			handleCurrentChange(val) {
+				this.pages.page = val
+				this.GetTempGetApi()
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.demo-drawers {
+		padding: 20px;
+	}
+
+	/deep/.el-upload-dragger {
+		width: 100% !important;
+		padding: 0 30px !important;
+	}
+
+	.ValidationTemplate {
+		.ValidationTemplate1 {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.ValidationTemplate1-L {}
+
+			.ValidationTemplate1-R {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+
+				.ValidationTemplate1-Rtx {
+					min-width: 45px;
+					font-size: 14px;
+					color: #909399;
+					user-select: none;
+				}
+			}
+		}
+
+		.ValidationTemplate2 {
+			margin-top: 20px;
+		}
+
+		.ValidationTemplate3 {
+			margin-top: 40px;
+		}
+	}
+</style>

src/views/ValidationTemplate/index.vue

@@ -2,241 +2,133 @@
 	<div class="ValidationTemplate">
 		<div class="ValidationTemplate1">
 			<div class="ValidationTemplate1-L">
-				<el-button type="primary" icon="el-icon-plus" @click="Newtemp">新增模板</el-button>
+				<el-button type="primary" @click="addClass(0)" icon="el-icon-plus">新增分类</el-button>
 			</div>
 			<div class="ValidationTemplate1-R">
-				<div class="ValidationTemplate1-Rtx">
+				<!-- <div class="ValidationTemplate1-Rtx">
 					搜索：
 				</div>
 				<el-input v-model="pages.T_name" placeholder="请输入模板名称" @keyup.enter.native="search" clearable>
-				</el-input>
+				</el-input> -->
 			</div>
 		</div>
 		<div class="ValidationTemplate2">
-			<el-table :data="tableData" border size="small">
-				<el-table-column label="模板名称" width="180">
-					<template slot-scope="scope">
-						<span>{{ scope.row.T_name }}</span>
-					</template>
+			<el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="Id" border
+				:tree-props="{children: 'Children', hasChildren: 'hasChildren'}">
+				<el-table-column prop="T_name" label="模板分类名称">
 				</el-table-column>
-				<el-table-column label="模板排序" width="180">
+				<el-table-column label="操作" :show-overflow-tooltip="true">
 					<template slot-scope="scope">
-						{{ scope.row.T_sort }}
-					</template>
-				</el-table-column>
-				<el-table-column label="操作">
-					<template slot-scope="scope">
-						<div style="display: flex;">
-							<el-button size="mini" @click="handlelabel(scope.row)">标签</el-button>
-							<el-button slot="reference" size="mini" @click="handleEdit(scope.row)">编辑
-							</el-button>
-							<el-button slot="reference" size="mini" type="danger" @click="handleDelete(scope.row)">删除
-							</el-button>
-						</div>
+						<el-button size="small" @click="goTemes(scope.row)">进入分类</el-button>
+						<el-button size="small" @click="addClass(scope.row)">添加分类</el-button>
+						<el-button size="small" @click="setedit(scope.row)">编辑</el-button>
+						<el-button size="small" @click="setDel(scope.row)">删除</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
 		</div>
-		<div class="ValidationTemplate3">
-			<el-pagination @current-change="handleCurrentChange" :current-page="pages.page" :page-size="pages.page_z"
-				layout="total, prev, pager, next, jumper" :total="total">
-			</el-pagination>
-		</div>
-		<el-drawer :title="tit" :visible.sync="dialog1" direction="rtl" ref="drawer">
+		<el-drawer title="验证模板" :visible.sync="drawer" direction="rtl" size="80%">
 			<div class="demo-drawers">
-				<el-form :model="form" :rules="rules" ref="ruleForm">
-					<el-form-item label="模板名称" :label-width="LabelWidth" prop="T_name">
-						<el-input v-model="form.T_name" autocomplete="off"></el-input>
-					</el-form-item>
-					<el-form-item label="模板序号" :label-width="LabelWidth" prop="T_sort">
-						<el-input v-model="form.T_sort" autocomplete="off"></el-input>
-					</el-form-item>
-					<el-form-item :label-width="LabelWidth">
-						<el-button type="primary" @click="submitForm('ruleForm')">
-							确 定
-						</el-button>
-						<el-button @click="dialog1=false">取 消</el-button>
-					</el-form-item>
-				</el-form>
-			</div>
-		</el-drawer>
-		<el-drawer title="标签列表" :visible.sync="Drawer" direction="rtl" ref="drawer" size="90%">
-			<div class="demo-drawers">
-				<el-button type="primary" icon="el-icon-plus" @click="NewinnerDrawer">添加标签</el-button>
-				<div style="margin-top: 10px;">
-					<el-table :data="tableData1" border size="mini">
-						<el-table-column label="标签名称" width="300" :show-overflow-tooltip="true">
-							<template slot-scope="scope">
-								<span>{{ scope.row.T_name }}</span>
-							</template>
-						</el-table-column>
-						<el-table-column label="数据类型" width="80" :show-overflow-tooltip="true">
-							<template slot-scope="scope">
-								<span>{{ scope.row.T_source }}</span>
-							</template>
-						</el-table-column>
-						<el-table-column label="标签" width="150" :show-overflow-tooltip="true">
-							<template slot-scope="scope">
-								<span>{{ scope.row.T_field }}</span>
-							</template>
-						</el-table-column>
-						<el-table-column label="排序" width="80" :show-overflow-tooltip="true">
-							<template slot-scope="scope">
-								<span>{{ scope.row.T_sort }}</span>
-							</template>
-						</el-table-column>
-						<el-table-column label="操作">
-							<template slot-scope="scope">
-								<el-dropdown @command="commands($event,scope.row)">
-									<div class="el-dropdown-link dropdown-links" style="">
-										<el-button type="primary" plain size="mini">更多操作</el-button>
-									</div>
-									<el-dropdown-menu slot="dropdown">
-										<el-dropdown-item command="a">编辑</el-dropdown-item>
-										<el-dropdown-item command="b">时间流程</el-dropdown-item>
-										<el-dropdown-item command="c">删除</el-dropdown-item>
-									</el-dropdown-menu>
-								</el-dropdown>
-							</template>
-						</el-table-column>
-					</el-table>
+				<div class="ValidationTemplate1" style="margin-bottom: 10px;">
+					<div class="ValidationTemplate1-L">
+						<el-button type="primary" icon="el-icon-plus" @click="Newtemp">新增模板</el-button>
+					</div>
+					<div class="ValidationTemplate1-R">
+						<div class="ValidationTemplate1-Rtx">
+							搜索：
+						</div>
+						<el-input v-model="pages.T_name" placeholder="请输入模板名称" @keyup.enter.native="searchFun" clearable>
+						</el-input>
+					</div>
 				</div>
-				<div style="margin-top: 10px;">
-					<el-pagination @current-change="handleCurrentChange111" :current-page="pages2.page"
-						:page-size="pages2.page_z" layout="total, prev, pager, next, jumper" :total="total1">
+				<el-table :data="tempTableData" border size="small">
+					<el-table-column label="模板名称" width="250">
+						<template slot-scope="scope">
+							<span>{{ scope.row.T_name }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column label="操作">
+						<template slot-scope="scope">
+							<div style="display: flex;">
+								<el-button size="small" @click="handlelabel(scope.row)">标签</el-button>
+								<el-button size="small" @click="handleReport(scope.row)">报告
+								</el-button>
+								<el-button size="small" @click="handleScheme(scope.row)">方案
+								</el-button>
+								<el-button size="small" @click="handleDelete(scope.row)">删除
+								</el-button>
+							</div>
+						</template>
+					</el-table-column>
+				</el-table>
+				<div class="ValidationTemplate3">
+					<el-pagination @current-change="handleCurrentChange" :current-page="pages.page" :page-size="pages.page_z"
+						layout="total, prev, pager, next, jumper" :total="total">
 					</el-pagination>
 				</div>
-				<el-drawer title="时间流程" :append-to-body="true" :visible.sync="innerDrawer1" size="70%">
+				<el-drawer title="标签列表" :visible.sync="Drawer1" direction="rtl" :append-to-body="true" ref="drawer" size="70%">
 					<div class="demo-drawers">
-						<el-button type="primary" icon="el-icon-plus" @click="TimeNew">添加流程</el-button>
-						<div style="padding-top: 20px;">
-							<el-table :data="tableData2" border size="small">
-								<el-table-column label="排序">
+						<el-button type="primary" icon="el-icon-plus" @click="NewinnerDrawer">添加标签</el-button>
+						<div style="margin-top: 10px;">
+							<el-table :data="tagTableData" border size="mini" @sort-change="sortchange">
+								<el-table-column align="left">
+								    <template slot="header">
+										<div style="display: flex;align-items: center;">
+											<div style="margin-right:10px;">排序</div>
+											<div style="display: flex;align-items: center;flex-direction: column;justify-content: center;">
+												<i :class="pages2.T_sort==0?'icon-bg-on':'icon-bg-off'" class="el-icon-caret-top" style="margin-bottom: -4px;font-size: 14px;"></i>
+												<i :class="pages2.T_sort==1?'icon-bg-on':'icon-bg-off'" class="el-icon-caret-bottom" style="margin-top: -4px;font-size: 14px;"></i>
+											</div>
+										</div>
+									</template>
 									<template slot-scope="scope">
 										<span>{{ scope.row.T_sort }}</span>
-									</template>
+								    </template>
 								</el-table-column>
-								<el-table-column label="步骤名称">
-									<template slot-scope="scope">
-										<span>{{ scope.row.T_step_name }}</span>
+								<el-table-column align="left">
+								    <template slot="header">
+										<div style="display: flex;align-items: center;">
+											<div style="margin-right:10px;">验证流程</div>
+											<div style="display: flex;align-items: center;flex-direction: column;justify-content: center;">
+												<i :class="pages2.T_flow_sort==0?'icon-bg-on':'icon-bg-off'" class="el-icon-caret-top" style="margin-bottom: -4px;font-size: 14px;"></i>
+												<i :class="pages2.T_flow_sort==1?'icon-bg-on':'icon-bg-off'" class="el-icon-caret-bottom" style="margin-top: -4px;font-size: 14px;"></i>
+											</div>
+										</div>
 									</template>
+									<template slot-scope="scope">
+										<span>{{ scope.row.T_flow_sort }}</span>
+								    </template>
 								</el-table-column>
-								<el-table-column label="对应标签">
+								<el-table-column label="标签名称" width="300" :show-overflow-tooltip="true">
 									<template slot-scope="scope">
-										<span>{{ scope.row.T_tag }}</span>
+										<span>{{ scope.row.T_name }}</span>
 									</template>
 								</el-table-column>
-								<el-table-column label="最少时间(s)">
+								<el-table-column label="数据类型" width="80" :show-overflow-tooltip="true">
 									<template slot-scope="scope">
-										<span>{{ scope.row.T_min_time }}</span>
+										<span>{{ scope.row.T_source }}</span>
 									</template>
 								</el-table-column>
-								<el-table-column label="最多时间(s)">
+								<el-table-column label="标签" width="150" :show-overflow-tooltip="true">
 									<template slot-scope="scope">
-										<span>{{ scope.row.T_max_time }}</span>
+										<span>{{ scope.row.T_field }}</span>
 									</template>
 								</el-table-column>
 								<el-table-column label="操作">
 									<template slot-scope="scope">
-										<div style="display: flex;">
-											<el-button slot="reference" size="mini" @click="TimeEdit(scope.row)">编辑
-											</el-button>
-											<el-button slot="reference" size="mini" type="danger"
-												@click="TimeDelete(scope.row)">删除
-											</el-button>
-										</div>
+										<el-dropdown @command="commands($event,scope.row)">
+											<div class="el-dropdown-link dropdown-links" style="">
+												<el-button type="primary" plain size="mini">更多操作</el-button>
+											</div>
+											<el-dropdown-menu slot="dropdown">
+												<el-dropdown-item command="a">编辑</el-dropdown-item>
+												<el-dropdown-item command="c">删除</el-dropdown-item>
+											</el-dropdown-menu>
+										</el-dropdown>
 									</template>
 								</el-table-column>
 							</el-table>
 						</div>
-						<div style="margin-top: 10px;">
-							<el-pagination @current-change="handleCurrentChange12" :current-page="pages1.page"
-								:page-size="pages1.page_z" layout="total, prev, pager, next, jumper" :total="total2">
-							</el-pagination>
-						</div>
-						<el-drawer :title="titles1" :append-to-body="true" :visible.sync="innerDrawer3">
-							<!-- 时间流程按钮后的编辑 -->
-							<div style="padding: 20px;">
-								<el-form :model="pages3" :rules="rules3" ref="ruleForm3">
-									<el-form-item label="排序" label-width="80px" prop="T_sort">
-										<el-input v-model="pages3.T_sort" oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off"></el-input>
-									</el-form-item>
-									<el-form-item label="步骤名称" label-width="80px" prop="T_step_name">
-										<el-input v-model="pages3.T_step_name" autocomplete="off"></el-input>
-									</el-form-item>
-									<el-form-item label="对映标签" label-width="80px" prop="T_tag">
-										<el-input v-model="pages3.T_tag" autocomplete="off"></el-input>
-									</el-form-item>
-									<el-form-item label="最小时间" label-width="80px" prop="T_min_time">
-										<el-input v-model="pages3.T_min_time" oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off"></el-input>
-									</el-form-item>
-									<el-form-item label="最大时间" label-width="80px" prop="T_max_time">
-										<el-input v-model="pages3.T_max_time" oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off"></el-input>
-									</el-form-item>
-									<el-form-item label="描述" label-width="80px" prop="T_text">
-										<el-input type="textarea" v-model="pages3.T_text"></el-input>
-									</el-form-item>
-									<el-form-item label-width="80px">
-										<el-button type="primary"   @click="submitForm3('ruleForm3')">
-											确 定
-										</el-button>
-										<el-button @click="innerDrawer3=false">取 消</el-button>
-									</el-form-item>
-								</el-form>
-							</div>
-						</el-drawer>
-					</div>
-				</el-drawer>
-				<el-drawer :title="titles" :append-to-body="true" :visible.sync="innerDrawer2">
-					<!-- 时间流程按钮后的编辑 -->
-					<div style="padding: 20px;">
-						<el-form :model="form1" :rules="rules1" ref="ruleForm1">
-							<el-form-item label="数据类型" label-width="80px" prop="T_label">
-								<el-select v-model="form1.T_label" placeholder="请选择数据类型">
-									<el-option label="文本" value="1"></el-option>
-									<el-option label="数值" value="2"></el-option>
-									<el-option label="设备多选" value="3"></el-option>
-									<el-option label="设备单选" value="4"></el-option>
-									<el-option label="当期时间（2022年01月19日）" value="7"></el-option>
-									<el-option label="当期时间（开始与结束时间）" value="9"></el-option>
-									<el-option label="图片" value="10"></el-option>
-									<el-option label="CAD" value="11"></el-option>
-								</el-select>
-							</el-form-item>
-							<el-form-item label="来源" label-width="80px" prop="T_source">
-								<el-select v-model="form1.T_source" placeholder="请选择来源">
-									<el-option label="所有" value="0"></el-option>
-									<el-option label="方案" value="1"></el-option>
-									<el-option label="报告" value="2"></el-option>
-								</el-select>
-							</el-form-item>
-							<el-form-item label="标签名称" label-width="80px" prop="T_name">
-								<el-input v-model="form1.T_name" autocomplete="off"></el-input>
-							</el-form-item>
-							<el-form-item label="标签" label-width="80px" prop="T_field">
-								<el-input v-model="form1.T_field" autocomplete="off"></el-input>
-							</el-form-item>
-							<el-form-item label="排序" label-width="80px" prop="T_sort">
-								<el-input v-model="form1.T_sort" autocomplete="off"></el-input>
-							</el-form-item>
-							<el-form-item label="上传" label-width="80px" prop="T_text">
-								<flies @pdfvalue="fliValue"></flies>
-								<div style="margin-top: 5px;">
-									<div v-if="form1.T_text!=''" style="height: 20px;color: #409EFF;display: flex;align-items: center;">
-										<i class="el-icon-circle-check"></i><span style="font-size: 12px;padding-left: 1px;">已经上传文件，点击虚线框内可更换</span>
-									</div>
-									<div v-else style="height: 20px;color: #C0C4CC;display: flex;align-items: center;">
-										<i class="el-icon-circle-close"></i><span style="font-size: 12px;padding-left: 1px;">还未上传文件，点击虚线框内可上传</span>
-									</div>
-								</div>
-							</el-form-item>
-							<el-form-item label-width="80px">
-								<el-button type="primary"  @click="submitForm1('ruleForm1')">
-									确 定
-								</el-button>
-								<el-button @click="innerDrawer2=false">取 消</el-button>
-							</el-form-item>
-						</el-form>
 					</div>
 				</el-drawer>
 			</div>
@@ -246,165 +138,108 @@
 
 <script>
 	import {
+		TempList,
 		TempGet,
+		TempClassAdd,
+		TempClassUp,
+		TempClassDel,
 		TempAdd,
-		TempUp,TempDel,Map_List,Map_Add,Map_Up,Map_Del,Time_List,Time_Add,Time_Up,Time_Del
+		TempDel,
+		Map_List
 	} from '@/api/ValidationTemplate'
-	import flies from "@/components/files.vue"
 	export default {
 		name: 'ValidationTemplate',
-		components: {
-			flies
-		},
 		data() {
 			return {
-				LabelWidth: "80px",
-				form: { //新增编辑的提交参数
-					T_name: '',
-					T_sort: null
-				},
-				rules: {
-					T_name: [{
-						required: true,
-						message: '请输入模板名称',
-						trigger: 'blur'
-					}, ],
-					T_sort: [{
-						required: true,
-						message: '请输入模板序号',
-						trigger: 'blur'
-					}],
-				},
-				form1: { //新增编辑的提交参数
-					T_source: '',//来源 0-所有 1-方案 2-报告
-					T_label: '',//数据类型
-					T_name: '',//标签名称
-					T_field: '',//标签
-					T_text: '',//描述图片路径
-					T_sort: '',//排序
-				},
-				rules1: {
-					T_source: [{
-						required: true,
-						message: '请选择来源',
-						trigger: 'blur'
-					}, ],
-					T_label: [{
-						required: true,
-						message: '请选择数据类型',
-						trigger: 'blur'
-					}],
-					T_name: [{
-						required: true,
-						message: '请输入标签名称',
-						trigger: 'blur'
-					}, ],
-					T_field: [{
-						required: true,
-						message: '请输入标签',
-						trigger: 'blur'
-					}],
-					T_text: [{
-						required: true,
-						message: '请上传资源文件',
-						trigger: 'blur'
-					}, ],
-					T_sort: [{
-						required: true,
-						message: '请输入排序',
-						trigger: 'blur'
-					}],
+				Drawer1:false,
+				tagTableData:[],
+				pages2:{//标签列表参数
+					T_VerifyTemplate_id:'',
+					T_sort:1,//0 升序 1 降序
+					T_flow_sort:0,//0 升序 1 降序
 				},
 				
-				TempNum:0,//验证是点击新增还是点击的编辑
-				titles: '',
-				titles1: '',
-				Drawer: false, //标签
-				dialog1: false, //新增/编辑
-				tit: '新增模板',
-				innerDrawer1: false, //时间流程
-				innerDrawer2: false, //时间流程界面的编辑新增
-				innerDrawer3: false, //时间流程新增
-
-				total: 0,
-				total1: 0,
-				total2: 0,
+				LabelWidth: "80px",
+				drawer:false,
+				//模板列表参数
 				pages: {
 					page: 1,
 					page_z: 10,
-					T_name: ''
-				},
-				pages2: {
-					page: 1,
-					page_z: 10,
-					T_VerifyTemplate_id: ''
-				},
-				pages1: {
-					page: 1,
-					page_z:10,
-					T_VerifyTemplateMap_id: ''
-				},
-				pages3: {
-					T_tag: '',
-					T_step_name: '',
-					T_min_time: '',
-					T_max_time: '',
-					T_text: '',
-					T_sort: '',
+					T_name: '',
+					T_class:null,
 				},
-				rules3: {
-					T_step_name: [{
-						required: true,
-						message: '请输入步骤名称',
-						trigger: 'blur'
-					}, ],
-					T_tag: [{
-						required: true,
-						message: '请输入对应标签',
-						trigger: 'blur'
-					}, ],
-					T_min_time: [{
-						required: true,
-						message: '请输入最小时间 单位s',
-						trigger: 'blur'
-					}],
-					T_max_time: [{
-						required: true,
-						message: '请输入最大时间 单位s',
-						trigger: 'blur'
-					}, ],
-					T_text: [{
-						required: true,
-						message: '请输入描述',
-						trigger: 'blur'
-					}],
-					T_sort: [{
-						required: true,
-						message: '请输入排序',
-						trigger: 'blur'
-					}, ],
+				//添加分类参数
+				pages1:{
+					T_name:'',
+					T_fid:0,
 				},
+				total: 0,
 				tableData: [],
-				tableData1: [],
-				tableData2: [],
+				tempTableData:[]
 			}
 		},
 		mounted() {
-			this.GetTempGetApi()
+			this.getTempApi()
 		},
 		methods: {
-			TimeDelete(e) {
-				this.$confirm('此操作将永久删除操作, 是否继续?', '提示', {
+			sortchange(e){
+				if(e.order=='descending'){//降序
+					if(e.column.label=='排序'){
+						this.pages2.T_sort = 1
+					}else{//其他按照验证流程处理
+						this.pages2.T_flow_sort = 1
+					}
+				}else{//其他一律按照升序
+					if(e.column.label=='排序'){
+						this.pages2.T_sort = 0
+					}else{//其他按照验证流程处理
+						this.pages2.T_flow_sort = 0
+					}
+				}
+				console.log('排序',this.pages2)
+			},
+			//添加标签
+			NewinnerDrawer(){
+				console.log('添加标签')
+			},
+			//标签
+			handlelabel(e) {
+				console.log('标签',e)
+				this.pages2.T_VerifyTemplate_id = e.T_VerifyTemplate_id
+				this.Drawer1 = true
+				this.getmapListApi()
+			},
+			//报告
+			handleReport(e){
+				console.log('报告',e)
+			},
+			//方案
+			handleScheme(e){
+				console.log('方案',e)
+			},
+			getmapListApi(){
+				Map_List(this.pages2).then(res => {
+					console.log('标签列表', res)
+					if (res.data.Code === 200) {
+						this.tagTableData = res.data.Data.List
+					}
+				})
+			},
+			handleDelete(e){
+				console.log('删除',e)
+				this.$confirm('此操作将删除该模板, 是否继续?', '提示', {
 					confirmButtonText: '确定',
 					cancelButtonText: '取消',
 					type: 'warning',
 					center: true
 				}).then(() => {
-					Time_Del({T_id: e.T_id}).then(res=>{
+					TempDel({
+						T_VerifyTemplate_id:e.T_VerifyTemplate_id,
+						}).then(res=>{
 						if(res.data.Code==200){
 							this.$message.success('删除成功!')
-							this.pages1.page = 1
-							this.GetTime_ListApi()
+							this.pages.page = 1
+							this.GetTempListApi()
 						}
 					})
 				}).catch(() => {
@@ -414,268 +249,135 @@
 					});
 				});
 			},
-			TimeEdit(e) {
-				if(this.$refs.ruleForm3!=undefined){
-					this.$refs.ruleForm3.clearValidate()
-				}
-				console.log('编辑',e)
-				this.innerDrawer3 = true
-				this.titles1 = '编辑时间流程'
-				this.TempNum = 2
-				this.pages3.T_id = e.T_id
-				this.pages3.T_tag = e.T_tag
-				this.pages3.T_step_name = e.T_step_name
-				this.pages3.T_min_time = e.T_min_time
-				this.pages3.T_max_time = e.T_max_time
-				this.pages3.T_text = e.T_text
-				this.pages3.T_sort = e.T_sort
-			},
-			TimeNew() {
-				if(this.$refs.ruleForm3!=undefined){
-					this.$refs.ruleForm3.clearValidate()
-				}
-				for (let key in this.pages3) {
-				    this.pages3[key] = ''
-				}
-				
-				this.innerDrawer3 = true
-				this.TempNum = 1
-				this.pages3.T_VerifyTemplateMap_id = this.pages1.T_VerifyTemplateMap_id
-				this.titles1 = '新增时间流程'
-			},
-			GetTime_ListApi(){
-				Time_List(this.pages1).then(res=>{
-					console.log('时间流程',res)
-					if(res.data.Code==200){
-						this.tableData2 = res.data.Data.List
-						this.total2 = res.data.Data.Num
-					}
-				})
+			searchFun(){
+				this.pages.page = 1
+				this.tempTableData = []
+				this.GetTempListApi()
 			},
-			submitForm3(formName) {
-				this.$refs[formName].validate((valid) => {
-			 	if (valid) {
-						console.log('新增',this.pages3)
-						if(this.TempNum==1){//1是新增
-							Time_Add(this.pages3).then(res=>{
-								if(res.data.Code===200){
-									this.$message.success('新增成功')
-									this.innerDrawer3 = false
-									this.pages1.page = 1
-									this.GetTime_ListApi()
-								}
-							})
-						}else{//2是编辑
-							Time_Up(this.pages3).then(res=>{
-								if(res.data.Code===200){
-									this.$message.success('编辑成功')
-									this.innerDrawer3 = false
-									this.pages1.page = 1
-									this.GetTime_ListApi()
-								}
-							})
-							console.log('编辑',this.form1)	
-						}
-					} else {
-						return false;
-					}
-				});
+			//分页
+			handleCurrentChange(val) {
+				this.pages.page = val
+				this.GetTempListApi()
 			},
-			submitForm1(formName) {
-				this.$refs[formName].validate((valid) => {
-			 	if (valid) {
-						if(this.TempNum==1){//1是新增
-							console.log('新增',this.form1)
-							Map_Add(this.form1).then(res=>{
-								if(res.data.Code===200){
-									this.$message.success('新增成功')
-									this.innerDrawer2 = false
-									this.pages2.page = 1
-									this.GetMaplistApi()
-								}
-							})
-						}else{//2是编辑
-							Map_Up(this.form1).then(res=>{
-								if(res.data.Code===200){
-									this.$message.success('编辑成功')
-									this.innerDrawer2 = false
-									this.pages2.page = 1
-									this.GetMaplistApi()
-								}
-							})
-							console.log('编辑',this.form1)	
+			Newtemp() { //新增模板
+				var _this = this
+				this.$prompt('请输入新增模板名称', '新增', {
+					inputPattern: /\S/,
+					inputErrorMessage: '模板名称不能为空',
+					confirmButtonText: '添加',
+					cancelButtonText: '取消',
+				}).then(({
+					value
+				}) => {
+					TempAdd({
+						T_class:_this.pages.T_class,
+						T_name:value
+					}).then(res=>{
+						if(res.data.Code==200){
+							_this.$message.success('新增模板成功')
+							_this.GetTempListApi()
 						}
-					} else {
-						return false;
-					}
+					})
+				}).catch(() => {
+				
 				});
 			},
-			fliValue(e){//上传
-				console.log('上传',e)
-				this.form1.T_text = e
-			},
-			handleCurrentChange111(val) {
-				this.pages2.page = val
-				this.GetMaplistApi()
-			},
-			handleCurrentChange12(val) {
-				this.pages1.page = val
-				this.GetTime_ListApi()
-			},
-			handlelabel(val) {
-				this.Drawer = true
-				this.pages2.T_VerifyTemplate_id = val.T_VerifyTemplate_id
-				this.GetMaplistApi()
-			},
-			GetMaplistApi(){
-				Map_List(this.pages2).then(res=>{
-					console.log('列那边',res)
+			
+			//分类列表
+			getTempApi(){
+				TempList({}).then(res=>{
+					console.log('分类列表',res)
 					if(res.data.Code==200){
-						this.tableData1 = res.data.Data.List
-						this.total1 = res.data.Data.Num
+						this.tableData = res.data.Data
 					}
 				})
 			},
-			
-			GetTempGetApi() {
+			goTemes(e) {
+				console.log('进入模板', e)
+				this.pages.T_class = e.Id
+				this.drawer = true
+				this.GetTempListApi()
+			},
+			//模板列表
+			GetTempListApi() {
 				TempGet(this.pages).then(res => {
 					console.log('列表', res)
 					if (res.data.Code === 200) {
-						this.tableData = res.data.Data.List
+						this.tempTableData = res.data.Data.List
 						this.total = res.data.Data.Num
 					}
 				})
 			},
-			Newtemp() { //新增模板
-				if(this.$refs.ruleForm!=undefined){
-					this.$refs.ruleForm.clearValidate()
-				}
-				this.tit = '新增模板'
-				this.dialog1 = true
-				this.TempNum=1
-				
-				this.form.T_name = ""
-				this.form.T_sort = ""
-			},
-			handleEdit(val) { //编辑模板
-				if(this.$refs.ruleForm!=undefined){
-					this.$refs.ruleForm.clearValidate()
-				}
-				this.form.T_name = val.T_name
-				this.form.T_sort = val.T_sort
-				this.form.T_VerifyTemplate_id = val.T_VerifyTemplate_id
-				
-				this.tit = '编辑模板'
-				this.dialog1 = true
-				this.TempNum=2
-				console.log('编辑sss', val)
-			},
-			submitForm(formName) {
-				this.$refs[formName].validate((valid) => {
-					if (valid) {
-						if(this.TempNum==1){//1是新增
-							TempAdd(this.form).then(res=>{
-								if(res.data.Code==200){
-									this.dialog1 = false
-									this.pages.page = 1
-									this.GetTempGetApi()
-								}
-							})
-						}else{//2是编辑
-							TempUp(this.form).then(res=>{
-								if(res.data.Code==200){
-									this.dialog1 = false
-									this.pages.page = 1
-									this.GetTempGetApi()
-								}
-							})
-						}
-					} else {
-						return false;
+			//添加分类Api
+			SetTempClassAddApi(){
+				TempClassAdd(this.pages1).then(res => {
+					console.log('添加', res)
+					if (res.data.Code === 200) {
+						this.$message.success('添加分类成功')
+						this.getTempApi()
 					}
-				});
-			},
-			search() { //回车搜索
-				this.pages.page = 1
-				this.GetTempGetApi()
+				})
 			},
-			
-			
-			NewinnerDrawer() {
-				if(this.$refs.ruleForm1!=undefined){
-					this.$refs.ruleForm1.clearValidate()
-				}
-				this.form1.T_source = ""
-				this.form1.T_label = ""
-				this.form1.T_name = ""
-				this.form1.T_field = ""
-				this.form1.T_text = ""
-				this.form1.T_sort = ""
-				
-				this.form1.T_VerifyTemplate_id = this.pages2.T_VerifyTemplate_id
-				this.titles = '添加'
-				this.TempNum = 1
-				this.innerDrawer2 = true
+			//添加分类
+			addClass(e) {
+				e==0?this.pages1.T_fid =e:this.pages1.T_fid = e.Id
+				this.$prompt('请输入需要添加的分类名称', '添加', {
+					inputPattern: /\S/,
+					inputErrorMessage: '分类名称不能为空',
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+				}).then(({
+					value
+				}) => {
+					this.pages1.T_name = value
+					this.SetTempClassAddApi()
+				}).catch(() => {
+
+				});
 			},
-			commands(e,obj) {
-				console.log('嘻嘻嘻',e,obj.T_id)
-				var that = this
-				switch (e) {
-					case 'a':
-						that.titles = '编辑'
-						that.innerDrawer2 = true
-						that.TempNum = 2
-						if(that.$refs.ruleForm1!=undefined){
-							that.$refs.ruleForm1.clearValidate()
+			////编辑分类
+			setedit(e) {
+				console.log('编辑', e)
+				var _this = this
+				this.$prompt('请输入编辑的分类名称', '编辑', {
+					inputValue: e.T_name,
+					inputPattern: /\S/,
+					inputErrorMessage: '分类名称不能为空',
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+				}).then(({
+					value
+				}) => {
+					TempClassUp({
+						T_id:e.Id,
+						T_name:value
+					}).then(res=>{
+						console.log('编辑', res)
+						if (res.data.Code === 200) {
+							_this.$message.success('编辑分类成功')
+							_this.getTempApi()
 						}
-						that.form1.T_source = JSON.stringify(obj.T_source)
-						that.form1.T_label = JSON.stringify(obj.T_label)
-						that.form1.T_name = obj.T_name
-						that.form1.T_field = obj.T_field
-						that.form1.T_text = obj.T_text
-						that.form1.T_sort = obj.T_sort
-						that.form1.T_id =  obj.T_id
-						break
-					case 'b':
-						this.innerDrawer1 = true
-						this.pages1.T_VerifyTemplateMap_id = obj.T_id
-						this.GetTime_ListApi()
-						break
-					default:
-						this.$confirm('此操作将永久删除该模板, 是否继续?', '提示', {
-							confirmButtonText: '立即删除',
-							cancelButtonText: '取消',
-							type: 'warning',
-							center: true
-						}).then(() => {
-							Map_Del({T_id: obj.T_id}).then(res=>{
-								if(res.data.Code==200){
-									this.$message.success('删除成功!')
-									this.pages2.page = 1
-									this.GetMaplistApi()
-								}
-							})
-						}).catch(() => {
-							this.$message({
-								type: 'info',
-								message: '已取消删除'
-							});
-						});
-				}
+					})
+				}).catch(() => {
+
+				});
 			},
-			
-			handleDelete(val) {
-				this.$confirm('此操作将永久删除该模板, 是否继续?', '提示', {
+			//删除分类
+			setDel(e) {
+				console.log('删除', e)
+				var _this = this
+				this.$confirm('此操作将永久删除该分类, 是否继续?', '删除提示', {
 					confirmButtonText: '确定',
 					cancelButtonText: '取消',
 					type: 'warning',
 					center: true
 				}).then(() => {
-					TempDel({T_VerifyTemplate_id:val.T_VerifyTemplate_id}).then(res=>{
-						if(res.data.Code==200){
-							this.$message.success('删除成功!')
-							this.pages.page = 1
-							this.GetTempGetApi()
+					TempClassDel({
+						T_id:e.Id
+					}).then(res=>{
+						if (res.data.Code === 200) {
+							_this.$message.success('删除分类成功')
+							_this.getTempApi()
 						}
 					})
 				}).catch(() => {
@@ -685,10 +387,6 @@
 					});
 				});
 			},
-			handleCurrentChange(val) {
-				this.pages.page = val
-				this.GetTempGetApi()
-			},
 		}
 	}
 </script>
@@ -697,12 +395,16 @@
 	.demo-drawers {
 		padding: 20px;
 	}
-
+	.icon-bg-on{
+		color: #409EFF;
+	}
+	.icon-bg-off{
+		color: #C0C4CC;
+	}
 	/deep/.el-upload-dragger {
 		width: 100% !important;
 		padding: 0 30px !important;
 	}
-
 	.ValidationTemplate {
 		.ValidationTemplate1 {
 			display: flex;
@@ -733,4 +435,4 @@
 			margin-top: 40px;
 		}
 	}
-</style>
+</style>

src/views/ValidationTemplate/labelTag.vue

@@ -0,0 +1,96 @@
+<template>
+	<div>
+		<el-drawer title="标签列表" :visible.sync="Drawer" direction="rtl" ref="drawer" size="90%">
+			<div class="demo-drawers">
+				<el-button type="primary" icon="el-icon-plus" @click="NewinnerDrawer">添加标签</el-button>
+				<div style="margin-top: 10px;">
+					<el-table :data="tableData1" border size="mini">
+						<el-table-column label="标签名称" width="300" :show-overflow-tooltip="true">
+							<template slot-scope="scope">
+								<span>{{ scope.row.T_name }}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="数据类型" width="80" :show-overflow-tooltip="true">
+							<template slot-scope="scope">
+								<span>{{ scope.row.T_source }}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="标签" width="150" :show-overflow-tooltip="true">
+							<template slot-scope="scope">
+								<span>{{ scope.row.T_field }}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="排序" width="80" :show-overflow-tooltip="true">
+							<template slot-scope="scope">
+								<span>{{ scope.row.T_sort }}</span>
+							</template>
+						</el-table-column>
+						<el-table-column label="操作">
+							<template slot-scope="scope">
+								<el-dropdown @command="commands($event,scope.row)">
+									<div class="el-dropdown-link dropdown-links" style="">
+										<el-button type="primary" plain size="mini">更多操作</el-button>
+									</div>
+									<el-dropdown-menu slot="dropdown">
+										<el-dropdown-item command="a">编辑</el-dropdown-item>
+										<el-dropdown-item command="c">删除</el-dropdown-item>
+									</el-dropdown-menu>
+								</el-dropdown>
+							</template>
+						</el-table-column>
+					</el-table>
+				</div>
+				<div style="margin-top: 10px;">
+					<el-pagination @current-change="handleCurrentChange111" :current-page="pages2.page"
+						:page-size="pages2.page_z" layout="total, prev, pager, next, jumper" :total="total1">
+					</el-pagination>
+				</div>
+			</div>
+		</el-drawer>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				Drawer:false,
+				innerDrawer1:false,
+				innerDrawer3:false,
+				tableData1:[],
+				tableData2:[],
+				pages2:{},
+				pages1:{},
+				pages3:{},
+				total1:0,
+				total2:0,
+				titles:'',
+				titles1:'',
+				rules3:{}
+				
+			}
+		},
+		methods:{
+			//添加标签
+			NewinnerDrawer(){
+				console.log('添加标签')
+			},
+			//分页
+			handleCurrentChange111(val){
+				console.log('分页',val)
+			},
+			//分页
+			handleCurrentChange12(val){
+				console.log('分页',val)
+			},
+			//添加流程
+			TimeNew(){
+				console.log('添加流程')
+			}
+			
+		}
+	}
+</script>
+
+<style>
+</style>

src/views/calibrationCertificate/index.vue

@@ -31,10 +31,10 @@
 				<el-table-column label="操作">
 					<template slot-scope="scope">
 						<div style="display: flex;">
-							<el-button size="mini" :disabled="scope.row.T_pdf==''?true:false" @click="handlePdf(scope.row)">查看PDF</el-button> <!--  -->
-							<el-button slot="reference" size="mini" @click="handleEdit(scope.row)">管理证书
+							<el-button size="small" :disabled="scope.row.T_pdf==''?true:false" @click="handlePdf(scope.row)">查看PDF</el-button> <!--  -->
+							<el-button slot="reference" size="small" @click="handleEdit(scope.row)">管理证书
 							</el-button>
-							<el-button slot="reference" size="mini" type="danger" @click="handleDelete(scope.row)">删除
+							<el-button slot="reference" size="small" @click="handleDelete(scope.row)">删除
 							</el-button>
 						</div>
 					</template>
@@ -87,10 +87,10 @@
 						<el-table-column label="操作">
 							<template slot-scope="scope">
 								<div style="display: flex;">
-									<el-button size="mini" @click="handlePdf(scope.row)">查看PDF</el-button>
-									<el-button slot="reference" size="mini" @click="handleEdit1(scope.row)">编辑
+									<el-button size="small" @click="handlePdf(scope.row)">查看PDF</el-button>
+									<el-button slot="reference" size="small" @click="handleEdit1(scope.row)">编辑
 									</el-button>
-									<el-button slot="reference" size="mini" type="danger"
+									<el-button slot="reference" size="small" type="danger"
 										@click="handleDelete1(scope.row)">删除
 									</el-button>
 								</div>

src/views/companyManagement/index.vue

@@ -27,7 +27,7 @@
 				</el-table-column>
 				<el-table-column label="操作">
 					<template slot-scope="scope">
-						<el-button size="mini" @click="handleEdit(scope.row)">任务管理</el-button>
+						<el-button size="small" @click="handleEdit(scope.row)">任务管理</el-button>
 					</template>
 				</el-table-column>
 			</el-table>

src/views/layout/Menus.vue

@@ -3,10 +3,10 @@
 		<!-- <div class="menu-logo1">
 			<img src="@/assets/img/logo2-1.png" alt="logo">
 		</div> -->
-		<el-menu :default-active="$route.path" router background-color="#182027" text-color="#fff" :collapse="true">
+		<el-menu :default-active="$route.path" router background-color="#3a394e" text-color="#7a7f8f" :collapse="true">
 			<div v-for="(item,index) in $router.options.routes[1].children" :key="index">
 				<el-menu-item :index="item.path" v-if="item.meta.authority==$store.state.userInfo.value || item.meta.authority===0">
-					<i :class="item.icons" style="font-size:32px;"></i>
+					<span class="iconfont" :class="'icon-'+item.icons" style="font-size:32px;"></span>
 					<span slot="title">{{item.meta.title}}</span>
 				</el-menu-item>
 			</div>

src/views/layout/Topmenu.vue

@@ -94,7 +94,7 @@
 
 <style lang="scss">
 	.Topmenu {
-		background-color: #182027;
+		background-color: #3a394e;
 		height: 60px;
 		color: #fff;
 		.TopmenuPir {

src/views/layout/index.vue

@@ -52,7 +52,7 @@
 			.layout-B-menu{
 				height: 100%;
 				width: 80px;
-				background-color: #182027;
+				background-color: #3a394e;
 			}
 			.layout-B-mai{
 				flex: 1;