From 6f41eba53eba66dfb946c17b2d6ac0f22a42cf89 Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Tue, 31 May 2022 17:27:45 +0800
Subject: [PATCH] =?UTF-8?q?=E8=91=97=E5=BD=95=E7=95=8C=E9=9D=A2=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss                  |   5 +-
 src/assets/styles/yxk-admin.scss              |  24 +-
 .../category/descriptionPreview/data.json     | 108 ++++----
 .../descriptionPreview/dictionarylist.json    | 242 ++++++++++++++++++
 .../category/descriptionPreview/form.json     |  42 +--
 .../category/descriptionPreview/index.vue     |  54 +++-
 .../descriptionPreview/module/PreviewForm.vue |  48 ++--
 .../descriptionPreview/module/SettingForm.vue | 210 +++++++++++++--
 src/views/login.vue                           |   1 +
 9 files changed, 595 insertions(+), 139 deletions(-)
 create mode 100644 src/views/category/descriptionPreview/dictionarylist.json

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 7469f0d..b44b048 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -241,9 +241,10 @@ ul{
         width: 30px !important;
       }
       .input-num {
-        .el-form-item__content .el-input{
+        .el-form-item__content .el-input,
+        .el-input-number{
           width: 100% !important;
-          margin-right: 6px;
+          // margin-right: 6px;
         }
         .el-input__inner{
           padding: 0;
diff --git a/src/assets/styles/yxk-admin.scss b/src/assets/styles/yxk-admin.scss
index 755dd40..8fae4e8 100644
--- a/src/assets/styles/yxk-admin.scss
+++ b/src/assets/styles/yxk-admin.scss
@@ -759,6 +759,9 @@
       color: $desPreviewColor !important;
     }
   }
+  .el-input.is-disabled .el-input__inner{
+    color: $desPreviewColor;
+  }
   .el-input__icon{
     color: $desPreviewColor !important;
   }
@@ -791,15 +794,34 @@
       display: flex;
       justify-content: flex-start;
       margin-left: 0 !important;
-      .el-input{
+      .el-input,
+      .el-input-number--small{
         width: 60px;
       }
+      .el-input-number.is-controls-right {
+        .el-input-number__decrease,
+        .el-input-number__increase{
+          display: none;
+        }
+        .el-input__inner{
+          padding-left: 0;
+          padding-right: 0;
+        }
+      }
     }
     span{
       color: $desPreviewColor;
       line-height: 36px;
     }
   }
+  // 去除element ui 中el-input type=“number“的上下箭头
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none !important;
+  }
+  input[type='number'] {
+    -moz-appearance: textfield !important;
+  }
 }
 
 
diff --git a/src/views/category/descriptionPreview/data.json b/src/views/category/descriptionPreview/data.json
index 339bb75..d22e04f 100644
--- a/src/views/category/descriptionPreview/data.json
+++ b/src/views/category/descriptionPreview/data.json
@@ -27,9 +27,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 4,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-combobox",
+	"isInputClass": "popover",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
@@ -74,9 +74,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 12,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-datebox",
+	"isInputClass": "date",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -121,9 +121,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-numberbox",
+	"isInputClass": "number",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
@@ -168,9 +168,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 13,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -207,7 +207,7 @@
 	"isOperate": null,
 	"isSearch": null,
 	"isCategoryId": "f88a8b3960ac476b8d94e63961bbeabe",
-	"createTime": 1502689065000,
+	"createTime": 1502689051000,
 	"isOrder": 0,
 	"isOrderSeq": 0,
 	"isOrderType": "asc",
@@ -217,7 +217,7 @@
 	"isDisplayAlign": "center",
 	"isInputClass": "popmodality",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
@@ -262,9 +262,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 10,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-numberbox",
+	"isInputClass": "number",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -309,9 +309,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-combobox",
+	"isInputClass": "popover",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -356,9 +356,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
@@ -403,9 +403,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 15,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 1,
-	"isInputLength": 650,
+	"isInputLength": 510,
 	"isFullrow": 1,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -450,9 +450,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 2,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -497,9 +497,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 7,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -544,9 +544,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-numberbox",
+	"isInputClass": "number",
 	"isInput": 0,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -591,9 +591,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-numberbox",
+	"isInputClass": "number",
 	"isInput": 0,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -638,9 +638,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 11,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
@@ -685,9 +685,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 0,
-	"isInputLength": 265,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -732,9 +732,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 1,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-combobox",
+	"isInputClass": "popover",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 1,
 	"isInherit": 1,
@@ -779,9 +779,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 6,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-numberbox",
+	"isInputClass": "number",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -826,9 +826,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 9,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-datebox",
+	"isInputClass": "date",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -875,7 +875,7 @@
 	"isDisplayAlign": "left",
 	"isInputClass": "textarea",
 	"isInput": 1,
-	"isInputLength": 650,
+	"isInputLength": 510,
 	"isFullrow": 1,
 	"isRequired": 1,
 	"isInherit": 0,
@@ -912,7 +912,7 @@
 	"isOperate": null,
 	"isSearch": null,
 	"isCategoryId": "f88a8b3960ac476b8d94e63961bbeabe",
-	"createTime": 1502689065000,
+	"createTime": 1502689051000,
 	"isOrder": 0,
 	"isOrderSeq": 0,
 	"isOrderType": "asc",
@@ -920,9 +920,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-numberbox",
+	"isInputClass": "number",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -967,9 +967,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 0,
-	"isInputLength": 265,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -1014,9 +1014,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 14,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-combobox",
+	"isInputClass": "popover",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
@@ -1061,9 +1061,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 0,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 0,
@@ -1108,9 +1108,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 3,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-numberbox",
+	"isInputClass": "number",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
@@ -1155,9 +1155,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
@@ -1202,9 +1202,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 5,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-combobox",
+	"isInputClass": "popover",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
@@ -1249,9 +1249,9 @@
 	"isDisplayWidth": null,
 	"isDisplayOrder": 0,
 	"isDisplayAlign": "center",
-	"isInputClass": "easyui-textbox",
+	"isInputClass": "text",
 	"isInput": 1,
-	"isInputLength": 245,
+	"isInputLength": 200,
 	"isFullrow": 0,
 	"isRequired": 0,
 	"isInherit": 1,
diff --git a/src/views/category/descriptionPreview/dictionarylist.json b/src/views/category/descriptionPreview/dictionarylist.json
new file mode 100644
index 0000000..1e07cdf
--- /dev/null
+++ b/src/views/category/descriptionPreview/dictionarylist.json
@@ -0,0 +1,242 @@
+[
+  {
+    "id": "0155503daeb74d1b9b5e955362c1549d",
+    "dicName": "开放状态（数码照片）",
+    "dicCode": "1",
+    "dicExplain": "1111",
+    "dicSequence": 1,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502808043000
+  },
+  {
+    "id": "08267a6b57904b25bddb217d8474b8a2",
+    "dicName": "实体分类号（基建档案）",
+    "dicCode": "JJ",
+    "dicExplain": "",
+    "dicSequence": 2,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1506405877000
+  },
+  {
+    "id": "34e8b82dda3a474392daea339de94088",
+    "dicName": "实体分类号（文书档案）",
+    "dicCode": "WS",
+    "dicExplain": "",
+    "dicSequence": 6,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1506404217000
+  },
+  {
+    "id": "548bd3451ab340e68bec3c38c9ec613c",
+    "dicName": "实体分类号（照片档案）",
+    "dicCode": "STFLH",
+    "dicExplain": "",
+    "dicSequence": 7,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1506576879000
+  },
+  {
+    "id": "6b7848261e284b7696678434d9493e25",
+    "dicName": "机构（问题）",
+    "dicCode": "JGWT",
+    "dicExplain": "",
+    "dicSequence": 10,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502701875000
+  },
+  {
+    "id": "6bff273d4b634388936076cf17f385fe",
+    "dicName": "载体类型",
+    "dicCode": "ZTLX",
+    "dicExplain": "",
+    "dicSequence": 11,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502716319000
+  },
+  {
+    "id": "7e37e1acfd144d8aa39cead27fdfdfb9",
+    "dicName": "实体分类号（科研档案）",
+    "dicCode": "KY",
+    "dicExplain": "",
+    "dicSequence": 12,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1506405843000
+  },
+  {
+    "id": "7ff29fcdfa0b4c4594554b7595b5b5a2",
+    "dicName": "照片格式（数码照片）",
+    "dicCode": "",
+    "dicExplain": "",
+    "dicSequence": 13,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502808697000
+  },
+  {
+    "id": "80a4b7e0b96e4cc8b91ccf40f04d1ef9",
+    "dicName": "民族",
+    "dicCode": "MZ",
+    "dicExplain": "",
+    "dicSequence": 14,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502716302000
+  },
+  {
+    "id": "83f43a7172174c9c8b72d28ffa4568c2",
+    "dicName": "文种",
+    "dicCode": "WZ",
+    "dicExplain": "",
+    "dicSequence": 15,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502716739000
+  },
+  {
+    "id": "89e4dd6697904e409834f3223c10e341",
+    "dicName": "体裁特征（档案编研）",
+    "dicCode": "TCTZ",
+    "dicExplain": "",
+    "dicSequence": 16,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1506252920000
+  },
+  {
+    "id": "ba88ae3ef4ff45968a64aa5579b2c365",
+    "dicName": "归档标识",
+    "dicCode": "ZJBS",
+    "dicExplain": "",
+    "dicSequence": 17,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502716666000
+  },
+  {
+    "id": "d02ffae28f0d4a9ca349c0f62935e7bc",
+    "dicName": "实物类型",
+    "dicCode": "SWLX",
+    "dicExplain": "",
+    "dicSequence": 18,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502716333000
+  },
+  {
+    "id": "f08bc3b382914081ad4c85d103617e90",
+    "dicName": "密级",
+    "dicCode": "MJ",
+    "dicExplain": "",
+    "dicSequence": 20,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502701884000
+  },
+  {
+    "id": "f646a296b4774d068ea4230c3fb46eb1",
+    "dicName": "全宗号",
+    "dicCode": "QZH",
+    "dicExplain": "",
+    "dicSequence": 21,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1506563573000
+  },
+  {
+    "id": "fc9f6f108dbf49058cd4c37478588296",
+    "dicName": "选题范围（档案编研）",
+    "dicCode": "XTFW",
+    "dicExplain": "",
+    "dicSequence": 22,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1506252853000
+  },
+  {
+    "id": "ffc7568110734450a0c919e11025a9f0",
+    "dicName": "照片类型",
+    "dicCode": "",
+    "dicExplain": "",
+    "dicSequence": 23,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1502802295000
+  },
+  {
+    "id": "72ef92154a3346cf815b217713787f99",
+    "dicName": "保管期限",
+    "dicCode": "BGQX",
+    "dicExplain": "",
+    "dicSequence": 24,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1518488145000
+  },
+  {
+    "id": "8788c42e706c41699dd5e47eddf4522d",
+    "dicName": "操作类型（档案保管）",
+    "dicCode": "CZLX",
+    "dicExplain": "用于库房管理",
+    "dicSequence": 25,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1520036877000
+  },
+  {
+    "id": "903355fdc98c4e409dfa19badacf7447",
+    "dicName": "实体分类号（实物档案）",
+    "dicCode": "STFL",
+    "dicExplain": "",
+    "dicSequence": 26,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1524754064000
+  },
+  {
+    "id": "92626488bab34b9bba7aad14cd8c44ab",
+    "dicName": "会计凭证（类别）",
+    "dicCode": "KJPZ",
+    "dicExplain": "",
+    "dicSequence": 27,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1524837185000
+  },
+  {
+    "id": "f46e7388709d406a93e811158201a9b4",
+    "dicName": "会计账簿（类别）",
+    "dicCode": "KJZB",
+    "dicExplain": "",
+    "dicSequence": 28,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1524839595000
+  },
+  {
+    "id": "21feabb625ba44a9b0cd11ce92468e64",
+    "dicName": "会计报告（类别）",
+    "dicCode": "KJBG",
+    "dicExplain": "",
+    "dicSequence": 29,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1524885086000
+  },
+  {
+    "id": "ba4b9d56ee234f1e9171418e4c0a7a54",
+    "dicName": "会计其他（类别）",
+    "dicCode": "KJQT",
+    "dicExplain": "",
+    "dicSequence": 30,
+    "dicType": 0,
+    "dicPid": "0",
+    "createTime": 1524891919000
+  }
+]
diff --git a/src/views/category/descriptionPreview/form.json b/src/views/category/descriptionPreview/form.json
index 1f46f3a..374a8e0 100644
--- a/src/views/category/descriptionPreview/form.json
+++ b/src/views/category/descriptionPreview/form.json
@@ -3,16 +3,16 @@
   "fieldName": "qzm",
   "fieldCnName": "全宗名",
   "isInputClass": "select",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
-  "isRequired": 0
+  "isRequired": 1
 },
 {
   "id": "2",
   "fieldName": "bmmc",
   "fieldCnName": "部门名称",
   "isInputClass": "select",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 1
 },
@@ -21,7 +21,7 @@
   "fieldName": "ddnd",
   "fieldCnName": "归档年度",
   "isInputClass": "popover",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 1
 },
@@ -30,7 +30,7 @@
   "fieldName": "wh",
   "fieldCnName": "文号",
   "isInputClass": "text",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 1
 },
@@ -39,7 +39,7 @@
   "fieldName": "jg",
   "fieldCnName": "机构(问题)",
   "isInputClass": "select",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -48,7 +48,7 @@
   "fieldName": "jh",
   "fieldCnName": "件号",
   "isInputClass": "number",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -57,7 +57,7 @@
   "fieldName": "date1",
   "fieldCnName": "成交日期",
   "isInputClass": "date",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -66,7 +66,7 @@
   "fieldName": "dh",
   "fieldCnName": "档号",
   "isInputClass": "text",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 1,
   "isRequired": 0
 },
@@ -75,7 +75,7 @@
   "fieldName": "th",
   "fieldCnName": "题号",
   "isInputClass": "textarea",
-  "isDisplayWidth": 510,
+  "isInputLength": 510,
   "isFullRow": 1,
   "isRequired": 0
 },
@@ -84,7 +84,7 @@
   "fieldName": "bgqx",
   "fieldCnName": "保管期限",
   "isInputClass": "select",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -93,7 +93,7 @@
   "fieldName": "zrz",
   "fieldCnName": "责任者",
   "isInputClass": "text",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -102,7 +102,7 @@
   "fieldName": "ys",
   "fieldCnName": "页数",
   "isInputClass": "number",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -111,7 +111,7 @@
   "fieldName": "fs",
   "fieldCnName": "份数",
   "isInputClass": "number",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -120,7 +120,7 @@
   "fieldName": "mj",
   "fieldCnName": "密级",
   "isInputClass": "select",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -129,7 +129,7 @@
   "fieldName": "gdbz",
   "fieldCnName": "归档标识",
   "isInputClass": "select",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -138,7 +138,7 @@
   "fieldName": "ljr",
   "fieldCnName": "立卷人",
   "isInputClass": "text",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -147,7 +147,7 @@
   "fieldName": "date2",
   "fieldCnName": "立卷时间",
   "isInputClass": "date",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -156,7 +156,7 @@
   "fieldName": "jcr",
   "fieldCnName": "检查人",
   "isInputClass": "text",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -165,7 +165,7 @@
   "fieldName": "date3",
   "fieldCnName": "检查时间",
   "isInputClass": "date",
-  "isDisplayWidth": 200,
+  "isInputLength": 200,
   "isFullRow": 0,
   "isRequired": 0
 },
@@ -174,7 +174,7 @@
   "fieldName": "bz",
   "fieldCnName": "备注",
   "isInputClass": "text",
-  "isDisplayWidth": 510,
+  "isInputLength": 510,
   "isFullRow": 1,
   "isRequired": 0
 }]
diff --git a/src/views/category/descriptionPreview/index.vue b/src/views/category/descriptionPreview/index.vue
index 1c47b88..a1e1b33 100644
--- a/src/views/category/descriptionPreview/index.vue
+++ b/src/views/category/descriptionPreview/index.vue
@@ -5,7 +5,7 @@
         <p>字段调整 显示字段</p>
       </div>
       <ul class="des-fields">
-        <li v-for="(item,index) in showFields" :key="index">
+        <li v-for="(item,index) in showFields" v-show="item.isInput==1" :key="index" :class="[ fieldsActive == index ?'fields-active':'']" @click="selectField(index)">
           <el-tooltip class="item" effect="dark" :content="item.fieldCnName" :enterable="false" placement="top">
             <p>{{ item.fieldCnName }}</p>
           </el-tooltip>
@@ -17,7 +17,7 @@
       <!-- 收起展开 -->
       <el-collapse-transition>
         <ul v-show="isCollaspeHiddenFields" class="des-fields">
-          <li v-for="(item,index) in showFields" v-show="index>13" :key="index">
+          <li v-for="(item,index) in showFields" v-show="item.isInput==0" :key="index" :class="[ fieldsActive ==index ?'fields-active':'']" @click="selectField(index)">
             <el-tooltip class="item" effect="dark" :content="item.fieldCnName" :enterable="false" placement="top">
               <p>{{ item.fieldCnName }}</p>
             </el-tooltip>
@@ -28,7 +28,7 @@
         <el-button type="primary" icon="el-icon-edit" @click="settingFormVisible = true">修改</el-button>
         <el-button class="des-set-sort" type="primary" icon="iconfont icon-paixu-fanbai" @click="previewFormVisible = true">排序</el-button>
       </div>
-      <SettingForm :is-disabled="true" />
+      <SettingForm :is-disabled="true" :this-fields="thisFields" />
     </div>
     <div class="des-preview-right">
       <div class="des-title">
@@ -38,13 +38,13 @@
     </div>
 
     <!-- 修改字段 -->
-    <el-dialog :visible="settingFormVisible" :before-close="handleClose" :close-on-click-modal="false" title="修改字段">
+    <el-dialog class="edit-form-dialog" :visible="settingFormVisible" :before-close="handleClose" :close-on-click-modal="false" title="修改字段">
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
-        <SettingForm :is-disabled="false" />
+        <SettingForm ref="editForm" :is-disabled="false" :this-fields="thisFields" />
         <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="settingFormVisible = false">保存</el-button>
+          <el-button type="primary" @click="editSubmit">保存</el-button>
         </div>
       </div>
     </el-dialog>
@@ -61,7 +61,6 @@
         </div>
       </div>
     </el-dialog>
-
   </div>
 </template>
 
@@ -74,20 +73,37 @@ export default {
   components: { PreviewForm, SettingForm },
   data() {
     return {
-      showFields: [],
-      isCollaspeHiddenFields: true,
-      settingFormVisible: false,
-      previewFormVisible: false
+      showFields: [], // 假数据
+      isCollaspeHiddenFields: true, // 隐藏字段收起展开
+      settingFormVisible: false, // 修改编辑字段 - dialog
+      previewFormVisible: false, // 界面预览form - dialog
+      fieldsActive: 0, // 当前字段index
+      thisFields: {} // 当前项字段内容
     }
   },
   mounted() {
     this.showFields = data
+    this.thisFields = this.showFields[this.fieldsActive]
   },
   methods: {
     handleClose(done) {
       this.settingFormVisible = false
       this.previewFormVisible = false
+      this.editResetForm()
       done()
+    },
+    // 当前选中的字段
+    selectField(index) {
+      this.hiddenFieldsActive = -1
+      this.fieldsActive = index
+      this.thisFields = this.showFields[this.fieldsActive]
+    },
+    // 修改字段"保存"提交
+    editSubmit() {
+      this.$refs.editForm.submitForm('form')
+    },
+    editResetForm() {
+      this.$refs.editForm.resetForm('form')
     }
   }
 }
@@ -169,7 +185,8 @@ export default {
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
       }
-      &:hover{
+      &:hover,
+      &.fields-active{
         color: #fff;
         background-color: #02255F;
       }
@@ -212,6 +229,19 @@ export default {
       }
     }
   }
+  .edit-form-dialog{
+    ::v-deep .el-dialog{
+      .el-col-9{
+        margin-top: 106px;
+      }
+      .el-input.is-disabled .el-input__inner{
+        color: #fff;
+      }
+      .el-input-number.is-controls-right {
+        margin-right: 10px;
+      }
+    }
+  }
   .preview-dialog{
     ::v-deep .el-dialog{
       width: 680px;
diff --git a/src/views/category/descriptionPreview/module/PreviewForm.vue b/src/views/category/descriptionPreview/module/PreviewForm.vue
index 2bbd997..ddb265c 100644
--- a/src/views/category/descriptionPreview/module/PreviewForm.vue
+++ b/src/views/category/descriptionPreview/module/PreviewForm.vue
@@ -1,18 +1,24 @@
 <template>
   <div class="preview-content des-form">
     <el-row :gutter="4">
-      <el-form ref="addOrUpdateForm" :model="addOrUpdateForm" label-width="100px">
+      <el-form ref="addOrUpdateForm" :model="addOrUpdateForm" :rules="rules" label-width="100px">
         <draggable v-bind="{draggable:'.dragg-item',animation:500}" :disabled="!isDisabled" @update="datadragEnd">
           <el-col v-for="(item,index) in formPreviewData" :key="index" class="dragg-item" :span="item.isFullRow ? 24 : 12">
             <el-form-item :label="item.fieldCnName" :prop="item.fieldName">
               <!-- select  -->
-              <el-select v-if="item.isInputClass === 'select'" v-model="addOrUpdateForm[item.fieldName]" placeholder="" :style="{ width: item.isDisplayWidth+'px'}" :disabled="isDisabled">
+              <el-select
+                v-if="item.isInputClass === 'select'"
+                v-model="addOrUpdateForm[item.fieldName]"
+                placeholder=""
+                :style="{ width: item.isInputLength+'px'}"
+                :disabled="isDisabled"
+              >
                 <el-option label="区域二" value="beijing" />
               </el-select>
               <!-- text  -->
-              <el-input v-if="item.isInputClass === 'text'" v-model="addOrUpdateForm[item.fieldName]" :style="{ width: item.isDisplayWidth+'px'}" :disabled="isDisabled" />
+              <el-input v-if="item.isInputClass === 'text'" v-model="addOrUpdateForm[item.fieldName]" :style="{ width: item.isInputLength+'px'}" :disabled="isDisabled" />
               <!-- number  -->
-              <el-input v-if="item.isInputClass === 'number'" v-model="addOrUpdateForm[item.fieldName]" type="number" :style="{ width: item.isDisplayWidth+'px'}" :disabled="isDisabled" />
+              <el-input v-if="item.isInputClass === 'number'" v-model="addOrUpdateForm[item.fieldName]" type="number" :style="{ width: item.isInputLength+'px'}" :disabled="isDisabled" />
               <!-- date  -->
               <el-date-picker
                 v-if="item.isInputClass === 'date'"
@@ -22,15 +28,15 @@
                 format="yyyy-MM-dd"
                 placeholder=""
                 :clearable="false"
-                :style="{ width: item.isDisplayWidth+'px'}"
+                :style="{ width: item.isInputLength+'px'}"
                 :disabled="isDisabled"
               />
               <!-- popover  -->
-              <el-input v-if="item.isInputClass === 'popover'" v-model="addOrUpdateForm[item.fieldName]" class="input-popover" :style="{ width: item.isDisplayWidth+'px'}" :disabled="isDisabled">
+              <el-input v-if="item.isInputClass === 'popover'" v-model="addOrUpdateForm[item.fieldName]" class="input-popover" :style="{ width: item.isInputLength+'px'}" :disabled="isDisabled">
                 <i slot="suffix" class="el-input__icon iconfont icon-weibiaoti-2" />
               </el-input>
               <!-- textarea  -->
-              <el-input v-if="item.isInputClass === 'textarea'" v-model="addOrUpdateForm[item.fieldName]" type="textarea" rows="3" :style="{ width: item.isDisplayWidth+'px'}" :disabled="isDisabled" />
+              <el-input v-if="item.isInputClass === 'textarea'" v-model="addOrUpdateForm[item.fieldName]" type="textarea" rows="3" :style="{ width: item.isInputLength+'px'}" :disabled="isDisabled" />
             </el-form-item>
           </el-col>
         </draggable>
@@ -54,8 +60,8 @@ export default {
   data() {
     return {
       formPreviewData: [],
-      rules: {},
-      addOrUpdateForm: {}
+      addOrUpdateForm: {},
+      rules: {}
     }
   },
   mounted() {
@@ -66,7 +72,7 @@ export default {
     editrow(row) {
       this.rules = {}
       this.formPreviewData.map(x => {
-        this.rules[x.prop] = [{ required: true, message: '请输入' + x.label, trigger: 'blur' }]
+        this.rules[x.fieldName] = [{ required: x.isRequired === 1, message: '请输入' + x.fieldCnName, trigger: 'blur' }]
       })
       this.addOrUpdateForm = Object.assign({}, row)
     },
@@ -79,6 +85,17 @@ export default {
       //           this.colors[evt.oldIndex])
       // console.log('获取拖拽改变数据索引后，被拖拽的元素 :' +
       //           this.colors[evt.newIndex])
+    },
+    submitForm(formName) {
+      console.log(this.addOrUpdateForm)
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          alert('submit!')
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
     }
   }
 }
@@ -121,15 +138,4 @@ export default {
     }
   }
 }
-// 去除element ui 中el-input type=“number“的上下箭头
-::v-deep input::-webkit-outer-spin-button,
-::v-deep input::-webkit-inner-spin-button {
-  -webkit-appearance: none !important;
-}
-::v-deep input[type='number'] {
-  -moz-appearance: textfield !important;
-}
-.dragg-item{
-  cursor: move;
-}
 </style>
diff --git a/src/views/category/descriptionPreview/module/SettingForm.vue b/src/views/category/descriptionPreview/module/SettingForm.vue
index fb67ba0..735d14a 100644
--- a/src/views/category/descriptionPreview/module/SettingForm.vue
+++ b/src/views/category/descriptionPreview/module/SettingForm.vue
@@ -1,67 +1,71 @@
 <template>
   <div class="des-form">
     <el-row :gutter="10">
-      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="75px">
+      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
         <el-col :span="15">
-          <el-form-item label="字段类型" prop="fieldCnName">
-            <el-select v-model="form.isDataType" placeholder="" :disabled="isDisabled">
-              <!-- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> -->
-              <el-option label="区域二" value="beijing" />
+          <el-form-item v-if="!isDisabled" label="中文名称" prop="fieldCnName">
+            <el-input v-model="form.fieldCnName" :disabled="isDisabled" />
+          </el-form-item>
+          <el-form-item v-if="!isDisabled" label="字段标识" prop="fieldName">
+            <el-input v-model="form.fieldName" disabled />
+          </el-form-item>
+          <el-form-item label="字段类型" prop="isDataType">
+            <el-select v-model="form.isDataType" placeholder="" disabled>
+              <el-option v-for="item in dataTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
-          <el-form-item label="字段长度" prop="fieldName">
-            <el-input v-model="form.fieldName" placeholder="" :disabled="isDisabled" />
+          <el-form-item label="字段长度" prop="isColumnLength">
+            <el-input v-model="form.isColumnLength" placeholder="" disabled />
           </el-form-item>
-          <el-form-item label="著录形式" prop="isDataType">
-            <el-select v-model="form.isDataType" placeholder="" :disabled="isDisabled">
-              <!-- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> -->
-              <el-option label="区域二" value="beijing" />
+          <el-form-item label="著录形式" prop="isInputClass">
+            <el-select v-model="form.isInputClass" placeholder="" :disabled="isDisabled" @change="selectInputClass">
+              <el-option v-for="item in inputClassOptions" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
-          <el-form-item label="对应字典" prop="isColumnLength">
-            <el-select v-model="form.isDataType" placeholder="" :disabled="isDisabled">
-              <!-- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> -->
-              <el-option label="区域二" value="beijing" />
+          <el-form-item label="对应字典" prop="isDefaultValueType">
+            <el-select v-model="form.isDefaultValueType" placeholder="" :disabled="isDisabled">
+              <el-option v-for="item in dictionaryData" :key="item.id" :label="item.dicName" :value="item.dicCode" />
             </el-select>
           </el-form-item>
-          <el-form-item label="显示长度" prop="isDefaultValue">
-            <el-input v-model="form.isDefaultValue" :disabled="isDisabled" />
+          <el-form-item label="显示长度" prop="isInputLength">
+            <el-input v-model="form.isInputLength" :disabled="isDisabled" />
           </el-form-item>
           <el-form-item label="默认值" prop="isDefaultValue">
             <el-input v-model="form.isDefaultValue" :disabled="isDisabled" />
           </el-form-item>
           <el-form-item class="checkbox-item">
             <span>自动补零</span>
-            <el-checkbox v-model="form.type" label="" name="type" :disabled="isDisabled" />
+            <el-checkbox v-model="form.isSupplement" label="" name="isSupplement" :disabled="isDisabled" @change="changeSupplement" />
           </el-form-item>
         </el-col>
         <el-col :span="9">
           <el-form-item class="checkbox-item">
             <span>显示一整行</span>
-            <el-checkbox v-model="form.type" label="" name="type" :disabled="isDisabled" />
+            <el-checkbox v-model="form.isFullrow" label="" name="isFullrow" :disabled="isDisabled" />
           </el-form-item>
           <el-form-item class="checkbox-item">
             <span>输入字段</span>
-            <el-checkbox v-model="form.type" label="" name="type" :disabled="isDisabled" />
+            <el-checkbox v-model="form.isInput" label="" name="isInput" :disabled="isDisabled" />
           </el-form-item>
           <el-form-item class="checkbox-item">
             <span>必填字段</span>
-            <el-checkbox v-model="form.type" label="" name="type" :disabled="isDisabled" />
+            <el-checkbox v-model="form.isRequired" label="" name="isRequired" :disabled="isDisabled" />
           </el-form-item>
           <el-form-item class="checkbox-item">
             <span>自动生成</span>
-            <el-checkbox v-model="form.type" label="" name="type" :disabled="isDisabled" />
+            <el-checkbox v-model="form.isAuto" label="" name="isAuto" :disabled="isDisabled" />
           </el-form-item>
           <el-form-item class="checkbox-item">
             <span>自动加一</span>
-            <el-checkbox v-model="form.type" label="" name="type" :disabled="isDisabled" />
+            <el-checkbox v-model="form.isIncrease" label="" name="isIncrease" :disabled="isDisabled || form.isInputClass!='number'" />
           </el-form-item>
           <el-form-item class="checkbox-item">
             <span>值不重复</span>
-            <el-checkbox v-model="form.type" label="" name="type" :disabled="isDisabled" />
+            <el-checkbox v-model="form.isNoRepetition" label="" name="isNoRepetition" :disabled="isDisabled" />
           </el-form-item>
-          <el-form-item class="input-num" label="位数" prop="num">
-            <el-input v-model="form.num" :disabled="isDisabled" />
+          <el-form-item class="input-num" label="位数" prop="isSupplementNum">
+            <!-- <el-input v-model="form.isSupplementNum" type="number" :min="1" :disabled="isDisabled || !form.isSupplement" /> -->
+            <el-input-number v-model="form.isSupplementNum" controls-position="right" :min="1" :disabled="isDisabled || !form.isSupplement" />
             <span>位</span>
           </el-form-item>
         </el-col>
@@ -71,6 +75,7 @@
 </template>
 
 <script>
+import dictionarylist from '../dictionarylist.json'
 export default {
   name: 'SettingForm',
   components: {},
@@ -78,17 +83,166 @@ export default {
     isDisabled: {
       type: Boolean,
       required: true
+    },
+    thisFields: {
+      type: Object,
+      required: true
     }
   },
   data() {
+    var checkMaxLength = (rule, value, callback) => {
+      if (value !== undefined && (!Number.isInteger(value) || value <= 0)) {
+        callback(new Error('请输入正整数数字值'))
+      } else {
+        if (this.form.isDataType === 1 && value > 2000) {
+          callback(new Error('字符最大长度不能超过2000位'))
+        } else if (this.form.isDataType === 2 && value > 11) {
+          callback(new Error('数字最大长度不能超过11位'))
+        } else {
+          callback()
+        }
+      }
+    }
+    var checkFieldName = (rule, value, callback) => {
+      const reg = /^[A-Za-z][A-Za-z_]+[a-zA-Z]*$/
+      if (reg.test(value)) {
+        callback()
+      } else {
+        callback(new Error('字段标识只能由字母、字符“_”组成，并且必须以字母开头和结尾'))
+      }
+    }
     return {
-      form: {},
-      rules: {}
+      form: {
+        // fieldCnName: '',
+        // fieldName: '',
+        // isDataType: '',
+        // isColumnLength: '',
+        // isInputClass: '',
+        // isDefaultValueType: '',
+        // isInputLength: '',
+        // isDefaultValue: '',
+        // isSupplement: '',
+        // isFullrow: '',
+        // isInput: '',
+        // isRequired: '',
+        // isAuto: '',
+        // isIncrease: '',
+        // isNoRepetition: '',
+        // isSupplementNum: ''
+      },
+      rules: {
+        fieldCnName: [
+          { required: true, message: '请输入中文名称', trigger: 'blur' }
+        ],
+        fieldName: [
+          { required: true, message: '请选择字段标识', trigger: 'blur' },
+          { validator: checkFieldName, trigger: 'blur' }
+        ],
+        isDataType: [
+          { required: true, message: '请选择数据类型', trigger: 'blur' }
+        ],
+        isColumnLength: [
+          { validator: checkMaxLength, trigger: 'blur' }
+        ]
+      },
+      // 字段类型
+      dataTypeOptions: [
+        { value: 1, label: '字符' },
+        { value: 2, label: '数字' }
+      ],
+      // 著录形式
+      inputClassOptions: [
+        { value: 'select', label: '下拉框' },
+        { value: 'popover', label: '弹出框' },
+        { value: 'text', label: '文本框' },
+        { value: 'number', label: '数字框' },
+        { value: 'date', label: '日期框' },
+        { value: 'textarea', label: '文本域' }
+      ],
+      // 对应字典
+      dictionaryData: []
+    }
+  },
+  watch: {
+    thisFields(value) {
+      this.form = value
+      this.getForm()
     }
   },
   mounted() {
+    // 假数据
+    this.dictionaryData = dictionarylist
+    this.$nextTick(() => {
+      // this.form = {
+      //   fieldCnName: this.thisFields.fieldCnName,
+      //   fieldName: this.thisFields.fieldName,
+      //   isDataType: this.thisFields.isDataType,
+      //   isColumnLength: this.thisFields.isColumnLength,
+      //   isInputClass: this.thisFields.isInputClass,
+      //   isDefaultValueType: this.thisFields.isDefaultValueType,
+      //   isInputLength: this.thisFields.isInputLength,
+      //   isDefaultValue: this.thisFields.isDefaultValue,
+      //   isSupplement: this.thisFields.isSupplement,
+      //   isFullrow: this.thisFields.isFullrow,
+      //   isInput: this.thisFields.isInput,
+      //   isRequired: this.thisFields.isRequired,
+      //   isAuto: this.thisFields.isAuto,
+      //   isIncrease: this.thisFields.isIncrease,
+      //   isNoRepetition: this.thisFields.isNoRepetition,
+      //   isSupplementNum: this.thisFields.isSupplementNum
+      // }
+      this.form = this.thisFields
+      this.getForm()
+    })
   },
   methods: {
+    getForm() {
+      this.form.isSupplement = !!this.form.isSupplement
+      this.form.isFullrow = !!this.form.isFullrow
+      this.form.isInput = !!this.form.isInput
+      this.form.isRequired = !!this.form.isRequired
+      this.changeSupplement()
+    },
+    // 著录形式为'下拉框'、'弹出框'的，对应字典不为空，反之为空；
+    selectInputClass(value) {
+      if (value === 'select' || value === 'popover') {
+        this.dictionaryData = dictionarylist
+      } else {
+        this.dictionaryData = []
+        this.form.isDefaultValueType = null
+      }
+
+      if (value !== 'number') {
+        this.form.isIncrease = false
+      }
+    },
+    // '自动补零' false - 补零位数清空
+    changeSupplement() {
+      if (!this.form.isSupplement) {
+        this.form.isSupplementNum = undefined
+      }
+    },
+    submitForm(formName) {
+      // 选择'自动补零'，位数必填
+      if (this.form.isSupplement) {
+        if (!this.form.isSupplementNum) {
+          this.$message.error('请填写位数！')
+          return
+        }
+      }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          alert('submit!')
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    resetForm(formName) {
+      // this.$refs[formName].resetFields()
+      // console.log(this.thisFields)
+    }
   }
 }
 </script>
diff --git a/src/views/login.vue b/src/views/login.vue
index c385e7b..5448222 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -232,6 +232,7 @@ export default {
   background-size: cover;
 }
 .title {
+  margin-bottom: 30px;
   font-size: 30px;
   font-weight: 400;
   text-align: center;