diff --git a/sample-form-client-ui/admin/src/App.vue b/sample-form-client-ui/admin/src/App.vue
index 68fdd7533c759d72fab8cb56e2deedd84f9ad59d..ad9a8f6621cb8ef43ccf926cd4fbbc48d614eeba 100644
--- a/sample-form-client-ui/admin/src/App.vue
+++ b/sample-form-client-ui/admin/src/App.vue
@@ -159,16 +159,17 @@ export default {
 }
 :root {
   // 标题颜色
-  --main-title-color: #fff;
+  --main-h1-color: #fff;
   /* 辅助颜色 */
+  --main-assist-color: #59d1fe;
   --main-assist-color1: #59d1fe;
   --main-assist-color2: #f77234;
   --main-assist-color3: #f53f3f;
   --main-assist-color4: #58c09e;
   /* 主题颜色 */
-  --main-theme-color1: #0857e8;
-  // 底部数据名称
-  --data-name-color: #666;
+  --main-theme-color: #0857e8;
+  // 底部数据标题名称
+  --main-sjbt-color: #666;
   // 渐变色(主色)
   --gradient-ramp-theme1: #0857e8;
   --gradient-ramp-theme2: #fd644f;
@@ -181,4 +182,7 @@ export default {
 .main-bg-img {
   background: url("./assets/img/bg(1).jpg") no-repeat;
 }
+.main-kstd-img {
+  background: url("./assets/img/btn_kuaisu.png") no-repeat;
+}
 </style>
diff --git a/sample-form-client-ui/admin/src/assets/css/common.css b/sample-form-client-ui/admin/src/assets/css/common.css
index 587a2613e222d7ee3c0be4f364a4a868ed4f6384..884ea5a28597f9d154236303c60c8ae5027307b9 100644
--- a/sample-form-client-ui/admin/src/assets/css/common.css
+++ b/sample-form-client-ui/admin/src/assets/css/common.css
@@ -1,319 +1,319 @@
 /* 颜色 */
 .primary {
-    color: #1890FF;
+  color: #1890ff;
 }
 
 .delete {
-    color: #FF4D4F;
+  color: #ff4d4f;
 }
 
 .green {
-    color: #1BBC9B;
+  color: #1bbc9b;
 }
 
 .clofff {
-    color: #fff;
+  color: #fff;
 }
 
 .orange {
-    color: orange;
+  color: orange;
 }
 
 .bgdel {
-    background-color: #FF4D4F;
+  background-color: #ff4d4f;
 }
 
 .bgpr {
-    background-color: #1890FF;
+  background-color: #1890ff;
 }
 
 .bgg {
-    background-color: #1BBC9B;
+  background-color: #1bbc9b;
 }
 
 /* 版心 */
 .container {
-    width: 1200px;
+  width: 1200px;
 }
 
 /* 弹性布局 */
 .flex {
-    display: flex;
+  display: flex;
 }
 
 .flex1 {
-    flex: 1
+  flex: 1;
 }
 
 .flexc {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .flexwrap {
-    flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 
 .jcc {
-    justify-content: center;
+  justify-content: center;
 }
 
 .jca {
-    justify-content: space-around;
+  justify-content: space-around;
 }
 
 .jcb {
-    justify-content: space-between;
+  justify-content: space-between;
 }
 
 .jce {
-    justify-content: space-evenly;
+  justify-content: space-evenly;
 }
 
 .aic {
-    align-items: center;
+  align-items: center;
 }
 
 .aca {
-    align-content: space-around;
+  align-content: space-around;
 }
 
 .acb {
-    align-content: space-between;
+  align-content: space-between;
 }
 
 .ace {
-    align-content: space-evenly;
+  align-content: space-evenly;
 }
 
 /* margin */
 .m10 {
-    margin: 10px
+  margin: 10px;
 }
 
 .m15 {
-    margin: 15px;
+  margin: 15px;
 }
 
 .m20 {
-    margin: 20px;
+  margin: 20px;
 }
 
 .mt10 {
-    margin-top: 10px;
+  margin-top: 10px;
 }
 
 .mt15 {
-    margin-top: 15px;
+  margin-top: 15px;
 }
 
 .mt20 {
-    margin-top: 20px;
+  margin-top: 20px;
 }
 .mt28 {
-    margin-top: 28px;
+  margin-top: 28px;
 }
 
 .mt50 {
-    margin-top: 50px;
+  margin-top: 50px;
 }
 .mt130 {
-    margin-top: 130px;
+  margin-top: 130px;
 }
 
 .ml10 {
-    margin-left: 10px;
+  margin-left: 10px;
 }
 
 .ml15 {
-    margin-left: 15px;
+  margin-left: 15px;
 }
 
 .ml20 {
-    margin-left: 20px;
+  margin-left: 20px;
 }
 
 .ml25 {
-    margin-left: 25px;
+  margin-left: 25px;
 }
 
 .mr10 {
-    margin-right: 10px;
+  margin-right: 10px;
 }
 
 .mr15 {
-    margin-right: 15px;
+  margin-right: 15px;
 }
 
 .mr20 {
-    margin-right: 20px;
+  margin-right: 20px;
 }
 
 .mr25 {
-    margin-right: 25px;
+  margin-right: 25px;
 }
 .mr30 {
-    margin-right: 30px;
+  margin-right: 30px;
 }
 
 .mr50 {
-    margin-right: 50px;
+  margin-right: 50px;
 }
 
 .mb10 {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .mb15 {
-    margin-bottom: 15px;
+  margin-bottom: 15px;
 }
 
 .mb20 {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 
 .mb25 {
-    margin-bottom: 25px;
+  margin-bottom: 25px;
 }
 .mb32 {
-    margin-bottom: 32px;
+  margin-bottom: 32px;
 }
 
 /* padding */
 .pd10 {
-    padding: 10px;
+  padding: 10px;
 }
 
 .pd15 {
-    padding: 15px;
+  padding: 15px;
 }
 
 .pd20 {
-    padding: 20px;
+  padding: 20px;
 }
 
 .pdt10 {
-    padding-top: 10px;
+  padding-top: 10px;
 }
 
 .pdt15 {
-    padding-top: 15px;
+  padding-top: 15px;
 }
 
 .pdt20 {
-    padding-top: 20px;
+  padding-top: 20px;
 }
 
 .pdt30 {
-    padding-top: 30px;
+  padding-top: 30px;
 }
 
 .pdl8 {
-    padding-left: 8px;
+  padding-left: 8px;
 }
 
 .pdl10 {
-    padding-left: 10px;
+  padding-left: 10px;
 }
 
 .pdl15 {
-    padding-left: 15px;
+  padding-left: 15px;
 }
 
 .pdl20 {
-    padding-left: 20px;
+  padding-left: 20px;
 }
 
 .pdr10 {
-    padding-right: 10px;
+  padding-right: 10px;
 }
 
 .pdr15 {
-    padding-right: 15px;
+  padding-right: 15px;
 }
 
 .pdr20 {
-    padding-right: 20px;
+  padding-right: 20px;
 }
 
 .pdb10 {
-    padding-bottom: 10px;
+  padding-bottom: 10px;
 }
 
 .pdb15 {
-    padding-bottom: 15px;
+  padding-bottom: 15px;
 }
 
 .pdb20 {
-    padding-bottom: 20px;
+  padding-bottom: 20px;
 }
 
 /* 字体大小 */
 .font16 {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 .font18 {
-    font-size: 18px;
+  font-size: 18px;
 }
 
 .font20 {
-    font-size: 20px;
+  font-size: 20px;
 }
 
 .font22 {
-    font-size: 22px;
+  font-size: 22px;
 }
 
 .font24 {
-    font-size: 24px;
+  font-size: 24px;
 }
 
 .font26 {
-    font-size: 26px;
+  font-size: 26px;
 }
 
 .font28 {
-    font-size: 28px;
+  font-size: 28px;
 }
 
 .font30 {
-    font-size: 30px;
+  font-size: 30px;
 }
 
 /* 字体位置 */
 .tac {
-    text-align: center;
+  text-align: center;
 }
 
 .tal {
-    text-align: left;
+  text-align: left;
 }
 
 .tar {
-    text-align: right;
+  text-align: right;
 }
 
 /* 加粗 */
 .fontw600 {
-    font-weight: 600;
+  font-weight: 600;
 }
 
 .fontw700 {
-    font-weight: 700;
+  font-weight: 700;
 }
 
 .fontw800 {
-    font-weight: 800;
+  font-weight: 800;
 }
 
 /* 手型鼠标 */
 .pointer {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .pagination {
-    margin-top: 10px;
-    text-align: right;
+  margin-top: 10px;
+  text-align: right;
 }
 
 /**
@@ -321,70 +321,70 @@
 */
 /* el-table列数据为空自动显示-- */
 .cell:empty::before {
-    content: '--';
-    color: gray;
+  content: "--";
+  color: gray;
 }
 
 .el-dialog__body {
-    border-top: 1px solid #ececec;
-    border-bottom: 1px solid #ececec;
-    padding: 20px !important;
+  border-top: 1px solid #ececec;
+  border-bottom: 1px solid #ececec;
+  padding: 20px !important;
 }
 
 .el-card {
-    height: 100%;
-    width: 100%;
+  height: 100%;
+  width: 100%;
 }
 
 .el-card__body {
-    height: 100%;
-    width: 100%;
+  height: 100%;
+  width: 100%;
 }
 
 .gutter {
-    width: 6px !important;
+  width: 6px !important;
 }
 
 .el-table__body-wrapper::-webkit-scrollbar {
-    width: 6px;
-    overflow-y: auto;
+  width: 6px;
+  overflow-y: auto;
 }
 
 .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    background-color: rgba(144, 147, 153, .5);
+  border-radius: 6px;
+  background-color: rgba(144, 147, 153, 0.5);
 }
 
 .el-table__body-wrapper::-webkit-scrollbar-track {
-    border-radius: 6px;
-    background: #fff;
+  border-radius: 6px;
+  background: #fff;
 }
 .matter-fullName {
-    display: inline-block;
-    width: 86px;
-    height: 30px;
-    text-align: center;
-    line-height: 30px;
-    margin-right: 6px;
-    background: #dfe9fb;
-    border-radius: 4px;
-    color: var(--main-theme-color1);
+  display: inline-block;
+  width: 86px;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  margin-right: 6px;
+  background: #dfe9fb;
+  border-radius: 4px;
+  color: var(--main-theme-color);
 }
 .scroll3 {
-    overflow-y: auto;
+  overflow-y: auto;
 }
 
 .scroll3::-webkit-scrollbar {
-    width: 3px;
-    overflow-y: auto;
+  width: 3px;
+  overflow-y: auto;
 }
 
 .scroll3::-webkit-scrollbar-thumb {
-    border-radius: 3px;
-    background-color: rgba(144, 147, 153, 0.5);
+  border-radius: 3px;
+  background-color: rgba(144, 147, 153, 0.5);
 }
 
 .scroll3::-webkit-scrollbar-track {
-    border-radius: 3px;
-    background: #fff;
-}
\ No newline at end of file
+  border-radius: 3px;
+  background: #fff;
+}
diff --git a/sample-form-client-ui/admin/src/components/MateralsList.vue b/sample-form-client-ui/admin/src/components/MateralsList.vue
index 0341898e3548ca8a61e49d82d6f561b91e1e1a3d..bf2971bfd5cc47b8b29a53106d93aad370b590c5 100644
--- a/sample-form-client-ui/admin/src/components/MateralsList.vue
+++ b/sample-form-client-ui/admin/src/components/MateralsList.vue
@@ -212,7 +212,7 @@ export default {
     border-radius: 8px;
     font-size: 20px;
     font-family: Source Han Sans CN;
-    color: var(--main-theme-color1);
+    color: var(--main-theme-color);
     text-align: center;
     line-height: 50px;
     cursor: pointer;
diff --git a/sample-form-client-ui/admin/src/components/SearchBox.vue b/sample-form-client-ui/admin/src/components/SearchBox.vue
index 37f29d5ab822c3f711a2b28d4691c87b2f2589a0..c00d503b807b624e5e3f7ff406fb9eb7588798b5 100644
--- a/sample-form-client-ui/admin/src/components/SearchBox.vue
+++ b/sample-form-client-ui/admin/src/components/SearchBox.vue
@@ -62,8 +62,8 @@ export default {
   height: 62px;
   background: linear-gradient(
     90deg,
-    var(--main-theme-color1),
-    var(--main-assist-color1)
+    var(--main-theme-color),
+    var(--main-assist-color)
   );
   border-radius: 8px;
   color: #ffffff;
diff --git a/sample-form-client-ui/admin/src/pages/Print/PrintEmptyMaterals.vue b/sample-form-client-ui/admin/src/pages/Print/PrintEmptyMaterals.vue
index cfcb75769d7dec767f1afe8d3816417669476f83..3a74425a0212dadd969755bd7855024ca35fc2bf 100644
--- a/sample-form-client-ui/admin/src/pages/Print/PrintEmptyMaterals.vue
+++ b/sample-form-client-ui/admin/src/pages/Print/PrintEmptyMaterals.vue
@@ -231,11 +231,11 @@ export default {
 .next-btn {
   width: 130px;
   height: 54px;
-  border: 1px solid var(--main-theme-color1);
+  border: 1px solid var(--main-theme-color);
   border-radius: 8px;
   font-size: 24px;
   font-family: Source Han Sans CN;
-  color: var(--main-theme-color1);
+  color: var(--main-theme-color);
 }
 .print-btn {
   width: 130px;
diff --git a/sample-form-client-ui/admin/src/pages/home/Home.vue b/sample-form-client-ui/admin/src/pages/home/Home.vue
index e47bab9a0bacd33a12bd343abdc5fbd47da78eec..039a33b4a67c4311615718a442afe7257db6337f 100644
--- a/sample-form-client-ui/admin/src/pages/home/Home.vue
+++ b/sample-form-client-ui/admin/src/pages/home/Home.vue
@@ -109,7 +109,7 @@
       <div class="right flex flexc aic jcb">
         <div class="right-top flex aic jcb">
           <router-link to="/matterList">
-            <div class="fill-btn flex aic jcc pointer">
+            <div class="fill-btn flex aic jcc pointer main-kstd-img">
               <span class="fill-btn-text1">快</span>
               <span class="fill-btn-text2">速</span>
               <span class="fill-btn-text3">查</span>
@@ -370,13 +370,13 @@ export default {
   .title {
     font-weight: 400;
     font-size: 61px;
-    color: var(--main-title-color);
+    color: var(--main-h1-color);
   }
 }
 .right {
   .tips-name {
     font-size: 18px;
-    color: var(--main-title-color);
+    color: var(--main-h1-color);
   }
   .count {
     color: #317054;
@@ -447,8 +447,8 @@ export default {
   height: 62px;
   background: linear-gradient(
     90deg,
-    var(--main-theme-color1),
-    var(--main-assist-color1)
+    var(--main-theme-color),
+    var(--main-assist-color)
   );
   border-radius: 8px;
   color: #ffffff;
@@ -512,7 +512,7 @@ export default {
         line-height: 56px;
         border-radius: 8px;
         font-size: 22px;
-        color: var(--main-theme-color1);
+        color: var(--main-theme-color);
         letter-spacing: 2px;
         &:nth-child(2n-1) {
           background-color: #fff;
@@ -529,7 +529,6 @@ export default {
     .fill-btn {
       width: 530px;
       height: 170px;
-      background: url("../../assets/img/btn_kuaisu.png") no-repeat;
       background-size: 100% 100%;
       font-size: 50px;
       font-weight: 500;
@@ -606,7 +605,7 @@ export default {
           line-height: 45px;
           border-radius: 8px;
           font-size: 20px;
-          color: var(--main-theme-color1);
+          color: var(--main-theme-color);
           letter-spacing: 2px;
           &:nth-child(2n) {
             background-color: #f6f9fe;
@@ -629,17 +628,17 @@ export default {
   .data-name {
     font-size: 22px;
     font-family: Source Han Sans CN;
-    color: var(--data-name-color);
+    color: var(--main-sjbt-color);
   }
   .count-box {
     margin: 0px;
     padding: 0px;
     font-size: 24px;
-    color: var(--main-theme-color1);
+    color: var(--main-theme-color);
     .data-count {
       font-size: 38px;
       font-family: Source Han Sans CN;
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
     }
   }
   .line {
@@ -648,8 +647,8 @@ export default {
     background-image: linear-gradient(
       to bottom,
       #ccc,
-      var(--main-theme-color1) 35%,
-      var(--main-theme-color1) 75%,
+      var(--main-theme-color) 35%,
+      var(--main-theme-color) 75%,
       #ccc 100%
     );
   }
diff --git a/sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue b/sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue
index 97e8ed0d45b775125f2fff3ac85ad7b47094a04b..ff0b783d7fc53e614f837484ad943bad17581ff6 100644
--- a/sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue
+++ b/sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue
@@ -297,7 +297,7 @@ export default {
   height: 25px;
   font-family: Source Han Sans CN;
   font-weight: 400;
-  color: var(--main-theme-color1);
+  color: var(--main-theme-color);
   line-height: 28px;
   span {
     font-size: 28px;
diff --git a/sample-form-client-ui/admin/src/pages/showpage/MatterList.vue b/sample-form-client-ui/admin/src/pages/showpage/MatterList.vue
index 334a0863474d6e7155b87c44cdfd79c1f8ce1087..c73fc28fc863f9c72a50c35757b6c15a09e6b101 100644
--- a/sample-form-client-ui/admin/src/pages/showpage/MatterList.vue
+++ b/sample-form-client-ui/admin/src/pages/showpage/MatterList.vue
@@ -280,7 +280,7 @@ export default {
   height: 25px;
   font-family: Source Han Sans CN;
   font-weight: 400;
-  color: var(--main-theme-color1);
+  color: var(--main-theme-color);
   line-height: 28px;
 
   span {
diff --git a/sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue b/sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue
index fdc30f87f6edcea633798287b4437c9d8d863209..483a8c4919e05db712a35b3a0096f5ed8bcac2c7 100644
--- a/sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue
+++ b/sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue
@@ -31,7 +31,7 @@
               height: v.height + 'px',
             }"
             class="preview-img"
-            :src="api + v.samplePath"
+            :src="api + v.preViewPath"
           />
         </div>
       </div>
@@ -141,7 +141,7 @@ export default {
       let { data } = res.data.data;
       data.forEach((v) => {
         let image = new Image();
-        image.src = this.api + v.samplePath;
+        image.src = this.api + v.preViewPath;
         image.onload = function () {
           v.height = image.height;
         };
@@ -215,7 +215,7 @@ export default {
       height: 26px;
       background: #52a8f6;
       border-radius: 50%;
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
       display: flex;
       align-items: center;
       justify-content: center;
@@ -232,7 +232,7 @@ export default {
       border-radius: 16px;
       text-align: center;
       line-height: 34px;
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
       position: absolute;
       right: 28px;
     }
@@ -249,7 +249,7 @@ export default {
       background: #f2f6fe;
       border-radius: 4px;
       line-height: 38px;
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
     }
     .materails-item {
       height: 42px;
@@ -270,13 +270,13 @@ export default {
       );
     }
     .active {
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
       .line {
         background-image: linear-gradient(
           to right,
           #fff,
-          var(--main-theme-color1) 10%,
-          var(--main-theme-color1) 80%,
+          var(--main-theme-color) 10%,
+          var(--main-theme-color) 80%,
           #fff
         );
       }
@@ -287,8 +287,8 @@ export default {
       height: 276px;
       background: linear-gradient(
         90deg,
-        var(--main-theme-color1),
-        var(--main-assist-color1)
+        var(--main-theme-color),
+        var(--main-assist-color)
       );
       box-shadow: 6px -1px 10px 0px rgba(11, 92, 233, 0.11);
       border-radius: 0px 38px 8px 0px;
@@ -318,7 +318,7 @@ export default {
   .short {
     font-size: 26px;
     font-family: Source Han Sans CN;
-    color: var(--main-theme-color1);
+    color: var(--main-theme-color);
   }
   .full-name {
     margin-top: 10px;
@@ -348,7 +348,7 @@ export default {
       cursor: pointer;
       i {
         font-size: 54px;
-        color: var(--main-theme-color1);
+        color: var(--main-theme-color);
       }
     }
   }
diff --git a/sample-form-client-ui/admin/src/pages/showpage/components/LeftMenus.vue b/sample-form-client-ui/admin/src/pages/showpage/components/LeftMenus.vue
index 55e1948c92f1f7ec9dd6c5f8bf78a88fc80c0a8c..9273711a06d4c68f47b7ae0d447f4041a83216e0 100644
--- a/sample-form-client-ui/admin/src/pages/showpage/components/LeftMenus.vue
+++ b/sample-form-client-ui/admin/src/pages/showpage/components/LeftMenus.vue
@@ -86,8 +86,8 @@ export default {
 .active {
   background: linear-gradient(
     270deg,
-    var(--main-assist-color1),
-    var(--main-theme-color1)
+    var(--main-assist-color),
+    var(--main-theme-color)
   );
   font-family: Source Han Sans CN;
   color: #ffffff;