zhangqi
/
kuailelunwen_new_houtai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

payment

pull/59/head
rainbro 6 days ago
parent
c458f9c67d
commit
94fff5bebe
1 changed files with 67 additions and 33 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 100
      src/views/agent/payList.vue

100
src/views/agent/payList.vue
View File

@ -223,40 +223,68 @@
</div>
<GuipDialog :dialogVisible="addPayDialogVisible" :title="addPayTitle" :show-close-button="false"
:show-cancel-button="showCancelButton" @confirm="handleConfirm" @cancel="handleCancel"
@close="handleClose" @dialogVisibleChange="dialogVisibleChange">
:show-cancel-button="showCancelButton" @confirm="addPayment" @cancel="handleCancel"
@close="handleClose" @dialogVisibleChange="dialogVisibleChange" :confirmText="addPayconfirmText">
<!-- 自定义内容 -->
<div>
<div class="beforeNotice" v-if="addPayType==0">
<h4 class="flex"> <img src="@/assets/site/siteSemInfo_Icon.svg" alt=""> 前期准备事项</h4>
<p class="mt12 flex">
请确保使用要添加的淘宝主账号登录并授权
</p>
<p class="mt10 flex">
如未购买＂快乐帮手＂服务或已过期，会跳转到购买服务页面
</p>
<div class="taobaopay" v-if="addPayType==0">
<div class="beforeNotice">
<h4 class="flex"> <img src="@/assets/site/siteSemInfo_Icon.svg" alt=""> 前期准备事项</h4>
<p class="mt12 flex">
请确保使用要添加的淘宝主账号登录并授权
</p>
<p class="mt10 flex">
如未购买＂快乐帮手＂服务或已过期，会跳转到购买服务页面
</p>
</div>
</div>
<div class="beforeNotice" v-else-if="addPayType==2">
<h4 class="flex"> <img src="@/assets/site/siteSemInfo_Icon.svg" alt=""> 前期准备事项</h4>
<p class="">1.申请公司微信支付。<img src="@/assets/site/form_qua_ic.svg" alt=""> 指南 </p>
<p class="mt12 flex">
<a href="https://pay.weixin.qq.com/"
class="flex" target="_blank">
<img src="@/assets/site/form_linkActive.svg" alt="">前往微信商户平台</a>
</p>
<p class="mt10 flex">
登录微信商户平台，在产品中心开通Native支付，如需使用微信版，开通JSAPI支付。
</p>
<div class="weixinpay" v-else-if="addPayType==2">
<div class="beforeNotice">
<h4 class="flex"> <img src="@/assets/site/siteSemInfo_Icon.svg" alt=""> 前期准备事项</h4>
<p class="mt12">1.申请公司微信支付。<a href="https://zhic.yuque.com/staff-chwecz/xhk8nt/ggkqm3" target="_blank"><img src="@/assets/site/form_qua_ic.svg" alt="">常见问题</a> </p>
<p class="mt12 flex">
2.前往<a href="https://pay.weixin.qq.com/"
class="flex" target="_blank">
<img src="@/assets/site/form_linkActive.svg" alt="">微信商户平台</a>
</p>
<p> 在产品中心开通Native支付，如需使用微信版，开通JSAPI支付。</p>
</div>
<el-form>
<GuipFormItem column="column" class="mb24" label="1. 公司简称">
<span class="desc" slot="formRight">请输入公司简称，便于您区分账号所属公司</span>
<GuipInput slot="formDom" ref="GuipInput" column="column"
prop="visit_day" placeholder="6字以内">
</GuipInput>
</GuipFormItem>
<GuipFormItem column="column" class="mb24" label="2. 支付商户号（mch_id）">
<span class="desc" slot="formRight"><a href='https://pay.weixin.qq.com/' target='_blank'>微信支付平台</a>＞账户中心＞商户信息＞微信支付商户号</span>
<GuipInput slot="formDom" ref="GuipInput" column="column"
prop="visit_day" placeholder="请输入">
</GuipInput>
</GuipFormItem>
<GuipFormItem column="column" class="mb24" label="3. 微信支付秘钥">
<span class="desc" slot="formRight"><a href='https://pay.weixin.qq.com/' target='_blank'>微信支付平台</a>＞账号中心＞账户设置＞API安全＞APIv2密钥；注意，支付密钥不能设置为纯数字</span>
<GuipInput slot="formDom" ref="GuipInput" column="column"
prop="visit_day" placeholder="请输入">
</GuipInput>
</GuipFormItem>
<GuipFormItem column="column" class="mb24" label="4. 公众号APPID">
<span class="desc" slot="formRight"><a href='https://mp.weixin.qq.com/' target='_blank'>公众平台</a>＞设置与开发＞基本配置＞公众号开发信息＞开发者ID（APPID）</span>
<GuipInput slot="formDom" ref="GuipInput" column="column"
prop="visit_day" placeholder="请输入">
</GuipInput>
</GuipFormItem>
</el-form>
</div>
<p>这是一个自定义内容的弹框。</p>
</div>
</GuipDialog>
</div>
</template>
<script>
import GuipButton from '@/components/GuipButton.vue';
// import GuipFormItem from '@/components/GuipFormItem.vue';
// import GuipInput from '@/components/GuipInput.vue';
import GuipFormItem from '@/components/GuipFormItem.vue';
import GuipInput from '@/components/GuipInput.vue';
// import GuipRadio from '@/components/GuipRadio.vue';
// import GuipSelect from '@/components/GuipSelect.vue';
import GuipSwitch from '@/components/GuipSwitch.vue';
@ -271,8 +299,8 @@ import GuipTable from '@/components/GuipTable.vue';
export default {
components: {
GuipButton,
// GuipFormItem,
// GuipInput,
GuipFormItem,
GuipInput,
// GuipRadio,
// GuipSelect,
// SvgIcon,
@ -296,6 +324,8 @@ export default {
showCloseButton: true, // 控制是否显示关闭按钮
addPayTitle: '',
addPayType: '',
addPayconfirmText: '确定',
taobaoAuthUrl: '',
}
},
computed: {
@ -318,7 +348,7 @@ export default {
this.tableLoading = false
this.$nextTick(() => {
this.addablePays = response.data
console.log(this.addablePays)
this.taobaoAuthUrl = response.data[0].authurl
})
}).catch(error => {
console.error(error, 'error')
@ -391,15 +421,19 @@ export default {
this.addPayDialogVisible = true;
this.addPayTitle = '添加' + type_desc;
this.addPayType = type;
if (type == 0) {
this.addPayconfirmText = '去授权';
}
},
// 确认按钮事件
handleConfirm() {
this.$message.success('点击了确认按钮');
this.addPayDialogVisible = false;
addPayment() {
if (this.addPayType == 0) {
window.open(this.taobaoAuthUrl, '_blank');
}
this.addPayDialogVisible = false;
},
// 取消按钮事件
handleCancel() {
this.$message.warning('点击了取消按钮');
this.addPayDialogVisible = false;
},
// 关闭弹框事件
@ -509,8 +543,8 @@ export default {
margin-right: 10px;
img {
margin-left: 12px;
margin-right: 12px;
margin-left: 5px;
margin-right: 5px;
}
}
}

Write Preview
Loading…
Cancel
Save