Browse Source

通道弹框样式调整

master
yangchangfa 11 months ago
parent
commit
47c2f0ac8c
  1. 2
      src/views/pay/payAgentUser/payAgentUserList.vue
  2. 77
      src/views/pay/payType/payTypeChannelManage.vue

2
src/views/pay/payAgentUser/payAgentUserList.vue

@ -1019,6 +1019,6 @@ export default {
line-height: 2; line-height: 2;
} }
.el-form-item { .el-form-item {
margin-bottom: 10px; margin-bottom: 16px;
} }
</style> </style>

77
src/views/pay/payType/payTypeChannelManage.vue

@ -114,29 +114,29 @@
@pagination="getList" /> @pagination="getList" />
<el-dialog v-dialogDrag :title="title" :visible.sync="open" width="600px" append-to-body <el-dialog v-dialogDrag :title="title" :visible.sync="open" width="760px" append-to-body
:close-on-click-modal="false" :before-close="cancel"> :close-on-click-modal="false" :before-close="cancel" class="data-dialog">
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px" :inline="true">
<el-form-item label="通道名称" prop="name"> <el-form-item label="通道名称" prop="name">
<el-input v-model="form.name" placeholder="请输入通道名称" /> <el-input v-model="form.name" placeholder="请输入通道名称" style="width: 532px;" size="small"/>
</el-form-item> </el-form-item>
<el-form-item label="描述" prop="content"> <el-form-item label="描述" prop="content">
<el-input v-model="form.content" type="textarea" placeholder="请输入描述" /> <el-input v-model="form.content" type="textarea" placeholder="请输入描述" style="width: 532px; font-family: none" size="small"/>
</el-form-item> </el-form-item>
<el-form-item label="支付请求地址" prop="payUrl"> <el-form-item label="支付请求地址" prop="payUrl">
<el-input v-model="form.payUrl" placeholder="请输入支付请求地址" /> <el-input v-model="form.payUrl" placeholder="请输入支付请求地址" style="width: 532px;" size="small"/>
</el-form-item> </el-form-item>
<el-form-item label="查询请求地址" prop="queryUrl"> <el-form-item label="查询请求地址" prop="queryUrl">
<el-input v-model="form.queryUrl" placeholder="请输入查询请求地址" /> <el-input v-model="form.queryUrl" placeholder="请输入查询请求地址" style="width: 532px;" size="small"/>
</el-form-item> </el-form-item>
<el-form-item label="回调地址" prop="notifyUrl"> <el-form-item label="回调地址" prop="notifyUrl">
<el-input v-model="form.notifyUrl" placeholder="请输入回调地址" /> <el-input v-model="form.notifyUrl" placeholder="请输入回调地址" style="width: 532px;" size="small"/>
</el-form-item> </el-form-item>
<el-form-item label="商户号" prop="mchId"> <el-form-item label="商户号" prop="mchId">
<el-input v-model="form.mchId" placeholder="请输入商户号" /> <el-input v-model="form.mchId" placeholder="请输入商户号" size="small"/>
</el-form-item> </el-form-item>
<el-form-item label="签名秘钥" prop="payKey"> <el-form-item label="签名秘钥" prop="payKey">
<el-input v-model="form.payKey" placeholder="请输入签名秘钥" /> <el-input v-model="form.payKey" placeholder="请输入签名秘钥" size="small"/>
</el-form-item> </el-form-item>
<!-- <el-form-item label="私钥" prop="privateKey"> <!-- <el-form-item label="私钥" prop="privateKey">
<el-input v-model="form.privateKey" placeholder="请输入私钥" /> <el-input v-model="form.privateKey" placeholder="请输入私钥" />
@ -161,41 +161,41 @@
</el-upload> </el-upload>
</el-form-item> --> </el-form-item> -->
<el-form-item label="手续费类型" prop="poundageType"> <el-form-item label="手续费类型" prop="poundageType">
<el-select v-model="form.poundageType" placeholder="请选择手续费类型" clearable size="medium"> <el-select v-model="form.poundageType" placeholder="请选择手续费类型" clearable size="small" style="width: 202px;">
<el-option v-for="(item, i) in sortLevType" :key="i" :label="item.label" :value="item.value"></el-option> <el-option v-for="(item, i) in sortLevType" :key="i" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="通道手续费金额" prop="poundageAmt"> <el-form-item label="手续费金额(元)" prop="poundageAmt">
<el-input v-model="form.poundageAmt" placeholder="请输入通道手续费金额" <el-input v-model="form.poundageAmt" placeholder="请输入手续费金额" size="small"
oninput="value=value.replace(/[^\d.]/g,'').replace(/^\./g, '').replace(/\.{2,}/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').match(/^\d*(\.?\d{0,4})/g)[0] || null" /> oninput="value=value.replace(/[^\d.]/g,'').replace(/^\./g, '').replace(/\.{2,}/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').match(/^\d*(\.?\d{0,4})/g)[0] || null" />
</el-form-item> </el-form-item>
<el-form-item label="通道手续费率" prop="poundageRate"> <el-form-item label="手续费率" prop="poundageRate">
<el-input v-model="form.poundageRate" placeholder="请输入通道手续费率" <el-input v-model="form.poundageRate" placeholder="请输入手续费率" size="small" style="width: 202px;"
oninput="value=value.replace(/[^\d.]/g,'').replace(/^\./g, '').replace(/\.{2,}/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').match(/^\d*(\.?\d{0,4})/g)[0] || null" /> oninput="value=value.replace(/[^\d.]/g,'').replace(/^\./g, '').replace(/\.{2,}/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').match(/^\d*(\.?\d{0,4})/g)[0] || null" />
<div style="color:red"> <span style="color:red;">
示例1%填0.01 示例1%填0.01
</div> </span>
</el-form-item> </el-form-item>
<el-form-item label="appId" prop="appId"> <el-form-item label="appId" prop="appId">
<el-input v-model="form.appId" placeholder="请输入appId" /> <el-input v-model="form.appId" placeholder="请输入appId" style="width: 532px;" size="small"/>
</el-form-item> </el-form-item>
<el-form-item label="appSecret" prop="appSecret"> <el-form-item label="appSecret" prop="appSecret">
<el-input v-model="form.appSecret" placeholder="请输入appSecret" /> <el-input v-model="form.appSecret" placeholder="请输入appSecret" style="width: 532px;" size="small"/>
</el-form-item> </el-form-item>
<el-form-item label="支付类型" prop="payType"> <el-form-item label="支付类型" prop="payType" label-width="80px">
<el-select v-model="form.payType" placeholder="请选择支付类型" clearable size="medium"> <el-select v-model="form.payType" placeholder="请选择支付类型" clearable size="small" style="width: 140px;">
<el-option v-for="(item, i) in payTypeCon" :key="i" :label="item.typeName" <el-option v-for="(item, i) in payTypeCon" :key="i" :label="item.typeName"
:value="item.payType"></el-option> :value="item.payType"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="渠道类型" prop="channelType"> <el-form-item label="渠道类型" prop="channelType" label-width="80px">
<el-select v-model="form.channelType" placeholder="请选择渠道类型" clearable size="medium"> <el-select v-model="form.channelType" placeholder="请选择渠道类型" clearable size="small" style="width: 140px;">
<el-option v-for="(item, i) in payChannelCon" :key="i" :label="item.channelName" <el-option v-for="(item, i) in payChannelCon" :key="i" :label="item.channelName"
:value="item.payChannel"></el-option> :value="item.payChannel"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="接口类型" prop="interfaceType"> <el-form-item label="接口类型" prop="interfaceType" label-width="80px">
<el-select v-model="form.interfaceType" placeholder="请选择接口类型" clearable size="medium"> <el-select v-model="form.interfaceType" placeholder="请选择接口类型" clearable size="small" style="width: 140px;">
<el-option v-for="(item, i) in interfaceTypeCon" :key="i" :label="item.label" <el-option v-for="(item, i) in interfaceTypeCon" :key="i" :label="item.label"
:value="item.value"></el-option> :value="item.value"></el-option>
</el-select> </el-select>
@ -204,26 +204,26 @@
<el-input v-model="form.signType" placeholder="请输入签名方式" /> <el-input v-model="form.signType" placeholder="请输入签名方式" />
</el-form-item> --> </el-form-item> -->
<el-form-item label="签名方式" prop="signType"> <el-form-item label="签名方式" prop="signType" label-width="80px">
<el-select v-model="form.signType" placeholder="请选择签名方式" clearable size="medium"> <el-select v-model="form.signType" placeholder="请选择签名方式" clearable size="small" style="width: 140px;">
<el-option v-for="(item, i) in signTypeCon" :key="i" :label="item.label" :value="item.value"></el-option> <el-option v-for="(item, i) in signTypeCon" :key="i" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status" label-width="80px">
<el-select v-model="form.status" placeholder="请选择状态" clearable size="medium"> <el-select v-model="form.status" placeholder="请选择状态" clearable size="small" style="width: 140px;">
<el-option v-for="(item, i) in statusCon" :key="i" :label="item.label" :value="item.value"></el-option> <el-option v-for="(item, i) in statusCon" :key="i" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="业务代码" prop="bussId"> <el-form-item label="业务代码" prop="bussId" label-width="80px">
<el-input v-model="form.bussId" placeholder="请输入业务代码" /> <el-input v-model="form.bussId" placeholder="请输入业务代码" size="small" style="width: 140px;"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer" style="margin: 0px 290px;">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm" size="small"> </el-button>
<el-button @click="cancel"> </el-button> <el-button @click="cancel" size="small"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
@ -507,3 +507,12 @@ export default {
}, },
}; };
</script> </script>
<style>
.el-dialog__body{padding: 10px 20px;}
</style>
<style lang="scss" scoped>
.el-form-item {
margin-bottom: 16px;
}
/*.data-dialog .el-dialog__body{padding: 10px 20px !important;}*/
</style>

Loading…
Cancel
Save