|
@ -2,37 +2,25 @@ |
|
|
<div class="app-container"> |
|
|
<div class="app-container"> |
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.agentName')" prop="agentName"> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.agentName')" prop="agentName"> |
|
|
<el-input |
|
|
<el-input v-model="queryParams.agentName" |
|
|
v-model="queryParams.agentName" |
|
|
:placeholder="$t('business.agent.userInfoAgent.placeholder.agentName')" clearable |
|
|
:placeholder="$t('business.agent.userInfoAgent.placeholder.agentName')" |
|
|
@keyup.enter.native="handleQuery" /> |
|
|
clearable |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.account')" prop="account"> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.account')" prop="account"> |
|
|
<el-input |
|
|
<el-input v-model="queryParams.account" :placeholder="$t('business.agent.userInfoAgent.placeholder.account')" |
|
|
v-model="queryParams.account" |
|
|
clearable @keyup.enter.native="handleQuery" /> |
|
|
:placeholder="$t('business.agent.userInfoAgent.placeholder.account')" |
|
|
|
|
|
clearable |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.button.search') }}</el-button> |
|
|
<el-button type="primary" icon="el-icon-search" size="mini" |
|
|
|
|
|
@click="handleQuery">{{ $t('common.button.search') }}</el-button> |
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button> |
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
<el-row :gutter="10" class="mb8"> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button |
|
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" |
|
|
type="warning" |
|
|
v-hasPermi="['business:userInfoAgent:export']">{{ $t('common.button.export') }}</el-button> |
|
|
plain |
|
|
|
|
|
icon="el-icon-download" |
|
|
|
|
|
size="mini" |
|
|
|
|
|
@click="handleExport" |
|
|
|
|
|
v-hasPermi="['business:userInfoAgent:export']" |
|
|
|
|
|
>{{ $t('common.button.export') }}</el-button> |
|
|
|
|
|
</el-col> |
|
|
</el-col> |
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
</el-row> |
|
|
</el-row> |
|
@ -45,28 +33,20 @@ |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.licenseOther')" align="center" prop="licenseOther" /> |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.licenseOther')" align="center" prop="licenseOther" /> |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.legalPerson')" align="center" prop="legalPerson" /> |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.legalPerson')" align="center" prop="legalPerson" /> |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.operateStatus')" align="center" prop="operateStatus" /> |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.operateStatus')" align="center" prop="operateStatus" /> |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.contactAddress')" align="center" prop="contactAddress" /> |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.contactAddress')" align="center" |
|
|
|
|
|
prop="contactAddress" /> |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.operateAddr')" align="center" prop="operateAddr" /> |
|
|
<el-table-column :label="$t('business.agent.userInfoAgent.operateAddr')" align="center" prop="operateAddr" /> |
|
|
<el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" class-name="small-padding fixed-width"> |
|
|
<el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" |
|
|
|
|
|
class-name="small-padding fixed-width"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button |
|
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
|
size="mini" |
|
|
v-hasPermi="['business:userInfoAgent:edit']">{{ $t('common.button.edit') }}</el-button> |
|
|
type="text" |
|
|
|
|
|
icon="el-icon-edit" |
|
|
|
|
|
@click="handleUpdate(scope.row)" |
|
|
|
|
|
v-hasPermi="['business:userInfoAgent:edit']" |
|
|
|
|
|
>{{ $t('common.button.edit') }}</el-button> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
|
|
|
<pagination |
|
|
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
|
|
v-show="total>0" |
|
|
@pagination="getList" /> |
|
|
:total="total" |
|
|
|
|
|
:page.sync="queryParams.pageNum" |
|
|
|
|
|
:limit.sync="queryParams.pageSize" |
|
|
|
|
|
@pagination="getList" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 添加或修改代理商信息对话框 --> |
|
|
<!-- 添加或修改代理商信息对话框 --> |
|
|
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|
|
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|
@ -78,20 +58,25 @@ |
|
|
<el-input v-model="form.license" :placeholder="$t('business.agent.userInfoAgent.placeholder.license')" /> |
|
|
<el-input v-model="form.license" :placeholder="$t('business.agent.userInfoAgent.placeholder.license')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.licenseOther')" prop="licenseOther"> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.licenseOther')" prop="licenseOther"> |
|
|
<el-input v-model="form.licenseOther" :placeholder="$t('business.agent.userInfoAgent.placeholder.licenseOther')" /> |
|
|
<el-input v-model="form.licenseOther" |
|
|
|
|
|
:placeholder="$t('business.agent.userInfoAgent.placeholder.licenseOther')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.legalPerson')" prop="legalPerson"> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.legalPerson')" prop="legalPerson"> |
|
|
<el-input v-model="form.legalPerson" :placeholder="$t('business.agent.userInfoAgent.placeholder.legalPerson')" /> |
|
|
<el-input v-model="form.legalPerson" |
|
|
|
|
|
:placeholder="$t('business.agent.userInfoAgent.placeholder.legalPerson')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.contactAddress')" prop="contactAddress"> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.contactAddress')" prop="contactAddress"> |
|
|
<el-input v-model="form.contactAddress" :placeholder="$t('business.agent.userInfoAgent.placeholder.contactAddress')" /> |
|
|
<el-input v-model="form.contactAddress" |
|
|
|
|
|
:placeholder="$t('business.agent.userInfoAgent.placeholder.contactAddress')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.operateAddr')" prop="operateAddr"> |
|
|
<el-form-item :label="$t('business.agent.userInfoAgent.operateAddr')" prop="operateAddr"> |
|
|
<el-input v-model="form.operateAddr" :placeholder="$t('business.agent.userInfoAgent.placeholder.operateAddr')" /> |
|
|
<el-input v-model="form.operateAddr" |
|
|
|
|
|
:placeholder="$t('business.agent.userInfoAgent.placeholder.operateAddr')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.button.confirm') }}</el-button> |
|
|
<el-button :loading="buttonLoading" type="primary" |
|
|
|
|
|
@click="submitForm">{{ $t('common.button.confirm') }}</el-button> |
|
|
<el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button> |
|
|
<el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
@ -100,9 +85,15 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { listUserInfoAgent, getUserInfoAgent, delUserInfoAgent, addUserInfoAgent, updateUserInfoAgent } from "@/api/business/userInfoAgent"; |
|
|
import { |
|
|
|
|
|
listUserInfoAgent, |
|
|
|
|
|
getUserInfoAgent, |
|
|
|
|
|
delUserInfoAgent, |
|
|
|
|
|
addUserInfoAgent, |
|
|
|
|
|
updateUserInfoAgent |
|
|
|
|
|
} from "@/api/business/userInfoAgent"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "UserInfoAgent", |
|
|
name: "UserInfoAgent", |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
@ -143,33 +134,51 @@ export default { |
|
|
form: {}, |
|
|
form: {}, |
|
|
// 表单校验 |
|
|
// 表单校验 |
|
|
rules: { |
|
|
rules: { |
|
|
id: [ |
|
|
id: [{ |
|
|
{ required: true, message: this.$t('business.agent.userInfoAgent.rule.idRequired'), trigger: "blur" } |
|
|
required: true, |
|
|
], |
|
|
message: this.$t('business.agent.userInfoAgent.rule.idRequired'), |
|
|
userId: [ |
|
|
trigger: "blur" |
|
|
{ required: true, message: this.$t('business.agent.userInfoAgent.rule.userIdRequired'), trigger: "blur" } |
|
|
}], |
|
|
], |
|
|
/* userId: [{ |
|
|
agentName: [ |
|
|
required: true, |
|
|
{ required: true, message: this.$t('business.agent.userInfoAgent.rule.agentNameRequired'), trigger: "blur" } |
|
|
message: this.$t('business.agent.userInfoAgent.rule.userIdRequired'), |
|
|
], |
|
|
trigger: "blur" |
|
|
license: [ |
|
|
}], */ |
|
|
{ required: true, message: this.$t('business.agent.userInfoAgent.rule.licenseRequired'), trigger: "blur" } |
|
|
agentName: [{ |
|
|
], |
|
|
required: true, |
|
|
licenseOther: [ |
|
|
message: this.$t('business.agent.userInfoAgent.rule.agentNameRequired'), |
|
|
{ required: true, message: this.$t('business.agent.userInfoAgent.rule.licenseOtherRequired'), trigger: "blur" } |
|
|
trigger: "blur" |
|
|
], |
|
|
}], |
|
|
legalPerson: [ |
|
|
license: [{ |
|
|
{ required: true, message: this.$t('business.agent.userInfoAgent.rule.legalPersonRequired'), trigger: "blur" } |
|
|
required: true, |
|
|
], |
|
|
message: this.$t('business.agent.userInfoAgent.rule.licenseRequired'), |
|
|
operateStatus: [ |
|
|
trigger: "blur" |
|
|
{ required: true, message: this.$t('business.agent.userInfoAgent.rule.operateStatusRequired'), trigger: "change" } |
|
|
}], |
|
|
], |
|
|
licenseOther: [{ |
|
|
contactAddress: [ |
|
|
required: true, |
|
|
{ required: true, message: this.$t('business.agent.userInfoAgent.rule.contactAddressRequired'), trigger: "blur" } |
|
|
message: this.$t('business.agent.userInfoAgent.rule.licenseOtherRequired'), |
|
|
], |
|
|
trigger: "blur" |
|
|
operateAddr: [ |
|
|
}], |
|
|
{ required: true, message: this.$t('business.agent.userInfoAgent.rule.operateAddrRequired'), trigger: "blur" } |
|
|
legalPerson: [{ |
|
|
], |
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.agent.userInfoAgent.rule.legalPersonRequired'), |
|
|
|
|
|
trigger: "blur" |
|
|
|
|
|
}], |
|
|
|
|
|
/* operateStatus: [{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.agent.userInfoAgent.rule.operateStatusRequired'), |
|
|
|
|
|
trigger: "change" |
|
|
|
|
|
}], */ |
|
|
|
|
|
contactAddress: [{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.agent.userInfoAgent.rule.contactAddressRequired'), |
|
|
|
|
|
trigger: "blur" |
|
|
|
|
|
}], |
|
|
|
|
|
operateAddr: [{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.agent.userInfoAgent.rule.operateAddrRequired'), |
|
|
|
|
|
trigger: "blur" |
|
|
|
|
|
}], |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
@ -224,7 +233,7 @@ export default { |
|
|
// 多选框选中数据 |
|
|
// 多选框选中数据 |
|
|
handleSelectionChange(selection) { |
|
|
handleSelectionChange(selection) { |
|
|
this.ids = selection.map(item => item.id) |
|
|
this.ids = selection.map(item => item.id) |
|
|
this.single = selection.length!==1 |
|
|
this.single = selection.length !== 1 |
|
|
this.multiple = !selection.length |
|
|
this.multiple = !selection.length |
|
|
}, |
|
|
}, |
|
|
/** 新增按钮操作 */ |
|
|
/** 新增按钮操作 */ |
|
@ -273,15 +282,16 @@ export default { |
|
|
/** 删除按钮操作 */ |
|
|
/** 删除按钮操作 */ |
|
|
handleDelete(row) { |
|
|
handleDelete(row) { |
|
|
const ids = row.id || this.ids; |
|
|
const ids = row.id || this.ids; |
|
|
this.$modal.confirm(this.$t('business.agent.userInfoAgent.deleteConfirm', { ids: ids })).then(() => { |
|
|
this.$modal.confirm(this.$t('business.agent.userInfoAgent.deleteConfirm', { |
|
|
|
|
|
ids: ids |
|
|
|
|
|
})).then(() => { |
|
|
this.loading = true; |
|
|
this.loading = true; |
|
|
return delUserInfoAgent(ids); |
|
|
return delUserInfoAgent(ids); |
|
|
}).then(() => { |
|
|
}).then(() => { |
|
|
this.loading = false; |
|
|
this.loading = false; |
|
|
this.getList(); |
|
|
this.getList(); |
|
|
this.$modal.msgSuccess(this.$t('business.agent.userInfoAgent.deleteSuccess')); |
|
|
this.$modal.msgSuccess(this.$t('business.agent.userInfoAgent.deleteSuccess')); |
|
|
}).catch(() => { |
|
|
}).catch(() => {}).finally(() => { |
|
|
}).finally(() => { |
|
|
|
|
|
this.loading = false; |
|
|
this.loading = false; |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
@ -292,5 +302,5 @@ export default { |
|
|
}, `userInfoAgent_${new Date().getTime()}.xlsx`) |
|
|
}, `userInfoAgent_${new Date().getTime()}.xlsx`) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|