diff --git a/src/components/dialog/index.vue b/src/components/dialog/index.vue
index b540792..d796bea 100644
--- a/src/components/dialog/index.vue
+++ b/src/components/dialog/index.vue
@@ -4,74 +4,29 @@
 
     
     <el-dialog
-        
         :visible="visible"
-        class="m-auto"
         append-to-body
+        class="apple"
         :close-on-click-modal="true" 
         :show-close="false" 
-        style="border-radius: 50px;"
-        custom-class="  data-dia23 w-2/4  ">
-        <div slot="title" class="dia-header">
-            <div class="data-title" v-if="flow === 1 || flow === 2">提示</div>
-            <div class="data-title" v-else-if="flow === 4">提交</div>
-            <div class="data-title" v-else>提交成功</div>
-        </div>
-        <div class="popBody" v-if="flow === 1">
-            <h2 class="text-red-500 text-2xl">本业务需要授权</h2>
-        </div>
-        <div class="popBody" v-else-if="flow === 4">
-            <h2 class="text-red-500 text-2xl">提交后将不可更改，您确定要提交吗？</h2>
-        </div>
-        <div class="popBody" v-else-if="flow === 2">
-            <el-form ref="form2" :model="disForm" label-width="80px" class="text-3xl">
-                    <el-form-item label="授权柜员">
-                    <el-input disabled v-model="disForm.name"></el-input>
-                </el-form-item>
-                <el-form-item label="授权柜员">
-                    <el-input type="password" disabled v-model="disForm.pass"></el-input>
-                </el-form-item>
-            </el-form>
-        </div>
-        <div class="popBody w-full" v-else>
-            <el-row :gutter="20">
-                <el-form label-width="100px">
-                    <el-col :span="10"  :offset="1">
-                        <el-form-item v-for="(val, key) in leftObj" :key="key" :label="key + ':'">
-                            <div>{{ val }}</div>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="10"  :offset="1">
-                        <el-form-item v-for="(val, key) in rightObj" :key="key" :label="key + ':'">
-                            <div>{{ val }}</div>
-                        </el-form-item>
-                    </el-col>
-                </el-form>
-            </el-row>
-        </div>
-        <div class="popBtns" v-if="flow === 1 || flow === 2 || flow === 4">
-            <el-button class="close btn hover:bg-blue-100 " @click="cancelIt">取 消</el-button>
-            <el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt">确 定</el-button>
-        </div>
-        <div class="myPopBtns" v-else>
-            <el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt">确 定</el-button>
-        </div>
-    </el-dialog>
-    <!-- <div class="bg-gray-50 test">
-        <div width="900px" class="data-dia22 max-h-screen 2xl:-mt-20;" ref="dataDia" v-drag>
-            <div class="dia-header">
-                <div class="data-title" v-if="flow === 1 || flow === 2">授权</div>
+        custom-class="2xl:w-3/5 xl:w-4/5 lg:w-full bg-transparent"
+        
+        >
+        <div class="  data-dia23 mx-auto  rounded-3xl w-1/2" :class="{ ['w-full']: flow === 3 }">
+            <!-- 2xl:w-3/5 xl:w-4/5 lg:w-full -->
+            <div slot="title" class="dia-header rounded-3xl">
+                <div class="data-title" v-if="flow === 1 || flow === 2">提示</div>
+                <div class="data-title" v-else-if="flow === 4">提交</div>
                 <div class="data-title" v-else>提交成功</div>
-                <img class="close" src="@/assets/svg/close.svg" alt="" @click="cancelIt" />
             </div>
             <div class="popBody" v-if="flow === 1">
                 <h2 class="text-red-500 text-2xl">本业务需要授权</h2>
             </div>
             <div class="popBody" v-else-if="flow === 4">
-                <h2 class="text-red-500 text-2xl">提交后将不可更改，您确认提交吗？</h2>
+                <h2 class="text-red-500 text-2xl">提交后将不可更改，您确定要提交吗？</h2>
             </div>
             <div class="popBody" v-else-if="flow === 2">
-                <el-form ref="form2" :model="disForm" label-width="80px">
+                <el-form ref="form2" :model="disForm" label-width="150px" >
                         <el-form-item label="授权柜员">
                         <el-input disabled v-model="disForm.name"></el-input>
                     </el-form-item>
@@ -83,12 +38,12 @@
             <div class="popBody w-full" v-else>
                 <el-row :gutter="20">
                     <el-form label-width="100px">
-                        <el-col :span="10"  :offset="1">
+                        <el-col :span="12">
                             <el-form-item v-for="(val, key) in leftObj" :key="key" :label="key + ':'">
                                 <div>{{ val }}</div>
                             </el-form-item>
                         </el-col>
-                        <el-col :span="10"  :offset="1">
+                        <el-col :span="12">
                             <el-form-item v-for="(val, key) in rightObj" :key="key" :label="key + ':'">
                                 <div>{{ val }}</div>
                             </el-form-item>
@@ -103,10 +58,75 @@
             <div class="myPopBtns" v-else>
                 <el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt">确 定</el-button>
             </div>
-        </div>
+            </div>
+            
+            
+            
+            
+            
+            
+            
+            
+            
+            
+            
+            
+            
+            
+            <!-- <div width="900px" class="data-dia23 max-h-screen 2xl:-mt-20;" ref="dataDia" v-drag>
+                <div class="dia-header">
+                    <div class="data-title" v-if="flow === 1 || flow === 2">授权</div>
+                    <div class="data-title" v-else>提交成功</div>
+                </div>
+                <div class="popBody w-full" v-if="flow === 1">
+                    <h2 class="text-red-500 text-2xl">本业务需要授权</h2>
+                </div>
+                <div class="popBody" v-else-if="flow === 4">
+                    <h2 class="text-red-500 text-2xl">提交后将不可更改，您确认提交吗？</h2>
+                </div>
+                <div class="popBody" v-else-if="flow === 2">
+                    <el-form ref="form2" :model="disForm" label-width="80px">
+                            <el-form-item label="授权柜员">
+                            <el-input disabled v-model="disForm.name"></el-input>
+                        </el-form-item>
+                        <el-form-item label="授权柜员">
+                            <el-input type="password" disabled v-model="disForm.pass"></el-input>
+                        </el-form-item>
+                    </el-form>
+                </div>
+                <div class="popBody w-full" v-else>
+                    <el-row :gutter="20">
+                        <el-form label-width="100px">
+                            <el-col :span="10"  :offset="1">
+                                <el-form-item v-for="(val, key) in leftObj" :key="key" :label="key + ':'">
+                                    <div>{{ val }}</div>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="10"  :offset="1">
+                                <el-form-item v-for="(val, key) in rightObj" :key="key" :label="key + ':'">
+                                    <div>{{ val }}</div>
+                                </el-form-item>
+                            </el-col>
+                        </el-form>
+                    </el-row>
+                </div>
+                <div class="popBtns" v-if="flow === 1 || flow === 2 || flow === 4">
+                    <el-button class="close btn hover:bg-blue-100 " @click="cancelIt">取 消</el-button>
+                    <el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt">确 定</el-button>
+                </div>
+                <div class="myPopBtns" v-else>
+                    <el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt">确 定</el-button>
+                </div>
+            </div> -->
+        
+    </el-dialog>
+
+
+
+
 
-        <div class="masking"></div>
-    </div> -->
+    
+    
     
 </template>
 
@@ -423,6 +443,30 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+    /deep/.el-dialog {
+        -webkit-box-shadow:0;
+        box-shadow: 0 0 0 0!important;
+        border: 0!important;
+    }
+    /deep/.el-form-item {
+        label {
+            font-family: PingFangSC-Regular;
+            font-size: 18px;
+            color: #000000;
+            letter-spacing: 0.21px;
+            font-weight: 400;
+        }
+        .el-form-item__content{
+            font-family: PingFangSC-Semibold;
+            font-size: 20px;
+            color: #000000;
+            letter-spacing: 0.24px;
+            font-weight: 600;
+        }
+    }
+
+
+
     .test {
         position: absolute;
         top: 0;
@@ -442,45 +486,40 @@ export default {
         background-color: rgba(51,51,51,.9);
     }
     .data-dia23{
-        position: absolute;
+        // position: absolute;
+        background-color: white;
         z-index: 9999;
         .popBody {
+            // width: 100%;
             min-height: 30vh;
+            padding-top: 50px;
+            padding-bottom: 20px;
             display: flex;
             align-items: center;
-            .el-form {
-                min-width: 70%;
+            /deep/ .el-form {
                 height: 100%;
-                font-size: 30px;
+                
             }
         }
-        .el-dialog__header{
-            padding: 0;
-            border-bottom: 0;
-            border-radius: 16px;
-            .dia-header{
-                position: relative;
-                .data-title{
-                    width: 300px;
-                    margin: 0 auto;
-                    line-height: 72px;
-                    text-align: center;
-                    color: #fff;
-                    font-size: 24px;
-                    background: url(../../assets/img/dia-title.png) 0 0/cover no-repeat;
-                }
-                .close{
-                    position: absolute;
-                    top: 15px;
-                    right: 15px;
-                    cursor: pointer;
-                }
+        .dia-header{
+            height: 100%;
+            // position: relative;
+            .data-title{
+                
+                width: 300px;
+                margin: 0 auto;
+                line-height: 72px;
+                text-align: center;
+                color: #fff;
+                font-size: 24px;
+                background: url(../../assets/img/dia-title.png) 0 0/cover no-repeat;
             }
         }
     }
 
     /deep/ .el-row {
         width: 100%;
+        padding: 0 50px;
     }
     // /deep/.popbody {
     //     width: 100vw!important;
@@ -491,10 +530,9 @@ export default {
         display: flex;
         justify-content: center;
         align-items: center;
-        margin-top: 200px;
+        padding-bottom: 20px;
         & > .btn {
             width: 180px;
-        border-radius: 10px;
         font-size: 18px;
         }
         
@@ -503,13 +541,19 @@ export default {
         display: flex;
         justify-content: center;
         align-items: center;
+        padding-bottom: 20px;
         & > .btn {
             width: 180px;
-            border-radius: 10px;
             font-size: 18px;
         }
         
     }
+
+    // /deep/.el-dialog__header, /deep/.el-dialog__body {
+    //     padding: 0;
+    //     border-radius: 16px;
+    // }
+
     // /deep/.el-dialog {
     //     position: absolute;
     //     left: 50%;
diff --git a/src/components/tipDialog/index.vue b/src/components/tipDialog/index.vue
index 028ed6b..6cacbd8 100644
--- a/src/components/tipDialog/index.vue
+++ b/src/components/tipDialog/index.vue
@@ -17,13 +17,13 @@
             <h6>{{ showText }}</h6>
         </div>
     </el-dialog> -->
-    <div class='tipsMessage' :class="{ hidden: !tipsOperate }">
-        <svg t="1646193086896" fill="#FEFFFF" v-if="showText.includes('成功')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4086" width="200" height="200"><path d="M878.08 731.274667a32 32 0 0 1-54.88-32.938667A360.789333 360.789333 0 0 0 874.666667 512c0-200.298667-162.368-362.666667-362.666667-362.666667S149.333333 311.701333 149.333333 512s162.368 362.666667 362.666667 362.666667a360.789333 360.789333 0 0 0 186.314667-51.445334 32 32 0 0 1 32.928 54.88A424.778667 424.778667 0 0 1 512 938.666667C276.362667 938.666667 85.333333 747.637333 85.333333 512S276.362667 85.333333 512 85.333333s426.666667 191.029333 426.666667 426.666667c0 78.293333-21.152 153.568-60.586667 219.274667zM374.581333 489.450667l84.341334 83.989333 190.432-190.72a32 32 0 0 1 45.290666 45.226667l-213.013333 213.333333a32 32 0 0 1-45.226667 0.064l-106.986666-106.549333a32 32 0 1 1 45.162666-45.344z" p-id="4087"></path></svg>
-        <svg t="1646193026146" fill="#FEFFFF" v-else-if="showText.includes('失败') || showText.includes('请放入') || showText.includes('不一致')|| showText.includes('不足')|| showText.includes('错误')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3279" width="200" height="200"><path d="M942.792571 235.113605c-73.898726-114.998017-188.296753-194.296649-321.894449-223.296149-133.597696-28.9995-270.495335-4.199928-385.493352 69.698798-21.299633 13.699764-27.499526 42.099274-13.799762 63.398907 13.699764 21.299633 42.099274 27.499526 63.398907 13.799762 94.298374-60.698953 206.696435-80.998603 316.294545-57.199014 109.59811 23.79959 203.396492 88.898467 264.095445 183.196841 125.297839 194.796641 68.698815 455.19215-125.997827 580.489989-94.298374 60.698953-206.696435 80.998603-316.294545 57.199013-109.59811-23.79959-203.49649-88.898467-264.095445-183.19684-93.198393-144.997499-88.998465-329.594316 10.799814-470.191891 14.699746-20.699643 9.799831-49.29915-10.899813-63.998897-20.699643-14.699746-49.29915-9.799831-63.998896 10.899812-121.597903 171.397044-126.697815 396.293165-12.999776 572.990118 73.998724 114.998017 188.296753 194.296649 321.894449 223.29615 36.499371 7.899864 73.198738 11.799796 109.59811 11.799796 97.098325 0 192.196685-27.799521 275.795243-81.498594 237.295908-152.697367 306.194719-469.991894 153.597352-707.387801z" p-id="3280"></path><path d="M356.302685 667.706145c8.999845 8.999845 20.699643 13.399769 32.49944 13.399769s23.499595-4.499922 32.499439-13.399769l90.798434-90.798434 90.798434 90.798434c8.999845 8.999845 20.699643 13.399769 32.49944 13.399769s23.499595-4.499922 32.499439-13.399769c17.899691-17.899691 17.899691-46.999189 0-64.898881l-90.99843-90.798434 90.798434-90.798434c17.899691-17.899691 17.899691-46.999189 0-64.898881-17.899691-17.899691-46.999189-17.899691-64.898881 0L512 447.109949l-90.798434-90.798434c-17.899691-17.899691-46.999189-17.899691-64.898881 0-17.899691 17.899691-17.899691 46.999189 0 64.898881l90.798434 90.798434-90.798434 90.798434c-17.899691 17.899691-17.899691 46.899191 0 64.898881z" p-id="3281"></path></svg>
-        <svg t="1646103528503" fill="#FEFFFF"  v-else-if="showText.includes('刷')" class="icon text-center w-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1986" width="200" height="200"><path d="M64 469.333333a21.333333 21.333333 0 0 1-16.896-34.304l141.354667-184.277333a176.682667 176.682667 0 0 1 62.208-50.944 21.333333 21.333333 0 1 1 18.773333 38.357333 131.882667 131.882667 0 0 0-47.146667 38.570667l-141.397333 184.234667A21.333333 21.333333 0 0 1 64 469.333333zM874.666667 640h-360.405334a21.333333 21.333333 0 0 1 0-42.666667H874.666667a64.085333 64.085333 0 0 0 64-64v-298.666666A64.085333 64.085333 0 0 0 874.666667 170.666667h-469.333334A64.085333 64.085333 0 0 0 341.333333 234.666667v225.024a21.333333 21.333333 0 0 1-42.666666 0V234.666667A106.794667 106.794667 0 0 1 405.333333 128h469.333334A106.794667 106.794667 0 0 1 981.333333 234.666667v298.666666a106.794667 106.794667 0 0 1-106.666666 106.666667z" p-id="1987"></path><path d="M248.021333 810.666667H64a21.333333 21.333333 0 0 1 0-42.666667h184.021333a192.597333 192.597333 0 0 0 160.512-85.930667 208.341333 208.341333 0 0 1 60.842667-59.861333l84.778667-54.613333a50.645333 50.645333 0 0 0-57.173334-80.810667l-253.866666 108.8a21.333333 21.333333 0 1 1-16.853334-39.168l253.866667-108.8a93.312 93.312 0 0 1 102.741333 151.68 20.224 20.224 0 0 1-3.541333 2.858667l-86.869333 55.893333a165.973333 165.973333 0 0 0-48.426667 47.701333A235.093333 235.093333 0 0 1 247.978667 810.666667zM320 298.666667a21.333333 21.333333 0 0 1-0.042667-42.666667l553.557334-0.853333a21.333333 21.333333 0 0 1 0.085333 42.666666L320 298.666667z" p-id="1988"></path></svg>
-        <svg t="1646104114458" fill="#FEFFFF" v-else-if="showText.includes('密码')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7044" width="200" height="200"><path d="M815.712 226.56c-50.24-54.784-125.6-82.208-200.96-73.088-93.632 11.424-171.264 82.208-191.808 175.84-6.848 36.544-6.848 73.088 2.272 107.328L151.2 710.656c-4.576 4.576-6.848 9.12-6.848 16V856.8c0 13.696 9.12 22.848 22.848 22.848h130.144c13.696 0 22.848-9.12 22.848-22.848v-54.784h57.088c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.816c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.784c13.696 0 22.848-9.12 22.848-22.848 0-16 13.696-29.696 29.696-25.12 27.392 9.12 57.088 9.12 86.784 6.848 107.328-11.424 191.808-98.208 200.96-203.232 6.848-66.24-13.696-127.904-57.088-175.84z m11.424 171.264c-6.848 84.48-75.36 152.992-159.84 162.112-25.12 4.576-47.968 2.272-70.784-4.576-6.848-2.272-11.424-2.272-18.272-2.272-29.696 0-57.088 20.544-66.208 47.968h-59.36c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-84.48v-98.176l278.592-278.592c4.576-4.576 6.848-13.696 4.576-22.848-9.12-29.696-11.424-63.936-4.576-95.904 16-73.088 77.632-132.448 152.992-141.568 59.36-6.848 118.752 16 159.84 59.36 34.24 38.816 50.208 89.056 45.664 141.568zM646.72 263.104c-63.936 0-114.176 50.24-114.176 114.176s50.24 114.176 114.176 114.176 114.176-50.24 114.176-114.176-50.24-114.176-114.176-114.176z m0 182.656c-38.816 0-68.512-29.696-68.512-68.512s29.696-68.512 68.512-68.512 68.512 29.696 68.512 68.512-29.696 68.512-68.512 68.512z" p-id="7045"></path></svg>
-        <svg t="1646105052843" fill="#FEFFFF" v-else-if="showText.includes('盖章')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10246" width="200" height="200"><path d="M859.6 859.6H164.4c-15.9 0-29-13-29-29V685.8c0-47.8 39.1-86.9 86.9-86.9h185.4c-5.8-34.8-23.2-68.1-47.8-97-33.3-37.7-50.7-85.5-50.7-134.7 0-55 21.7-107.2 62.3-146.3S464.2 163 520.7 164.4C625 168.7 713.3 258.5 714.8 362.8c1.4 52.1-18.8 102.8-53.6 141.9-24.6 26.1-39.1 57.9-44.9 94.2h185.4c47.8 0 86.9 39.1 86.9 86.9v144.8c0 16-13 29-29 29z m-666.3-57.9h637.3V685.8c0-15.9-13-29-29-29H584.4c-15.9 0-29-13-29-29 0-60.8 21.7-118.8 62.3-162.2 26.1-27.5 39.1-63.7 39.1-101.4C655.4 288.9 593.1 225.1 517.7 222.3c-40.6-1.4-78.2 13-105.7 40.6-29 27.5-44.9 65.2-44.9 104.3 0 34.8 13 69.5 36.2 95.6 42 47.8 65.2 105.7 65.2 165.1 0 15.9-13 29-29 29H222.3c-15.9 0-29 13-29 29v115.8z" p-id="10247"></path></svg>
-        <svg t="1646122277509" fill="#FEFFFF" v-else class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3421" width="200" height="200"><path d="M512 958.016611c-245.919634 0-446.016611-200.064292-446.016611-446.016611 0-245.919634 200.095256-446.016611 446.016611-446.016611 245.952318 0 446.016611 200.064292 446.016611 446.016611S757.952318 958.016611 512 958.016611zM512 129.983389c-210.655557 0-382.016611 171.359333-382.016611 382.016611 0 210.624593 171.359333 382.016611 382.016611 382.016611 210.624593 0 382.016611-171.359333 382.016611-382.016611S722.624593 129.983389 512 129.983389z" p-id="3422"></path><path d="M463.99957 304.00043c0 26.509985 21.490445 48.00043 48.00043 48.00043s48.00043-21.490445 48.00043-48.00043-21.490445-48.00043-48.00043-48.00043S463.99957 277.490445 463.99957 304.00043z" p-id="3423"></path><path d="M512 768c-17.664722 0-32.00086-14.303454-32.00086-32.00086L479.99914 448c0-17.664722 14.336138-32.00086 32.00086-32.00086s32.00086 14.336138 32.00086 32.00086l0 287.99914C544.00086 753.696546 529.664722 768 512 768z" p-id="3424"></path></svg>
+    <div class='tipsMessage' :class="{ [colorJudge.bg]: true, hidden: !tipsOperate}"  >
+        <svg t="1646193086896" :fill="colorJudge.iconColor" v-if="showText.includes('成功')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4086" width="200" height="200"><path d="M878.08 731.274667a32 32 0 0 1-54.88-32.938667A360.789333 360.789333 0 0 0 874.666667 512c0-200.298667-162.368-362.666667-362.666667-362.666667S149.333333 311.701333 149.333333 512s162.368 362.666667 362.666667 362.666667a360.789333 360.789333 0 0 0 186.314667-51.445334 32 32 0 0 1 32.928 54.88A424.778667 424.778667 0 0 1 512 938.666667C276.362667 938.666667 85.333333 747.637333 85.333333 512S276.362667 85.333333 512 85.333333s426.666667 191.029333 426.666667 426.666667c0 78.293333-21.152 153.568-60.586667 219.274667zM374.581333 489.450667l84.341334 83.989333 190.432-190.72a32 32 0 0 1 45.290666 45.226667l-213.013333 213.333333a32 32 0 0 1-45.226667 0.064l-106.986666-106.549333a32 32 0 1 1 45.162666-45.344z" p-id="4087"></path></svg>
+        <svg t="1646193026146" :fill="colorJudge.iconColor" v-else-if="showText.includes('失败') || showText.includes('请放入') || showText.includes('不一致')|| showText.includes('不足')|| showText.includes('错误')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3279" width="200" height="200"><path d="M942.792571 235.113605c-73.898726-114.998017-188.296753-194.296649-321.894449-223.296149-133.597696-28.9995-270.495335-4.199928-385.493352 69.698798-21.299633 13.699764-27.499526 42.099274-13.799762 63.398907 13.699764 21.299633 42.099274 27.499526 63.398907 13.799762 94.298374-60.698953 206.696435-80.998603 316.294545-57.199014 109.59811 23.79959 203.396492 88.898467 264.095445 183.196841 125.297839 194.796641 68.698815 455.19215-125.997827 580.489989-94.298374 60.698953-206.696435 80.998603-316.294545 57.199013-109.59811-23.79959-203.49649-88.898467-264.095445-183.19684-93.198393-144.997499-88.998465-329.594316 10.799814-470.191891 14.699746-20.699643 9.799831-49.29915-10.899813-63.998897-20.699643-14.699746-49.29915-9.799831-63.998896 10.899812-121.597903 171.397044-126.697815 396.293165-12.999776 572.990118 73.998724 114.998017 188.296753 194.296649 321.894449 223.29615 36.499371 7.899864 73.198738 11.799796 109.59811 11.799796 97.098325 0 192.196685-27.799521 275.795243-81.498594 237.295908-152.697367 306.194719-469.991894 153.597352-707.387801z" p-id="3280"></path><path d="M356.302685 667.706145c8.999845 8.999845 20.699643 13.399769 32.49944 13.399769s23.499595-4.499922 32.499439-13.399769l90.798434-90.798434 90.798434 90.798434c8.999845 8.999845 20.699643 13.399769 32.49944 13.399769s23.499595-4.499922 32.499439-13.399769c17.899691-17.899691 17.899691-46.999189 0-64.898881l-90.99843-90.798434 90.798434-90.798434c17.899691-17.899691 17.899691-46.999189 0-64.898881-17.899691-17.899691-46.999189-17.899691-64.898881 0L512 447.109949l-90.798434-90.798434c-17.899691-17.899691-46.999189-17.899691-64.898881 0-17.899691 17.899691-17.899691 46.999189 0 64.898881l90.798434 90.798434-90.798434 90.798434c-17.899691 17.899691-17.899691 46.899191 0 64.898881z" p-id="3281"></path></svg>
+        <svg t="1646103528503" :fill="colorJudge.iconColor"  v-else-if="showText.includes('刷')" class="icon text-center w-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1986" width="200" height="200"><path d="M64 469.333333a21.333333 21.333333 0 0 1-16.896-34.304l141.354667-184.277333a176.682667 176.682667 0 0 1 62.208-50.944 21.333333 21.333333 0 1 1 18.773333 38.357333 131.882667 131.882667 0 0 0-47.146667 38.570667l-141.397333 184.234667A21.333333 21.333333 0 0 1 64 469.333333zM874.666667 640h-360.405334a21.333333 21.333333 0 0 1 0-42.666667H874.666667a64.085333 64.085333 0 0 0 64-64v-298.666666A64.085333 64.085333 0 0 0 874.666667 170.666667h-469.333334A64.085333 64.085333 0 0 0 341.333333 234.666667v225.024a21.333333 21.333333 0 0 1-42.666666 0V234.666667A106.794667 106.794667 0 0 1 405.333333 128h469.333334A106.794667 106.794667 0 0 1 981.333333 234.666667v298.666666a106.794667 106.794667 0 0 1-106.666666 106.666667z" p-id="1987"></path><path d="M248.021333 810.666667H64a21.333333 21.333333 0 0 1 0-42.666667h184.021333a192.597333 192.597333 0 0 0 160.512-85.930667 208.341333 208.341333 0 0 1 60.842667-59.861333l84.778667-54.613333a50.645333 50.645333 0 0 0-57.173334-80.810667l-253.866666 108.8a21.333333 21.333333 0 1 1-16.853334-39.168l253.866667-108.8a93.312 93.312 0 0 1 102.741333 151.68 20.224 20.224 0 0 1-3.541333 2.858667l-86.869333 55.893333a165.973333 165.973333 0 0 0-48.426667 47.701333A235.093333 235.093333 0 0 1 247.978667 810.666667zM320 298.666667a21.333333 21.333333 0 0 1-0.042667-42.666667l553.557334-0.853333a21.333333 21.333333 0 0 1 0.085333 42.666666L320 298.666667z" p-id="1988"></path></svg>
+        <svg t="1646104114458" :fill="colorJudge.iconColor" v-else-if="showText.includes('密码')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7044" width="200" height="200"><path d="M815.712 226.56c-50.24-54.784-125.6-82.208-200.96-73.088-93.632 11.424-171.264 82.208-191.808 175.84-6.848 36.544-6.848 73.088 2.272 107.328L151.2 710.656c-4.576 4.576-6.848 9.12-6.848 16V856.8c0 13.696 9.12 22.848 22.848 22.848h130.144c13.696 0 22.848-9.12 22.848-22.848v-54.784h57.088c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.816c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.784c13.696 0 22.848-9.12 22.848-22.848 0-16 13.696-29.696 29.696-25.12 27.392 9.12 57.088 9.12 86.784 6.848 107.328-11.424 191.808-98.208 200.96-203.232 6.848-66.24-13.696-127.904-57.088-175.84z m11.424 171.264c-6.848 84.48-75.36 152.992-159.84 162.112-25.12 4.576-47.968 2.272-70.784-4.576-6.848-2.272-11.424-2.272-18.272-2.272-29.696 0-57.088 20.544-66.208 47.968h-59.36c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-84.48v-98.176l278.592-278.592c4.576-4.576 6.848-13.696 4.576-22.848-9.12-29.696-11.424-63.936-4.576-95.904 16-73.088 77.632-132.448 152.992-141.568 59.36-6.848 118.752 16 159.84 59.36 34.24 38.816 50.208 89.056 45.664 141.568zM646.72 263.104c-63.936 0-114.176 50.24-114.176 114.176s50.24 114.176 114.176 114.176 114.176-50.24 114.176-114.176-50.24-114.176-114.176-114.176z m0 182.656c-38.816 0-68.512-29.696-68.512-68.512s29.696-68.512 68.512-68.512 68.512 29.696 68.512 68.512-29.696 68.512-68.512 68.512z" p-id="7045"></path></svg>
+        <svg t="1646105052843" :fill="colorJudge.iconColor" v-else-if="showText.includes('盖章')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10246" width="200" height="200"><path d="M859.6 859.6H164.4c-15.9 0-29-13-29-29V685.8c0-47.8 39.1-86.9 86.9-86.9h185.4c-5.8-34.8-23.2-68.1-47.8-97-33.3-37.7-50.7-85.5-50.7-134.7 0-55 21.7-107.2 62.3-146.3S464.2 163 520.7 164.4C625 168.7 713.3 258.5 714.8 362.8c1.4 52.1-18.8 102.8-53.6 141.9-24.6 26.1-39.1 57.9-44.9 94.2h185.4c47.8 0 86.9 39.1 86.9 86.9v144.8c0 16-13 29-29 29z m-666.3-57.9h637.3V685.8c0-15.9-13-29-29-29H584.4c-15.9 0-29-13-29-29 0-60.8 21.7-118.8 62.3-162.2 26.1-27.5 39.1-63.7 39.1-101.4C655.4 288.9 593.1 225.1 517.7 222.3c-40.6-1.4-78.2 13-105.7 40.6-29 27.5-44.9 65.2-44.9 104.3 0 34.8 13 69.5 36.2 95.6 42 47.8 65.2 105.7 65.2 165.1 0 15.9-13 29-29 29H222.3c-15.9 0-29 13-29 29v115.8z" p-id="10247"></path></svg>
+        <svg t="1646122277509" :fill="colorJudge.iconColor" v-else class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3421" width="200" height="200"><path d="M512 958.016611c-245.919634 0-446.016611-200.064292-446.016611-446.016611 0-245.919634 200.095256-446.016611 446.016611-446.016611 245.952318 0 446.016611 200.064292 446.016611 446.016611S757.952318 958.016611 512 958.016611zM512 129.983389c-210.655557 0-382.016611 171.359333-382.016611 382.016611 0 210.624593 171.359333 382.016611 382.016611 382.016611 210.624593 0 382.016611-171.359333 382.016611-382.016611S722.624593 129.983389 512 129.983389z" p-id="3422"></path><path d="M463.99957 304.00043c0 26.509985 21.490445 48.00043 48.00043 48.00043s48.00043-21.490445 48.00043-48.00043-21.490445-48.00043-48.00043-48.00043S463.99957 277.490445 463.99957 304.00043z" p-id="3423"></path><path d="M512 768c-17.664722 0-32.00086-14.303454-32.00086-32.00086L479.99914 448c0-17.664722 14.336138-32.00086 32.00086-32.00086s32.00086 14.336138 32.00086 32.00086l0 287.99914C544.00086 753.696546 529.664722 768 512 768z" p-id="3424"></path></svg>
         <h4>{{ showText }}</h4>
     </div>
 </template>
@@ -43,7 +43,26 @@ export default {
     computed: {
         ...mapState("system", [
             "tipsOperate"
-        ])
+        ]),
+        colorJudge() {
+            const showText = this.showText
+            if(showText.includes('成功')) {
+                return {
+                    bg: 'successTip',
+                    iconColor: 'green'
+                }
+            }else if(showText.includes('失败') || showText.includes('请放入') || showText.includes('不一致')|| showText.includes('不足')|| showText.includes('错误')) {
+                return {
+                    bg: 'errorTip',
+                    iconColor: 'white'
+                }
+            }else {
+                return {
+                    bg: 'errorTip',
+                    iconColor: 'white'
+                }
+            }
+        }
     },
     methods: {
         ...mapMutations({
@@ -191,8 +210,7 @@ export default {
     .tipsMessage {
         min-width: 326px;
         min-height: 167px;
-        border: 1px solid #979797;
-        border-radius: 16px;
+        
         position: absolute;
         top: 50%;
         left: 50%;
@@ -201,19 +219,28 @@ export default {
         justify-content: center;
         align-items: center;
         transform: translate(-50%, -50%);
-        background: rgba(0,0,0,0.80);
-        background-color: rgba(31,31,31,.9);
         svg {
             width: 42.94px;
             height: 42.94px;
         }
         h4{
             height: 32px;
-            color: white;
             font-size: 24px;
             line-height: auto;
             font-family: PingFang SC;
             padding: 20px;
         }
     }
+    .errorTip {
+        color: white;
+        background-color: rgba(31,31,31,.9);
+        border: 1px solid #979797;
+        border-radius: 16px;
+    }
+    .successTip {
+        color: green;
+        background-color: rgba(255, 255, 255,.9);
+        border: 1px solid white;
+        border-radius: 16px;
+    }
 </style>
\ No newline at end of file
diff --git a/src/pages/counter/list/index.vue b/src/pages/counter/list/index.vue
index 57f89d9..0d00aa2 100644
--- a/src/pages/counter/list/index.vue
+++ b/src/pages/counter/list/index.vue
@@ -158,18 +158,19 @@
                         <p>{{item.name}}</p>
                     </div>
                 </div>
-                <div class="box right" ref="popUpSeal">
+                <div class="box right flex flex-col justify-items-center items-center" ref="popUpSeal">
                     <!-- receptionList -->
                     <div class="img-wrap2 max-h-96" :class="{ checked: commonChecked.includes(item.id) }" v-for="(item, index) in goodState" @click='dislodgeItem(index)' :key="item.id" >
                         <img v-if="item.name.includes('复印件')" :src="item.src" class="fileSeal"  :alt="item.name" :title="item.name" />
                         <el-image
+                            width="100%"
                             v-else
                             :src="item.src"
                             class="fileSeal"
                             :alt="item.name"
                             :title="item.name"
                             fit="contain"></el-image>
-                        <p class="text">{{item.name}}</p>
+                        <!-- <p class="text">{{item.name}}</p> -->
                     </div>
 <!--                    <div v-for="(item, index) in goods" :key="index" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item)">-->
 <!--                        <img :src="item.src" alt="" />-->
@@ -185,7 +186,7 @@
                         <el-image
                             style="width: 100px; height: 70px;margin-top: 10px;"
                             :src="item.src"
-                            :fit="fit"></el-image>
+                            fit="scale-down"></el-image>
                         <p>{{item.name}}</p>
                     </div>
                 </div>
@@ -204,13 +205,25 @@
             </div>
             <div v-else-if="popText==='身份证扫描仪'" class="list " ref="popUp">
                 <div class="img-wrap" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" v-for="(item, index) in  receptionList" :key="item.id" @click='dislodgeItem(index)'>
-                    <img :src="item.src" class="file"  alt="" />
+                    <!-- <img :src="item.src" class="file"  alt="" /> -->
+                    <el-image
+                        :src="item.src"
+                        class="file"
+                        :alt="item.name"
+                        :title="item.name"
+                        fit="scale-down"></el-image>
                     <p class="text">{{item.name}}</p>
                 </div>
             </div>
             <div v-else-if="popText==='身份证扫描器'" class="list " ref="popUp">
                 <div class="img-wrap" v-for="(item, index) in  receptionList" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" :key="item.id" @click='dislodgeItem(index)'>
-                    <img :src="item.src" class="file"  alt="" />
+                    <!-- <img :src="item.src" class="file"  alt="" /> -->
+                    <el-image
+                        :src="item.src"
+                        class="file"
+                        :alt="item.name"
+                        :title="item.name"
+                        fit="scale-down"></el-image>
                     <p class="text">{{item.name}}</p>
                 </div>
             </div>
@@ -218,7 +231,13 @@
             
             <div v-else-if="popText==='刷卡器'" ref="popUp" class="list  ">
                 <div class="img-wrap" v-for="(item, index) in  receptionList" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id">
-                    <img :src="item.src" class="file"  alt="" />
+                    <!-- <img :src="item.src" class="file"  alt="" /> -->
+                    <el-image
+                        :src="item.src"
+                        class="file"
+                        :alt="item.name"
+                        :title="item.name"
+                        fit="scale-down"></el-image>
                     <p class="text">{{item.name}}</p>
                 </div>
             </div>
@@ -227,13 +246,25 @@
             <!-- 客户签字 -->
             <div v-else-if="popText==='客户签字'" class="list  " ref="popUp">
                 <div class="img-wrap" v-for="(item, index) in  goodState" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id">
-                    <img :src="item.src" class="file"  alt="" />
+                    <!-- <img :src="item.src" class="file"  alt="" /> -->
+                    <el-image
+                        :src="item.src"
+                        class="file"
+                        :alt="item.name"
+                        :title="item.name"
+                        fit="scale-down"></el-image>
                     <p class="text">{{item.name}}</p>
                 </div>
             </div>
             <div v-else-if="popText==='返还资料'" class="list  " ref="popUp">
                 <div class="img-wrap" v-for="(item, index) in  goodState" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id">
-                    <img :src="item.src" class="file"  alt="" />
+                    <!-- <img :src="item.src" class="file"  alt="" /> -->
+                    <el-image
+                        :src="item.src"
+                        class="file"
+                        :alt="item.name"
+                        :title="item.name"
+                        fit="scale-down"></el-image>
                     <p class="text">{{item.name}}</p>
                 </div>
             </div>
@@ -242,7 +273,13 @@
             <!-- 暂时未确定是否公共使用一个弹框  receptionList-->
             <div v-else class="list  " ref="popUp"><!-- 钱箱 / 传票栏 ... 一系列可存物品弹框  -->
                 <div class="img-wrap" v-for="(item, index) in  goodState" @click='dislodgeItem(index)' :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" :key="item.id">
-                    <img :src="item.src" class="file"  alt="" />
+                    <!-- <img :src="item.src" class="file"  alt="" /> -->
+                    <el-image
+                        :src="item.src"
+                        class="file"
+                        :alt="item.name"
+                        :title="item.name"
+                        fit="scale-down"></el-image>
                     <p class="text">{{item.name }}</p>
                 </div>
             </div>
@@ -250,7 +287,7 @@
             
 
             <div class="dia-footer">
-                <button v-throttle @click="popSure" type="button">确定</button>
+                <button v-throttle @click="popSure" class="w-1/5" type="button">确定</button>
                 <!-- <el-button type="primary" v-throttle @click="popSure">确定</el-button> -->
             </div>
         </div>
@@ -3203,16 +3240,16 @@ export default {
     .dia-header {
         position: relative;
         .data-title {
-            height:30px;
-            width: 200px;
+            height:50px;
+            width: 250px;
             margin: 0 auto;
-            line-height: 30px;
+            line-height: 50px;
             text-align: center;
             color: #fff;
             font-size: 18px;
             background: url(../../../assets/img/dia-title.png) 0 0 / cover no-repeat;
             // background: url(../../../assets/img/dia-title.png);
-            background-size: 200px 30px;
+            background-size: 250px 50px;
         }
         .close {
             position: absolute;
@@ -3369,9 +3406,15 @@ export default {
         .box{
             border: 2px solid #e6e6e6;
             width: 45%;
-            min-height: 280px;
+            min-height: 40vh;
             border-radius: 10px;
             padding: 10px;
+
+            height: 100%;
+            // opacity: 0.5;
+            background: #FCFCFC;
+            border: 4px solid #DBDBDB;
+            border-radius: 16px;
         }
         .left{
             display: flex;
@@ -3432,6 +3475,9 @@ export default {
         }
         .right{
             margin-left: 5%;
+            
+            
+            
         }
         .else{
             width: 100%;
@@ -3461,6 +3507,9 @@ export default {
     .dia-footer {
         margin-top: 30px;
         text-align: center;
+        button {
+            width: 10vw;
+        }
         // button {
         //     width: 100px;
         //     line-height: 60px;
@@ -3535,11 +3584,14 @@ export default {
                 .box{
                     //background-color: red;
                     border: 2px solid #e6e6e6;
-                    height: 2vh;
-                    width: 45%;
-                    min-height: 280px;
+                    min-height: 50vh;
                     border-radius: 10px;
                     padding: 10px;
+
+                    // opacity: 0.5;
+                    background: #FCFCFC;
+                    border: 4px solid #DBDBDB;
+                    border-radius: 16px;
                 }
                 .else{
                     width: 100%;
diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue
index a711ec2..c0deae7 100644
--- a/src/pages/index/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -10,11 +10,22 @@
         <div class="sth integrated-counter cp">
             <img width="100%" v-lazy="lazy1" alt="" @click="toPart('/counter')"> 
             <!-- src="@/assets/img/integrated-counter.png" -->
-            <div class="name">综合柜台</div>
+            <div class="name" @click="toPart('/counter')">综合柜台</div>
+        </div>
+
+        <div class="sth international cp">
+            <!-- <img width="100%" v-lazy="lazy1" alt="" @click="toPart('/counter')">  -->
+            <img width="100%" v-lazy="lazy2" alt="" @click="showComing" />
+            <!-- src="@/assets/img/integrated-counter.png" -->
+            <div class="name" @click="showComing">国际结算部</div>
+        </div>
+        
+        <!-- <img class="sth international cp" v-lazy="lazy2" alt="" @click="showComing"> -->
+        <div class="sth manager cp" @click="toPart('/lobbyManager')">
+            <img width="100%" v-lazy="lazy3" alt="">
+            <div class="name">大堂经理</div>
         </div>
         
-        <img class="sth international cp" v-lazy="lazy2" alt="" @click="showComing">
-        <img class="sth manager cp" v-lazy="lazy3" alt="" @click="toPart('/lobbyManager')">
         <img class="sth credit-dep cp" v-lazy="lazy4" alt="" @click="showComing">
         <img class="sth company-finance cp" v-lazy="lazy5" alt="" @click="showComing">
         <img class="sth personal-finance cp" v-lazy="lazy6" alt="" @click="showComing">
@@ -115,6 +126,23 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+    // 标牌文字
+    @mixin nameTip {
+        width: 200px;
+        height: 70px;
+        line-height: 60px;
+        text-align: center;
+        font-size: 20px;
+        background: url(../../../assets/img/index-btn-bg.png);
+        // background-position: center center;
+        background-size: 100%;
+        color: #fff;
+        border-radius: 16px;
+        // box-shadow: 0 6px 8px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
+        z-index: 100;
+    }
+
+
     .wrap{
         .sth{
             position: absolute;
@@ -132,29 +160,15 @@ export default {
             top: -5%;
             left: 24%;
             width: 43%;
-            
-            img{
-                transition: all .5s;
-                &:hover{
-                    margin-top: -10px;
-                }
+            transition: all .5s;
+            &:hover{
+                margin-top: -10px;
             }
             .name{
                 position: absolute;
                 top: 43%;
-                left: -23%;
-                width: 220px;
-                height: 85px;
-                width: 325px;
-                height: 121px;
-                // transform: rotate(-29deg);
-                z-index: 100;
-
-                line-height: 85px;
-                text-align: center;
-                color: #fff;
-                font-size: 38px;
-                background: url(../../../assets/img/index-btn-bg.png) 0 0/cover no-repeat;
+                left: -15%;
+                @include nameTip;
             }
         }
         .international{
@@ -163,8 +177,21 @@ export default {
             width: 28%;
             transition: all .5s;
             &:hover{
-                top: -10px;
+                margin-top: -10px;
             }
+            // img{
+            //     transition: all .5s;
+            //     &:hover{
+            //         margin-top: -10px;
+            //     }
+            // }
+            .name{
+                position: absolute;
+                top: 53%;
+                left: -10%;
+                @include nameTip;
+            }
+            
         }
         .manager{
             top: 47%;
@@ -175,6 +202,12 @@ export default {
                 z-index: 9999;
                 top: calc(47% - 10px);
             }
+            .name {
+                position: absolute;
+                top: 65%;
+                left: 37%;
+                @include nameTip;
+            }
         }
         .credit-dep{
             top: 35%;
diff --git a/src/pages/lobbyManager/list/index.vue b/src/pages/lobbyManager/list/index.vue
index 14d54a9..a598828 100644
--- a/src/pages/lobbyManager/list/index.vue
+++ b/src/pages/lobbyManager/list/index.vue
@@ -159,35 +159,62 @@
                 <img class="close" src="@/assets/svg/close.svg" alt="" @click="closeCopyDia">
             </div>
             <p class="tips">- 请单击选中复印材料、双击可放大预览 -</p>
-            <ul class="list" style="justify-content: center">
-                <li v-for="item in elImg2" :class="{checked: checkList.includes(item.key)}" @click="checkData(item.key)" :key="item.key">
-                    <!-- <img :src="item.img" :title="item.name" :alt="item.name"> -->
-                    <el-image
-                        style="margin-top: -10"
-                        :src="item.img"
-                        :fit="elImgFit"
-                        ></el-image>
-                    <p>{{ item.name }}</p>
-                </li>
+            <ul  class="flex justify-center ">
+                <div  v-for="item in elImg2"  class="list flex-col spacialStyle"  @click="checkData(item.key, item.copyState)" :key="item.key">
+                    <li :class="{checked: checkList.includes(item.key)}">
+                        <!-- <img :src="item.img" :title="item.name" :alt="item.name"> -->
+                        <el-image
+                            style="margin-top: -10"
+                            :src="item.img"
+                            :fit="elImgFit"
+                            ></el-image>
+                        <p>{{ item.name }}</p>
+                    </li>
+                    <p v-show="item.copyState">已复印</p>
+                </div>
             </ul>
             <div class="dia-footer">
                 <button type="button" v-throttle @click="sureCopy">确定</button>
             </div>
         </el-dialog>
 
-        <el-dialog :visible.sync="recaptionVisible" style="width: 100%" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia  ">
+
+        <el-dialog :visible.sync="recaptionVisible" style="width: 100%" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia ">
             <div slot="title" class="dia-header">
                 <div class="data-title">取回</div>
                 <img class="close" src="@/assets/svg/close.svg" alt="" @click="closeRecaption">
             </div>
             <p class="tips">- 请单击选中复印材料、双击可放大预览 -</p>
-            <ul class="list" style="justify-content: center">
+            <ul class="flex justify-center" >
+                <div  v-for="item in elImg2"  class="list flex-col"  @click="checkData(item.key, item.returnState)" :key="item.key">
+                    <li :class="{checked: checkList.includes(item.key)}">
+                        <!-- <img :src="item.img" :title="item.name" :alt="item.name"> -->
+                        <el-image
+                            :src="item.img"
+                            :fit="elImgFit"
+                            ></el-image>
+                        <p>{{ item.name }}</p>
+                    </li>
+                    <p v-show="item.returnState">已取回</p>
+                </div>
+            </ul>
+            <div class="dia-footer">
+                <button type="button" v-throttle @click="takeBack">确定</button>
+            </div>
+        </el-dialog>
+
+        <!-- <el-dialog :visible.sync="recaptionVisible" style="width: 100%" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia  ">
+            <div slot="title" class="dia-header">
+                <div class="data-title">取回</div>
+                <img class="close" src="@/assets/svg/close.svg" alt="" @click="closeRecaption">
+            </div>
+            <p class="tips">- 请单击选中复印材料、双击可放大预览 -</p>
+            <ul class="list">
                 <li :class="{checked: checkList.includes(13)}" @click="checkData(13)">
                     <img src="@/assets/img/idCard-sm.png" alt="">
                     <p>身份证</p>
                 </li>
-                <li :class="{checked: checkList.includes(405)}" @click="checkData(405)" style='margin-left: 10px'>
-                    <!-- <img style="margin-top: 0" src="@/assets/img/open-account-apply-sm.png" alt=""> -->
+                <li :class="{checked: checkList.includes(405)}" @click="checkData(405)">
                     <el-image
                         style="margin-top: -10"
                         :src="elImg[0].img"
@@ -199,7 +226,7 @@
             <div class="dia-footer">
                 <button type="button" v-throttle @click="takeBack">确定</button>
             </div>
-        </el-dialog>
+        </el-dialog> -->
 
         <!-- 图片查看器 -->
         <el-dialog
@@ -256,8 +283,8 @@ export default {
             ],
             elImg2: [
                 
-                { img: require('@/assets/img/goods/accountApplyBook.jpg'), name: '开户申请书', key: 405 },
-                { img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 13 },
+                { img: require('@/assets/img/goods/accountApplyBook.jpg'), name: '开户申请书', key: 405, copyState: false, returnState: false },
+                { img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 13, copyState: false, returnState: false },
 
             ],
             listLi1 : [
@@ -278,6 +305,16 @@ export default {
             lazy1: require('@/assets/img/manager.png')
         }
     },
+    created() {
+        const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id   +  ',286,416'
+        let param= {
+            parentId
+        }
+        getOperation(param).then((data)=>{
+            console.log('缓存的data')
+            console.log(data)
+        })
+    },
     mixins: [saveSystemModule],
     mounted() {
         
@@ -403,8 +440,14 @@ export default {
             addOperation(params).then((data)=>{
                 // ...
                 this.copyVisible = false
+                this.elImg2.map(item => {
+                    if(this.checkList.findIndex(item2 => item2 === item.key ) !== -1) {
+                        item.copyState = true
+                    }
+                })
                 this.checkList = []
                 this.takeResultVisible = true
+                
                 setTimeout(() => {
                     if(this.takeResultVisible) {
                         this.takeResultVisible = false
@@ -413,7 +456,7 @@ export default {
             }).catch((error)=>{
                 this.$message({
                     showClose: true,
-                    message: '网络可能有问题哦,填单失败',
+                    message: '网络可能有问题,填单失败',
                     type: 'warning',
                     center: true
                 });
@@ -443,6 +486,11 @@ export default {
             addOperation(params).then((data)=>{
                 // ...
                 this.recaptionVisible = false
+                this.elImg2.map(item => {
+                    if(this.checkList.findIndex(item2 => item2 === item.key ) !== -1) {
+                        item.returnState = true
+                    }
+                })
                 this.checkList = []
                 this.takeResultVisible = true
                 setTimeout(() => {
@@ -503,7 +551,11 @@ export default {
             this.workingName = '填单'
             this.dataVisible = true
         },
-        checkData(id){
+        checkData(id, state){
+            if(state) {
+                return
+            }
+
             this.checkList.includes(id) ? this.checkList.splice(this.checkList.indexOf(id),1) : this.checkList.push(id)
 
             this.clickNum++
@@ -515,6 +567,9 @@ export default {
                 }else if(this.workingName === '复印') {
                     itemIndex = this.elImg2.findIndex(item => item.key === id)
                     this.imgSrc = this.elImg2[itemIndex].img
+                }else if(this.workingName === '取回') {
+                    itemIndex = this.elImg2.findIndex(item => item.key === id)
+                    this.imgSrc = this.elImg2[itemIndex].img
                 }
                 this.clickNum = 0;  
                 this.showImg = true
@@ -689,14 +744,55 @@ export default {
         }
         .list {
             max-height: 30vh;
+            min-width: 5vw;
+            overflow: auto;
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            li {
+                width: 140px;
+                height: 140px;
+                margin: 10px 10px;
+                // 这里和common.js混了！
+                box-sizing: border-box;
+                display: flex;
+                flex-direction: column;
+                justify-content: space-between;
+                align-items: center;
+                box-sizing: border-box;
+                overflow: hidden;
+                padding: 10px;
+                // &>img {
+                //     width: 100%;
+                //     //max-width: 90%;
+                // }
+                &>.el-image {
+                    width: 100%;
+                    max-height: 80px;
+                    overflow: hidden;
+                    img {
+                        //transform: translateY(-35%);
+                        // width: 100%;
+                    }
+                }
+                p{
+                    font-size: 14px;
+                    line-height: 40px;
+                }
+            }
+        }
+
+        .list2 {
+            max-height: 30vh;
+            min-width: 5vw;
             overflow: auto;
             display: flex;
-            justify-content: space-around;
+            justify-content: center;
             flex-wrap: wrap;
-            &>li {
+            li {
                 width: 140px;
                 height: 140px;
-                margin: 10px 0;
+                margin: 10px 10px;
                 // 这里和common.js混了！
                 box-sizing: border-box;
                 display: flex;
@@ -711,7 +807,7 @@ export default {
                 //     //max-width: 90%;
                 // }
                 &>.el-image {
-                     width: 100%;
+                    width: 100%;
                     max-height: 80px;
                     overflow: hidden;
                     img {
@@ -731,4 +827,8 @@ export default {
         opacity: 0;
         cursor: default!important;
     }
+
+    .spacialStyle {
+        width: 30%!important;
+    }
 </style>
\ No newline at end of file