赛事中文隐藏下载收据

zhangmeng
Showing 1 changed file with 65 additions and 64 deletions
src/viewsPc/match/pay.vue
--- a/src/viewsPc/match/pay.vue
View file @23e7b3d
+++ b/src/viewsPc/match/pay.vue
View file @23e7b3d
 <template>
  <div style="min-height: 100vh">
-    <div class="box" v-if="!errorBox">
+    <div v-if="!errorBox" class="box">
      <el-card :body-style="{ padding: '0px' }" class="mt20">
        <div slot="header">
          <div class="bg-lineg">{{ language == 0 ? '报名缴费清单' : 'Registration Payment List' }}</div>
@@ -10,15 +10,15 @@
          <group-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/>
          <coach-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/>
-          <div class="pd20" v-if="user.utype=='1'&&myMemberTable.length>0">
+          <div v-if="user.utype=='1'&&myMemberTable.length>0" class="pd20">
            <div class="leftboderTT">{{ language == 0 ? '随行人员清单' : 'List of accompanying personnel' }}
            </div>
            <div>
-              <el-table class="mt20" :data="myMemberTable" border>
+              <el-table :data="myMemberTable" border class="mt20">
-                <el-table-column type="index" :label="language=='0'?'序号':'Index'" width="70" align="center"/>
+                <el-table-column :label="language=='0'?'序号':'Index'" align="center" type="index" width="70"/>
-                <el-table-column :label="language=='1'?'Surname':'姓氏'" prop="xing" min-width="100"/>
+                <el-table-column :label="language=='1'?'Surname':'姓氏'" min-width="100" prop="xing"/>
-                <el-table-column :label="language=='0'?'名':'Name'" prop="ming" min-width="100"/>
+                <el-table-column :label="language=='0'?'名':'Name'" min-width="100" prop="ming"/>
-                <el-table-column :label="language==0?'国家/地区':'Nationality'" prop="countryName" min-width="100"/>
+                <el-table-column :label="language==0?'国家/地区':'Nationality'" min-width="100" prop="countryName"/>
                <!--                <el-table-column :label="language=='1'?'Passport number':'护照号'" prop="idcCode" min-width="120"/>-->
                <!--                <el-table-column :label="language=='1'?'Birthday':'生日'" prop="birth"/>-->
                <el-table-column :label="language=='1'?'Gender':'性别'" prop="sexStr"/>
@@ -40,26 +40,26 @@
              </el-table>
            </div>
          </div>
-          <div class="pd20" v-if="signInfoList?.length>0||zuQuery.athName">
+          <div v-if="signInfoList?.length>0||zuQuery.athName" class="pd20">
            <div class="leftboderTT">{{ language == 0 ? '参赛人员保险费' : 'Participant Insurance Fee' }}
              <div class="fr">
-                <el-input size="small" v-model="zuQuery.athName" :prefix-icon="Search"
+                <el-input v-model="zuQuery.athName" :prefix-icon="Search" clearable
-                          @change="getSignList" clearable/>
+                          size="small" @change="getSignList"/>
              </div>
            </div>
            <!--            人员列表-->
-            <sign-info-table class="mt20" v-if="matchId" :show-summary="true" :total="insuranceFeeTotal"
+            <sign-info-table v-if="matchId" :hasAction="false" :list="signInfoList" :match-id="matchId"
-                             :match-id="matchId" :list="signInfoList" :hasAction="false"/>
+                             :show-summary="true" :total="insuranceFeeTotal" class="mt20"/>
          </div>
-          <div class="pd20" v-if="zuTableList?.length>0||zuQuery.groName">
+          <div v-if="zuTableList?.length>0||zuQuery.groName" class="pd20">
            <div class="leftboderTT">{{ language == 0 ? '参赛设项服务费' : 'Registration Fee for Event Entry' }}
              <div class="fr">
-                <el-input size="small" v-model="zuQuery.groName" :prefix-icon="Search"
+                <el-input v-model="zuQuery.groName" :prefix-icon="Search" clearable
-                          @change="getSignList" clearable/>
+                          size="small" @change="getSignList"/>
              </div>
            </div>
-            <zu-table class="mt20" :list="zuTableList" :show-summary="true" :total="serviceFeeTotal"
+            <zu-table :hasAction="false" :list="zuTableList" :show-summary="true" :total="serviceFeeTotal"
-                      :hasAction="false"/>
+                      class="mt20"/>
          </div>
          <el-row class="priceBar">
            <el-col :lg="12" :xs="24" class="pl-15">
@@ -84,11 +84,11 @@
              </el-link>
            </el-col>
            <el-col :lg="12" :xs="24">
-              <div class="flex" v-if="Number(form.totalFee)>0">
+              <div v-if="Number(form.totalFee)>0" class="flex">
-                <div class="item" v-if="signInfoList?.length>0"><label>{{
+                <div v-if="signInfoList?.length>0" class="item"><label>{{
                    language == 0 ? '参赛服务费' : 'REGISTRATION FEE'
                  }}：</label><span>{{ language == 0 ? '¥' : '€' }}{{ serviceFeeTotal }}</span></div>
-                <div class="item" v-if="zuTableList?.length>0"><label>{{
+                <div v-if="zuTableList?.length>0" class="item"><label>{{
                    language == 0 ? '保险费' : 'INSURANCE'
                  }}：</label><span>{{ language == 0 ? '¥' : '€' }}{{ insuranceFeeTotal }}</span></div>
                <div class="item"><label>{{ language == 0 ? '费用总计' : 'Total Cost' }}：</label><span
@@ -99,8 +99,8 @@
        </div>
        <div v-else class="pd20 skeletonBox">
          <el-skeleton :rows="8"/>
-          <el-button type="primary" class="btn-lineG" size="large" :style="language == 0 ?'width:200px':'width:400px'"
+          <el-button :style="language == 0 ?'width:200px':'width:400px'" class="btn-lineG" round size="large"
-                     round @click="showLogin">
+                     type="primary" @click="showLogin">
            {{ language == 0 ? '登录后查看详细报项信息' : 'View detailed report information after logging in' }}
          </el-button>
        </div>
@@ -109,44 +109,44 @@
      <el-card class="mt20 mb20">
        <el-row class="result">
          <el-col :lg="12">
-            <div class="text-warning flex" v-if="form.auditStatus=='1'">
+            <div v-if="form.auditStatus=='1'" class="text-warning flex">
              <img src="@/assets/img/ing.png">
              {{ language == 0 ? '报名信息审核中' : 'Registration Information under review' }}
            </div>
-            <div class="text-success flex" v-if="form.auditStatus=='2'">
+            <div v-if="form.auditStatus=='2'" class="text-success flex">
              <img src="@/assets/img/r.png">
              {{ language == 0 ? '报名信息审核通过' : 'Registration Information Approved' }}
            </div>
-            <div class="text-danger flex" v-if="form.auditStatus=='3'">
+            <div v-if="form.auditStatus=='3'" class="text-danger flex">
              <img src="@/assets/img/w.png">
              <div>
                {{ language == 0 ? '报名信息审核拒绝' : 'Registration Information rejected' }}
                <div v-if="form.reason" class="rre">{{ language == 0 ? '驳回理由' : 'Reason' }}：{{ form.reason }}</div>
              </div>
            </div>
-            <div class="text-danger flex" v-if="form.auditStatus=='4'">
+            <div v-if="form.auditStatus=='4'" class="text-danger flex">
              <img src="@/assets/img/w.png">
              <div>
                {{ language == 0 ? '报名已取消' : 'Registration cancelled' }}
              </div>
            </div>
          </el-col>
-          <el-col :lg="12" v-if="Number(form.totalFee)>0">
+          <el-col v-if="Number(form.totalFee)>0" :lg="12">
-            <div class="priceb" v-if="form.payStatus=='0'">{{ language == 0 ? '待支付金额' : 'Amount Due' }}：<span
+            <div v-if="form.payStatus=='0'" class="priceb">{{ language == 0 ? '待支付金额' : 'Amount Due' }}：<span
              class="price">{{ language == 0 ? '¥' : '€' }}{{ Number(totalFee).toFixed(2) }}</span></div>
-            <div class="priceb" v-else-if="form.payStatus=='1'">{{
+            <div v-else-if="form.payStatus=='1'" class="priceb">{{
                language == 0 ? '线下支付待核销' : 'Amount Due'
              }}：<span class="price">{{ language == 0 ? '¥' : '€' }}{{ Number(totalFee).toFixed(2) }}</span></div>
-            <div class="priceb" v-else-if="form.payStatus=='3'">{{ language == 0 ? '已支付金额' : 'Amount Due' }}：<span
+            <div v-else-if="form.payStatus=='3'" class="priceb">{{ language == 0 ? '已支付金额' : 'Amount Due' }}：<span
              class="price">{{ language == 0 ? '¥' : '€' }}{{ Number(totalFee).toFixed(2) }}</span></div>
-            <div class="priceb" v-else-if="form.payStatus=='5'">{{ language == 0 ? '已退款' : 'Refunded' }}：<span
+            <div v-else-if="form.payStatus=='5'" class="priceb">{{ language == 0 ? '已退款' : 'Refunded' }}：<span
              class="price">{{ language == 0 ? '¥' : '€' }}{{ Number(totalFee).toFixed(2) }}</span></div>
-            <div class="priceb" v-else>{{ language == 0 ? '费用总计' : 'Amount Due' }}：<span
+            <div v-else class="priceb">{{ language == 0 ? '费用总计' : 'Amount Due' }}：<span
              class="price">{{ language == 0 ? '¥' : '€' }}{{ Number(totalFee).toFixed(2) }}</span></div>
          </el-col>
        </el-row>
      </el-card>
-      <el-card class="mb60" v-if="form.auditStatus=='2'&&form.payStatus=='0'&&Number(form.totalFee)>0">
+      <el-card v-if="form.auditStatus=='2'&&form.payStatus=='0'&&Number(form.totalFee)>0" class="mb60">
        <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div>
        <div class="mt20">
          <el-radio-group v-model="payType" @change="changePaytype">
@@ -154,10 +154,10 @@
            <!--            <el-radio label="1" border>-->
            <!--              <svg t="1709003181386" class="icon" viewBox="0 0 3283 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31015" width="100" height="40"><path d="M1163.122759 94.631724H593.92A133.826207 133.826207 0 0 0 459.034483 228.457931v567.084138a133.473103 133.473103 0 0 0 133.826207 133.826207h570.262069a133.826207 133.826207 0 0 0 134.17931-133.826207v-5.296552s-217.864828-90.394483-328.033103-143.36c-73.445517 90.747586-168.783448 145.478621-267.652414 145.478621-167.017931 0-223.514483-145.831724-144.419311-241.875862a169.136552 169.136552 0 0 1 92.16-51.906207c70.62069-17.302069 184.32 10.946207 290.604138 45.903448A587.211034 587.211034 0 0 0 988.689655 429.373793h-328.73931v-32.838621h168.783448V337.213793h-204.446896v-33.191724h204.446896V219.630345a14.124138 14.124138 0 0 1 14.477241-14.477242h82.273104v98.868966h202.328276v33.191724h-202.328276v59.321379h165.252414a677.605517 677.605517 0 0 1-70.62069 176.551725c50.14069 18.008276 94.984828 35.310345 128.529655 46.256551a930.427586 930.427586 0 0 0 147.950345 42.725518V228.457931a133.826207 133.826207 0 0 0-133.473103-133.826207z" fill="#089fe8" p-id="31016"></path><path d="M663.481379 548.016552a162.78069 162.78069 0 0 0-81.566896 30.366896c-64.617931 55.790345-26.129655 158.190345 104.165517 158.190345 75.917241 0 151.481379-48.375172 211.862069-125.704827-85.804138-40.96-156.424828-70.267586-234.46069-62.852414zM2488.673103 225.28h239.757242v47.668966h85.804138V216.805517a22.951724 22.951724 0 0 0-21.892414-23.304827h-139.122759V149.009655h-89.335172v44.137931h-160.662069v79.80138h85.451034zM1882.394483 360.518621h67.442758v247.172413h73.798621V280.011034h-26.835862l55.437241-126.764137H1970.317241l-87.922758 207.271724zM2824.827586 596.391724l-26.835862-90.747586a13.771034 13.771034 0 0 0-13.064827-10.24h-70.62069l20.48 70.62069H2648.275862v-135.944828h164.546207v-32.132414H2648.275862v-63.55862h164.546207v-32.132414h-409.6v32.132414h164.546207v63.55862h-164.546207v32.132414h164.546207V564.965517h-164.546207v32.132414H2824.827586zM2158.521379 323.442759a16.595862 16.595862 0 0 0-15.183448-9.886897h-63.558621l49.434483 156.424828h75.564138z" fill="#089fe8" p-id="31017"></path><path d="M2319.889655 156.777931h-76.623448v80.154483h-188.557241v32.132414h188.557241v287.426206a13.064828 13.064828 0 0 1-12.358621 12.005518h-38.841379v31.77931h99.222069a30.013793 30.013793 0 0 0 28.601379-29.66069V269.064828h31.073104v-32.132414h-31.073104zM1871.448276 577.677241a913.831724 913.831724 0 0 1-168.783448-80.507586 357.34069 357.34069 0 0 0 141.241379-194.56H1694.896552V249.997241h170.195862v-32.83862H1694.896552V150.422069h-75.211035a15.536552 15.536552 0 0 0-15.183448 15.536552v51.2h-169.136552v32.83862h169.136552v52.612414h-141.241379v32.838621h284.248276a278.951724 278.951724 0 0 1-93.572414 127.470345 360.871724 360.871724 0 0 1-93.572414-94.984828H1483.034483a423.724138 423.724138 0 0 0 122.173793 130.295173 662.775172 662.775172 0 0 1-172.667586 77.329655v39.194482A773.296552 773.296552 0 0 0 1653.230345 529.655172 781.771034 781.771034 0 0 0 1871.448276 614.753103zM1553.655172 674.78069l-70.620689 190.675862h35.310345l13.417931-38.488276h70.620689l12.711724 38.488276h35.310345l-70.620689-190.675862z m-12.711724 128.176551l27.188966-79.095172 26.482758 79.095172zM1796.237241 674.78069h-34.251034v190.675862h115.464827v-26.129655h-81.213793v-164.546207zM2003.155862 674.78069h34.251035v190.322758h-34.251035zM2250.328276 674.78069h-74.151724v190.675862h35.310345v-73.445518h39.900689a58.615172 58.615172 0 1 0 0-117.230344z m-2.118621 91.100689H2210.427586v-64.971034h37.782069a31.073103 31.073103 0 0 1 30.366897 32.485517 30.72 30.72 0 0 1-30.366897 32.485517zM2465.015172 674.78069l-70.620689 190.675862h35.310345l13.417931-38.488276h70.620689l12.711724 38.488276h35.310345l-70.620689-190.675862z m-12.711724 128.176551l27.542069-79.095172 27.188966 79.095172zM2716.071724 755.994483l-38.135172-81.213793H2641.213793l57.555862 112.286896v78.388966h33.897931v-78.388966l0.353104-0.353103 57.555862-111.933793h-37.075862l-37.428966 81.213793z" fill="#089fe8" p-id="31018"></path></svg>-->
            <!--            </el-radio>-->
-            <el-radio label="2" v-if="form.payTypeArr.indexOf('2')>-1" border>
+            <el-radio v-if="form.payTypeArr.indexOf('2')>-1" border label="2">
              <!--              微信-->
-              <svg t="1709002960407" class="icon" viewBox="0 0 3152 1024" version="1.1"
+              <svg class="icon" height="40" p-id="24747" t="1709002960407"
-                   xmlns="http://www.w3.org/2000/svg" p-id="24747" width="94" height="40">
+                   version="1.1" viewBox="0 0 3152 1024" width="94" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M381.998922 630.960647c-4.416173 2.208086-8.832345 3.312129-14.352561 3.312129-12.144474 0-22.080863-7.17628-28.1531-17.66469l-2.208086-4.968194-87.771428-204.247978c-1.104043-2.208086-1.104043-4.416173-1.104043-6.624259 0-9.384367 6.624259-16.560647 15.456603-16.560647 3.312129 0 6.624259 1.104043 9.936388 3.312129l103.780054 78.387062c7.728302 4.968194 16.560647 8.280323 26.497035 8.280324 5.520216 0 11.040431-1.104043 16.560647-3.312129l486.330998-230.192992C819.752022 131.381132 676.226415 60.17035 513.380054 60.17035 248.409704 59.618329 32.017251 250.61779 32.017251 486.883019c0 128.069003 64.586523 244.545553 166.15849 322.932614 7.728302 6.072237 13.248518 16.560647 13.248518 27.601079 0 3.312129-1.104043 7.17628-2.208086 10.488409-7.728302 32.017251-20.976819 84.459299-20.97682 86.667386-1.104043 3.312129-2.208086 8.280323-2.208086 13.248517 0 9.384367 6.624259 16.560647 15.456604 16.560647 3.312129 0 6.624259-1.104043 8.832345-3.312129l104.884097-65.138545c7.728302-4.968194 16.560647-8.280323 25.392992-8.280323 4.416173 0 9.936388 1.104043 14.35256 2.208086 49.129919 15.456604 102.676011 23.736927 157.326146 23.736927 265.522372 0 481.362803-191.551482 481.362803-427.816711 0-71.210782-19.872776-139.109434-54.650135-198.175741L385.863073 628.752561l-3.864151 2.208086z"
                  fill="#09BB07" p-id="24748"></path>
@@ -166,10 +166,10 @@
                  fill="#595757" p-id="24749"></path>
              </svg>
            </el-radio>
-            <el-radio label="3" v-if="form.payTypeArr.indexOf('0')>-1" border>
+            <el-radio v-if="form.payTypeArr.indexOf('0')>-1" border label="3">
              <!--              线下-->
-              <svg t="1709003441012" class="icon" viewBox="0 0 3527 1024" version="1.1"
+              <svg class="icon" height="40" p-id="32905" t="1709003441012"
-                   xmlns="http://www.w3.org/2000/svg" p-id="32905" width="90" height="40">
+                   version="1.1" viewBox="0 0 3527 1024" width="90" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M316.703858 1.763556h392.789333c54.840889 0 88.917333 45.966222 76.145778 102.542222l-182.897778 807.452444c-12.885333 56.405333-67.783111 102.4-122.652444 102.4H87.327858c-54.755556 0-88.917333-45.994667-76.145778-102.4L194.136747 104.305778C206.936747 47.729778 261.80608 1.763556 316.703858 1.763556"
                  fill="#E0002B" p-id="32906"></path>
@@ -196,10 +196,10 @@
                  fill="#4D4D4D" p-id="32913"></path>
              </svg>
            </el-radio>
-            <el-radio label="4" v-if="form.payTypeArr.indexOf('3')>-1" border>
+            <el-radio v-if="form.payTypeArr.indexOf('3')>-1" border label="4">
              <!--              paypal-->
-              <svg t="1709002828937" class="icon" viewBox="0 0 4220 1024" version="1.1"
+              <svg class="icon" height="40" p-id="22654" t="1709002828937"
-                   xmlns="http://www.w3.org/2000/svg" p-id="22654" width="94" height="40">
+                   version="1.1" viewBox="0 0 4220 1024" width="94" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M3249.722604 229.409369h-232.537679c-15.641548 0-29.197556 11.470468-32.325865 27.112016l-93.849287 595.421589c-2.08554 11.470468 7.299389 21.898167 18.769857 21.898167h118.875764c11.470468 0 20.855397-8.342159 21.898167-18.769858l27.112016-168.928717c2.08554-15.641548 15.641548-27.112016 32.325866-27.112016h72.99389c153.287169 0 240.879837-74.03666 263.820774-221.06721 10.427699-63.608961 0-114.704684-29.197556-150.158859-31.283096-38.582485-89.678208-58.395112-167.885947-58.395112z m27.112016 216.89613c-12.513238 83.421589-76.1222 83.421589-137.645621 83.421589h-35.454175l25.026476-155.372709c1.04277-9.384929 9.384929-16.684318 18.769858-16.684318h15.641547c41.710794 0 81.336049 0 102.191447 23.983707 12.513238 14.598778 15.641548 35.454175 11.470468 64.651731z"
                  fill="#009CDE" p-id="22655"></path>
@@ -231,18 +231,18 @@
          <div v-if="payType == '2'&&wePayCodeUrl">
            <div class="payImgbox flexCenter">
              <div>
-                <img width="260" class="border" :src="wePayCodeUrl"/>
+                <img :src="wePayCodeUrl" class="border" width="260"/>
                <img class="mt20" src="@/assets/img/sm.png"/>
              </div>
              <div class="ml20">
                <img height="360" src="@/assets/img/rr.jpg"/>
              </div>
            </div>
-            <div class="tip text-center text-danger" v-if="language==0">
+            <div v-if="language==0" class="tip text-center text-danger">
              支付后不要关闭此窗口，等待确认支付成功.
              若长时间未收到支付成功提醒，请刷新页面
            </div>
-            <div class="tip text-center text-danger" v-else>
+            <div v-else class="tip text-center text-danger">
              After payment, do not close this window and wait for confirmation of successful payment.
              <br/>
              If you have not received a notification of successful payment for a long time,
@@ -251,9 +251,9 @@
          </div>
          <div v-if="payType == '3'">
-            <table class="table-border table" cellpadding="0" cellspacing="0">
+            <table cellpadding="0" cellspacing="0" class="table-border table">
              <tr>
-                <th colspan="2" class="head">
+                <th class="head" colspan="2">
                  {{ language == 0 ? '线下缴费的收款信息' : 'Offline Payment Collection Information' }}
                </th>
              </tr>
@@ -305,8 +305,9 @@
              <tr>
                <th>{{ language == 0 ? '操作' : 'Actions' }}</th>
                <td>
-                  <file-upload :limit="1" v-model="voucherObj" :button-type="1" :is-show-tip="false"
+                  <file-upload v-model="voucherObj" :button-text="language==0?'上传汇款单':'Upload Remittance Receipt'"
-                               :button-text="language==0?'上传汇款单':'Upload Remittance Receipt'"/>
+                               :button-type="1" :is-show-tip="false"
+                               :limit="1"/>
                  <span v-if="language==0"
                        class="text-danger size12">*您可以在上传汇款单完成后，与联系人进行电话确认。具体缴费结果，可以在个人中心-我的报名中查看进度</span>
                  <span v-else class="text-danger size12">*You can confirm with the contact person by phone after uploading the remittance form. The specific payment results can be viewed in the My Registration section of the personal center to check the progress</span>
@@ -315,33 +316,33 @@
            </table>
            <div class="text-center">
-              <el-button type="primary" @click="upRR" round class="btn-lineG w200px">{{
+              <el-button class="btn-lineG w200px" round type="primary" @click="upRR">{{
                  language == 0 ? '保存' : 'Save'
                }}
              </el-button>
            </div>
          </div>
-          <div class="text-center mt20" v-else>
+          <div v-else class="text-center mt20">
-            <el-button v-if="!hideconfirmbtn" type="primary" @click="goPay" round class="btn-lineG w200px">
+            <el-button v-if="!hideconfirmbtn" class="btn-lineG w200px" round type="primary" @click="goPay">
              {{ language == 0 ? '确定' : 'Submit' }}
            </el-button>
          </div>
        </div>
      </el-card>
      <el-card class="mb60">
-        <div class="text-center" v-if="form.payStatus == '3'">
+        <div v-if="form.payStatus == '3'" class="text-center">
          <el-icon color="#32B16C" size="80">
            <SuccessFilled/>
          </el-icon>
          <p class="text-success">{{ language == 0 ? '支付成功' : 'successful!' }}</p>
          <h3 class="wePrice">{{ language == 0 ? '¥' : '€' }}{{ form.totalFee || 0 }}</h3>
-          <el-button type="primary" round class="btn-lineG w200px" @click="downInvoice">
+          <el-button v-if="language != 0" class="btn-lineG w200px" round type="primary" @click="downInvoice">
            {{ language == 0 ? '下载收据' : 'DownLoad Invoice' }}
          </el-button>
        </div>
      </el-card>
-      <el-card class="mb60" v-if="form.payStatus == '1' && form.curPayType=='2'">
+      <el-card v-if="form.payStatus == '1' && form.curPayType=='2'" class="mb60">
        <!--        线下支付待核销-->
        <label>{{ language == 0 ? '线下支付' : 'Offline Payment' }}</label>
        <div class="text-center">
@@ -357,22 +358,22 @@
      </el-card>
    </div>
-    <div class="box" v-if="errorBox">
+    <div v-if="errorBox" class="box">
      <el-result
-          icon="error"
-          :title="language==0?'未找到对应订单':'No corresponding order found'"
        :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'"
+        :title="language==0?'未找到对应订单':'No corresponding order found'"
+        icon="error"
      >
        <template #extra>
-          <el-button type="primary" @click="goHome" class="btn-lineG w200px" round>
+          <el-button class="btn-lineG w200px" round type="primary" @click="goHome">
            {{ language == 0 ? '返回首页' : 'Home' }}
          </el-button>
        </template>
      </el-result>
    </div>
-    <el-dialog :title="language==0?'开收据':'Issue a receipt'" v-model="showSJDialog" width="460px"
+    <el-dialog v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false"
-               :close-on-click-modal="false" :close-on-press-escape="false">
+               :title="language==0?'开收据':'Issue a receipt'" width="460px">
      <div class="flex">
        <el-form-item :label="language==0?'开票人':'Name'">
          <div class="flex">
@@ -523,7 +524,7 @@ function getSignList() {
  }).catch(err => {
    if (isLogin.value) {
      router.push({name: 'myMatch'})
-      return
    }
  })
 }
@@ -663,7 +664,7 @@ function getremark() {
 }
 function submitSJ() {
-  if(!lpName.value){
+  if (!lpName.value) {
    ElMessage.warning(language.value == 0 ? '请填写开票人' : 'Please fill in the invoice recipient')
    return
  }
@@ -715,7 +716,7 @@ const showSJ = () => {
 }
 </script>
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .wePrice {
  font-size: 24px;
  font-weight: 400;