隐藏付款按钮

src/pages/train/form.vue

@@ -18,7 +18,7 @@
         </el-form-item>
         <el-form-item label="民族" id="mz" prop="nation">
           <el-select v-model="form.nation" placeholder="请选择" class="width100" @change="invoiceTypeChange">
-            <el-option  :label="item.name" :value="item.id" v-for="item in nations" :key="item.id"></el-option>
+            <el-option :label="item.name" :value="item.id" v-for="item in nations" :key="item.id"></el-option>
           </el-select>
         </el-form-item>
         <!-- <el-form-item label="院系及职务">
@@ -47,16 +47,37 @@
             <el-option label="专用发票" value="增值税专用发票"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="发票抬头" v-if="form.invoice_type && form.invoice_type !== '无'" prop="invoice_title" :rules="{ required: true, message: '请输入发票抬头', trigger: 'blur' }">
+        <el-form-item
+          label="发票抬头"
+          v-if="form.invoice_type && form.invoice_type !== '无'"
+          prop="invoice_title"
+          :rules="{ required: true, message: '请输入发票抬头', trigger: 'blur' }"
+        >
           <el-input v-model="form.invoice_title"></el-input>
         </el-form-item>
-        <el-form-item label="纳税人识别号" v-if="form.invoice_type && form.invoice_type !== '无'" prop="taxpayer_registration_num" :rules="{ required: true, message: '请输入纳税人识别号', trigger: 'blur' }">
+        <el-form-item
+          label="纳税人识别号"
+          v-if="form.invoice_type && form.invoice_type !== '无'"
+          prop="taxpayer_registration_num"
+          :rules="{ required: true, message: '请输入纳税人识别号', trigger: 'blur' }"
+        >
           <el-input v-model="form.taxpayer_registration_num"></el-input>
         </el-form-item>
-        <el-form-item label="注册地址" v-if="form.invoice_type === '增值税专用发票'" prop="invoice_address_mobile" :rules="{ required: true, message: '请输入注册地址', trigger: 'blur' }">
+        <el-form-item
+          label="注册地址"
+          v-if="form.invoice_type === '增值税专用发票'"
+          prop="invoice_address_mobile"
+          :rules="{ required: true, message: '请输入注册地址', trigger: 'blur' }"
+        >
           <el-input v-model="form.invoice_address_mobile"></el-input>
         </el-form-item>
-        <el-form-item label="开户行及账号" id="account" v-if="form.invoice_type === '增值税专用发票'" prop="opening_bank_account" :rules="{ required: true, message: '请输入开户行及账号', trigger: 'blur' }">
+        <el-form-item
+          label="开户行及账号"
+          id="account"
+          v-if="form.invoice_type === '增值税专用发票'"
+          prop="opening_bank_account"
+          :rules="{ required: true, message: '请输入开户行及账号', trigger: 'blur' }"
+        >
           <el-input v-model="form.opening_bank_account"></el-input>
         </el-form-item>
         <el-form-item label="发票内容" id="sh" v-if="form.invoice_type && form.invoice_type !== '无'">
@@ -108,15 +129,27 @@
           <template v-else>
             <template v-if="isLogin">
               <template v-if="isInfoNull">
-                <el-button style="width: 200px; margin-left: 44px" type="primary" @click="formVerification(onSubmit)">提 交</el-button>
+                <el-button style="width: 200px; margin-left: 44px" type="primary" @click="formVerification(onSubmit)"
+                  >提 交</el-button
+                >
               </template>
               <template v-else>
-                <el-button style="width: 100px; margin-left: 10px" type="primary" @click="formVerification(onSubmit)">提 交</el-button>
-                <el-button v-if="!hidePayBtn" style="width: 100px; margin-left: 10px" type="primary" @click="formVerification(goPay)">去付款</el-button>
+                <el-button style="width: 100px; margin-left: 10px" type="primary" @click="formVerification(onSubmit)"
+                  >提 交</el-button
+                >
+                <el-button
+                  v-if="!hidePayBtn"
+                  style="width: 100px; margin-left: 10px"
+                  type="primary"
+                  @click="formVerification(goPay)"
+                  >去付款</el-button
+                >
               </template>
             </template>
             <template v-else>
-              <el-button style="width: 200px; margin-left: 44px" type="primary" @click="formVerification(onSubmit)">提 交</el-button>
+              <el-button style="width: 200px; margin-left: 44px" type="primary" @click="formVerification(onSubmit)"
+                >提 交</el-button
+              >
             </template>
           </template>
           <!-- <el-button style="width: 200px; margin-left: 44px" type="primary" @click="onSubmit">去付款</el-button> -->
@@ -124,7 +157,14 @@
         </el-form-item>
       </el-form>
     </div>
-    <pay-pop v-show="isPayPopShow" :formData="form" :periods="id" @payStatus="payStatus" @closePayPop="closePayPop" class="payPop"/>
+    <pay-pop
+      v-show="isPayPopShow"
+      :formData="form"
+      :periods="id"
+      @payStatus="payStatus"
+      @closePayPop="closePayPop"
+      class="payPop"
+    />
   </div>
 </template>
 <script>
@@ -220,7 +260,7 @@ export default {
       return id
     },
     hidePayBtn() {
-      return [6, 202201, 202202].includes(this.id)
+      return [6, 202201, 202202, 2022001].includes(this.id)
     }
   },
   created() {
@@ -316,14 +356,14 @@ export default {
         })
         param.table_content = JSON.stringify(formData)
         action.articleAction.formCommit(param).then(res => {
-          this.$message({ 
+          this.$message({
             message: '提交成功',
             type: 'success'
           })
         })
       }
     }, */
-    formVerification (call) {
+    formVerification(call) {
       if (this.isLogin) {
         // this.form.mobile = '13111111111'
         this.form.checked_code = '1234'
@@ -397,7 +437,7 @@ export default {
           .then(res => {
             this.isInfoNull = false
             this.getDetail()
-            this.message('提交成功！','success', 6000)
+            this.message('提交成功！', 'success', 6000)
             this.fetchUpdateUserInfo()
             // setTimeout(() => {
             //   this.message('手机号注册成功！','success', 6000)
@@ -411,7 +451,7 @@ export default {
               // }, 300)
             } else {
               let errorMsg = error.msg || ''
-              this.message('报名信息提交失败！' + errorMsg,'error', 6000)
+              this.message('报名信息提交失败！' + errorMsg, 'error', 6000)
             }
           })
       } else {
@@ -419,7 +459,7 @@ export default {
           this.getDetail(
             this.sendEnrollInfo()
               .then(res => {
-                this.message('报名信息提交成功！','success', 6000)
+                this.message('报名信息提交成功！', 'success', 6000)
                 // this.message('报名信息修改成功！','success', 6000)
                 // setTimeout(() => {
                 //   this.message('手机号注册成功！','success', 6000)
@@ -436,7 +476,7 @@ export default {
                   // }, 300)
                 } else {
                   let errorMsg = error.msg || ''
-                  this.message('报名信息提交失败！' + errorMsg,'error', 6000)
+                  this.message('报名信息提交失败！' + errorMsg, 'error', 6000)
                 }
               })
           )
@@ -445,7 +485,7 @@ export default {
     },
     sendEnrollInfo() {
       let promise = new Promise((resolve, reject) => {
-        const form = {...this.form}
+        const form = { ...this.form }
         form.periods = this.id
         if (form.invoice_type !== '增值税专用发票') {
           form.invoice_address_mobile = ''
@@ -550,7 +590,7 @@ export default {
       let param = {
         mobile: this.form.mobile,
         code: this.form.checked_code,
-        username: this.randomNickname(),
+        username: this.randomNickname()
         // password: '123456',
         // secret: true,
         // service: 'sofia.ezijing.com'
@@ -613,7 +653,7 @@ export default {
       action.articleAction.updateUserInfo(params).then(res => {
         console.log(res)
       })
-    },
+    }
   }
 }
 </script>
@@ -665,13 +705,13 @@ export default {
     }
   }
 }
-.payPop{
+.payPop {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba( #000000, .5);
+  background: rgba(#000000, 0.5);
   z-index: 99;
 }
 </style>