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;
}
.el-form-item {
margin-bottom: 10px;
margin-bottom: 16px;
}
</style>

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

@ -114,29 +114,29 @@
@pagination="getList" />
<el-dialog v-dialogDrag :title="title" :visible.sync="open" width="600px" append-to-body
:close-on-click-modal="false" :before-close="cancel">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-dialog v-dialogDrag :title="title" :visible.sync="open" width="760px" append-to-body
:close-on-click-modal="false" :before-close="cancel" class="data-dialog">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" :inline="true">
<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 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 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 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 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 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 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 label="私钥" prop="privateKey">
<el-input v-model="form.privateKey" placeholder="请输入私钥" />
@ -161,41 +161,41 @@
</el-upload>
</el-form-item> -->
<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-select>
</el-form-item>
<el-form-item label="通道手续费金额" prop="poundageAmt">
<el-input v-model="form.poundageAmt" placeholder="请输入通道手续费金额"
<el-form-item label="手续费金额(元)" prop="poundageAmt">
<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" />
</el-form-item>
<el-form-item label="通道手续费率" prop="poundageRate">
<el-input v-model="form.poundageRate" placeholder="请输入通道手续费率"
<el-form-item label="手续费率" prop="poundageRate">
<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" />
<div style="color:red">
<span style="color:red;">
示例1%填0.01
</div>
</span>
</el-form-item>
<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 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 label="支付类型" prop="payType">
<el-select v-model="form.payType" placeholder="请选择支付类型" clearable size="medium">
<el-form-item label="支付类型" prop="payType" label-width="80px">
<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"
:value="item.payType"></el-option>
</el-select>
</el-form-item>
<el-form-item label="渠道类型" prop="channelType">
<el-select v-model="form.channelType" placeholder="请选择渠道类型" clearable size="medium">
<el-form-item label="渠道类型" prop="channelType" label-width="80px">
<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"
:value="item.payChannel"></el-option>
</el-select>
</el-form-item>
<el-form-item label="接口类型" prop="interfaceType">
<el-select v-model="form.interfaceType" placeholder="请选择接口类型" clearable size="medium">
<el-form-item label="接口类型" prop="interfaceType" label-width="80px">
<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"
:value="item.value"></el-option>
</el-select>
@ -204,26 +204,26 @@
<el-input v-model="form.signType" placeholder="请输入签名方式" />
</el-form-item> -->
<el-form-item label="签名方式" prop="signType">
<el-select v-model="form.signType" placeholder="请选择签名方式" clearable size="medium">
<el-form-item label="签名方式" prop="signType" label-width="80px">
<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-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="请选择状态" clearable size="medium">
<el-form-item label="状态" prop="status" label-width="80px">
<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-select>
</el-form-item>
<el-form-item label="业务代码" prop="bussId">
<el-input v-model="form.bussId" placeholder="请输入业务代码" />
<el-form-item label="业务代码" prop="bussId" label-width="80px">
<el-input v-model="form.bussId" placeholder="请输入业务代码" size="small" style="width: 140px;"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
<div slot="footer" class="dialog-footer" style="margin: 0px 290px;">
<el-button type="primary" @click="submitForm" size="small"> </el-button>
<el-button @click="cancel" size="small"> </el-button>
</div>
</el-dialog>
</div>
@ -507,3 +507,12 @@ export default {
},
};
</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