流程修改

src/assets/icon/demo_index.html

@@ -55,6 +55,78 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xeaa3;</span>
+                <div class="name">iconm_yewutx</div>
+                <div class="code-name">&amp;#xeaa3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xeaa4;</span>
+                <div class="name">iconm_shanchu</div>
+                <div class="code-name">&amp;#xeaa4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe801;</span>
+                <div class="name">icomx_yewutx</div>
+                <div class="code-name">&amp;#xe801;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe802;</span>
+                <div class="name">icomx_shanchu</div>
+                <div class="code-name">&amp;#xe802;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xeaa1;</span>
+                <div class="name">icomx_xinzeng</div>
+                <div class="code-name">&amp;#xeaa1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xeaa2;</span>
+                <div class="name">iconm_xinzeng</div>
+                <div class="code-name">&amp;#xeaa2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea9d;</span>
+                <div class="name">iconx_tuihfqr</div>
+                <div class="code-name">&amp;#xea9d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea9e;</span>
+                <div class="name">iconm_tuihfqr</div>
+                <div class="code-name">&amp;#xea9e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea9f;</span>
+                <div class="name">iconm_</div>
+                <div class="code-name">&amp;#xea9f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xeaa0;</span>
+                <div class="name">icomx_sent</div>
+                <div class="code-name">&amp;#xeaa0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe83d;</span>
+                <div class="name">iconx_shenpith</div>
+                <div class="code-name">&amp;#xe83d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea9c;</span>
+                <div class="name">iconm_shenpith</div>
+                <div class="code-name">&amp;#xea9c;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xea9b;</span>
                 <div class="name">icon_Abkhazia_flag1</div>
                 <div class="code-name">&amp;#xea9b;</div>
@@ -3757,12 +3829,6 @@
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe83d;</span>
-                <div class="name">iconm_sent</div>
-                <div class="code-name">&amp;#xe83d;</div>
-              </li>
-          
-            <li class="dib">
               <span class="icon iconfont">&#xe83e;</span>
                 <div class="name">iconm_wjj</div>
                 <div class="code-name">&amp;#xe83e;</div>
@@ -4141,18 +4207,6 @@
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe801;</span>
-                <div class="name">icomx_miandr</div>
-                <div class="code-name">&amp;#xe801;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe802;</span>
-                <div class="name">iconm_miandr</div>
-                <div class="code-name">&amp;#xe802;</div>
-              </li>
-          
-            <li class="dib">
               <span class="icon iconfont">&#xe7f3;</span>
                 <div class="name">icomx_xialan </div>
                 <div class="code-name">&amp;#xe7f3;</div>
@@ -5706,9 +5760,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1692944234853') format('woff2'),
-       url('iconfont.woff?t=1692944234853') format('woff'),
-       url('iconfont.ttf?t=1692944234853') format('truetype');
+  src: url('iconfont.woff2?t=1693380377801') format('woff2'),
+       url('iconfont.woff?t=1693380377801') format('woff'),
+       url('iconfont.ttf?t=1693380377801') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -5735,6 +5789,114 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-iconm_yewutx"></span>
+            <div class="name">
+              iconm_yewutx
+            </div>
+            <div class="code-name">.icon-iconm_yewutx
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_shanchu"></span>
+            <div class="name">
+              iconm_shanchu
+            </div>
+            <div class="code-name">.icon-iconm_shanchu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_yewutx"></span>
+            <div class="name">
+              icomx_yewutx
+            </div>
+            <div class="code-name">.icon-icomx_yewutx
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_shanchu"></span>
+            <div class="name">
+              icomx_shanchu
+            </div>
+            <div class="code-name">.icon-icomx_shanchu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_xinzeng"></span>
+            <div class="name">
+              icomx_xinzeng
+            </div>
+            <div class="code-name">.icon-icomx_xinzeng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_xinzeng"></span>
+            <div class="name">
+              iconm_xinzeng
+            </div>
+            <div class="code-name">.icon-iconm_xinzeng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_tuihfqr"></span>
+            <div class="name">
+              iconx_tuihfqr
+            </div>
+            <div class="code-name">.icon-iconx_tuihfqr
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_tuihfqr"></span>
+            <div class="name">
+              iconm_tuihfqr
+            </div>
+            <div class="code-name">.icon-iconm_tuihfqr
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_"></span>
+            <div class="name">
+              iconm_
+            </div>
+            <div class="code-name">.icon-iconm_
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icomx_sent"></span>
+            <div class="name">
+              icomx_sent
+            </div>
+            <div class="code-name">.icon-icomx_sent
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconx_shenpith"></span>
+            <div class="name">
+              iconx_shenpith
+            </div>
+            <div class="code-name">.icon-iconx_shenpith
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconm_shenpith"></span>
+            <div class="name">
+              iconm_shenpith
+            </div>
+            <div class="code-name">.icon-iconm_shenpith
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-icon_Abkhazia_flag1"></span>
             <div class="name">
               icon_Abkhazia_flag1
@@ -11288,15 +11450,6 @@
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-iconm_sent"></span>
-            <div class="name">
-              iconm_sent
-            </div>
-            <div class="code-name">.icon-iconm_sent
-            </div>
-          </li>
-          
-          <li class="dib">
             <span class="icon iconfont icon-iconm_wjj"></span>
             <div class="name">
               iconm_wjj
@@ -11864,24 +12017,6 @@
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-icomx_miandr"></span>
-            <div class="name">
-              icomx_miandr
-            </div>
-            <div class="code-name">.icon-icomx_miandr
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-iconm_miandr"></span>
-            <div class="name">
-              iconm_miandr
-            </div>
-            <div class="code-name">.icon-iconm_miandr
-            </div>
-          </li>
-          
-          <li class="dib">
             <span class="icon iconfont icon-icomx_xialan1"></span>
             <div class="name">
               icomx_xialan 
@@ -14214,6 +14349,102 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_yewutx"></use>
+                </svg>
+                <div class="name">iconm_yewutx</div>
+                <div class="code-name">#icon-iconm_yewutx</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_shanchu"></use>
+                </svg>
+                <div class="name">iconm_shanchu</div>
+                <div class="code-name">#icon-iconm_shanchu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_yewutx"></use>
+                </svg>
+                <div class="name">icomx_yewutx</div>
+                <div class="code-name">#icon-icomx_yewutx</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_shanchu"></use>
+                </svg>
+                <div class="name">icomx_shanchu</div>
+                <div class="code-name">#icon-icomx_shanchu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_xinzeng"></use>
+                </svg>
+                <div class="name">icomx_xinzeng</div>
+                <div class="code-name">#icon-icomx_xinzeng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_xinzeng"></use>
+                </svg>
+                <div class="name">iconm_xinzeng</div>
+                <div class="code-name">#icon-iconm_xinzeng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_tuihfqr"></use>
+                </svg>
+                <div class="name">iconx_tuihfqr</div>
+                <div class="code-name">#icon-iconx_tuihfqr</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_tuihfqr"></use>
+                </svg>
+                <div class="name">iconm_tuihfqr</div>
+                <div class="code-name">#icon-iconm_tuihfqr</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_"></use>
+                </svg>
+                <div class="name">iconm_</div>
+                <div class="code-name">#icon-iconm_</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icomx_sent"></use>
+                </svg>
+                <div class="name">icomx_sent</div>
+                <div class="code-name">#icon-icomx_sent</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconx_shenpith"></use>
+                </svg>
+                <div class="name">iconx_shenpith</div>
+                <div class="code-name">#icon-iconx_shenpith</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconm_shenpith"></use>
+                </svg>
+                <div class="name">iconm_shenpith</div>
+                <div class="code-name">#icon-iconm_shenpith</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-icon_Abkhazia_flag1"></use>
                 </svg>
                 <div class="name">icon_Abkhazia_flag1</div>
@@ -19150,14 +19381,6 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-iconm_sent"></use>
-                </svg>
-                <div class="name">iconm_sent</div>
-                <div class="code-name">#icon-iconm_sent</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-iconm_wjj"></use>
                 </svg>
                 <div class="name">iconm_wjj</div>
@@ -19662,22 +19885,6 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-icomx_miandr"></use>
-                </svg>
-                <div class="name">icomx_miandr</div>
-                <div class="code-name">#icon-icomx_miandr</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-iconm_miandr"></use>
-                </svg>
-                <div class="name">iconm_miandr</div>
-                <div class="code-name">#icon-iconm_miandr</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-icomx_xialan1"></use>
                 </svg>
                 <div class="name">icomx_xialan </div>

src/assets/icon/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3933484 */
-  src: url('iconfont.woff2?t=1692944234853') format('woff2'),
-       url('iconfont.woff?t=1692944234853') format('woff'),
-       url('iconfont.ttf?t=1692944234853') format('truetype');
+  src: url('iconfont.woff2?t=1693380377801') format('woff2'),
+       url('iconfont.woff?t=1693380377801') format('woff'),
+       url('iconfont.ttf?t=1693380377801') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,54 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-iconm_yewutx:before {
+  content: "\eaa3";
+}
+
+.icon-iconm_shanchu:before {
+  content: "\eaa4";
+}
+
+.icon-icomx_yewutx:before {
+  content: "\e801";
+}
+
+.icon-icomx_shanchu:before {
+  content: "\e802";
+}
+
+.icon-icomx_xinzeng:before {
+  content: "\eaa1";
+}
+
+.icon-iconm_xinzeng:before {
+  content: "\eaa2";
+}
+
+.icon-iconx_tuihfqr:before {
+  content: "\ea9d";
+}
+
+.icon-iconm_tuihfqr:before {
+  content: "\ea9e";
+}
+
+.icon-iconm_:before {
+  content: "\ea9f";
+}
+
+.icon-icomx_sent:before {
+  content: "\eaa0";
+}
+
+.icon-iconx_shenpith:before {
+  content: "\e83d";
+}
+
+.icon-iconm_shenpith:before {
+  content: "\ea9c";
+}
+
 .icon-icon_Abkhazia_flag1:before {
   content: "\ea9b";
 }
@@ -2481,10 +2529,6 @@
   content: "\e83c";
 }
 
-.icon-iconm_sent:before {
-  content: "\e83d";
-}
-
 .icon-iconm_wjj:before {
   content: "\e83e";
 }
@@ -2737,14 +2781,6 @@
   content: "\e800";
 }
 
-.icon-icomx_miandr:before {
-  content: "\e801";
-}
-
-.icon-iconm_miandr:before {
-  content: "\e802";
-}
-
 .icon-icomx_xialan1:before {
   content: "\e7f3";
 }

src/assets/icon/iconfont.json

@@ -6,6 +6,90 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "37158397",
+      "name": "iconm_yewutx",
+      "font_class": "iconm_yewutx",
+      "unicode": "eaa3",
+      "unicode_decimal": 60067
+    },
+    {
+      "icon_id": "37158399",
+      "name": "iconm_shanchu",
+      "font_class": "iconm_shanchu",
+      "unicode": "eaa4",
+      "unicode_decimal": 60068
+    },
+    {
+      "icon_id": "37158401",
+      "name": "icomx_yewutx",
+      "font_class": "icomx_yewutx",
+      "unicode": "e801",
+      "unicode_decimal": 59393
+    },
+    {
+      "icon_id": "37158398",
+      "name": "icomx_shanchu",
+      "font_class": "icomx_shanchu",
+      "unicode": "e802",
+      "unicode_decimal": 59394
+    },
+    {
+      "icon_id": "37158396",
+      "name": "icomx_xinzeng",
+      "font_class": "icomx_xinzeng",
+      "unicode": "eaa1",
+      "unicode_decimal": 60065
+    },
+    {
+      "icon_id": "37158400",
+      "name": "iconm_xinzeng",
+      "font_class": "iconm_xinzeng",
+      "unicode": "eaa2",
+      "unicode_decimal": 60066
+    },
+    {
+      "icon_id": "37154217",
+      "name": "iconx_tuihfqr",
+      "font_class": "iconx_tuihfqr",
+      "unicode": "ea9d",
+      "unicode_decimal": 60061
+    },
+    {
+      "icon_id": "37154215",
+      "name": "iconm_tuihfqr",
+      "font_class": "iconm_tuihfqr",
+      "unicode": "ea9e",
+      "unicode_decimal": 60062
+    },
+    {
+      "icon_id": "37154216",
+      "name": "iconm_",
+      "font_class": "iconm_",
+      "unicode": "ea9f",
+      "unicode_decimal": 60063
+    },
+    {
+      "icon_id": "37154214",
+      "name": "icomx_sent",
+      "font_class": "icomx_sent",
+      "unicode": "eaa0",
+      "unicode_decimal": 60064
+    },
+    {
+      "icon_id": "37154219",
+      "name": "iconx_shenpith",
+      "font_class": "iconx_shenpith",
+      "unicode": "e83d",
+      "unicode_decimal": 59453
+    },
+    {
+      "icon_id": "37154218",
+      "name": "iconm_shenpith",
+      "font_class": "iconm_shenpith",
+      "unicode": "ea9c",
+      "unicode_decimal": 60060
+    },
+    {
       "icon_id": "36980377",
       "name": "icon_Abkhazia_flag1",
       "font_class": "icon_Abkhazia_flag1",
@@ -4325,13 +4409,6 @@
       "unicode_decimal": 59452
     },
     {
-      "icon_id": "35214009",
-      "name": "iconm_sent",
-      "font_class": "iconm_sent",
-      "unicode": "e83d",
-      "unicode_decimal": 59453
-    },
-    {
       "icon_id": "35214010",
       "name": "iconm_wjj",
       "font_class": "iconm_wjj",
@@ -4773,20 +4850,6 @@
       "unicode_decimal": 59392
     },
     {
-      "icon_id": "34895627",
-      "name": "icomx_miandr",
-      "font_class": "icomx_miandr",
-      "unicode": "e801",
-      "unicode_decimal": 59393
-    },
-    {
-      "icon_id": "34895628",
-      "name": "iconm_miandr",
-      "font_class": "iconm_miandr",
-      "unicode": "e802",
-      "unicode_decimal": 59394
-    },
-    {
       "icon_id": "34887337",
       "name": "icomx_xialan ",
       "font_class": "icomx_xialan1",

src/views/processApproval/processDtl.vue

@@ -10,14 +10,42 @@
 				"></component>
 		</div>
 		<div class="btn-warp" :class="footerMoreType ? 'open-more' : ''">
-			<div class="more-btn" @click="footerMoreType = !footerMoreType">
+			<!-- <div class="more-btn" @click="footerMoreType = !footerMoreType">
 				更多 <van-icon name="arrow-up" v-if="!footerMoreType" /> <van-icon name="arrow-down" v-else />
-			</div>
+			</div> -->
 			<div class="foot-btn-warp" v-if="route.query.processType != 20">
-				<div class="agree-btn" @click="handleSubmit(1)">同意</div>
-				<div class="next-btn" @click="nextFn" v-if="componentObj[route.query.flowKey].tabsNum">下一步</div>
+				<div class="for-btn" v-for="(i,index) in approvalRecordData.buttonInfoList" :key="i.type" v-show="index == 0"  @click="handleSubmit(i.type)">
+					<div>
+						<i class="iconfont" :class="iconObj[i.type]"></i>
+					</div>
+					{{ i.name }}
+				</div>
+				<div class="for-btn"  @click="footerMoreType = !footerMoreType">
+					<div>
+						<i class="iconfont icon-icomx_message"></i>
+					</div>
+					审批意见
+				</div>
+				<div class="for-btn" @click="footerMoreBtnType = !footerMoreBtnType" v-if="approvalRecordData.buttonInfoList.length < 1">
+					<div>
+						<i class="iconfont icon-iconx__caidan1"></i>
+					</div>
+					更多
+				</div>
+				<div class="agree-btn" @click="nextFn" v-if="componentObj[route.query.flowKey].tabsNum">下一步</div>
+				<div class="next-btn" @click="handleSubmit(1)">同意</div>
+				
 			</div>
 		</div>
+		<van-action-sheet v-model:show="footerMoreBtnType" title="更多操作" class="more-modal">
+			<div class="for-btn-more" v-for="(i,index) in approvalRecordData.buttonInfoList" :key="i.type" v-show="index != 0"  @click="handleSubmit(i.type)">
+				<span style="margin-right:20px">
+					<i class="iconfont " :class="iconObj[i.type]"></i>
+				</span>
+				{{ i.name }}
+			</div>
+			<div style="height:50px">1</div>
+		</van-action-sheet>
 		<van-action-sheet v-model:show="footerMoreType" title="审批记录" class="more-modal">
 			<div class="card">
 				<van-steps direction="vertical" :active="stepsNum" class="common-steps">
@@ -51,6 +79,7 @@
 				</div>
 				<div class="content">
 					<div class="foot-btn-warp">
+						
 						<div class="agree-btn" @click="handleSubmit(1)">同意</div>
 						<div class="next-btn" @click="nextFn">下一步</div>
 					</div>
@@ -78,11 +107,18 @@ const message = ref('')
 const onClickRight = () => {
 	proxy.$router.push('/main/working')
 }
+const iconObj = ref({
+	'2':'icon-icomx_shanchu',
+	'3':'icon-icomx_sent',
+	'4':'icon-iconx_tuihfqr',
+	'5':'icon-iconm_shanchu'
+})
 const makeDom = ref(null)
 let stepsNum = ref(0)
 let queryData = reactive({
 	data: {},
 })
+let footerMoreBtnType = ref(false)
 let footerMoreType = ref(false)
 const flowForm = reactive({
 	flowKey: '',
@@ -233,6 +269,8 @@ const getRecords = (_id) => {
 				recordList.value = res.data.recordList
 				queryData.data.recordList = res.data.recordList
 				approvalRecordData.value = res.data
+				//删除type为1的按钮
+				approvalRecordData.value.buttonInfoList = approvalRecordData.value.buttonInfoList.filter((item) => item.type != 1)
 
 			})
 	} else {
@@ -288,7 +326,16 @@ onMounted(async () => {
 			padding: 5px 10px;
 		}
 	}
-
+	.for-btn-more {
+		height: 50px;
+		line-height: 50px;
+		text-align: center;
+		display: flex;
+		width: 100vw;
+		font-size: 16px;
+		padding: 0 12px;
+		font-size: 12px;
+	}
 	.load-btn-box {
 		height: 50px;
 		text-align: center;
@@ -304,7 +351,20 @@ onMounted(async () => {
 		display: flex;
 		width: 100vw;
 		font-size: 16px;
-
+		.for-btn{
+			flex: 1;
+			background: #fff;
+			color: #999999;
+			font-size: 12px;
+			text-align: center;
+			height: 50px;
+			line-height: 15px;
+			padding: 10px 0;
+			box-sizing: border-box;
+			i{
+				font-size: 24px;
+			}
+		}
 		.agree-btn {
 			flex: 1;
 			background: #eaf0ff;