求网站建设规划,馨端网站建设,个人域名怎么做社交网站,郑州网站建设蝶动科技为什么要这么做,适用于在一个页面逻辑比较多的时候,可以搞多个页面,防止出错 index页面点击解约按钮,弹出框 进入jieyue.vue
核心代码 el-buttonsizeminitypetexticonel-icon-editv-ifscope.row.delFlag 0clickj…为什么要这么做,适用于在一个页面逻辑比较多的时候,可以搞多个页面,防止出错 index页面点击解约按钮,弹出框 进入jieyue.vue
核心代码 el-buttonsizeminitypetexticonel-icon-editv-ifscope.row.delFlag 0clickjieyue(scope.row)v-hasPermi[sep:channel:edit]解约/el-buttontestDialog title测试窗口 v-ifopenDialog reftestDialog//div
/templatescript
// 引用组件
import testDialog from ./jieyue.vue;export default {// 注册组件components: {testDialog},name: Channel,data() {return {openDialog: false,// 按钮方法jieyue() {this.openDialog true;this.$nextTick(() {this.$refs.testDialog.init(2);});},
代码截图 jieyue.vue就是常规代码了
template!-- 添加或修改个体户渠道信息对话框 --el-dialog :titletitle :visible.syncopen width1000px append-to-body :close-on-click-modalfalse :close-on-press-escapefalseel-form refform :modelform :rulesrules label-width180px!-- el-form-item label渠道编号 propchannelNoel-input v-modelform.channelNo placeholder请输入渠道编号 //el-form-item--el-form-item label渠道商名称 propchannelNameel-input v-modelform.channelName placeholder请输入渠道商名称 //el-form-item!-- 做成一个下拉框选择 --el-form-item label上级渠道 propparentId!-- el-input v-modelform.parentId placeholder请输入个体户父渠道ID / --el-select v-modelform.parentId clearable placeholder请选择上级渠道(无则不选) el-option v-foritem in channelOption:keyitem.id:labelitem.channelName:valueitem.id/el-option/el-select/el-form-itemel-form-item label返佣收款公司名称 propchannelRebateName el-input v-modelform.channelRebateName placeholder请输入渠道返佣收款公司名称 //el-form-itemel-form-item label返佣收款公司联系人 propchannelLinknameel-input v-modelform.channelLinkname placeholder请输入渠道返佣收款公司联系人 //el-form-itemel-form-item label返佣收款公司联系电话 propchannelLinkphone el-input v-modelform.channelLinkphone placeholder请输入渠道返佣收款公司联系电话 //el-form-itemel-form-item label返佣收款公司联系邮箱 propchannelLinkmail el-input v-modelform.channelLinkmail placeholder请输入渠道返佣收款公司联系邮箱 //el-form-itemel-form-item label返佣收款公司收款账户 propchannelAccount el-input v-modelform.channelAccount placeholder请输入渠道返佣收款公司收款账户 //el-form-itemel-form-item label返佣收款公司开户银行 propchannelBank el-input v-modelform.channelBank placeholder请输入渠道返佣收款公司开户银行 //el-form-itemel-form-item label返佣打款服务商名称 propserviceIdel-select v-modelform.serviceId placeholder请选择返佣打款服务商名称 changechooseService($event)el-optionv-foritem in servicesOptions:keyitem.id:labelitem.serviceName:valueitem.id/el-option/el-select/el-form-itemel-form-item label客户经理 propsalesManagerIdel-select v-modelform.salesManagerId placeholder请选择客户经理 changechooseManager($event)el-optionv-foritem in managerOptions:keyitem.id:labelitem.name:valueitem.id/el-option/el-select/el-form-item/el-formdiv slotfooter classdialog-footerel-button typeprimary clicksubmitForm确 定/el-buttonel-button clickcancel取 消/el-button/div/el-dialog/templatescriptimport {listChannel, getChannel, delChannel, addChannel, updateChannel,deactivateAccount,resetPassword,getChannelSelection,updateChannelBatch, addChannelUser, listChannelData
} from /api/sep/channel
import { getSepEnterprise, updateSepEnterpriseData } from /api/sep/SepEnterprise
import { listUser,changeUserStatus } from /api/system/userexport default {name: testDialog,data() {return {form: {},//服务商listservicesOptions:[],//客户经理listmanagerOptions:[],channelOption:[],// 表单校验rules: {salesManagerId:[{ required: true, message: 客户经理不能为空, trigger: change }],serviceId:[{ required: true, message: 返佣打款服务商名称不能为空, trigger: change }],channelBank:[{ required: true, message: 返佣收款公司开户银行不能为空, trigger: blur }],channelName:[{ required: true, message: 渠道商名称不能为空, trigger: blur }],channelRebateName:[{ required: true, message: 返佣收款公司名称不能为空, trigger: blur }],channelLinkname:[{ required: true, message: 联系人不能为空, trigger: blur }],channelLinkmail:[{ required: true, message: 联系邮箱不能为空, trigger: blur }],channelLinkphone: [// 添加正则表达式 pattern: /^1[3|5|7|8|9]\d{9}$/验证手机号是否正确{ required: true, message: 请输入手机号, trigger: blur },// { pattern: /^1[3|5|7|8|9]\d{9}$/, message: 请输入正确的号码格式, trigger: change }],channelAccount: [{ required: true, message: 请输入银行卡号, trigger: blur },// {pattern: /^([1-9])(\d{17})(\d|X)$/,message: 请输入正确的银行卡号,trigger: change}],},// 弹出层标题title: ,// 是否显示弹出层open: false,// 表单参数bizform: {}};},methods: {// 窗口初始化方法nextTick方法可以添加逻辑如打开窗口时查询数据填充init(bizId) {console.log(123)this.open true;// this.$nextTick(() {// getById(bizId).then(response {// this.bizform response.data;// this.open true;// this.title 修改业务;// });// });},// 取消按钮cancel() {this.open false;this.reset();},submitForm: function () {this.$refs[bizform].validate(valid {if (valid) {if (this.bizform.id ! undefined) {updateBizDefine(this.bizform).then(response {if (response.data) {this.msgSuccess(修改成功);this.open false;// 调用主页面的getList方法刷新主页面this.$parent.getList();} else {this.msgError(response.resultMsg);}});} else {addBizDefine(this.bizform).then(response {if (response.data) {this.msgSuccess(新增成功);this.open false;// 调用主页面的getList方法刷新主页面this.$parent.getList();} else {this.msgError(response.resultMsg);}});}}});}}
};
/script
参考博客
