From 862cbd8e9a29fcdd9e248425db2e718fab590b20 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Fri, 3 Jan 2025 11:43:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E9=A2=98=E8=89=B2=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/element-variables.scss |    2 +-
 src/components/Process.vue        |  189 ++---
 src/components/Set.vue            |  181 ++---
 src/styles/index.scss             |    4 +-
 src/utils/http.js                 |    4 +-
 src/views/Catalog.vue             |   57 +-
 src/views/Flow.vue                |   42 +-
 src/views/Home.vue                |    2 +-
 src/views/List.vue                |  160 ++--
 src/views/Loan.vue                | 1026 ++++++++++++-------------
 src/views/ProgramOption.vue       | 1187 ++++++++++++++---------------
 src/views/ProgramOptions.vue      |  302 ++++----
 src/views/Tool.vue                |  144 ++--
 src/views/Transaction.vue         |    3 +-
 14 files changed, 1609 insertions(+), 1694 deletions(-)

diff --git a/src/assets/element-variables.scss b/src/assets/element-variables.scss
index 5a6bae1..8b9a97d 100644
--- a/src/assets/element-variables.scss
+++ b/src/assets/element-variables.scss
@@ -1,6 +1,6 @@
 /* 改变主题色变量 */
 
-$--color-primary: #9278ff;
+$--color-primary: #062c87;
 
 /* 改变 icon 字体路径变量，必需 */
 
diff --git a/src/components/Process.vue b/src/components/Process.vue
index 6ab2db5..de91b7f 100644
--- a/src/components/Process.vue
+++ b/src/components/Process.vue
@@ -41,16 +41,9 @@
             </el-form-item>
             <el-link type="primary" :underline="false" class="file_button">模板下载</el-link>
 
-            <el-upload
-              class="upload-demo"
-              action="https://jsonplaceholder.typicode.com/posts/"
-              :on-preview="handlePreview"
-              :on-remove="handleRemove"
-              multiple
-              :limit="3"
-              :on-exceed="handleExceed"
-              :file-list="fileList"
-            >
+            <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"
+              :on-preview="handlePreview" :on-remove="handleRemove" multiple :limit="3" :on-exceed="handleExceed"
+              :file-list="fileList">
               <el-link type="primary" :underline="false" class="file_button">上传</el-link>
             </el-upload>
           </el-form>
@@ -80,12 +73,8 @@
             <div class="flex">
               <p>性别</p>
               <el-select v-model="value" placeholder="请选择">
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -103,23 +92,15 @@
             <div class="flex">
               <p>婚姻状况</p>
               <el-select v-model="value2" placeholder="请选择">
-                <el-option
-                  v-for="item in options1"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options1" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
             <div class="flex">
               <p>教育程度</p>
               <el-select v-model="value3" placeholder="请选择">
-                <el-option
-                  v-for="item in options2"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options2" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -197,12 +178,8 @@
             <div class="flex">
               <p>还款方式</p>
               <el-select v-model="value4" placeholder="请选择">
-                <el-option
-                  v-for="item in options3"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options3" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
             <div class="flex">
@@ -237,12 +214,8 @@
             <div class="flex">
               <p>性别</p>
               <el-select v-model="value5" placeholder="请选择">
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -260,23 +233,15 @@
             <div class="flex">
               <p>婚姻状况</p>
               <el-select v-model="value7" placeholder="请选择">
-                <el-option
-                  v-for="item in options1"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options1" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
             <div class="flex">
               <p>教育程度</p>
               <el-select v-model="value8" placeholder="请选择">
-                <el-option
-                  v-for="item in options2"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options2" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -322,7 +287,9 @@
             <p>1.我承诺以上所填信息完全属实，若由xx银行工作人员或其他人员代为填写，是经我授权并认可的，且按规定报送责行留存的资料复印件属实;</p>
             <p>2.我承认本申请表作为向责行申请贷款的依据，无论银行是否贷款，银行均有权保留此申请书及相关资料;</p>
             <p>3.经贵行审查，本申请不符合规定的条件而未予通过时，我没有异议;</p>
-            <p>4.本人授权x x银行在本次业务过程中(从业务申请至业务终止)，向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位、部门及个人查询并留存本人的信用信息，并将本人信用信息提供给上述个人信用数据库，查询获得的信用报告限用于中国人民银行颁布的《个人信用信息基础数据库管理暂行办法》规定用途范围内;</p>
+            <p>4.本人授权x
+              x银行在本次业务过程中(从业务申请至业务终止)，向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位、部门及个人查询并留存本人的信用信息，并将本人信用信息提供给上述个人信用数据库，查询获得的信用报告限用于中国人民银行颁布的《个人信用信息基础数据库管理暂行办法》规定用途范围内;
+            </p>
             <p>5.保证人已明确知道，如果借款人不能及时偿还全部贷款本息时，保证人应当替其偿还;</p>
             <p>6.我们承诺，借款人与保证人家庭之间的经济相互独立，且无其他债权债务关系，贷款由借款人用于申请时指定的用途，不由保证人使用。</p>
             <div class="flex small_box" style="margin-top: 20px;">
@@ -353,12 +320,8 @@
             <div class="flex small_box" style="margin-top: 50px;">
               <p>申请人签字</p>
               <el-select v-model="sign3" placeholder="请选择">
-                <el-option
-                  v-for="item in options4"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options4" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -371,7 +334,7 @@
 
 <script>
 export default {
-  data() {
+  data () {
     return {
       input: "",
       textarea: "",
@@ -488,26 +451,25 @@ export default {
   },
   methods: {
     // 上传
-    handleRemove(file, fileList) {
+    handleRemove (file, fileList) {
       console.log(file, fileList);
     },
-    handlePreview(file) {
+    handlePreview (file) {
       console.log(file);
     },
-    handleExceed(files, fileList) {
+    handleExceed (files, fileList) {
       this.$message.warning(
-        `当前限制选择 3 个文件，本次选择了 ${
-          files.length
+        `当前限制选择 3 个文件，本次选择了 ${files.length
         } 个文件，共选择了 ${files.length + fileList.length} 个文件`
       );
     },
-    setJump() {
+    setJump () {
       this.$router.push({ path: "/set" });
     },
-    Savejump() {
+    Savejump () {
       this.$router.push({ path: "/" });
     },
-    Back() {
+    Back () {
       this.$router.push({ path: "/" });
     }
   }
@@ -519,41 +481,50 @@ export default {
 .file {
   padding: 30px;
 }
+
 /deep/ .el-dialog--center {
   width: 600px;
 }
+
 /deep/ .el-dialog__headerbtn .el-icon-close:before {
   padding: 3px;
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 50%;
   color: #ffffff;
 }
+
 /deep/ .el-dialog__header {
   padding: 0;
 }
+
 /deep/ .el-button {
   width: 130px;
   margin: 0 30px;
 }
+
 .file /deep/ .el-input {
   width: 200px;
 }
+
 .file /deep/ .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .file /deep/ .el-input__inner:hover {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 /deep/ .el-dialog--center .el-dialog__body {
   padding-bottom: 0;
 }
+
 .file_button {
   height: 35px;
   line-height: 1;
   width: 90px;
   margin-top: 3px;
   border: none;
-  color: #9278ff;
+  color: #062c87;
   text-align: center;
   border-radius: 5px;
   margin-left: 30px;
@@ -562,18 +533,21 @@ export default {
 // 盒子
 .box {
   width: 800px;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   padding: 20px;
   margin: 0 auto;
 }
+
 .box p {
   font-size: 14px;
   margin: 0;
   padding: 2px 0;
 }
+
 .small_box {
   margin-bottom: 15px;
 }
+
 .small_box p {
   width: 220px;
   padding-right: 20px;
@@ -581,15 +555,18 @@ export default {
   margin: 0;
   text-align: right;
 }
+
 // 单个字体
 .left {
   padding-right: 10px;
   font-size: 14px;
 }
+
 .right {
   padding-left: 10px;
   font-size: 14px;
 }
+
 .right_p20 {
   padding-left: 20px;
   font-size: 14px;
@@ -600,48 +577,58 @@ export default {
   line-height: 2;
   padding-left: 0;
 }
+
 /deep/ .el-date-editor.el-input,
 .el-date-editor.el-input__inner {
   width: 190px;
 }
+
 // 下拉框
 /deep/ .el-select .el-input .el-select__caret {
   line-height: 2;
 }
+
 /deep/ .el-select__caret:before {
   content: "\e78f";
   font-size: 8px;
   padding: 1px;
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 50%;
   color: #ffffff;
 }
 
 .details /deep/ .el-input--suffix .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .details /deep/ .el-input--suffix .el-input__inner:focus,
 .el-input--suffix .el-input__inner:hover {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 // 输入框
 .details /deep/ .el-input {
   width: 190px;
   text-align: right;
 }
+
 .details /deep/ .el-input__inner {
   height: 30px;
   padding-right: 0;
 }
+
 .details /deep/ .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .details /deep/ .el-input__inner:hover {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .details /deep/ .el-table .cell {
   line-height: 1;
 }
+
 .input p {
   width: 120px;
   padding-right: 20px;
@@ -650,6 +637,7 @@ export default {
   margin: 0;
   text-align: right;
 }
+
 .input {
   justify-content: space-around;
   margin-bottom: 15px;
@@ -660,16 +648,19 @@ export default {
   font-size: 12px;
   font-weight: 600;
 }
+
 .footer_one {
   height: 40px;
   justify-content: flex-start;
   margin: 50px 0 10px 300px;
 }
+
 .footer_one /deep/ [class*="el-icon-"],
 [class^="el-icon-"] {
   line-height: 3.5;
-  // color: #9278ff;
+  // color: #062c87;
 }
+
 .flex {
   display: flex;
 }
@@ -678,9 +669,10 @@ export default {
 .form {
   margin: 0 15px;
 }
+
 .form p {
   height: 30px;
-  background-color: #9278ff;
+  background-color: #062c87;
   text-align: center;
   margin: 0;
   line-height: 30px;
@@ -692,30 +684,37 @@ export default {
   height: 200px;
   width: 800px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
 }
+
 /deep/ .el-input--suffix .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .footer_input p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 .footer_input {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 /deep/ .el-input {
   width: 30%;
 }
+
 .header {
   background-color: #ffffff;
   height: 45px;
@@ -724,15 +723,18 @@ export default {
   font-weight: 600;
   position: relative;
 }
-.header span  {
+
+.header span {
   font-size: 16px;
   font-weight: 600;
   padding-left: 5px;
 }
+
 .header p {
   padding-left: 20px;
   margin: 0;
 }
+
 .footer_h {
   // padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -741,12 +743,14 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 .footer_t p {
-//   padding-right: 800px;
+  //   padding-right: 800px;
   margin: 0;
   padding-left: 10px;
   font-size: 12px;
 }
+
 .footer_t {
   padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -754,47 +758,56 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 .footer {
   background-color: #ffffff;
 }
+
 .footer_h p {
   padding-left: 10px;
   font-size: 12px;
   margin: 0;
 }
+
 .footer_t /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
   line-height: 3;
   padding-left: 10px;
-  // color: #9278ff;
+  // color: #062c87;
 }
+
 .button {
   height: 30px;
   width: 80px;
   margin-top: 7px;
   border: none;
-  background-color: #9278ff;
+  background-color: #062c87;
   color: #ffffff;
   border-radius: 20px;
   position: absolute;
   right: 30px;
 }
+
 .button:focus {
   outline: 0;
 }
+
 /deep/ .el-button--text {
-  color: #9278ff;
+  color: #062c87;
 }
+
 /deep/ .el-button--text:focus,
 .el-button--text:hover {
-  color: #9278ff;
+  color: #062c87;
 }
+
 .black {
   width: 8px;
   height: 18px;
   background-color: #333;
   margin-top: 10px;
 }
+
 .content {
   background-color: #fff;
   position: relative;
diff --git a/src/components/Set.vue b/src/components/Set.vue
index 035ac01..02e10cb 100644
--- a/src/components/Set.vue
+++ b/src/components/Set.vue
@@ -41,16 +41,9 @@
             </el-form-item>
             <el-link type="primary" :underline="false" class="file_button">模板下载</el-link>
 
-            <el-upload
-              class="upload-demo"
-              action="https://jsonplaceholder.typicode.com/posts/"
-              :on-preview="handlePreview"
-              :on-remove="handleRemove"
-              multiple
-              :limit="3"
-              :on-exceed="handleExceed"
-              :file-list="fileList"
-            >
+            <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"
+              :on-preview="handlePreview" :on-remove="handleRemove" multiple :limit="3" :on-exceed="handleExceed"
+              :file-list="fileList">
               <el-link type="primary" :underline="false" class="file_button">上传</el-link>
             </el-upload>
           </el-form>
@@ -80,12 +73,8 @@
             <div class="flex">
               <p>性别</p>
               <el-select v-model="value" disabled placeholder="已设置">
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -103,23 +92,15 @@
             <div class="flex">
               <p>婚姻状况</p>
               <el-select v-model="value2" disabled placeholder="已设置">
-                <el-option
-                  v-for="item in options1"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options1" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
             <div class="flex">
               <p>教育程度</p>
               <el-select v-model="value3" disabled placeholder="已设置">
-                <el-option
-                  v-for="item in options2"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options2" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -197,12 +178,8 @@
             <div class="flex">
               <p>还款方式</p>
               <el-select v-model="value4" disabled placeholder="已设置">
-                <el-option
-                  v-for="item in options3"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options3" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
             <div class="flex">
@@ -237,12 +214,8 @@
             <div class="flex">
               <p>性别</p>
               <el-select v-model="value5" disabled placeholder="已设置">
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -260,23 +233,15 @@
             <div class="flex">
               <p>婚姻状况</p>
               <el-select v-model="value7" disabled placeholder="已设置">
-                <el-option
-                  v-for="item in options1"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options1" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
             <div class="flex">
               <p>教育程度</p>
               <el-select v-model="value8" disabled placeholder="已设置">
-                <el-option
-                  v-for="item in options2"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options2" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -322,7 +287,9 @@
             <p>1.我承诺以上所填信息完全属实，若由xx银行工作人员或其他人员代为填写，是经我授权并认可的，且按规定报送责行留存的资料复印件属实;</p>
             <p>2.我承认本申请表作为向责行申请贷款的依据，无论银行是否贷款，银行均有权保留此申请书及相关资料;</p>
             <p>3.经贵行审查，本申请不符合规定的条件而未予通过时，我没有异议;</p>
-            <p>4.本人授权x x银行在本次业务过程中(从业务申请至业务终止)，向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位、部门及个人查询并留存本人的信用信息，并将本人信用信息提供给上述个人信用数据库，查询获得的信用报告限用于中国人民银行颁布的《个人信用信息基础数据库管理暂行办法》规定用途范围内;</p>
+            <p>4.本人授权x
+              x银行在本次业务过程中(从业务申请至业务终止)，向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位、部门及个人查询并留存本人的信用信息，并将本人信用信息提供给上述个人信用数据库，查询获得的信用报告限用于中国人民银行颁布的《个人信用信息基础数据库管理暂行办法》规定用途范围内;
+            </p>
             <p>5.保证人已明确知道，如果借款人不能及时偿还全部贷款本息时，保证人应当替其偿还;</p>
             <p>6.我们承诺，借款人与保证人家庭之间的经济相互独立，且无其他债权债务关系，贷款由借款人用于申请时指定的用途，不由保证人使用。</p>
             <div class="flex small_box" style="margin-top: 20px;">
@@ -353,12 +320,8 @@
             <div class="flex small_box" style="margin-top: 50px;">
               <p>申请人签字</p>
               <el-select v-model="sign3" disabled placeholder="已设置">
-                <el-option
-                  v-for="item in options4"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
+                <el-option v-for="item in options4" :key="item.value" :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
             </div>
           </div>
@@ -371,7 +334,7 @@
 
 <script>
 export default {
-  data() {
+  data () {
     return {
       input: "",
       textarea: "",
@@ -488,26 +451,25 @@ export default {
   },
   methods: {
     // 上传
-    handleRemove(file, fileList) {
+    handleRemove (file, fileList) {
       console.log(file, fileList);
     },
-    handlePreview(file) {
+    handlePreview (file) {
       console.log(file);
     },
-    handleExceed(files, fileList) {
+    handleExceed (files, fileList) {
       this.$message.warning(
-        `当前限制选择 3 个文件，本次选择了 ${
-          files.length
+        `当前限制选择 3 个文件，本次选择了 ${files.length
         } 个文件，共选择了 ${files.length + fileList.length} 个文件`
       );
     },
-    setJump() {
+    setJump () {
       this.$router.push({ path: "/set" });
     },
-    Savejump() {
+    Savejump () {
       this.$router.push({ path: "/" });
     },
-    Back() {
+    Back () {
       this.$router.push({ path: "/" });
     }
   }
@@ -519,41 +481,50 @@ export default {
 .file {
   padding: 30px;
 }
+
 /deep/ .el-dialog--center {
   width: 600px;
 }
+
 /deep/ .el-dialog__headerbtn .el-icon-close:before {
   padding: 3px;
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 50%;
   color: #ffffff;
 }
+
 /deep/ .el-dialog__header {
   padding: 0;
 }
+
 /deep/ .el-button {
   width: 130px;
   margin: 0 30px;
 }
+
 .file /deep/ .el-input {
   width: 200px;
 }
+
 .file /deep/ .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .file /deep/ .el-input__inner:hover {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 /deep/ .el-dialog--center .el-dialog__body {
   padding-bottom: 0;
 }
+
 .file_button {
   height: 35px;
   line-height: 1;
   width: 90px;
   margin-top: 3px;
   border: none;
-  color: #9278ff;
+  color: #062c87;
   text-align: center;
   border-radius: 5px;
   margin-left: 30px;
@@ -562,18 +533,21 @@ export default {
 // 盒子
 .box {
   width: 800px;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   padding: 20px;
   margin: 0 auto;
 }
+
 .box p {
   font-size: 14px;
   margin: 0;
   padding: 2px 0;
 }
+
 .small_box {
   margin-bottom: 15px;
 }
+
 .small_box p {
   width: 220px;
   padding-right: 20px;
@@ -581,15 +555,18 @@ export default {
   margin: 0;
   text-align: right;
 }
+
 // 单个字体
 .left {
   padding-right: 10px;
   font-size: 14px;
 }
+
 .right {
   padding-left: 10px;
   font-size: 14px;
 }
+
 .right_p20 {
   padding-left: 20px;
   font-size: 14px;
@@ -600,19 +577,22 @@ export default {
   line-height: 2;
   padding-left: 0;
 }
+
 /deep/ .el-date-editor.el-input,
 .el-date-editor.el-input__inner {
   width: 190px;
 }
+
 // 下拉框
 /deep/ .el-select .el-input .el-select__caret {
   line-height: 2;
 }
+
 /deep/ .el-select__caret:before {
   content: "\e78f";
   font-size: 8px;
   padding: 1px;
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 50%;
   color: #ffffff;
 }
@@ -623,19 +603,24 @@ export default {
   width: 190px;
   text-align: right;
 }
+
 .details /deep/ .el-input__inner {
   height: 30px;
   padding-right: 0;
 }
+
 .details /deep/ .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .details /deep/ .el-input__inner:hover {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .details /deep/ .el-table .cell {
   line-height: 1;
 }
+
 .input p {
   width: 120px;
   padding-right: 20px;
@@ -644,6 +629,7 @@ export default {
   margin: 0;
   text-align: right;
 }
+
 .input {
   justify-content: space-around;
   margin-bottom: 15px;
@@ -654,16 +640,19 @@ export default {
   font-size: 12px;
   font-weight: 600;
 }
+
 .footer_one {
   height: 40px;
   justify-content: flex-start;
   margin: 50px 0 10px 300px;
 }
+
 .footer_one /deep/ [class*="el-icon-"],
 [class^="el-icon-"] {
   line-height: 3.5;
-  // color: #9278ff;
+  // color: #062c87;
 }
+
 .flex {
   display: flex;
 }
@@ -672,9 +661,10 @@ export default {
 .form {
   margin: 0 15px;
 }
+
 .form p {
   height: 30px;
-  background-color: #9278ff;
+  background-color: #062c87;
   text-align: center;
   margin: 0;
   line-height: 30px;
@@ -686,30 +676,37 @@ export default {
   height: 200px;
   width: 800px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
 }
+
 /deep/ .el-input--suffix .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .footer_input p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 .footer_input {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 /deep/ .el-input {
   width: 30%;
 }
+
 .header {
   background-color: #ffffff;
   height: 45px;
@@ -718,15 +715,18 @@ export default {
   font-weight: 600;
   position: relative;
 }
-.header span  {
+
+.header span {
   font-size: 16px;
   font-weight: 600;
   padding-left: 5px;
 }
+
 .header p {
   padding-left: 20px;
   margin: 0;
 }
+
 .footer_h {
   // padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -735,12 +735,14 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 .footer_t p {
   //   padding-right: 800px;
   margin: 0;
   padding-left: 10px;
   font-size: 12px;
 }
+
 .footer_t {
   padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -748,47 +750,56 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 .footer {
   background-color: #ffffff;
 }
+
 .footer_h p {
   padding-left: 10px;
   font-size: 12px;
   margin: 0;
 }
+
 .footer_t /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
   line-height: 3;
   padding-left: 10px;
-  // color: #9278ff;
+  // color: #062c87;
 }
+
 .button {
   height: 30px;
   width: 80px;
   margin-top: 7px;
   border: none;
-  background-color: #9278ff;
+  background-color: #062c87;
   color: #ffffff;
   border-radius: 20px;
   position: absolute;
   right: 30px;
 }
+
 .button:focus {
   outline: 0;
 }
+
 /deep/ .el-button--text {
-  color: #9278ff;
+  color: #062c87;
 }
+
 /deep/ .el-button--text:focus,
 .el-button--text:hover {
-  color: #9278ff;
+  color: #062c87;
 }
+
 .black {
   width: 8px;
   height: 18px;
   background-color: #333;
   margin-top: 10px;
 }
+
 .content {
   background-color: #fff;
   position: relative;
diff --git a/src/styles/index.scss b/src/styles/index.scss
index e190702..a5d9234 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -16,7 +16,7 @@
 
   .active {
     color: #fff !important;
-    background-color: #9278ff !important;
+    background-color: #062c87 !important;
   }
 }
 
@@ -26,7 +26,7 @@
   line-height: 1;
   font-size: 14px;
   color: #585858;
-  border-left: 3px solid #9278ff;
+  border-left: 3px solid #062c87;
 }
 
 ::-webkit-scrollbar {
diff --git a/src/utils/http.js b/src/utils/http.js
index f188b1e..4891687 100644
--- a/src/utils/http.js
+++ b/src/utils/http.js
@@ -15,8 +15,8 @@ if (isKd) {
   if (url.includes('124.71.12.62')) {
     host = 'http://124.71.12.62:9000' // 巢湖版
   } else if (dev) {
-    host = 'http://121.37.12.51'
-    host = 'http://192.168.31.217:9000'
+    host = 'https://occupationlab.com'
+    // host = 'http://192.168.31.217:9000'
   }
 }
 
diff --git a/src/views/Catalog.vue b/src/views/Catalog.vue
index 283a999..c2d5dba 100644
--- a/src/views/Catalog.vue
+++ b/src/views/Catalog.vue
@@ -19,14 +19,8 @@
           <el-row>
             <el-col :span="24">
               <el-card shadow="hover">
-                <el-table
-                  :data="tableData"
-                  height="360"
-                  :cell-style="rowClass"
-                  :header-cell-style="headClass"
-                  :stripe="true"
-                  header-align="center"
-                >
+                <el-table :data="tableData" height="360" :cell-style="rowClass" :header-cell-style="headClass"
+                  :stripe="true" header-align="center">
                   <el-table-column prop="id" type="index" label="序号" width="150" align="center"></el-table-column>
                   <el-table-column prop="name" label="页面名称" align="center"></el-table-column>
                   <el-table-column prop="operate" label="操作" width="100" align="center">
@@ -50,7 +44,7 @@
 
 <script>
 export default {
-  data() {
+  data () {
     return {
       data: [
         {
@@ -125,13 +119,13 @@ export default {
     };
   },
   methods: {
-    handleNodeClick(data) {
+    handleNodeClick (data) {
       console.log(data);
     },
-    cancel() {
+    cancel () {
       this.$router.push({ path: "/flow" });
     },
-    confirm() {
+    confirm () {
       this.$router.push({ path: "/process" });
     }
   }
@@ -143,10 +137,12 @@ export default {
 .bt {
   text-align: center;
 }
+
 /deep/ .el-button {
   width: 100px;
   margin: 0 30px;
 }
+
 // 右边表格
 .right {
   width: 800px;
@@ -154,52 +150,64 @@ export default {
   margin: 20px 0;
   background-color: #ffffff;
 }
+
 .table {
   margin: 0 20px;
 }
+
 /deep/ .el-table--group::after,
 .el-table--border::after,
 .el-table::before {
   background-color: #ffffff;
 }
+
 // 滚动条的宽度
 /deep/ ::-webkit-scrollbar {
   width: 6px; // 横向滚动条
   height: 6px; // 纵向滚动条 必写
 }
+
 // 滚动条的滑块
 /deep/ ::-webkit-scrollbar-thumb {
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 0 5px #dddddd;
 }
+
 /deep/ ::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   -webkit-box-shadow: inset 0 0 5px #dddddd;
   border-radius: 0;
   background: #dddddd;
 }
+
 /deep/ .el-row {
   padding: 0 20px;
 }
+
 /deep/ .el-card__body {
   padding: 0;
 }
+
 /deep/ .el-card {
   border: none;
 }
+
 /deep/ .el-table th {
   font-size: 16px;
   font-family: Microsoft YaHei;
   color: rgba(255, 255, 255, 1);
-  background-color: #9278ff;
+  background-color: #062c87;
 }
+
 /deep/ .el-table__row {
   height: 80px;
 }
+
 /deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
   background-color: #f5f2ff;
 }
+
 // 左边
 .left {
   width: 250px;
@@ -207,44 +215,53 @@ export default {
   margin: 20px 20px;
   background-color: #ffffff;
 }
+
 /deep/ .el-tree {
   width: 150px;
   height: 400px;
   background-color: #f5f2ff;
   margin: 0 50px;
 }
-/deep/ .el-tree-node:focus > .el-tree-node__content {
-  height: 20px!important;
+
+/deep/ .el-tree-node:focus>.el-tree-node__content {
+  height: 20px !important;
   background-color: #f5f2ff;
 }
+
 /deep/ .el-tree-node__content:hover {
-  height: 20px!important;
+  height: 20px !important;
   background-color: #f5f2ff;
 }
+
 /deep/ .el-tree-node__label:active {
-  height: 20px!important;
-  color: #9278ff;
+  height: 20px !important;
+  color: #062c87;
 }
+
 // 第一部分
 .footer_h {
   padding: 10px 0;
   margin: 0 15px;
 }
+
 .flex {
   display: flex;
   justify-content: flex-start;
 }
+
 .footer_h p {
   padding-left: 10px;
   line-height: 15px;
   font-weight: 600;
 }
+
 /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
   line-height: 3;
   padding-left: 10px;
-  color: #9278ff;
+  color: #062c87;
 }
+
 .content {
   width: 1110px;
   height: 650px;
diff --git a/src/views/Flow.vue b/src/views/Flow.vue
index 2c8955e..20c9c77 100644
--- a/src/views/Flow.vue
+++ b/src/views/Flow.vue
@@ -42,20 +42,20 @@
 
 <script>
 export default {
-  data() {
+  data () {
     return {
       input: "",
       textarea: ""
     };
   },
   methods: {
-    Savejump() {
+    Savejump () {
       this.$router.push({ path: "/" });
     },
-    Back() {
+    Back () {
       this.$router.push({ path: "/" });
     },
-    iconJump() {
+    iconJump () {
       this.$router.push({ path: "/catalog" });
     }
   }
@@ -67,25 +67,29 @@ export default {
 .form {
   margin: 0 15px;
 }
+
 .form p {
   height: 30px;
-  background-color: #9278ff;
+  background-color: #062c87;
   text-align: center;
   margin: 0;
   line-height: 30px;
 }
+
 .form_i {
   height: 300px;
   background-color: #f5f2ff;
   margin-top: 15px;
   text-align: center;
 }
+
 .footer_b p {
-//   padding-right: 800px;
+  //   padding-right: 800px;
   margin: 0;
   padding-left: 10px;
   font-size: 12px;
 }
+
 .footer_b {
   padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -93,54 +97,65 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 #memo {
   margin-left: 10px;
   height: 200px;
   width: 800px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
 }
+
 /deep/ .el-input--suffix .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .footer_input p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 .footer_input {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 /deep/ .el-input {
   width: 30%;
 }
+
 .button {
   height: 30px;
   width: 80px;
   margin-top: 7px;
   border: none;
-  background-color: #9278ff;
+  background-color: #062c87;
   color: #ffffff;
   border-radius: 20px;
   position: absolute;
   right: 30px;
 }
+
 .button:focus {
   outline: 0;
 }
+
 /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
   line-height: 3;
   padding-left: 10px;
 }
+
 // .form /deep/ [class*=" el-icon-"],
 // [class^="el-icon-"] {
 //   line-height: 3;
@@ -155,15 +170,18 @@ export default {
   font-weight: 600;
   position: relative;
 }
+
 .header span {
   font-size: 14px;
   font-weight: 600;
   padding-left: 5px;
 }
+
 .header p {
   padding-left: 20px;
   margin: 0;
 }
+
 .footer_h {
   // padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -172,28 +190,32 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 .flex {
   display: flex;
   justify-content: flex-start;
 }
+
 .footer {
   background-color: #ffffff;
 }
+
 .footer_h p {
   padding-left: 10px;
   font-size: 12px;
   margin: 0;
 }
+
 .black {
   width: 8px;
   height: 18px;
   background-color: #333;
   margin-top: 10px;
 }
+
 .content {
   background-color: #f2f6fc;
   position: relative;
   top: 10px;
 }
 </style>
-
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 3406c56..130f8a0 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -430,7 +430,7 @@ export default {
   }
 
   th {
-    background: #9278ff !important;
+    background: #062c87 !important;
 
     .cell {
       color: #fff;
diff --git a/src/views/List.vue b/src/views/List.vue
index 183478e..76265aa 100644
--- a/src/views/List.vue
+++ b/src/views/List.vue
@@ -5,7 +5,7 @@
         <span>Back</span>
       </i>
 
-      <p>{{systemName}} 判分点设置</p>
+      <p>{{ systemName }} 判分点设置</p>
     </div>
     <div class="footer">
       <div class="flex-end">
@@ -23,20 +23,16 @@
         <el-row>
           <el-col :span="24">
             <el-card shadow="hover">
-              <el-table
-                  :data="tableData"
-                  :cell-style="rowClass"
-                  :header-cell-style="headClass"
-                  :stripe="true"
-                  header-align="center"
-              >
+              <el-table :data="tableData" :cell-style="rowClass" :header-cell-style="headClass" :stripe="true"
+                header-align="center">
                 <el-table-column type="index" label="序号" align="center">
-                  <template slot-scope="scope">{{scope.$index + (pageNo - 1) * pageSize + 1}}</template>
+                  <template slot-scope="scope">{{ scope.$index + (pageNo - 1) * pageSize + 1 }}</template>
                 </el-table-column>
                 <el-table-column prop="judgmentPointsName" label="判分点名称" align="center"></el-table-column>
                 <el-table-column label="实验要求" align="center">
                   <template slot-scope="scope">
-                    <quill :border="true" :readonly="true" v-model="scope.row.experimentalRequirements" :minHeight="150" :height="150" />
+                    <quill :border="true" :readonly="true" v-model="scope.row.experimentalRequirements" :minHeight="150"
+                      :height="150" />
                   </template>
                 </el-table-column>
 
@@ -53,14 +49,8 @@
 
         <!-- 分页 -->
         <div class="block">
-          <el-pagination
-              background
-              @current-change="handleCurrentChange"
-              :current-page="pageNo"
-              :page-size="10"
-              layout="total,prev, pager, next, jumper"
-              :total="dataTotal"
-          ></el-pagination>
+          <el-pagination background @current-change="handleCurrentChange" :current-page="pageNo" :page-size="10"
+            layout="total,prev, pager, next, jumper" :total="dataTotal"></el-pagination>
         </div>
       </div>
     </div>
@@ -71,7 +61,7 @@
 import axios from "axios";
 import quill from '@/components/quill'
 export default {
-  data() {
+  data () {
     return {
       keyword: '',
       tableData: [],
@@ -88,21 +78,21 @@ export default {
       referrer: atob(decodeURI(this.$route.query.referrer))
     };
   },
-  components: {quill},
+  components: { quill },
   watch: {
-    keyword: function(val) {
+    keyword: function (val) {
       clearTimeout(this.searchTimer)
       this.searchTimer = setTimeout(() => {
         this.handleCurrentChange(this.pageNo)
-      },500)
+      }, 500)
     },
   },
-  mounted() {
-    this.$route.query.token && this.$store.commit('setParam',{token: atob(decodeURI(this.$route.query.token)),referrer: this.referrer})
+  mounted () {
+    this.$route.query.token && this.$store.commit('setParam', { token: atob(decodeURI(this.$route.query.token)), referrer: this.referrer })
     this.handleCurrentChange(this.pageNo);
   },
   methods: {
-    changeSwitch(e, row, index) {
+    changeSwitch (e, row, index) {
       let newData = row;
       newData.isopen = newData.isopen === 1 ? 1 : 0;
       this.tableData[index] = newData;
@@ -111,12 +101,12 @@ export default {
         isopen: newData.isopen
       });
     },
-    BackMain() {
+    BackMain () {
       // window.location = "http://120.78.198.231:8080/serviceSide/#/configure";
       history.back()
     },
 
-    handleCurrentChange(val) {
+    handleCurrentChange (val) {
       this.$get(`${this.api.queryUserIds}`).then(res => {
         this.pageNo = val;
         let data = {
@@ -127,15 +117,15 @@ export default {
           judgmentPointsName: this.keyword,
           userIdList: res.message.retvalue.join()
         }
-        this.$get(this.api.queryListTrading,data)
-            .then(res => {
-              this.tableData = res.message.rows
-              this.dataTotal = res.message.total
-            })
-            .catch(err => {
-              console.log(err);
-            });
-      }).catch(res => {})
+        this.$get(this.api.queryListTrading, data)
+          .then(res => {
+            this.tableData = res.message.rows
+            this.dataTotal = res.message.total
+          })
+          .catch(err => {
+            console.log(err);
+          });
+      }).catch(res => { })
     },
     // setCookie(name, value) {
     //   if (value) {
@@ -153,26 +143,26 @@ export default {
     // },
 
     //新增
-    HomepageJump() {
+    HomepageJump () {
       //重制判分点ID 当点击新增时清除
       // this.setCookie("judgmentPointsId", "");
       // console.log(this.getCookie("judgmentPointsId"));
-      if(this.systemId == 2){
+      if (this.systemId == 2) {
         this.$router.push(`programOption?systemId=${this.systemId}&userId=${this.userId}`);
-      }else{
+      } else {
         this.$router.push(`programOptions?systemId=${this.systemId}&userId=${this.userId}&pattern=${this.pattern}`);
       }
     },
     // 表头样式设置
-    headClass() {
+    headClass () {
       return "text-align: center;";
     },
     // 表格样式设置
-    rowClass() {
+    rowClass () {
       return "text-align: center;";
     },
 
-    getCookie(cookie_name) {
+    getCookie (cookie_name) {
       //获取cookie中指定key的value
       var allcookies = document.cookie; //索引长度，开始索引的位置
       var cookie_pos = allcookies.indexOf(cookie_name); // 如果找到了索引，就代表cookie存在,否则不存在
@@ -191,39 +181,39 @@ export default {
       return value;
     },
     // 删除
-    getListDelete(row) {
+    getListDelete (row) {
       this.$confirm("此操作将永久删除该内容, 是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning",
         center: true
       })
-          .then(() => {
-            let data = [row.id]
-            this.$post(`${this.api.deleteTrading}`,data)
-                .then(res => {
-                  this.handleCurrentChange(this.pageNo);
-                })
-                .catch(err => {
-                  console.log(err);
-                });
-            this.$message({
-              type: "success",
-              message: "删除成功!"
-            });
-          })
-          .catch(() => {
-            this.$message({
-              type: "info",
-              message: "已取消删除"
+        .then(() => {
+          let data = [row.id]
+          this.$post(`${this.api.deleteTrading}`, data)
+            .then(res => {
+              this.handleCurrentChange(this.pageNo);
+            })
+            .catch(err => {
+              console.log(err);
             });
+          this.$message({
+            type: "success",
+            message: "删除成功!"
           });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除"
+          });
+        });
     },
     // 编辑
-    handleClick(res) {
-      if(this.systemId == 2){
+    handleClick (res) {
+      if (this.systemId == 2) {
         this.$router.push(`programOption?systemId=${this.systemId}&userId=${this.userId}&id=${res.id}`);
-      }else{
+      } else {
         this.$router.push(`programOptions?systemId=${this.systemId}&userId=${this.userId}&id=${res.id}&pattern=${this.pattern}`);
       }
     }
@@ -232,17 +222,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/.ql-toolbar{
+/deep/.ql-toolbar {
   height: 0;
   padding: 0;
   border-bottom: 0;
 }
+
 //分页
 .footer /deep/ .el-pagination span:not([class*="suffix"]),
 .el-pagination button {
   font-size: 16px;
   margin-right: 30px;
 }
+
 .footer /deep/ .el-pagination {
   text-align: right;
   margin: 20px 0 0 0;
@@ -251,15 +243,18 @@ export default {
 /deep/ .el-button {
   line-height: 0;
 }
+
 .footer {
   background-color: #ffffff;
   margin-top: 10px;
   padding: 10px 20px 20px 20px;
 }
+
 .footer_h {
   position: relative;
   line-height: 50px;
 }
+
 .footer_h .black {
   width: 8px;
   height: 18px;
@@ -274,38 +269,45 @@ export default {
   font-weight: 600;
   margin: 0;
 }
+
 // 文本框
 .footer /deep/ .el-textarea__inner {
   height: 60px;
   width: 540px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
 }
+
 .footer /deep/ .el-textarea__inner:hover {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .footer /deep/ .el-table th.is-leaf,
 .el-table td {
   border-bottom: none;
 }
+
 .footer /deep/ .el-table--group::after,
 .el-table--border::after,
 .el-table::before {
   background: rgba(255, 255, 255, 1);
 }
+
 // 滚动条的宽度
 /deep/ ::-webkit-scrollbar {
   width: 6px; // 横向滚动条
   height: 6px; // 纵向滚动条 必写
 }
+
 // 滚动条的滑块
 /deep/ ::-webkit-scrollbar-thumb {
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 0 5px #dddddd;
 }
+
 /deep/ ::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   -webkit-box-shadow: inset 0 0 5px #dddddd;
@@ -316,45 +318,54 @@ export default {
 .footer /deep/ .el-card__body {
   padding: 0;
 }
+
 .footer /deep/ .el-card {
   border: none;
 }
+
 .footer /deep/ .el-table th {
   font-size: 14px;
   font-family: Microsoft YaHei;
   color: rgba(255, 255, 255, 1);
-  background-color: #9278ff;
+  background-color: #062c87;
 }
+
 .footer /deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
   background-color: #f5f2ff;
 }
+
 .footer /deep/ .el-button--text {
   padding-right: 20px;
-  color: #9278ff;
+  color: #062c87;
 }
+
 .footer /deep/ .el-button--text:focus,
 .el-button--text:hover {
-  color: #9278ff;
+  color: #062c87;
 }
+
 .button {
   height: 30px;
   width: 80px;
   margin-top: 7px;
   border: none;
-  background-color: #9278ff;
+  background-color: #062c87;
   color: #ffffff;
   border-radius: 20px;
   position: absolute;
   right: 30px;
 }
+
 .button:focus {
   outline: 0;
 }
+
 .header /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
   line-height: 3;
   padding-left: 10px;
 }
+
 .header {
   background-color: #ffffff;
   height: 50px;
@@ -362,11 +373,13 @@ export default {
   line-height: 50px;
   font-weight: 600;
 }
+
 .header span {
   font-size: 16px;
   font-weight: 600;
   padding-left: 5px;
 }
+
 .header p {
   font-size: 14px;
   padding-left: 20px;
@@ -377,7 +390,8 @@ export default {
   display: flex;
   justify-content: flex-start;
 }
-.flex-end{
+
+.flex-end {
   display: flex;
   justify-content: flex-end;
 }
diff --git a/src/views/Loan.vue b/src/views/Loan.vue
index 1cc66c8..185f984 100644
--- a/src/views/Loan.vue
+++ b/src/views/Loan.vue
@@ -1,479 +1,405 @@
 <template>
-    <div class="content">
-        <!-- 贷款申请表 -->
-        <div class="first"><i class="el-icon-error"
-               style="font-size:26px;padding-right: 10px;"></i></div>
-        <p class="center">贷款申请表</p>
-        <div class="footer">
-            <!-- 申请人基本信息 -->
-            <div>
-                <div class="flex footer_one">
-                    <div class="black"></div>
-                    <p>申请人基本信息</p>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>借款人姓名</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>性别</p>
-                        <el-select v-model="value"
-                                   placeholder="请选择">
-                            <el-option v-for="item in options"
-                                       :key="item.value"
-                                       :label="item.label"
-                                       :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>身份证号</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input1">
-                        </el-input>
-                    </div>
-                    <div class="flex date">
-                        <p>出生年月</p>
-                        <el-date-picker v-model="value1"
-                                        type="date"
-                                        placeholder="选择日期">
-                        </el-date-picker>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>婚姻状况</p>
-                        <el-select v-model="value2"
-                                   placeholder="请选择">
-                            <el-option v-for="item in options1"
-                                       :key="item.value"
-                                       :label="item.label"
-                                       :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </div>
-                    <div class="flex">
-                        <p>教育程度</p>
-                        <el-select v-model="value3"
-                                   placeholder="请选择">
-                            <el-option v-for="item in options2"
-                                       :key="item.value"
-                                       :label="item.label"
-                                       :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>户籍所在地</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input2">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>现住地址</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input3">
-                        </el-input>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>住宅电话</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input4">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>手机号码</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input5">
-                        </el-input>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>生产经营类型</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input6">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>家庭劳动力数量</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input7">
-                        </el-input>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>配偶姓名</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input8">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>配偶身份证号</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="input9">
-                        </el-input>
-                    </div>
-                </div>
-            </div>
-            <!-- 贷款申请信息 -->
-            <div>
-                <div class="flex footer_one">
-                    <div class="black"></div>
-                    <p>贷款申请信息</p>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>申请金额</p>
-                        <span class="left">大写</span>
-                        <el-input placeholder="请输入内容"
-                                  style="width:220px;"
-                                  v-model="data">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>申请金额</p>
-                        <span class="left">小写</span>
-                        <el-input placeholder="请输入内容"
-                                  style="width:220px;"
-                                  v-model="data1">
-                        </el-input>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>贷款期限</p>
-                        <el-input placeholder="请输入内容"
-                                  style="width:220px;"
-                                  v-model="data2">
-                        </el-input>
-                        <span class="right_p20">月</span>
-                    </div>
-                    <div class="flex date">
-                        <p>借款用途</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="data3">
-                        </el-input>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>还款方式</p>
-                        <el-select v-model="value4"
-                                   placeholder="请选择">
-                            <el-option v-for="item in options3"
-                                       :key="item.value"
-                                       :label="item.label"
-                                       :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </div>
-                    <div class="flex">
-                        <p>首次还本月</p>
-                        <span class="left">第</span>
-                        <el-input placeholder="请输入内容"
-                                  style="width:210px;"
-                                  v-model="data4">
-                        </el-input>
-                        <span class="right">月</span>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>放(还)款账户户名</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="data5">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>账号</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="data6">
-                        </el-input>
-                    </div>
-                </div>
-            </div>
-            <!-- 保证人基本信息 -->
-            <div>
-                <div class="flex footer_one">
-                    <div class="black"></div>
-                    <p>保证人基本信息</p>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>保证人姓名</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="bail">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>性别</p>
-                        <el-select v-model="value5"
-                                   placeholder="请选择">
-                            <el-option v-for="item in options"
-                                       :key="item.value"
-                                       :label="item.label"
-                                       :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>身份证号</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="bail1">
-                        </el-input>
-                    </div>
-                    <div class="flex date">
-                        <p>出生年月</p>
-                        <el-date-picker v-model="value6"
-                                        type="date"
-                                        placeholder="选择日期">
-                        </el-date-picker>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>婚姻状况</p>
-                        <el-select v-model="value7"
-                                   placeholder="请选择">
-                            <el-option v-for="item in options1"
-                                       :key="item.value"
-                                       :label="item.label"
-                                       :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </div>
-                    <div class="flex">
-                        <p>教育程度</p>
-                        <el-select v-model="value8"
-                                   placeholder="请选择">
-                            <el-option v-for="item in options2"
-                                       :key="item.value"
-                                       :label="item.label"
-                                       :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>户籍所在地</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="bail3">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>现住地址</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="bail4">
-                        </el-input>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>联系电话</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="bail5">
-                        </el-input>
-                    </div>
-                    <div class="flex">
-                        <p>工作单位</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="bail6">
-                        </el-input>
-                    </div>
-                </div>
-                <div class="flex input">
-                    <div class="flex">
-                        <p>月收入</p>
-                        <el-input placeholder="请输入内容"
-                                  style="width:220px;"
-                                  v-model="bail7">
-                        </el-input>
-                        <span class="right_p20">元</span>
-                    </div>
-                    <div class="flex">
-                        <p>与申请人关系</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="bail8">
-                        </el-input>
-                    </div>
-                </div>
-            </div>
-            <!-- 借款人与保证人声明及承诺 -->
-            <div>
-                <div class="flex footer_one">
-                    <div class="black"></div>
-                    <p>借款人与保证人声明及承诺</p>
-                </div>
-                <div class="box">
-                    <p>1.我承诺以上所填信息完全属实，若由xx银行工作人员或其他人员代为填写，是经我授权并认可的，且按规定报送责行留存的资料复印件属实;</p>
-                    <p>2.我承认本申请表作为向责行申请贷款的依据，无论银行是否贷款，银行均有权保留此申请书及相关资料;</p>
-                    <p>3.经贵行审查，本申请不符合规定的条件而未予通过时，我没有异议;</p>
-                    <p>4.本人授权x x银行在本次业务过程中(从业务申请至业务终止)，向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位、部门及个人查询并留存本人的信用信息，并将本人信用信息提供给上述个人信用数据库，查询获得的信用报告限用于中国人民银行颁布的《个人信用信息基础数据库管理暂行办法》规定用途范围内;</p>
-                    <p>5.保证人已明确知道，如果借款人不能及时偿还全部贷款本息时，保证人应当替其偿还;</p>
-                    <p>6.我们承诺，借款人与保证人家庭之间的经济相互独立，且无其他债权债务关系，贷款由借款人用于申请时指定的用途，不由保证人使用。</p>
-                    <div class="flex small_box"
-                         style="margin-top: 20px;">
-                        <p>申请人签字</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="sign">
-                        </el-input>
-                    </div>
-                    <div class="flex small_box">
-                        <p>申请人配偶(主要财产共有人)签字</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="sign1">
-                        </el-input>
-                    </div>
-                    <div class="flex small_box">
-                        <p>保证人签字</p>
-                        <el-input placeholder="请输入内容"
-                                  v-model="sign2">
-                        </el-input>
-                    </div>
-                    <div class="flex date small_box"
-                         style="justify-content:flex-end;">
-                        <p>日期</p>
-                        <el-date-picker v-model="value9"
-                                        type="date"
-                                        placeholder="选择日期">
-                        </el-date-picker>
-                    </div>
-                </div>
-            </div>
-            <!-- 业务审批 -->
-            <div>
-                <div class="flex footer_one">
-                    <div class="black"></div>
-                    <p>业务审批</p>
-                </div>
-                <div class="box"
-                     style="height: 200px;">
-                    <div class="flex small_box"
-                         style="margin-top: 50px;">
-                        <p>申请人签字</p>
-                        <el-select v-model="sign3"
-                                   placeholder="请选择">
-                            <el-option v-for="item in options4"
-                                       :key="item.value"
-                                       :label="item.label"
-                                       :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </div>
-                </div>
-            </div>
+  <div class="content">
+    <!-- 贷款申请表 -->
+    <div class="first"><i class="el-icon-error" style="font-size:26px;padding-right: 10px;"></i></div>
+    <p class="center">贷款申请表</p>
+    <div class="footer">
+      <!-- 申请人基本信息 -->
+      <div>
+        <div class="flex footer_one">
+          <div class="black"></div>
+          <p>申请人基本信息</p>
         </div>
-        <div style="height:40px"></div>
+        <div class="flex input">
+          <div class="flex">
+            <p>借款人姓名</p>
+            <el-input placeholder="请输入内容" v-model="input">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>性别</p>
+            <el-select v-model="value" placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>身份证号</p>
+            <el-input placeholder="请输入内容" v-model="input1">
+            </el-input>
+          </div>
+          <div class="flex date">
+            <p>出生年月</p>
+            <el-date-picker v-model="value1" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>婚姻状况</p>
+            <el-select v-model="value2" placeholder="请选择">
+              <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="flex">
+            <p>教育程度</p>
+            <el-select v-model="value3" placeholder="请选择">
+              <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>户籍所在地</p>
+            <el-input placeholder="请输入内容" v-model="input2">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>现住地址</p>
+            <el-input placeholder="请输入内容" v-model="input3">
+            </el-input>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>住宅电话</p>
+            <el-input placeholder="请输入内容" v-model="input4">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>手机号码</p>
+            <el-input placeholder="请输入内容" v-model="input5">
+            </el-input>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>生产经营类型</p>
+            <el-input placeholder="请输入内容" v-model="input6">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>家庭劳动力数量</p>
+            <el-input placeholder="请输入内容" v-model="input7">
+            </el-input>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>配偶姓名</p>
+            <el-input placeholder="请输入内容" v-model="input8">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>配偶身份证号</p>
+            <el-input placeholder="请输入内容" v-model="input9">
+            </el-input>
+          </div>
+        </div>
+      </div>
+      <!-- 贷款申请信息 -->
+      <div>
+        <div class="flex footer_one">
+          <div class="black"></div>
+          <p>贷款申请信息</p>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>申请金额</p>
+            <span class="left">大写</span>
+            <el-input placeholder="请输入内容" style="width:220px;" v-model="data">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>申请金额</p>
+            <span class="left">小写</span>
+            <el-input placeholder="请输入内容" style="width:220px;" v-model="data1">
+            </el-input>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>贷款期限</p>
+            <el-input placeholder="请输入内容" style="width:220px;" v-model="data2">
+            </el-input>
+            <span class="right_p20">月</span>
+          </div>
+          <div class="flex date">
+            <p>借款用途</p>
+            <el-input placeholder="请输入内容" v-model="data3">
+            </el-input>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>还款方式</p>
+            <el-select v-model="value4" placeholder="请选择">
+              <el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="flex">
+            <p>首次还本月</p>
+            <span class="left">第</span>
+            <el-input placeholder="请输入内容" style="width:210px;" v-model="data4">
+            </el-input>
+            <span class="right">月</span>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>放(还)款账户户名</p>
+            <el-input placeholder="请输入内容" v-model="data5">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>账号</p>
+            <el-input placeholder="请输入内容" v-model="data6">
+            </el-input>
+          </div>
+        </div>
+      </div>
+      <!-- 保证人基本信息 -->
+      <div>
+        <div class="flex footer_one">
+          <div class="black"></div>
+          <p>保证人基本信息</p>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>保证人姓名</p>
+            <el-input placeholder="请输入内容" v-model="bail">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>性别</p>
+            <el-select v-model="value5" placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>身份证号</p>
+            <el-input placeholder="请输入内容" v-model="bail1">
+            </el-input>
+          </div>
+          <div class="flex date">
+            <p>出生年月</p>
+            <el-date-picker v-model="value6" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>婚姻状况</p>
+            <el-select v-model="value7" placeholder="请选择">
+              <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="flex">
+            <p>教育程度</p>
+            <el-select v-model="value8" placeholder="请选择">
+              <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>户籍所在地</p>
+            <el-input placeholder="请输入内容" v-model="bail3">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>现住地址</p>
+            <el-input placeholder="请输入内容" v-model="bail4">
+            </el-input>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>联系电话</p>
+            <el-input placeholder="请输入内容" v-model="bail5">
+            </el-input>
+          </div>
+          <div class="flex">
+            <p>工作单位</p>
+            <el-input placeholder="请输入内容" v-model="bail6">
+            </el-input>
+          </div>
+        </div>
+        <div class="flex input">
+          <div class="flex">
+            <p>月收入</p>
+            <el-input placeholder="请输入内容" style="width:220px;" v-model="bail7">
+            </el-input>
+            <span class="right_p20">元</span>
+          </div>
+          <div class="flex">
+            <p>与申请人关系</p>
+            <el-input placeholder="请输入内容" v-model="bail8">
+            </el-input>
+          </div>
+        </div>
+      </div>
+      <!-- 借款人与保证人声明及承诺 -->
+      <div>
+        <div class="flex footer_one">
+          <div class="black"></div>
+          <p>借款人与保证人声明及承诺</p>
+        </div>
+        <div class="box">
+          <p>1.我承诺以上所填信息完全属实，若由xx银行工作人员或其他人员代为填写，是经我授权并认可的，且按规定报送责行留存的资料复印件属实;</p>
+          <p>2.我承认本申请表作为向责行申请贷款的依据，无论银行是否贷款，银行均有权保留此申请书及相关资料;</p>
+          <p>3.经贵行审查，本申请不符合规定的条件而未予通过时，我没有异议;</p>
+          <p>4.本人授权x
+            x银行在本次业务过程中(从业务申请至业务终止)，向中国人民银行个人信用信息基础数据库及信贷征信主管部门批准建立的其他个人信用数据库或有关单位、部门及个人查询并留存本人的信用信息，并将本人信用信息提供给上述个人信用数据库，查询获得的信用报告限用于中国人民银行颁布的《个人信用信息基础数据库管理暂行办法》规定用途范围内;
+          </p>
+          <p>5.保证人已明确知道，如果借款人不能及时偿还全部贷款本息时，保证人应当替其偿还;</p>
+          <p>6.我们承诺，借款人与保证人家庭之间的经济相互独立，且无其他债权债务关系，贷款由借款人用于申请时指定的用途，不由保证人使用。</p>
+          <div class="flex small_box" style="margin-top: 20px;">
+            <p>申请人签字</p>
+            <el-input placeholder="请输入内容" v-model="sign">
+            </el-input>
+          </div>
+          <div class="flex small_box">
+            <p>申请人配偶(主要财产共有人)签字</p>
+            <el-input placeholder="请输入内容" v-model="sign1">
+            </el-input>
+          </div>
+          <div class="flex small_box">
+            <p>保证人签字</p>
+            <el-input placeholder="请输入内容" v-model="sign2">
+            </el-input>
+          </div>
+          <div class="flex date small_box" style="justify-content:flex-end;">
+            <p>日期</p>
+            <el-date-picker v-model="value9" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </div>
+      </div>
+      <!-- 业务审批 -->
+      <div>
+        <div class="flex footer_one">
+          <div class="black"></div>
+          <p>业务审批</p>
+        </div>
+        <div class="box" style="height: 200px;">
+          <div class="flex small_box" style="margin-top: 50px;">
+            <p>申请人签字</p>
+            <el-select v-model="sign3" placeholder="请选择">
+              <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+      </div>
     </div>
+    <div style="height:40px"></div>
+  </div>
 </template>
 
 <script>
 export default {
-    data () {
-        return {
-            input: '',
-            input1: '',
-            input2: '',
-            input3: '',
-            input4: '',
-            input5: '',
-            input6: '',
-            input7: '',
-            input8: '',
-            input9: '',
-            value: '',
-            value1: '',
-            value2: '',
-            value3: '',
-            value4: '',
-            value5: '',
-            value6: '',
-            value7: '',
-            value8: '',
-            value9: '',
-            data: '',
-            data1: '',
-            data2: '',
-            data3: '',
-            data4: '',
-            data5: '',
-            data6: '',
-            bail: '',
-            bail1: '',
-            bail2: '',
-            bail3: '',
-            bail4: '',
-            bail5: '',
-            bail6: '',
-            bail7: '',
-            bail8: '',
-            sign: '',
-            sign1: '',
-            sign2: '',
-            sign3: '',
-            options: [{
-                value: '选项1',
-                label: '男'
-            }, {
-                value: '选项2',
-                label: '女'
-            }],
-            options1: [{
-                value: '选项1',
-                label: '未婚'
-            }, {
-                value: '选项2',
-                label: '已婚'
-            }, {
-                value: '选项3',
-                label: '离婚'
-            }],
-            options2: [{
-                value: '选项1',
-                label: '研究生及以上'
-            }, {
-                value: '选项2',
-                label: '大学本科'
-            }, {
-                value: '选项3',
-                label: '大专/高职'
-            }, {
-                value: '选项4',
-                label: '初中及以下'
-            }],
-            options3: [{
-                value: '选项1',
-                label: '一次性还本利息'
-            }, {
-                value: '选项2',
-                label: '等额本息还款'
-            }, {
-                value: '选项3',
-                label: '阶段性等额本息还款'
-            }],
-            options4: [{
-                value: '选项1',
-                label: '同意'
-            }, {
-                value: '选项2',
-                label: '不同意'
-            }]
-        }
+  data () {
+    return {
+      input: '',
+      input1: '',
+      input2: '',
+      input3: '',
+      input4: '',
+      input5: '',
+      input6: '',
+      input7: '',
+      input8: '',
+      input9: '',
+      value: '',
+      value1: '',
+      value2: '',
+      value3: '',
+      value4: '',
+      value5: '',
+      value6: '',
+      value7: '',
+      value8: '',
+      value9: '',
+      data: '',
+      data1: '',
+      data2: '',
+      data3: '',
+      data4: '',
+      data5: '',
+      data6: '',
+      bail: '',
+      bail1: '',
+      bail2: '',
+      bail3: '',
+      bail4: '',
+      bail5: '',
+      bail6: '',
+      bail7: '',
+      bail8: '',
+      sign: '',
+      sign1: '',
+      sign2: '',
+      sign3: '',
+      options: [{
+        value: '选项1',
+        label: '男'
+      }, {
+        value: '选项2',
+        label: '女'
+      }],
+      options1: [{
+        value: '选项1',
+        label: '未婚'
+      }, {
+        value: '选项2',
+        label: '已婚'
+      }, {
+        value: '选项3',
+        label: '离婚'
+      }],
+      options2: [{
+        value: '选项1',
+        label: '研究生及以上'
+      }, {
+        value: '选项2',
+        label: '大学本科'
+      }, {
+        value: '选项3',
+        label: '大专/高职'
+      }, {
+        value: '选项4',
+        label: '初中及以下'
+      }],
+      options3: [{
+        value: '选项1',
+        label: '一次性还本利息'
+      }, {
+        value: '选项2',
+        label: '等额本息还款'
+      }, {
+        value: '选项3',
+        label: '阶段性等额本息还款'
+      }],
+      options4: [{
+        value: '选项1',
+        label: '同意'
+      }, {
+        value: '选项2',
+        label: '不同意'
+      }]
     }
+  }
 }
 </script>
 
@@ -484,156 +410,180 @@ export default {
   background-color: #333;
   margin-top: 10px;
 }
+
 // 盒子
 .box {
-    width: 800px;
-    border: 1px solid #9278ff;
-    padding: 20px;
-    margin: 0 auto;
+  width: 800px;
+  border: 1px solid #062c87;
+  padding: 20px;
+  margin: 0 auto;
 }
+
 .box p {
-    font-size: 14px;
-    margin: 0;
-    padding: 2px 0;
+  font-size: 14px;
+  margin: 0;
+  padding: 2px 0;
 }
+
 .small_box {
-    margin-bottom: 15px;
+  margin-bottom: 15px;
 }
+
 .small_box p {
-    width: 220px;
-    padding-right: 20px;
-    font-size: 14px;
-    margin: 0;
-    text-align: right;
+  width: 220px;
+  padding-right: 20px;
+  font-size: 14px;
+  margin: 0;
+  text-align: right;
 }
+
 // 单个字体
 .left {
-    padding-right: 10px;
-    font-size: 14px;
+  padding-right: 10px;
+  font-size: 14px;
 }
+
 .right {
-    padding-left: 10px;
-    font-size: 14px;
+  padding-left: 10px;
+  font-size: 14px;
 }
+
 .right_p20 {
-    padding-left: 20px;
-    font-size: 14px;
+  padding-left: 20px;
+  font-size: 14px;
 }
 
 // 日期时间框
 .date /deep/ .el-input__icon {
-    line-height: 2;
+  line-height: 2;
 }
+
 /deep/ .el-date-editor.el-input,
 .el-date-editor.el-input__inner {
-    width: 190px;
+  width: 190px;
 }
+
 // 下拉框
 /deep/ .el-select .el-input .el-select__caret {
-    line-height: 2;
+  line-height: 2;
 }
 
 /deep/ .el-select__caret:before {
-    content: "\e78f";
-    font-size: 8px;
-    padding: 1px;
-    background-color: #9278ff;
-    border-radius: 50%;
-    color: #ffffff;
+  content: "\e78f";
+  font-size: 8px;
+  padding: 1px;
+  background-color: #062c87;
+  border-radius: 50%;
+  color: #ffffff;
 }
+
 /deep/ .el-select .el-input__inner:hover {
-    border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 /deep/ .el-input--suffix .el-input__inner:focus,
 .el-input--suffix .el-input__inner:hover {
-    border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 // 输入框
 /deep/ .el-input {
-    width: 190px;
-    text-align: right;
+  width: 190px;
+  text-align: right;
 }
+
 /deep/ .el-input__inner {
-    height: 30px;
-    padding-right: 0;
+  height: 30px;
+  padding-right: 0;
 }
+
 /deep/ .el-input__inner {
-    border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 /deep/ .el-input__inner:hover {
-    border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 /deep/ .el-table .cell {
-    line-height: 1;
+  line-height: 1;
 }
+
 .input p {
-    width: 120px;
-    padding-right: 20px;
-    padding-top: 3px;
-    font-size: 14px;
-    margin: 0;
-    text-align: right;
+  width: 120px;
+  padding-right: 20px;
+  padding-top: 3px;
+  font-size: 14px;
+  margin: 0;
+  text-align: right;
 }
+
 .input {
-    justify-content: space-around;
-    margin-bottom: 15px;
+  justify-content: space-around;
+  margin-bottom: 15px;
 }
+
 .footer_one p {
   padding-left: 10px;
   font-size: 12px;
   font-weight: 600;
 }
+
 .footer_one {
   height: 40px;
   justify-content: flex-start;
   margin: 50px 0 10px 300px;
 }
+
 /deep/ [class*="el-icon-"],
 [class^="el-icon-"] {
-    line-height: 3.5;
-    color: #9278ff;
+  line-height: 3.5;
+  color: #062c87;
 }
+
 .flex {
-    display: flex;
+  display: flex;
 }
 
 .center {
-    height: 40px;
-    line-height: 40px;
-    // background-color: yellow;
-    margin: 0;
-    text-align: center;
-    font-size: 16px;
+  height: 40px;
+  line-height: 40px;
+  // background-color: yellow;
+  margin: 0;
+  text-align: center;
+  font-size: 16px;
 }
 
 .first {
-    text-align: right;
-    height: 40px;
-    line-height: 40px;
-    // background-color: red;
+  text-align: right;
+  height: 40px;
+  line-height: 40px;
+  // background-color: red;
 }
 
 .content {
-    background-color: #f2f6fc;
-    position: relative;
-    top: 10px;
+  background-color: #f2f6fc;
+  position: relative;
+  top: 10px;
 }
 
 // 滚动条的宽度
 /deep/ ::-webkit-scrollbar {
-    width: 6px; // 横向滚动条
-    height: 6px; // 纵向滚动条 必写
+  width: 6px; // 横向滚动条
+  height: 6px; // 纵向滚动条 必写
 }
+
 // 滚动条的滑块
 /deep/ ::-webkit-scrollbar-thumb {
-    background-color: #9278ff;
-    border-radius: 3px;
-    -webkit-box-shadow: inset 0 0 5px #dddddd;
+  background-color: #062c87;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 0 5px #dddddd;
 }
+
 /deep/ ::-webkit-scrollbar-track {
-    /*滚动条里面轨道*/
-    -webkit-box-shadow: inset 0 0 5px #dddddd;
-    border-radius: 0;
-    background: #dddddd;
+  /*滚动条里面轨道*/
+  -webkit-box-shadow: inset 0 0 5px #dddddd;
+  border-radius: 0;
+  background: #dddddd;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/ProgramOption.vue b/src/views/ProgramOption.vue
index 750ef1d..9b451cc 100644
--- a/src/views/ProgramOption.vue
+++ b/src/views/ProgramOption.vue
@@ -2,11 +2,7 @@
   <!-- 编程类 -->
   <div class="content">
     <div class="header flex">
-      <i
-        class="back el-icon-arrow-left"
-        @click="Back()"
-        style="cursor: pointer"
-      >
+      <i class="back el-icon-arrow-left" @click="Back()" style="cursor: pointer">
         <span>Back</span>
       </i>
 
@@ -20,12 +16,7 @@
           <p>基本信息</p>
         </div>
 
-        <el-form
-          :model="ruleForm"
-          :rules="rules"
-          ref="ruleForm"
-          label-width="150px"
-        >
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px">
           <el-form-item label="请输入判分点名称" prop="judgmentPointsName">
             <el-input v-model="ruleForm.judgmentPointsName"></el-input>
           </el-form-item>
@@ -37,285 +28,169 @@
         <div class="flex footer_b">
           <div class="black"></div>
           <p>判分规则</p>
-          <el-button class="btn" type="primary" :disabled="isAdd" @click="AddListRow()"
-            >新增</el-button
-          >
+          <el-button class="btn" type="primary" :disabled="isAdd" @click="AddListRow()">新增</el-button>
         </div>
       </div>
 
       <el-row>
         <el-col :span="24">
           <el-card shadow="hover">
-            <el-table
-              :data="tableData"
-              :stripe="true"
-              :cell-style="rowClass"
-              :header-cell-style="headClass"
-              header-align="center"
-              ref="editTable"
-            >
-                <el-table-column
-                    prop="decisionPointRule"
-                    type="index"
-                    label="序号"
-                    align="center"
-                    width="80"
-                ></el-table-column>
-                <el-table-column label="流程判分正确答案" align="center">
-                    <template slot-scope="scope">
-                        <template v-if="scope.row.isInput">
-                            <p class="p">
-                                操作一致性规则：用户完成的功能操作与下方设置的操作点一致
-                            </p>
-                            <div class="block">
-                                <div class="line">
-                                <span class="label">一级栏目</span>
-                                <div class="action">
-                                    <el-select
-                                    v-model="scope.row.levelOne"
-                                    placeholder="请选择"
-                                    size="mini"
-                                    @change="getSubject(scope.row)"
-                                    >
-                                    <el-option
-                                        v-for="(item, index) in stepList"
-                                        :key="index"
-                                        :label="item.name"
-                                        :value="item.id"
-                                    ></el-option>
-                                    </el-select>
-                                </div>
-                                </div>
-                                <div class="line">
-                                <span class="label">子级栏目</span>
-                                <div class="action steps">
-                                    {{ scope.row.stepName }}
-                                    <el-radio-group
-                                    class="radio-wrap"
-                                    v-model="scope.row.levelTwo"
-                                    size="mini"
-                                    @change="getOption(scope.row)"
-                                    >
-                                    <el-radio
-                                        v-for="(item, index) in scope.row.subjectList"
-                                        :key="index"
-                                        :label="item.id"
-                                        >{{ item.name }}</el-radio
-                                    >
-                                    <!-- <div class="child">
+            <el-table :data="tableData" :stripe="true" :cell-style="rowClass" :header-cell-style="headClass"
+              header-align="center" ref="editTable">
+              <el-table-column prop="decisionPointRule" type="index" label="序号" align="center"
+                width="80"></el-table-column>
+              <el-table-column label="流程判分正确答案" align="center">
+                <template slot-scope="scope">
+                  <template v-if="scope.row.isInput">
+                    <p class="p">
+                      操作一致性规则：用户完成的功能操作与下方设置的操作点一致
+                    </p>
+                    <div class="block">
+                      <div class="line">
+                        <span class="label">一级栏目</span>
+                        <div class="action">
+                          <el-select v-model="scope.row.levelOne" placeholder="请选择" size="mini"
+                            @change="getSubject(scope.row)">
+                            <el-option v-for="(item, index) in stepList" :key="index" :label="item.name"
+                              :value="item.id"></el-option>
+                          </el-select>
+                        </div>
+                      </div>
+                      <div class="line">
+                        <span class="label">子级栏目</span>
+                        <div class="action steps">
+                          {{ scope.row.stepName }}
+                          <el-radio-group class="radio-wrap" v-model="scope.row.levelTwo" size="mini"
+                            @change="getOption(scope.row)">
+                            <el-radio v-for="(item, index) in scope.row.subjectList" :key="index" :label="item.id">{{
+                              item.name }}</el-radio>
+                            <!-- <div class="child">
                                         <el-radio :label="9">备选项</el-radio>
                                         <el-radio :label="10">备选项</el-radio>
                                     </div> -->
-                                    </el-radio-group>
-                                </div>
-                                </div>
+                          </el-radio-group>
+                        </div>
+                      </div>
+                    </div>
+                  </template>
+                </template>
+              </el-table-column>
+              <el-table-column align="center" width="150">
+                <template slot-scope="scope">
+                  <el-button v-if="scope.row.isInput" type="primary" :disabled="scope.row.isShow"
+                    style="cursor: pointer; border-radius: 50%" circle @click="getPerhaps(scope.row)">{{
+                      scope.row.operatorOne == 1 ? "且" : "或" }}</el-button>
+                  <el-button v-else type="primary" :disabled="scope.row.isShow"
+                    style="cursor: pointer; border-radius: 50%" circle @click="getPerhapsColumn(scope.row)">{{
+                      operatorTwo == 1 ? "且" : "或" }}</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column label="交易结果正确答案" align="center">
+                <template slot-scope="scope">
+                  <template v-if="scope.row.isInput">
+                    <p class="p">
+                      交易结果一致性规则：用户交易的结果需要与下面设置的交易指标要求一致
+                    </p>
+                    <div class="block">
+                      <template v-if="scope.row.levelTwo">
+                        <template v-if="scope.row.type == 1 && scope.row.subjectName">
+                          <div class="line">
+                            <span class="label" style="width: auto;text-align: left">{{ scope.row.subjectName }}</span>
+                          </div>
+                          <div class="line">
+                            <span class="label mini">正确答案</span>
+                            <div class="action">
+                              <el-select multiple v-model="scope.row.levelFour" placeholder="请选择" size="mini"
+                                style="width: 100%">
+                                <el-option v-for="(item, index) in scope.row.optionList" :key="index"
+                                  :label="item.childrenName" :value="item.cid"></el-option>
+                              </el-select>
                             </div>
+                          </div>
                         </template>
-                    </template>
-                </el-table-column>
-                <el-table-column align="center" width="150">
-                    <template slot-scope="scope">
-                        <el-button
-                            v-if="scope.row.isInput"
-                            type="primary"
-                            :disabled="scope.row.isShow"
-                            style="cursor: pointer; border-radius: 50%"
-                            circle
-                            @click="getPerhaps(scope.row)"
-                            >{{ scope.row.operatorOne == 1 ? "且" : "或" }}</el-button
-                        >
-                        <el-button
-                            v-else
-                            type="primary"
-                            :disabled="scope.row.isShow"
-                            style="cursor: pointer; border-radius: 50%"
-                            circle
-                            @click="getPerhapsColumn(scope.row)"
-                            >{{ operatorTwo == 1 ? "且" : "或" }}</el-button
-                        >
-                    </template>
-                </el-table-column>
-                <el-table-column label="交易结果正确答案" align="center">
-                    <template slot-scope="scope">
-                        <template v-if="scope.row.isInput">
-                            <p class="p">
-                                交易结果一致性规则：用户交易的结果需要与下面设置的交易指标要求一致
-                            </p>
-                            <div class="block">
-                              <template v-if="scope.row.levelTwo">
-                                <template v-if="scope.row.type == 1 && scope.row.subjectName">
-                                    <div class="line">
-                                        <span class="label" style="width: auto;text-align: left">{{scope.row.subjectName}}</span>
-                                    </div>
-                                    <div class="line">
-                                        <span class="label mini">正确答案</span>
-                                        <div class="action">
-                                          <el-select
-                                              multiple
-                                              v-model="scope.row.levelFour"
-                                              placeholder="请选择"
-                                              size="mini"
-                                              style="width: 100%"
-                                          >
-                                              <el-option
-                                              v-for="(item, index) in scope.row.optionList"
-                                              :key="index"
-                                              :label="item.childrenName"
-                                              :value="item.cid"
-                                              ></el-option>
-                                          </el-select>
-                                        </div>
-                                    </div>
-                                </template>
-                                <template v-if="scope.row.type == 2">
-                                    <div class="line">
-                                        <span class="label" style="width: auto;text-align: left">{{scope.row.subjectName}}</span>
-                                    </div>
-                                    <div class="line">
-                                        <span class="label mini">正确答案</span>
-                                        <div class="action" style="flex: none">
-                                          <el-date-picker v-model="scope.row.levelFour" type="date" placeholder="选择日期"></el-date-picker>
-                                        </div>
-                                    </div>
-                                </template>
-                                <template v-if="scope.row.type == 3">
-                                    <div class="line">
-                                    <span class="label">
-                                        <el-checkbox v-model="scope.row.numOfWords">字数要求</el-checkbox>
-                                    </span
-                                    >
-                                    <div class="action a-line">
-                                        <el-select
-                                        v-model="scope.row.symbol"
-                                        placeholder="请选择"
-                                        size="mini"
-                                        >
-                                        <el-option
-                                            v-for="(item, index) in symbolList"
-                                            :key="index"
-                                            :label="item.name"
-                                            :value="item.id"
-                                        ></el-option>
-                                        </el-select>
-                                        <el-input
-                                        type="number"
-                                        min="0"
-                                        style="margin-left: 5px"
-                                        size="mini"
-                                        v-model="scope.row.numDes"
-                                        ></el-input>
-                                    </div>
-                                    </div>
-                                    <div class="line">
-                                        <span class="label">
-                                            <el-checkbox v-model="scope.row.fieldOfReq">字段要求</el-checkbox>
-                                        </span>
-                                        <div class="action">
-                                            <el-input
-                                            class="mini-textarea"
-                                            type="textarea"
-                                            cols="3"
-                                            size="mini"
-                                            v-model="scope.row.levelFour"
-                                            ></el-input>
-                                        </div>
-                                    </div>
-                                </template>
-                                <template v-if="scope.row.type == 4">
-                                    <div class="line">
-                                        <span class="label">选择指标</span>
-                                        <div class="action">
-                                            <el-select
-                                                v-model="scope.row.levelThree"
-                                                placeholder="请选择"
-                                                size="mini"
-                                            >
-                                                <el-option
-                                                v-for="(item, index) in scope.row.optionList"
-                                                :key="index"
-                                                :label="item.childrenName"
-                                                :value="item.cid"
-                                                ></el-option>
-                                            </el-select>
-                                        </div>
-                                    </div>
-                                    <div class="line">
-                                        <span class="label">交易指标区间</span>
-                                        <div class="action">
-                                            <div class="inputs">
-                                                <el-select
-                                                v-model="scope.row.symbolInput1"
-                                                placeholder="请选择"
-                                                size="mini"
-                                                >
-                                                <el-option label="(" value="("></el-option>
-                                                <el-option label="[" value="["></el-option>
-                                                </el-select>
-                                                <el-input
-                                                type="number"
-                                                v-model="scope.row.symbolInput2"
-                                                size="mini"
-                                                ></el-input>
-                                                <el-input
-                                                type="number"
-                                                v-model="scope.row.symbolInput3"
-                                                size="mini"
-                                                ></el-input>
-                                                <el-select
-                                                v-model="scope.row.symbolInput4"
-                                                placeholder="请选择"
-                                                size="mini"
-                                                >
-                                                <el-option label=")" value=")"></el-option>
-                                                <el-option label="]" value="]"></el-option>
-                                                </el-select>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </template>
-                              </template>
+                        <template v-if="scope.row.type == 2">
+                          <div class="line">
+                            <span class="label" style="width: auto;text-align: left">{{ scope.row.subjectName }}</span>
+                          </div>
+                          <div class="line">
+                            <span class="label mini">正确答案</span>
+                            <div class="action" style="flex: none">
+                              <el-date-picker v-model="scope.row.levelFour" type="date"
+                                placeholder="选择日期"></el-date-picker>
                             </div>
+                          </div>
                         </template>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center" width="300">
-                    <template slot-scope="scope">
-                        <template v-if="scope.row.isInput">
-                            <el-link
-                                size="mini"
-                                type="primary"
-                                :underline="false"
-                                v-show="scope.row.isShow"
-                                @click="getHandleEdit(scope.row)"
-                                >编辑</el-link
-                            >
-                            <el-link
-                                type="primary"
-                                size="mini"
-                                :underline="false"
-                                v-show="!scope.row.isShow"
-                                @click="getRule(scope.row)"
-                                >保存</el-link
-                            >
-                            <el-link
-                                size="mini"
-                                type="primary"
-                                :underline="false"
-                                v-show="!scope.row.isShow && !scope.row.id"
-                                @click="dialogFormVisible(scope.$index, scope.row)"
-                                >取消</el-link
-                            >
-                            <el-link
-                                size="mini"
-                                type="primary"
-                                :underline="false"
-                                v-show="!scope.row.isShow"
-                                @click="getRuleDelete(scope.$index, scope.row)"
-                                >删除</el-link
-                            >
+                        <template v-if="scope.row.type == 3">
+                          <div class="line">
+                            <span class="label">
+                              <el-checkbox v-model="scope.row.numOfWords">字数要求</el-checkbox>
+                            </span>
+                            <div class="action a-line">
+                              <el-select v-model="scope.row.symbol" placeholder="请选择" size="mini">
+                                <el-option v-for="(item, index) in symbolList" :key="index" :label="item.name"
+                                  :value="item.id"></el-option>
+                              </el-select>
+                              <el-input type="number" min="0" style="margin-left: 5px" size="mini"
+                                v-model="scope.row.numDes"></el-input>
+                            </div>
+                          </div>
+                          <div class="line">
+                            <span class="label">
+                              <el-checkbox v-model="scope.row.fieldOfReq">字段要求</el-checkbox>
+                            </span>
+                            <div class="action">
+                              <el-input class="mini-textarea" type="textarea" cols="3" size="mini"
+                                v-model="scope.row.levelFour"></el-input>
+                            </div>
+                          </div>
                         </template>
-                    </template>
-                </el-table-column>
+                        <template v-if="scope.row.type == 4">
+                          <div class="line">
+                            <span class="label">选择指标</span>
+                            <div class="action">
+                              <el-select v-model="scope.row.levelThree" placeholder="请选择" size="mini">
+                                <el-option v-for="(item, index) in scope.row.optionList" :key="index"
+                                  :label="item.childrenName" :value="item.cid"></el-option>
+                              </el-select>
+                            </div>
+                          </div>
+                          <div class="line">
+                            <span class="label">交易指标区间</span>
+                            <div class="action">
+                              <div class="inputs">
+                                <el-select v-model="scope.row.symbolInput1" placeholder="请选择" size="mini">
+                                  <el-option label="(" value="("></el-option>
+                                  <el-option label="[" value="["></el-option>
+                                </el-select>
+                                <el-input type="number" v-model="scope.row.symbolInput2" size="mini"></el-input>
+                                <el-input type="number" v-model="scope.row.symbolInput3" size="mini"></el-input>
+                                <el-select v-model="scope.row.symbolInput4" placeholder="请选择" size="mini">
+                                  <el-option label=")" value=")"></el-option>
+                                  <el-option label="]" value="]"></el-option>
+                                </el-select>
+                              </div>
+                            </div>
+                          </div>
+                        </template>
+                      </template>
+                    </div>
+                  </template>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" align="center" width="300">
+                <template slot-scope="scope">
+                  <template v-if="scope.row.isInput">
+                    <el-link size="mini" type="primary" :underline="false" v-show="scope.row.isShow"
+                      @click="getHandleEdit(scope.row)">编辑</el-link>
+                    <el-link type="primary" size="mini" :underline="false" v-show="!scope.row.isShow"
+                      @click="getRule(scope.row)">保存</el-link>
+                    <el-link size="mini" type="primary" :underline="false" v-show="!scope.row.isShow && !scope.row.id"
+                      @click="dialogFormVisible(scope.$index, scope.row)">取消</el-link>
+                    <el-link size="mini" type="primary" :underline="false" v-show="!scope.row.isShow"
+                      @click="getRuleDelete(scope.$index, scope.row)">删除</el-link>
+                  </template>
+                </template>
+              </el-table-column>
             </el-table>
           </el-card>
         </el-col>
@@ -327,217 +202,217 @@
 <script>
 import quill from '@/components/quill'
 export default {
-  data() {
+  data () {
     return {
-        ruleList: [],
-        ruleForm: {
-            judgmentPointsName: "",
-            experimentalRequirements: "",
+      ruleList: [],
+      ruleForm: {
+        judgmentPointsName: "",
+        experimentalRequirements: "",
+      },
+      tableData: [],
+      rules: {
+        judgmentPointsName: [
+          { required: true, message: "判分点名称不能为空", trigger: "blur" },
+        ],
+        experimentalRequirements: [
+          { required: true, message: "实验要求不能为空", trigger: "blur" },
+        ],
+      },
+      decisionPointRule: "",
+      id: this.$route.query.id,
+      systemId: this.$route.query.systemId,
+      userId: this.$route.query.userId,
+      projectId: this.$route.query.projectId,
+      isAdd: false,
+      stepList: [],
+      childPointId: "",
+      index: "",
+      symbolList: [
+        {
+          id: 1,
+          name: ">",
         },
-        tableData: [],
-        rules: {
-            judgmentPointsName: [
-            { required: true, message: "判分点名称不能为空", trigger: "blur" },
-            ],
-            experimentalRequirements: [
-            { required: true, message: "实验要求不能为空", trigger: "blur" },
-            ],
+        {
+          id: 2,
+          name: ">=",
         },
-        decisionPointRule: "",
-        id: this.$route.query.id,
-        systemId: this.$route.query.systemId,
-        userId: this.$route.query.userId,
-        projectId: this.$route.query.projectId,
-        isAdd: false,
-        stepList: [],
-        childPointId: "",
-        index: "",
-        symbolList: [
-            {
-            id: 1,
-            name: ">",
-            },
-            {
-            id: 2,
-            name: ">=",
-            },
-            {
-            id: 3,
-            name: "<",
-            },
-            {
-            id: 4,
-            name: "<=",
-            },
-        ],
-        operatorTwo: 1,
+        {
+          id: 3,
+          name: "<",
+        },
+        {
+          id: 4,
+          name: "<=",
+        },
+      ],
+      operatorTwo: 1,
     };
   },
-  components: {quill},
-  mounted() {
+  components: { quill },
+  mounted () {
     this.getData()
   },
   methods: {
-    getPerhaps(a) {
-        a.operatorOne = a.operatorOne == 1 ? 2 : 1
+    getPerhaps (a) {
+      a.operatorOne = a.operatorOne == 1 ? 2 : 1
     },
-    getPerhapsColumn() {
-        this.operatorTwo = this.operatorTwo == 1 ? 2 : 1
+    getPerhapsColumn () {
+      this.operatorTwo = this.operatorTwo == 1 ? 2 : 1
     },
-    getMesg() {
-        if (this.id) {
-            this.$get(this.api.queryDetailsTrading, {
-                tradingJudgmentPointsId: this.id,
-            }).then((res) => {
-                this.ruleForm = {
-                    judgmentPointsName: res.message.point.judgmentPointsName,
-                    experimentalRequirements: res.message.point.experimentalRequirements,
-                }
-                let rules = res.message.rules
-                let ruleList = []
-                let len = rules.length
-                let result = []
-                rules.map((e,i) => {
-                    e.isInput=  true
-                    e.isShow = false
-                    e.levelOne = Number(e.levelOne)
-                    e.levelTwo = Number(e.levelTwo)
-                    e.subjectList = []
-                    e.optionList = []
-                    e.subjectName = ''
-                    e.symbolInput1 = ''
-                    e.symbolInput2 = ''
-                    e.symbolInput3 = ''
-                    e.symbolInput4 = ''
-                    e.numOfWords = true
-                    e.fieldOfReq = true
-                    e.symbol = ''
-                    e.numDes = ''
-                    e.reqDes = ''
-                    e.isFirst = true
-                    ruleList.push({
-                        operatorOne: e.operatorOne,
-                        operatorTwo: e.operatorTwo,
-                        type: e.type,
-                        levelOne: e.levelOne,
-                        levelTwo: e.levelTwo,
-                        levelThree: e.levelThree,
-                        levelFour: e.levelFour
-                    })
-                    this.getSubject(e)
-                    if(e.type == 1){
-                        let levelFour = e.levelFour.split(',')
-                        levelFour = levelFour.map(n => Number(n))
-                        this.$set(e,'levelFour',levelFour)
-                    }else if(e.type == 2){
-                        
-                    }else if(e.type == 3){
-                        if(e.levelThree === ''){
-                            e.numOfWords = false
-                        }else{
-                            e.symbol = this.symbolList.find(n => n.name == e.levelThree.replace(/,\d+/g,'')).id
-                            e.numDes = e.levelThree.replace(/\D+/g,'')
-                        }
-                        if(e.levelFour === '') e.fieldOfReq = false
-                    }else if(e.type == 4){
-                        e.levelThree = Number(e.levelThree)
-                        let levelFour = e.levelFour
-                        e.symbolInput1 = levelFour[0]
-                        e.symbolInput2 = levelFour.substring(1,levelFour.indexOf('~'))
-                        e.symbolInput3 = levelFour.substring(levelFour.indexOf('~') + 1,levelFour.length - 1)
-                        e.symbolInput4 = levelFour[levelFour.length - 1]
-                    }
-                    result.push(e)
-                    if(len > 1 && i != len - 1) result.push({})
-                })
-                this.operatorTwo = rules[0].operatorTwo
-                this.ruleList = ruleList
-                this.tableData = result
-            }).catch((err) => {})
-        }
+    getMesg () {
+      if (this.id) {
+        this.$get(this.api.queryDetailsTrading, {
+          tradingJudgmentPointsId: this.id,
+        }).then((res) => {
+          this.ruleForm = {
+            judgmentPointsName: res.message.point.judgmentPointsName,
+            experimentalRequirements: res.message.point.experimentalRequirements,
+          }
+          let rules = res.message.rules
+          let ruleList = []
+          let len = rules.length
+          let result = []
+          rules.map((e, i) => {
+            e.isInput = true
+            e.isShow = false
+            e.levelOne = Number(e.levelOne)
+            e.levelTwo = Number(e.levelTwo)
+            e.subjectList = []
+            e.optionList = []
+            e.subjectName = ''
+            e.symbolInput1 = ''
+            e.symbolInput2 = ''
+            e.symbolInput3 = ''
+            e.symbolInput4 = ''
+            e.numOfWords = true
+            e.fieldOfReq = true
+            e.symbol = ''
+            e.numDes = ''
+            e.reqDes = ''
+            e.isFirst = true
+            ruleList.push({
+              operatorOne: e.operatorOne,
+              operatorTwo: e.operatorTwo,
+              type: e.type,
+              levelOne: e.levelOne,
+              levelTwo: e.levelTwo,
+              levelThree: e.levelThree,
+              levelFour: e.levelFour
+            })
+            this.getSubject(e)
+            if (e.type == 1) {
+              let levelFour = e.levelFour.split(',')
+              levelFour = levelFour.map(n => Number(n))
+              this.$set(e, 'levelFour', levelFour)
+            } else if (e.type == 2) {
+
+            } else if (e.type == 3) {
+              if (e.levelThree === '') {
+                e.numOfWords = false
+              } else {
+                e.symbol = this.symbolList.find(n => n.name == e.levelThree.replace(/,\d+/g, '')).id
+                e.numDes = e.levelThree.replace(/\D+/g, '')
+              }
+              if (e.levelFour === '') e.fieldOfReq = false
+            } else if (e.type == 4) {
+              e.levelThree = Number(e.levelThree)
+              let levelFour = e.levelFour
+              e.symbolInput1 = levelFour[0]
+              e.symbolInput2 = levelFour.substring(1, levelFour.indexOf('~'))
+              e.symbolInput3 = levelFour.substring(levelFour.indexOf('~') + 1, levelFour.length - 1)
+              e.symbolInput4 = levelFour[levelFour.length - 1]
+            }
+            result.push(e)
+            if (len > 1 && i != len - 1) result.push({})
+          })
+          this.operatorTwo = rules[0].operatorTwo
+          this.ruleList = ruleList
+          this.tableData = result
+        }).catch((err) => { })
+      }
     },
-    getData() {
-        this.$get(this.api.firstLevel)
+    getData () {
+      this.$get(this.api.firstLevel)
         .then((res) => {
-            this.stepList = res.list
-            this.getMesg()
-        }).catch((err) => {})
+          this.stepList = res.list
+          this.getMesg()
+        }).catch((err) => { })
     },
-    getSubject(row) {
-        row.name = this.stepList.find((n) => n.id == row.levelOne).name
-        this.$get(`${this.api.secondaryLevel}?id=${row.levelOne}`)
+    getSubject (row) {
+      row.name = this.stepList.find((n) => n.id == row.levelOne).name
+      this.$get(`${this.api.secondaryLevel}?id=${row.levelOne}`)
         .then((res) => {
-            row.subjectList = res.list
-            row.isFirst || (row.levelTwo = '')
-            row.isFirst && row.id && this.getOption(row)
-        }).catch((err) => {})
+          row.subjectList = res.list
+          row.isFirst || (row.levelTwo = '')
+          row.isFirst && row.id && this.getOption(row)
+        }).catch((err) => { })
     },
-    getOption(row) {
-        row.subjectName = row.subjectList.find((n) => n.id == row.levelTwo).name
-        this.$get(`${this.api.thirdLevel}?id=${row.levelTwo}`)
+    getOption (row) {
+      row.subjectName = row.subjectList.find((n) => n.id == row.levelTwo).name
+      this.$get(`${this.api.thirdLevel}?id=${row.levelTwo}`)
         .then((res) => {
-            row.optionList = res.list
-            row.type = row.optionList[0].type
-            if(!row.isFirst){
-              row.levelThree = ''
-              row.levelFour = ''
-              row.symbolInput1 = ''
-              row.symbolInput2 = ''
-              row.symbolInput3 = ''
-              row.symbolInput4 = ''
-              row.numOfWords = true
-              row.fieldOfReq = true
-              row.symbol = ''
-              row.numDes = ''
-              row.reqDes = ''
-            }
-            row.isFirst = false
-            console.log(11,row)
-        }).catch((err) => {})
+          row.optionList = res.list
+          row.type = row.optionList[0].type
+          if (!row.isFirst) {
+            row.levelThree = ''
+            row.levelFour = ''
+            row.symbolInput1 = ''
+            row.symbolInput2 = ''
+            row.symbolInput3 = ''
+            row.symbolInput4 = ''
+            row.numOfWords = true
+            row.fieldOfReq = true
+            row.symbol = ''
+            row.numDes = ''
+            row.reqDes = ''
+          }
+          row.isFirst = false
+          console.log(11, row)
+        }).catch((err) => { })
     },
-    Savejump(formName) {
-        if (this.ruleList.length && this.tableData.length) {
-            this.$refs[formName].validate((valid) => {
-            if (valid) {
-                if (this.id) {
-                    this.tableData.map(n => {
-                      n.id && this.getRule(n)
-                    })
-                    let data = {
-                        judgmentPointsName: this.ruleForm.judgmentPointsName,
-                        experimentalRequirements: this.ruleForm.experimentalRequirements,
-                        id: this.id,
-                    }
-                    this.$post(this.api.updateTrading, data)
-                    .then((res) => {
-                        this.$router.back()
-                    }).catch((err) => {})
-                } else {
-                    let data = {
-                        tradingJudgmentPoints: {
-                            judgmentPointsName: this.ruleForm.judgmentPointsName,
-                            experimentalRequirements: this.ruleForm.experimentalRequirements,
-                            projectId: this.projectId,
-                            systemId: this.systemId,
-                            userId: this.userId
-                        },
-                        tradingJudgmentPointsRuleList: this.ruleList
-                    }
-                    this.$post(this.api.addTrading, data)
-                    .then((res) => {
-                        this.$router.back()
-                    }).catch((err) => {})
-                }
+    Savejump (formName) {
+      if (this.ruleList.length && this.tableData.length) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            if (this.id) {
+              this.tableData.map(n => {
+                n.id && this.getRule(n)
+              })
+              let data = {
+                judgmentPointsName: this.ruleForm.judgmentPointsName,
+                experimentalRequirements: this.ruleForm.experimentalRequirements,
+                id: this.id,
+              }
+              this.$post(this.api.updateTrading, data)
+                .then((res) => {
+                  this.$router.back()
+                }).catch((err) => { })
             } else {
-                return false;
+              let data = {
+                tradingJudgmentPoints: {
+                  judgmentPointsName: this.ruleForm.judgmentPointsName,
+                  experimentalRequirements: this.ruleForm.experimentalRequirements,
+                  projectId: this.projectId,
+                  systemId: this.systemId,
+                  userId: this.userId
+                },
+                tradingJudgmentPointsRuleList: this.ruleList
+              }
+              this.$post(this.api.addTrading, data)
+                .then((res) => {
+                  this.$router.back()
+                }).catch((err) => { })
             }
-            })
-            
-        } else {
-            this.$message.error("错了哦，判分规则不能为空")
-        }
+          } else {
+            return false;
+          }
+        })
+
+      } else {
+        this.$message.error("错了哦，判分规则不能为空")
+      }
     },
-    getCookie(cookie_name) {
+    getCookie (cookie_name) {
       //获取cookie中指定key的value
       var allcookies = document.cookie; //索引长度，开始索引的位置
       var cookie_pos = allcookies.indexOf(cookie_name); // 如果找到了索引，就代表cookie存在,否则不存在
@@ -555,172 +430,172 @@ export default {
       }
       return value;
     },
-    Back() {
+    Back () {
       this.$router.back();
     },
-    headClass() {
+    headClass () {
       return "text-align: center;";
     },
-    rowClass() {
+    rowClass () {
       return "text-align: center;";
     },
-    getRule(row) {
-        if(!row.levelOne) return this.$message.warning('一级栏目不能为空')
-        if(!row.levelTwo) return this.$message.warning('子级栏目不能为空')
-        if(!row.levelFour.length && row.type == 1){
-          return this.$message.warning(`正确答案不能为空`)
-        }
-        if(!row.levelThree && row.type == 4){
-          return this.$message.warning(`选择指标不能为空`)
-        }
-        if(row.type == 3){
-          if(row.numOfWords && (!row.symbol || !row.numDes)) return this.$message.warning(`字数要求不能为空`)
-          if(row.fieldOfReq && !row.fieldOfReq) return this.$message.warning(`字段要求不能为空`)
-        }
-        if(row.type == 4 && (!row.symbolInput1 || !row.symbolInput2 || !row.symbolInput3 || !row.symbolInput4)) return this.$message.warning('交易指标区间不能为空')
-
-        let levelThree = row.levelThree
-        if(row.type != 1) levelThree = levelThree + ''
-        let levelFour = row.levelFour
-        if(row.type == 1){
-            levelThree = row.levelTwo
-            levelFour = levelFour.join(',')
-        }else if(row.type == 2){
-            let date = new Date(levelFour)
-            levelFour = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
-            levelThree = row.levelTwo
-        }else if(row.type == 3){
-            if(row.numOfWords){
-              if(row.numDes < 0) return this.$message.warning(`字数要求必须大于0`)
-              levelThree = this.symbolList.find((n) => n.id == row.symbol).name + ',' + row.numDes
-              if(row.symbol == 6) levelThree = '无限制'
-            }else{
-              levelThree = ''
-            }
-            levelFour = row.fieldOfReq ? row.levelFour : ''
-        }else if(row.type == 4){
-            if(row.symbolInput2 >= row.symbolInput3) return this.$message.warning(`第一个指标必须小于第二个指标`)
-            levelFour = row.symbolInput1 + row.symbolInput2 + '~' + row.symbolInput3 + row.symbolInput4
-        }
-        let data = {
-            operatorOne: row.operatorOne,
-            operatorTwo: this.operatorTwo,
-            type: row.type,
-            levelOne: row.levelOne + '',
-            levelTwo: row.levelTwo + '',
-            levelThree,
-            levelFour
+    getRule (row) {
+      if (!row.levelOne) return this.$message.warning('一级栏目不能为空')
+      if (!row.levelTwo) return this.$message.warning('子级栏目不能为空')
+      if (!row.levelFour.length && row.type == 1) {
+        return this.$message.warning(`正确答案不能为空`)
+      }
+      if (!row.levelThree && row.type == 4) {
+        return this.$message.warning(`选择指标不能为空`)
+      }
+      if (row.type == 3) {
+        if (row.numOfWords && (!row.symbol || !row.numDes)) return this.$message.warning(`字数要求不能为空`)
+        if (row.fieldOfReq && !row.fieldOfReq) return this.$message.warning(`字段要求不能为空`)
+      }
+      if (row.type == 4 && (!row.symbolInput1 || !row.symbolInput2 || !row.symbolInput3 || !row.symbolInput4)) return this.$message.warning('交易指标区间不能为空')
+
+      let levelThree = row.levelThree
+      if (row.type != 1) levelThree = levelThree + ''
+      let levelFour = row.levelFour
+      if (row.type == 1) {
+        levelThree = row.levelTwo
+        levelFour = levelFour.join(',')
+      } else if (row.type == 2) {
+        let date = new Date(levelFour)
+        levelFour = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
+        levelThree = row.levelTwo
+      } else if (row.type == 3) {
+        if (row.numOfWords) {
+          if (row.numDes < 0) return this.$message.warning(`字数要求必须大于0`)
+          levelThree = this.symbolList.find((n) => n.id == row.symbol).name + ',' + row.numDes
+          if (row.symbol == 6) levelThree = '无限制'
+        } else {
+          levelThree = ''
         }
-        if (row.id) {
-            data.id = row.id
-            this.$post(this.api.updateRuleTrading,data)
+        levelFour = row.fieldOfReq ? row.levelFour : ''
+      } else if (row.type == 4) {
+        if (row.symbolInput2 >= row.symbolInput3) return this.$message.warning(`第一个指标必须小于第二个指标`)
+        levelFour = row.symbolInput1 + row.symbolInput2 + '~' + row.symbolInput3 + row.symbolInput4
+      }
+      let data = {
+        operatorOne: row.operatorOne,
+        operatorTwo: this.operatorTwo,
+        type: row.type,
+        levelOne: row.levelOne + '',
+        levelTwo: row.levelTwo + '',
+        levelThree,
+        levelFour
+      }
+      if (row.id) {
+        data.id = row.id
+        this.$post(this.api.updateRuleTrading, data)
+          .then((res) => {
+            this.isAdd = false
+            row.isShow = true
+          }).catch((err) => { })
+      } else {
+        this.ruleList.push({
+          operatorOne: row.operatorOne,
+          operatorTwo: this.operatorTwo,
+          type: row.type,
+          levelOne: row.levelOne + '',
+          levelTwo: row.levelTwo + '',
+          levelThree,
+          levelFour
+        })
+        if (this.id) {
+          data.tradingJudgmentPointsId = this.id
+          this.$post(this.api.addRule, data)
             .then((res) => {
-                this.isAdd = false
-                row.isShow = true
-            }).catch((err) => {})
-        }else{
-            this.ruleList.push({
-                operatorOne: row.operatorOne,
-                operatorTwo: this.operatorTwo,
-                type: row.type,
-                levelOne: row.levelOne + '',
-                levelTwo: row.levelTwo + '',
-                levelThree,
-                levelFour
-            })
-            if(this.id){
-                data.tradingJudgmentPointsId = this.id
-                this.$post(this.api.addRule,data)
-                .then((res) => {
-                    this.isAdd = false
-                    row.isShow = true
-                    this.getMesg()
-                }).catch((err) => {})
-            }
-            this.isAdd = false;
-            row.isShow = true;
+              this.isAdd = false
+              row.isShow = true
+              this.getMesg()
+            }).catch((err) => { })
         }
+        this.isAdd = false;
+        row.isShow = true;
+      }
     },
-    dialogFormVisible(index, row) {
-        this.isAdd = false
-        row.isShow = true
-        // if (!row.id) {
-        //     this.tableData.splice(index, 1)
-        //     if(index == 0 && this.tableData.length > 1){
-        //       this.tableData.splice(0,1)
-        //     }else if(!this.tableData[index-1].isInput){
-        //       this.tableData.splice(index-1,1)
-        //     }
-        // } else {
-        //     row.isShow = true
-        // }
+    dialogFormVisible (index, row) {
+      this.isAdd = false
+      row.isShow = true
+      // if (!row.id) {
+      //     this.tableData.splice(index, 1)
+      //     if(index == 0 && this.tableData.length > 1){
+      //       this.tableData.splice(0,1)
+      //     }else if(!this.tableData[index-1].isInput){
+      //       this.tableData.splice(index-1,1)
+      //     }
+      // } else {
+      //     row.isShow = true
+      // }
     },
-    getHandleEdit(row) {
-        this.isAdd = true
-        row.isShow = false
+    getHandleEdit (row) {
+      this.isAdd = true
+      row.isShow = false
     },
-    getRuleDelete(index, row) {
-        if (!row.id) {
-            this.tableData.splice(index, 1)
-            index ? this.tableData.splice(index - 1, 1) : this.tableData.splice(0, 1)
-            index ? this.ruleList.splice(index - 1, 1) : this.ruleList.splice(index, 1)
-            this.isAdd = false
-            this.getMesg()
-        } else {
-            this.$confirm("此操作将永久删除该内容, 是否继续?", "提示", {
-                confirmButtonText: "确定",
-                cancelButtonText: "取消",
-                type: "warning",
-                center: true,
-            })
-            .then(() => {
-                this.$post(this.api.deleteRuleTrading + '?id=' + row.id)
-                .then((res) => {
-                    this.getMesg()
-                    this.tableData.splice(index, 1)
-                    this.isAdd = false
-                    this.$message({
-                        type: "success",
-                        message: "删除成功!"
-                    })
+    getRuleDelete (index, row) {
+      if (!row.id) {
+        this.tableData.splice(index, 1)
+        index ? this.tableData.splice(index - 1, 1) : this.tableData.splice(0, 1)
+        index ? this.ruleList.splice(index - 1, 1) : this.ruleList.splice(index, 1)
+        this.isAdd = false
+        this.getMesg()
+      } else {
+        this.$confirm("此操作将永久删除该内容, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+          center: true,
+        })
+          .then(() => {
+            this.$post(this.api.deleteRuleTrading + '?id=' + row.id)
+              .then((res) => {
+                this.getMesg()
+                this.tableData.splice(index, 1)
+                this.isAdd = false
+                this.$message({
+                  type: "success",
+                  message: "删除成功!"
                 })
-                .catch((err) => {})
-            })
-            .catch(() => {})
-        }
+              })
+              .catch((err) => { })
+          })
+          .catch(() => { })
+      }
     },
-    AddListRow() {
-        this.isAdd = true;
-        this.tableData.length && this.tableData.push({})
-        this.tableData.push({
-            isInput: true,
-            isShow: false,
-            type: "",
-            levelOne: "",
-            levelTwo: '',
-            levelThree: '',
-            levelFour: "",
-            subjectList: [],
-            operatorOne: 1,
-            optionList: [],
-            subjectName: '',
-            symbolInput1: '',
-            symbolInput2: '',
-            symbolInput3: '',
-            symbolInput4: '',
-            numOfWords: true,
-            fieldOfReq: true,
-            symbol: '',
-            numDes: '',
-            reqDes: '',
-        })
-        this.$nextTick(() => {
-            this.scrollToTop();
-        });
+    AddListRow () {
+      this.isAdd = true;
+      this.tableData.length && this.tableData.push({})
+      this.tableData.push({
+        isInput: true,
+        isShow: false,
+        type: "",
+        levelOne: "",
+        levelTwo: '',
+        levelThree: '',
+        levelFour: "",
+        subjectList: [],
+        operatorOne: 1,
+        optionList: [],
+        subjectName: '',
+        symbolInput1: '',
+        symbolInput2: '',
+        symbolInput3: '',
+        symbolInput4: '',
+        numOfWords: true,
+        fieldOfReq: true,
+        symbol: '',
+        numDes: '',
+        reqDes: '',
+      })
+      this.$nextTick(() => {
+        this.scrollToTop();
+      });
     },
-    scrollToTop() {
-        const c = document.documentElement.scrollHeight || document.body.scrollHeight;
-        window.scrollTo(0, c);
+    scrollToTop () {
+      const c = document.documentElement.scrollHeight || document.body.scrollHeight;
+      window.scrollTo(0, c);
     },
   },
 };
@@ -737,6 +612,7 @@ export default {
 /deep/ .el-link.el-link--primary {
   padding-right: 10px;
 }
+
 /deep/ .btn {
   line-height: 0;
   height: 30px;
@@ -748,44 +624,52 @@ export default {
 }
 
 /deep/ .el-input__inner {
-  border: 1px solid #9278ff;
-  &[type=number]{
+  border: 1px solid #062c87;
+
+  &[type=number] {
     padding-right: 0;
   }
 }
+
 /deep/ .el-form-item {
   margin-top: 15px;
 }
+
 // 第二部分
 /deep/ .el-button--text {
-  color: #9278ff;
+  color: #062c87;
 }
+
 /deep/ .el-button--text:focus,
 .el-button--text:hover {
-  color: #9278ff;
+  color: #062c87;
 }
+
 .border {
   width: 50px;
   height: 50px;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   border-radius: 50%;
   margin: auto;
 }
+
 .p {
   font-size: 12px;
   font-weight: 600;
 }
+
 // 文本框
 /deep/ .el-textarea__inner {
   height: 145px;
   width: 650px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
 }
+
 /deep/ .el-textarea__inner:hover {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
 
 // 滚动条的宽度
@@ -793,25 +677,30 @@ export default {
   width: 6px; // 横向滚动条
   height: 6px; // 纵向滚动条 必写
 }
+
 // 滚动条的滑块
 /deep/ ::-webkit-scrollbar-thumb {
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 0 5px #dddddd;
 }
+
 /deep/ ::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   -webkit-box-shadow: inset 0 0 5px #dddddd;
   border-radius: 0;
   background: #dddddd;
 }
+
 /deep/ .el-row {
   padding: 0 20px;
   margin-bottom: 60px;
 }
+
 /deep/ .el-card__body {
   padding: 0;
 }
+
 /deep/ .el-card {
   border: none;
 }
@@ -820,13 +709,15 @@ export default {
   font-size: 14px;
   font-family: Microsoft YaHei;
   color: rgba(255, 255, 255, 1);
-  background-color: #9278ff;
+  background-color: #062c87;
 }
+
 .footer_b p {
   margin: 0;
   padding-left: 10px;
   font-size: 14px;
 }
+
 .footer_b {
   padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -842,47 +733,57 @@ export default {
   height: 200px;
   width: 800px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
 }
+
 #memo1 {
   height: 300px;
   width: 1700px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
   padding: 10px 20px;
 }
+
 /deep/ .el-input--suffix .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .footer_input p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 .footer_input {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs1 {
   padding-bottom: 50px;
   text-align: center;
 }
+
 .footer_inputs1 p {
   margin: 0 0 15px 0;
   font-size: 14px;
 }
+
 .footer_inputs p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 /deep/ .el-input {
   width: 30%;
 }
+
 .header {
   background-color: #ffffff;
   height: 45px;
@@ -891,15 +792,18 @@ export default {
   font-weight: 600;
   position: relative;
 }
+
 .header span {
   font-size: 14px;
   font-weight: 600;
   padding-left: 5px;
 }
+
 .header p {
   padding-left: 20px;
   margin: 0;
 }
+
 .footer_h {
   border-top: 1px dashed #cccccc;
   border-bottom: 1px dashed #cccccc;
@@ -907,55 +811,68 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 .flex {
   display: flex;
   justify-content: flex-start;
 }
+
 .footer {
   background-color: #ffffff;
 }
+
 .footer_h p {
   padding-left: 10px;
   font-size: 14px;
   margin: 0;
 }
+
 .black {
   width: 8px;
   height: 18px;
   background-color: #333;
   margin-top: 10px;
 }
+
 .content {
   position: relative;
   top: 10px;
 }
+
 .back {
   line-height: 3;
   padding-left: 10px;
 }
+
 .block {
   @include block;
   height: 230px;
   background-color: #fff;
+
   .line {
     display: flex;
     align-items: center;
     margin: 10px 0;
+
     .label {
       width: 100px;
       margin-right: 10px;
       text-align: right;
       font-size: 12px;
-      &.mini{
+
+      &.mini {
         width: auto;
       }
     }
+
     .action {
       flex: 1;
       text-align: left;
+
       /deep/.el-input {
         width: 100%;
       }
+
       &.steps {
         @include block;
         display: inline-flex;
@@ -963,33 +880,41 @@ export default {
         height: 150px;
         font-size: 12px;
         overflow: auto;
+
         .radio-wrap {
           display: flex;
           flex-direction: column;
+
           .child {
             display: flex;
             flex-direction: column;
             margin-left: 15px;
           }
+
           /deep/.el-radio {
             margin: 3px 0;
           }
         }
       }
+
       .inputs {
         display: flex;
         align-items: center;
+
         /deep/.el-input {
           width: 100px;
           margin: 0 5px;
+
           &:first-child {
             margin-left: 0;
           }
         }
       }
+
       &.a-line {
         display: inline-flex;
       }
+
       .mini-textarea,
       /deep/.mini-textarea .el-textarea__inner {
         width: 100%;
diff --git a/src/views/ProgramOptions.vue b/src/views/ProgramOptions.vue
index 8846671..043aa54 100644
--- a/src/views/ProgramOptions.vue
+++ b/src/views/ProgramOptions.vue
@@ -2,16 +2,12 @@
   <!-- 编程类 -->
   <div class="content">
     <div class="header flex">
-      <i class="back el-icon-arrow-left"
-         @click="Back()"
-         style="cursor: pointer">
+      <i class="back el-icon-arrow-left" @click="Back()" style="cursor: pointer">
         <span>Back</span>
       </i>
 
       <p>判分点设置</p>
-      <el-button class="btn"
-                 type="primary"
-                 @click="Savejump('ruleForm')">保存</el-button>
+      <el-button class="btn" type="primary" @click="Savejump('ruleForm')">保存</el-button>
     </div>
     <div class="footer">
       <div>
@@ -20,49 +16,30 @@
           <p>基本信息</p>
         </div>
 
-        <el-form :model="ruleForm"
-                 :rules="rules"
-                 ref="ruleForm"
-                 label-width="150px">
-          <el-form-item label="请输入判分点名称"
-                        prop="judgmentPointsName">
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px">
+          <el-form-item label="请输入判分点名称" prop="judgmentPointsName">
             <el-input v-model="ruleForm.judgmentPointsName"></el-input>
           </el-form-item>
-          <el-form-item label="实验要求"
-                        prop="experimentalRequirements">
-            <quill :border="true"
-                   v-model="ruleForm.experimentalRequirements"
-                   :minHeight="150"
-                   :height="150" />
+          <el-form-item label="实验要求" prop="experimentalRequirements">
+            <quill :border="true" v-model="ruleForm.experimentalRequirements" :minHeight="150" :height="150" />
           </el-form-item>
         </el-form>
 
         <div class="flex footer_b">
           <div class="black"></div>
           <p>判分规则</p>
-          <el-button class="btn"
-                     type="primary"
-                     :disabled="isAdd"
-                     @click="AddListRow()">新增</el-button>
+          <el-button class="btn" type="primary" :disabled="isAdd" @click="AddListRow()">新增</el-button>
         </div>
       </div>
 
       <el-row>
         <el-col :span="24">
           <el-card shadow="hover">
-            <el-table :data="tableData"
-                      :stripe="true"
-                      :cell-style="rowClass"
-                      :header-cell-style="headClass"
-                      header-align="center"
-                      ref="editTable">
-              <el-table-column prop="decisionPointRule"
-                               type="index"
-                               label="序号"
-                               align="center"
-                               width="80"></el-table-column>
-              <el-table-column label="流程判分正确答案"
-                               align="center">
+            <el-table :data="tableData" :stripe="true" :cell-style="rowClass" :header-cell-style="headClass"
+              header-align="center" ref="editTable">
+              <el-table-column prop="decisionPointRule" type="index" label="序号" align="center"
+                width="80"></el-table-column>
+              <el-table-column label="流程判分正确答案" align="center">
                 <template slot-scope="scope">
                   <template v-if="scope.row.isInput">
                     <p class="p">
@@ -72,14 +49,10 @@
                       <div class="line">
                         <span class="label">一级栏目</span>
                         <div class="action">
-                          <el-select v-model="scope.row.levelOne"
-                                     placeholder="请选择"
-                                     size="mini"
-                                     @change="getSubject(scope.row)">
-                            <el-option v-for="(item, index) in stepList"
-                                       :key="index"
-                                       :label="item.stepName"
-                                       :value="item.id"></el-option>
+                          <el-select v-model="scope.row.levelOne" placeholder="请选择" size="mini"
+                            @change="getSubject(scope.row)">
+                            <el-option v-for="(item, index) in stepList" :key="index" :label="item.stepName"
+                              :value="item.id"></el-option>
                           </el-select>
                         </div>
                       </div>
@@ -87,13 +60,10 @@
                         <span class="label">子级栏目</span>
                         <div class="action steps">
                           {{ scope.row.stepName }}
-                          <el-radio-group class="radio-wrap"
-                                          v-model="scope.row.levelTwo"
-                                          size="mini"
-                                          @change="getOption(scope.row)">
-                            <el-radio v-for="(item, index) in scope.row.subjectList"
-                                      :key="index"
-                                      :label="item.id">{{ item.kdSubjectName }}</el-radio>
+                          <el-radio-group class="radio-wrap" v-model="scope.row.levelTwo" size="mini"
+                            @change="getOption(scope.row)">
+                            <el-radio v-for="(item, index) in scope.row.subjectList" :key="index" :label="item.id">{{
+                              item.kdSubjectName }}</el-radio>
                             <!-- <div class="child">
                                         <el-radio :label="9">备选项</el-radio>
                                         <el-radio :label="10">备选项</el-radio>
@@ -105,25 +75,17 @@
                   </template>
                 </template>
               </el-table-column>
-              <el-table-column align="center"
-                               width="150">
+              <el-table-column align="center" width="150">
                 <template slot-scope="scope">
-                  <el-button v-if="scope.row.isInput"
-                             type="primary"
-                             :disabled="scope.row.isShow"
-                             style="cursor: pointer; border-radius: 50%"
-                             circle
-                             @click="getPerhaps(scope.row)">{{ scope.row.operatorOne == 1 ? "且" : "或" }}</el-button>
-                  <el-button v-else
-                             type="primary"
-                             :disabled="scope.row.isShow"
-                             style="cursor: pointer; border-radius: 50%"
-                             circle
-                             @click="getPerhapsColumn(scope.row)">{{ operatorTwo == 1 ? "且" : "或" }}</el-button>
+                  <el-button v-if="scope.row.isInput" type="primary" :disabled="scope.row.isShow"
+                    style="cursor: pointer; border-radius: 50%" circle @click="getPerhaps(scope.row)">{{
+                      scope.row.operatorOne == 1 ? "且" : "或" }}</el-button>
+                  <el-button v-else type="primary" :disabled="scope.row.isShow"
+                    style="cursor: pointer; border-radius: 50%" circle @click="getPerhapsColumn(scope.row)">{{
+                      operatorTwo == 1 ? "且" : "或" }}</el-button>
                 </template>
               </el-table-column>
-              <el-table-column label="交易结果正确答案"
-                               align="center">
+              <el-table-column label="交易结果正确答案" align="center">
                 <template slot-scope="scope">
                   <template v-if="scope.row.isInput">
                     <p class="p">
@@ -133,21 +95,15 @@
                       <template v-if="scope.row.levelTwo">
                         <template v-if="scope.row.type == 1 && scope.row.subjectName">
                           <div class="line">
-                            <span class="label"
-                                  style="width: auto;text-align: left">{{scope.row.subjectName}}</span>
+                            <span class="label" style="width: auto;text-align: left">{{ scope.row.subjectName }}</span>
                           </div>
                           <div class="line">
                             <span class="label mini">正确答案</span>
                             <div class="action">
-                              <el-select multiple
-                                         v-model="scope.row.levelFour"
-                                         placeholder="请选择"
-                                         size="mini"
-                                         style="width: 100%">
-                                <el-option v-for="(item, index) in scope.row.optionList"
-                                           :key="index"
-                                           :label="item.itemDescription"
-                                           :value="item.id"></el-option>
+                              <el-select multiple v-model="scope.row.levelFour" placeholder="请选择" size="mini"
+                                style="width: 100%">
+                                <el-option v-for="(item, index) in scope.row.optionList" :key="index"
+                                  :label="item.itemDescription" :value="item.id"></el-option>
                               </el-select>
                             </div>
                           </div>
@@ -157,25 +113,15 @@
                             <span class="label">交易指标区间</span>
                             <div class="action">
                               <div class="inputs">
-                                <el-select v-model="scope.row.symbolInput1"
-                                           placeholder="请选择"
-                                           size="mini">
-                                  <el-option label="("
-                                             value="("></el-option>
-                                  <el-option label="["
-                                             value="["></el-option>
+                                <el-select v-model="scope.row.symbolInput1" placeholder="请选择" size="mini">
+                                  <el-option label="(" value="("></el-option>
+                                  <el-option label="[" value="["></el-option>
                                 </el-select>
-                                <el-input v-model="scope.row.symbolInput2"
-                                          size="mini"></el-input>
-                                <el-input v-model="scope.row.symbolInput3"
-                                          size="mini"></el-input>
-                                <el-select v-model="scope.row.symbolInput4"
-                                           placeholder="请选择"
-                                           size="mini">
-                                  <el-option label=")"
-                                             value=")"></el-option>
-                                  <el-option label="]"
-                                             value="]"></el-option>
+                                <el-input v-model="scope.row.symbolInput2" size="mini"></el-input>
+                                <el-input v-model="scope.row.symbolInput3" size="mini"></el-input>
+                                <el-select v-model="scope.row.symbolInput4" placeholder="请选择" size="mini">
+                                  <el-option label=")" value=")"></el-option>
+                                  <el-option label="]" value="]"></el-option>
                                 </el-select>
                               </div>
                             </div>
@@ -187,19 +133,12 @@
                               <el-checkbox v-model="scope.row.numOfWords">字数要求</el-checkbox>
                             </span>
                             <div class="action a-line">
-                              <el-select v-model="scope.row.symbol"
-                                         placeholder="请选择"
-                                         size="mini">
-                                <el-option v-for="(item, index) in symbolList"
-                                           :key="index"
-                                           :label="item.name"
-                                           :value="item.id"></el-option>
+                              <el-select v-model="scope.row.symbol" placeholder="请选择" size="mini">
+                                <el-option v-for="(item, index) in symbolList" :key="index" :label="item.name"
+                                  :value="item.id"></el-option>
                               </el-select>
-                              <el-input type="number"
-                                        min="0"
-                                        style="margin-left: 5px"
-                                        size="mini"
-                                        v-model="scope.row.numDes"></el-input>
+                              <el-input type="number" min="0" style="margin-left: 5px" size="mini"
+                                v-model="scope.row.numDes"></el-input>
                             </div>
                           </div>
                           <div class="line">
@@ -207,11 +146,8 @@
                               <el-checkbox v-model="scope.row.fieldOfReq">字段要求</el-checkbox>
                             </span>
                             <div class="action">
-                              <el-input class="mini-textarea"
-                                        type="textarea"
-                                        cols="3"
-                                        size="mini"
-                                        v-model="scope.row.levelFour"></el-input>
+                              <el-input class="mini-textarea" type="textarea" cols="3" size="mini"
+                                v-model="scope.row.levelFour"></el-input>
                             </div>
                           </div>
                         </template>
@@ -219,13 +155,9 @@
                           <div class="line">
                             <span class="label">选择指标</span>
                             <div class="action">
-                              <el-select v-model="scope.row.levelThree"
-                                         placeholder="请选择"
-                                         size="mini">
-                                <el-option v-for="(item, index) in scope.row.optionList"
-                                           :key="index"
-                                           :label="item.itemDescription"
-                                           :value="item.id"></el-option>
+                              <el-select v-model="scope.row.levelThree" placeholder="请选择" size="mini">
+                                <el-option v-for="(item, index) in scope.row.optionList" :key="index"
+                                  :label="item.itemDescription" :value="item.id"></el-option>
                               </el-select>
                             </div>
                           </div>
@@ -233,27 +165,15 @@
                             <span class="label">交易指标区间</span>
                             <div class="action">
                               <div class="inputs">
-                                <el-select v-model="scope.row.symbolInput1"
-                                           placeholder="请选择"
-                                           size="mini">
-                                  <el-option label="("
-                                             value="("></el-option>
-                                  <el-option label="["
-                                             value="["></el-option>
+                                <el-select v-model="scope.row.symbolInput1" placeholder="请选择" size="mini">
+                                  <el-option label="(" value="("></el-option>
+                                  <el-option label="[" value="["></el-option>
                                 </el-select>
-                                <el-input type="number"
-                                          v-model="scope.row.symbolInput2"
-                                          size="mini"></el-input>
-                                <el-input type="number"
-                                          v-model="scope.row.symbolInput3"
-                                          size="mini"></el-input>
-                                <el-select v-model="scope.row.symbolInput4"
-                                           placeholder="请选择"
-                                           size="mini">
-                                  <el-option label=")"
-                                             value=")"></el-option>
-                                  <el-option label="]"
-                                             value="]"></el-option>
+                                <el-input type="number" v-model="scope.row.symbolInput2" size="mini"></el-input>
+                                <el-input type="number" v-model="scope.row.symbolInput3" size="mini"></el-input>
+                                <el-select v-model="scope.row.symbolInput4" placeholder="请选择" size="mini">
+                                  <el-option label=")" value=")"></el-option>
+                                  <el-option label="]" value="]"></el-option>
                                 </el-select>
                               </div>
                             </div>
@@ -264,31 +184,17 @@
                   </template>
                 </template>
               </el-table-column>
-              <el-table-column label="操作"
-                               align="center"
-                               width="300">
+              <el-table-column label="操作" align="center" width="300">
                 <template slot-scope="scope">
                   <template v-if="scope.row.isInput">
-                    <el-link size="mini"
-                             type="primary"
-                             :underline="false"
-                             v-show="scope.row.isShow"
-                             @click="getHandleEdit(scope.row)">编辑</el-link>
-                    <el-link type="primary"
-                             size="mini"
-                             :underline="false"
-                             v-show="!scope.row.isShow"
-                             @click="getRule(scope.row)">保存</el-link>
-                    <el-link size="mini"
-                             type="primary"
-                             :underline="false"
-                             v-show="!scope.row.isShow && !scope.row.id"
-                             @click="dialogFormVisible(scope.$index, scope.row)">取消</el-link>
-                    <el-link size="mini"
-                             type="primary"
-                             :underline="false"
-                             v-show="!scope.row.isShow"
-                             @click="getRuleDelete(scope.$index, scope.row)">删除</el-link>
+                    <el-link size="mini" type="primary" :underline="false" v-show="scope.row.isShow"
+                      @click="getHandleEdit(scope.row)">编辑</el-link>
+                    <el-link type="primary" size="mini" :underline="false" v-show="!scope.row.isShow"
+                      @click="getRule(scope.row)">保存</el-link>
+                    <el-link size="mini" type="primary" :underline="false" v-show="!scope.row.isShow && !scope.row.id"
+                      @click="dialogFormVisible(scope.$index, scope.row)">取消</el-link>
+                    <el-link size="mini" type="primary" :underline="false" v-show="!scope.row.isShow"
+                      @click="getRuleDelete(scope.$index, scope.row)">删除</el-link>
                   </template>
                 </template>
               </el-table-column>
@@ -721,6 +627,7 @@ export default {
 /deep/ .el-link.el-link--primary {
   padding-right: 10px;
 }
+
 /deep/ .btn {
   line-height: 0;
   height: 30px;
@@ -732,44 +639,52 @@ export default {
 }
 
 /deep/ .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
+
   &[type='number'] {
     padding-right: 0;
   }
 }
+
 /deep/ .el-form-item {
   margin-top: 15px;
 }
+
 // 第二部分
 /deep/ .el-button--text {
-  color: #9278ff;
+  color: #062c87;
 }
+
 /deep/ .el-button--text:focus,
 .el-button--text:hover {
-  color: #9278ff;
+  color: #062c87;
 }
+
 .border {
   width: 50px;
   height: 50px;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   border-radius: 50%;
   margin: auto;
 }
+
 .p {
   font-size: 12px;
   font-weight: 600;
 }
+
 // 文本框
 /deep/ .el-textarea__inner {
   height: 145px;
   width: 650px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
 }
+
 /deep/ .el-textarea__inner:hover {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
 
 // 滚动条的宽度
@@ -777,25 +692,30 @@ export default {
   width: 6px; // 横向滚动条
   height: 6px; // 纵向滚动条 必写
 }
+
 // 滚动条的滑块
 /deep/ ::-webkit-scrollbar-thumb {
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 0 5px #dddddd;
 }
+
 /deep/ ::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   -webkit-box-shadow: inset 0 0 5px #dddddd;
   border-radius: 0;
   background: #dddddd;
 }
+
 /deep/ .el-row {
   padding: 0 20px;
   margin-bottom: 60px;
 }
+
 /deep/ .el-card__body {
   padding: 0;
 }
+
 /deep/ .el-card {
   border: none;
 }
@@ -804,13 +724,15 @@ export default {
   font-size: 14px;
   font-family: Microsoft YaHei;
   color: rgba(255, 255, 255, 1);
-  background-color: #9278ff;
+  background-color: #062c87;
 }
+
 .footer_b p {
   margin: 0;
   padding-left: 10px;
   font-size: 14px;
 }
+
 .footer_b {
   padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -826,47 +748,57 @@ export default {
   height: 200px;
   width: 800px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
 }
+
 #memo1 {
   height: 300px;
   width: 1700px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
   padding: 10px 20px;
 }
+
 /deep/ .el-input--suffix .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .footer_input p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 .footer_input {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs1 {
   padding-bottom: 50px;
   text-align: center;
 }
+
 .footer_inputs1 p {
   margin: 0 0 15px 0;
   font-size: 14px;
 }
+
 .footer_inputs p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 /deep/ .el-input {
   width: 30%;
 }
+
 .header {
   background-color: #ffffff;
   height: 45px;
@@ -875,15 +807,18 @@ export default {
   font-weight: 600;
   position: relative;
 }
+
 .header span {
   font-size: 14px;
   font-weight: 600;
   padding-left: 5px;
 }
+
 .header p {
   padding-left: 20px;
   margin: 0;
 }
+
 .footer_h {
   border-top: 1px dashed #cccccc;
   border-bottom: 1px dashed #cccccc;
@@ -891,55 +826,68 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 .flex {
   display: flex;
   justify-content: flex-start;
 }
+
 .footer {
   background-color: #ffffff;
 }
+
 .footer_h p {
   padding-left: 10px;
   font-size: 14px;
   margin: 0;
 }
+
 .black {
   width: 8px;
   height: 18px;
   background-color: #333;
   margin-top: 10px;
 }
+
 .content {
   position: relative;
   top: 10px;
 }
+
 .back {
   line-height: 3;
   padding-left: 10px;
 }
+
 .block {
   @include block;
   height: 230px;
   background-color: #fff;
+
   .line {
     display: flex;
     align-items: center;
     margin: 10px 0;
+
     .label {
       width: 100px;
       margin-right: 10px;
       text-align: right;
       font-size: 12px;
+
       &.mini {
         width: auto;
       }
     }
+
     .action {
       flex: 1;
       text-align: left;
+
       /deep/.el-input {
         width: 100%;
       }
+
       &.steps {
         @include block;
         display: inline-flex;
@@ -947,33 +895,41 @@ export default {
         height: 150px;
         font-size: 12px;
         overflow: auto;
+
         .radio-wrap {
           display: flex;
           flex-direction: column;
+
           .child {
             display: flex;
             flex-direction: column;
             margin-left: 15px;
           }
+
           /deep/.el-radio {
             margin: 3px 0;
           }
         }
       }
+
       .inputs {
         display: flex;
         align-items: center;
+
         /deep/.el-input {
           width: 100px;
           margin: 0 5px;
+
           &:first-child {
             margin-left: 0;
           }
         }
       }
+
       &.a-line {
         display: inline-flex;
       }
+
       .mini-textarea,
       /deep/.mini-textarea .el-textarea__inner {
         width: 100%;
diff --git a/src/views/Tool.vue b/src/views/Tool.vue
index 964b6a1..bfdaf8c 100644
--- a/src/views/Tool.vue
+++ b/src/views/Tool.vue
@@ -36,26 +36,17 @@
       <el-row>
         <el-col :span="24">
           <el-card shadow="hover">
-            <el-table
-              :data="tableData"
-              :stripe="true"
-              :cell-style="rowClass"
-              :header-cell-style="headClass"
-              :row-class-name="tableRowClassName"
-            >
-              <el-table-column label="流程判分正确答案" >
+            <el-table :data="tableData" :stripe="true" :cell-style="rowClass" :header-cell-style="headClass"
+              :row-class-name="tableRowClassName">
+              <el-table-column label="流程判分正确答案">
                 <template slot-scope="scope">
                   <p class="p">操作一致性规则：用户完成的功能操作与下方设置的操作点一致</p>
                   <div class="box">
                     <div class="flex box_p">
                       <p>一级栏目</p>
                       <el-select v-model="value1" clearable placeholder="数据采集">
-                        <el-option
-                          v-for="item in options1"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                        ></el-option>
+                        <el-option v-for="item in options1" :key="item.value" :label="item.label"
+                          :value="item.value"></el-option>
                       </el-select>
                       <!-- `checked` 为 true 或 false -->
                       <el-checkbox v-model="checked1">是否判分</el-checkbox>
@@ -63,12 +54,8 @@
                     <div class="flex box_p">
                       <p>二级栏目</p>
                       <el-select v-model="value2" clearable placeholder="新建任务">
-                        <el-option
-                          v-for="item in options2"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                        ></el-option>
+                        <el-option v-for="item in options2" :key="item.value" :label="item.label"
+                          :value="item.value"></el-option>
                       </el-select>
                       <!-- `checked` 为 true 或 false -->
                       <el-checkbox v-model="checked2">是否判分</el-checkbox>
@@ -76,12 +63,8 @@
                     <div class="flex box_p">
                       <p>三级选项</p>
                       <el-select v-model="value3" clearable placeholder="选择'京东电商数据'爬虫">
-                        <el-option
-                          v-for="item in options3"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                        ></el-option>
+                        <el-option v-for="item in options3" :key="item.value" :label="item.label"
+                          :value="item.value"></el-option>
                       </el-select>
                       <!-- `checked` 为 true 或 false -->
                       <el-checkbox v-model="checked3">是否判分</el-checkbox>
@@ -89,12 +72,8 @@
                     <div class="flex box_p">
                       <p>操作按钮</p>
                       <el-select v-model="value4" clearable placeholder="启动爬虫">
-                        <el-option
-                          v-for="item in options4"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                        ></el-option>
+                        <el-option v-for="item in options4" :key="item.value" :label="item.label"
+                          :value="item.value"></el-option>
                       </el-select>
                       <!-- `checked` 为 true 或 false -->
                       <el-checkbox v-model="checked4">是否判分</el-checkbox>
@@ -105,8 +84,8 @@
               <el-table-column label=" " width="150">
                 <template slot-scope="scope">
                   <div class="border">
-                    <p v-show="isQie" @click="getQie()">{{scope.row.qie}}</p>
-                    <p v-show="!isQie" @click="getHuo()">{{scope.row.huo}}</p>
+                    <p v-show="isQie" @click="getQie()">{{ scope.row.qie }}</p>
+                    <p v-show="!isQie" @click="getHuo()">{{ scope.row.huo }}</p>
                   </div>
                 </template>
               </el-table-column>
@@ -119,18 +98,9 @@
               <el-table-column label="操作" width="300">
                 <template slot-scope="scope">
                   <el-button size="mini" type="text" v-show="isShow" @click="handleEdit()">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="mini"
-                    v-show="!isShow"
-                    @click="addTab(scope.$index, scope.row)"
-                  >保存</el-button>
-                  <el-button
-                    size="mini"
-                    type="text"
-                    v-show="!isShow"
-                    @click="dialogFormVisible()"
-                  >取消</el-button>
+                  <el-button type="text" size="mini" v-show="!isShow"
+                    @click="addTab(scope.$index, scope.row)">保存</el-button>
+                  <el-button size="mini" type="text" v-show="!isShow" @click="dialogFormVisible()">取消</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -143,7 +113,7 @@
 
 <script>
 export default {
-  data() {
+  data () {
     return {
       input: "",
       textarea: "",
@@ -191,22 +161,22 @@ export default {
   },
 
   methods: {
-    Savejump() {
+    Savejump () {
       this.$router.push({ path: "/" });
     },
-    Back() {
+    Back () {
       this.$router.push({ path: "/" });
     },
-    getQie() {
+    getQie () {
       this.isQie = false;
     },
-    getHuo() {
+    getHuo () {
       this.isQie = true;
     },
-    handleEdit() {
+    handleEdit () {
       this.isShow = false;
     },
-    addTab(tabName, targetName) {
+    addTab (tabName, targetName) {
       let newTabName = ++this.tabIndex + "";
       this.editableTabs.push({
         title: tabName,
@@ -216,15 +186,15 @@ export default {
       this.editableTabsValue = newTabName;
       this.dialogFormVisible = false;
     },
-    dialogFormVisible() {
+    dialogFormVisible () {
       this.isShow = true;
     },
     // 表头样式设置
-    headClass() {
+    headClass () {
       return "text-align: center;";
     },
     // 表格样式设置
-    rowClass() {
+    rowClass () {
       return "text-align: center;";
     }
   }
@@ -236,10 +206,11 @@ export default {
 .border {
   width: 50px;
   height: 50px;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   border-radius: 50%;
   margin: auto;
 }
+
 // 是否判分
 .box /deep/ .el-checkbox:last-of-type {
   margin: 15px 0 0 15px;
@@ -247,30 +218,37 @@ export default {
 
 // 表格盒子
 .box {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   width: 500px;
   margin: 0 auto;
 }
+
 .box /deep/ .el-input {
   width: 190px;
 }
+
 .box /deep/ .el-input--suffix .el-input__inner {
   height: 25px;
   padding-right: 0;
 }
+
 .box /deep/ .el-input--suffix .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .box /deep/ .el-input--suffix .el-input__inner:focus,
 .el-input--suffix .el-input__inner:hover {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 /deep/ .el-table .cell {
   line-height: 1;
 }
+
 .box_p {
   padding-left: 20px;
 }
+
 .box_p p {
   padding-right: 20px;
 }
@@ -281,7 +259,7 @@ export default {
   height: 165px;
   width: 500px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   margin: 0 auto;
   // border-radius: 5px;
@@ -292,23 +270,27 @@ export default {
   font-size: 10px;
   font-weight: 600;
 }
+
 /deep/ .el-select {
   padding-top: 10px;
 }
+
 /deep/ .el-table td,
 .el-table th {
   padding-top: 0;
 }
+
 .box /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
   line-height: 1;
   padding-left: 0;
 }
+
 /deep/ .el-select__caret:before {
   content: "\e78f";
   font-size: 8px;
   padding: 1px;
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 50%;
   color: #ffffff;
 }
@@ -318,32 +300,38 @@ export default {
   width: 6px; // 横向滚动条
   height: 6px; // 纵向滚动条 必写
 }
+
 // 滚动条的滑块
 /deep/ ::-webkit-scrollbar-thumb {
-  background-color: #9278ff;
+  background-color: #062c87;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 0 5px #dddddd;
 }
+
 /deep/ ::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   -webkit-box-shadow: inset 0 0 5px #dddddd;
   border-radius: 0;
   background: #dddddd;
 }
+
 /deep/ .el-row {
   padding: 0 20px;
 }
+
 /deep/ .el-card__body {
   padding: 0;
 }
+
 /deep/ .el-card {
   border: none;
 }
+
 /deep/ .el-table th {
   font-size: 14px;
   font-family: Microsoft YaHei;
   color: rgba(255, 255, 255, 1);
-  background-color: #9278ff;
+  background-color: #062c87;
 }
 
 .footer_b p {
@@ -352,6 +340,7 @@ export default {
   padding-left: 10px;
   font-size: 12px;
 }
+
 .footer_b {
   padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -359,55 +348,66 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 // 第一部分
 #memo {
   margin-left: 10px;
   height: 200px;
   width: 800px;
   resize: none;
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
   font-size: 12px;
   border-radius: 5px;
 }
+
 /deep/ .el-input--suffix .el-input__inner {
-  border: 1px solid #9278ff;
+  border: 1px solid #062c87;
 }
+
 .footer_input p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 .footer_input {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs {
   padding: 30px 0 20px 80px;
 }
+
 .footer_inputs p {
   font-size: 12px;
   padding-right: 20px;
 }
+
 /deep/ .el-input {
   width: 30%;
 }
+
 .button {
   height: 30px;
   width: 80px;
   margin-top: 7px;
   border: none;
-  background-color: #9278ff;
+  background-color: #062c87;
   color: #ffffff;
   border-radius: 20px;
   position: absolute;
   right: 30px;
 }
+
 .button:focus {
   outline: 0;
 }
+
 /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
   line-height: 3;
   padding-left: 10px;
 }
+
 .header {
   background-color: #ffffff;
   height: 45px;
@@ -416,15 +416,18 @@ export default {
   font-weight: 600;
   position: relative;
 }
-.header span  {
+
+.header span {
   font-size: 16px;
   font-weight: 600;
   padding-left: 5px;
 }
+
 .header p {
   padding-left: 20px;
   margin: 0;
 }
+
 .footer_h {
   // padding: 10px 0;
   border-top: 1px dashed #cccccc;
@@ -433,24 +436,29 @@ export default {
   height: 45px;
   line-height: 45px;
 }
+
 .flex {
   display: flex;
   justify-content: flex-start;
 }
+
 .footer {
   background-color: #ffffff;
 }
+
 .footer_h p {
   padding-left: 10px;
   font-size: 12px;
   margin: 0;
 }
+
 .black {
   width: 8px;
   height: 18px;
   background-color: #333;
   margin-top: 10px;
 }
+
 .content {
   background-color: #fff;
   position: relative;
diff --git a/src/views/Transaction.vue b/src/views/Transaction.vue
index 2fc3c5c..a63d943 100644
--- a/src/views/Transaction.vue
+++ b/src/views/Transaction.vue
@@ -290,8 +290,7 @@
                            type="text"
                            @click="handleCancel(scope.row, scope.$index)">取消
                 </el-button> -->
-              <el-button v-show="scope.row.isDisabled" size="mini" type="text"
-                @click="handleDelete(scope.row, scope.$index)">删除
+              <el-button size="mini" type="text" @click="handleDelete(scope.row, scope.$index)">删除
               </el-button>
             </template>
           </el-table-column>