|
|
@@ -22,25 +22,25 @@
|
|
|
<el-button type="primary" @click="handleEdit">编辑</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-divider style="width: 100%"></el-divider>
|
|
|
+ <el-divider style="width: 100%;"></el-divider>
|
|
|
<el-descriptions title="系统信息配置">
|
|
|
<el-descriptions-item>
|
|
|
<el-form :model="functionForm" :rules="functionRules" ref="functionRef" label-width="200" label-position="left">
|
|
|
<el-form-item label="支持报价的保司" prop="quoteCompany">
|
|
|
- <el-radio-group style="width: 100%" v-model="functionForm.quoteCompany">
|
|
|
+ <el-radio-group style="width: 100%;" v-model="functionForm.quoteCompany">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="24">
|
|
|
<el-radio :value="1">全部保险公司</el-radio>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" style="display: flex; align-items: center">
|
|
|
+ <el-col :span="24" style="display: flex; align-items: center;">
|
|
|
<el-radio :value="2">部分保险公司</el-radio>
|
|
|
<el-button v-if="functionForm.quoteCompany == 2" link type="primary" @click="select" icon="CirclePlus">选择保险公司</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-radio-group>
|
|
|
- <div v-if="functionForm.quoteCompany == 2" style="display: flex; justify-content: flex-start">
|
|
|
- <div style="display: flex; align-items: center; background: #E9F4FF; padding: 3px 16px; border-radius: 3px; margin-right: 10px; color: #0083FF;" v-for="(item, index) in companySelected">{{ item.nameSimple }}
|
|
|
- <el-icon style="cursor: pointer; margin-left: 20px;" @click="handleDelete(item, index)"><Close /></el-icon></div>
|
|
|
+ <div v-if="functionForm.quoteCompany == 2" style="display: flex; justify-content: flex-start;">
|
|
|
+ <div style="display: flex; align-items: center; padding: 3px 16px; margin-right: 10px; color: #0083ff; background: #e9f4ff; border-radius: 3px;" v-for="(item, index) in companySelected">{{ item.nameSimple }}
|
|
|
+ <el-icon style=" margin-left: 20px;cursor: pointer;" @click="handleDelete(item, index)"><Close /></el-icon></div>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="报价/出单方式" prop="orderMode">
|
|
|
@@ -56,7 +56,7 @@
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="订单审核机构" prop="orderAuditDept">
|
|
|
- <el-radio-group style="width: 100%" v-model="functionForm.orderAuditDept">
|
|
|
+ <el-radio-group style="width: 100%;" v-model="functionForm.orderAuditDept">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="24">
|
|
|
<el-radio :value="1">业务员归属机构</el-radio>
|
|
|
@@ -71,13 +71,13 @@
|
|
|
</el-radio-group>
|
|
|
<!-- <el-cascader v-if="functionForm.orderAuditDept == 3" v-model="functionForm.orderAuditDeptList" :props="optionProps"></el-cascader>-->
|
|
|
<div>
|
|
|
- <el-select style="width: 200px" v-if="functionForm.orderAuditDept == 3" v-model="functionForm.orderAuditDeptList">
|
|
|
+ <el-select style="width: 200px;" v-if="functionForm.orderAuditDept == 3" v-model="functionForm.orderAuditDeptList">
|
|
|
<el-option v-for="item in institutionList" :value="item.id" :label="item.name"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="业务员审核机构" prop="salesmanAuditDept">
|
|
|
- <el-radio-group style="width: 100%" v-model="functionForm.salesmanAuditDept">
|
|
|
+ <el-radio-group style="width: 100%;" v-model="functionForm.salesmanAuditDept">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="24">
|
|
|
<el-radio :value="1">业务员归属机构</el-radio>
|
|
|
@@ -88,12 +88,12 @@
|
|
|
</el-row>
|
|
|
</el-radio-group>
|
|
|
<!-- <el-cascader v-if="functionForm.salesmanAuditDept == 2" v-model="functionForm.salesmanAuditDeptList" :props="optionProps"></el-cascader>-->
|
|
|
- <el-select style="width: 200px" v-if="functionForm.salesmanAuditDept == 2" v-model="functionForm.salesmanAuditDeptList">
|
|
|
+ <el-select style="width: 200px;" v-if="functionForm.salesmanAuditDept == 2" v-model="functionForm.salesmanAuditDeptList">
|
|
|
<el-option v-for="item in institutionList" :value="item.id" :label="item.name"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="业务员提现账号审核机构" prop="salesmanWithdrawAccountAuditDept">
|
|
|
- <el-radio-group style="width: 100%" v-model="functionForm.salesmanWithdrawAccountAuditDept">
|
|
|
+ <el-radio-group style="width: 100%;" v-model="functionForm.salesmanWithdrawAccountAuditDept">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="24">
|
|
|
<el-radio :value="1">业务员归属机构</el-radio>
|
|
|
@@ -104,12 +104,12 @@
|
|
|
</el-row>
|
|
|
</el-radio-group>
|
|
|
<!-- <el-cascader v-if="functionForm.salesmanWithdrawAccountAuditDept == 2" v-model="functionForm.salesmanWithdrawAccountAuditDeptList" :props="optionProps"></el-cascader>-->
|
|
|
- <el-select style="width: 200px" v-if="functionForm.salesmanWithdrawAccountAuditDept == 2" v-model="functionForm.salesmanWithdrawAccountAuditDeptList">
|
|
|
+ <el-select style="width: 200px;" v-if="functionForm.salesmanWithdrawAccountAuditDept == 2" v-model="functionForm.salesmanWithdrawAccountAuditDeptList">
|
|
|
<el-option v-for="item in institutionList" :value="item.id" :label="item.name"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="业务员提现申请付款审核机构" prop="salesmanWithdrawPaymentAuditDept">
|
|
|
- <el-radio-group style="width: 100%" v-model="functionForm.salesmanWithdrawPaymentAuditDept">
|
|
|
+ <el-radio-group style="width: 100%;" v-model="functionForm.salesmanWithdrawPaymentAuditDept">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="24">
|
|
|
<el-radio :value="1">业务员归属机构</el-radio>
|
|
|
@@ -120,7 +120,7 @@
|
|
|
</el-row>
|
|
|
</el-radio-group>
|
|
|
<!-- <el-cascader v-if="functionForm.salesmanWithdrawPaymentAuditDept == 2" v-model="functionForm.salesmanWithdrawPaymentAuditDeptList" :props="optionProps"></el-cascader>-->
|
|
|
- <el-select style="width: 200px" v-if="functionForm.salesmanWithdrawPaymentAuditDept == 2" v-model="functionForm.salesmanWithdrawPaymentAuditDeptList">
|
|
|
+ <el-select style="width: 200px;" v-if="functionForm.salesmanWithdrawPaymentAuditDept == 2" v-model="functionForm.salesmanWithdrawPaymentAuditDeptList">
|
|
|
<el-option v-for="item in institutionList" :value="item.id" :label="item.name"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -161,9 +161,9 @@ let company = ref([])
|
|
|
let filterIndex = ref(0)
|
|
|
let companyId = ref('')
|
|
|
const filterChange = computed(() => {
|
|
|
- return company.value.filter(a => a.nameSimple.includes(filterText.value))
|
|
|
+ return company.value.filter((a:any) => a.nameSimple.includes(filterText.value))
|
|
|
})
|
|
|
-const handleClick = (item, index) => {
|
|
|
+const handleClick = (item:any, index:any) => {
|
|
|
filterIndex.value = index
|
|
|
companyId.value = item.id
|
|
|
console.log(11111, index)
|
|
|
@@ -171,7 +171,7 @@ const handleClick = (item, index) => {
|
|
|
}
|
|
|
// 保司
|
|
|
const initCompany = () => {
|
|
|
- api.configurate.liveCompanyList().then(res => {
|
|
|
+ api.configurate.liveCompanyList().then((res:any) => {
|
|
|
if(res.code == 200) {
|
|
|
company.value = res.data
|
|
|
} else {
|
|
|
@@ -314,28 +314,32 @@ onMounted(() => {
|
|
|
</script>
|
|
|
<!-- 样式区域 -->
|
|
|
<style scoped lang="scss">
|
|
|
- .company{
|
|
|
+ .company {
|
|
|
height: calc(100% - 60px);
|
|
|
- .companyItem{
|
|
|
+
|
|
|
+ .companyItem {
|
|
|
width: 100%;
|
|
|
padding: 10px 15px;
|
|
|
margin: 10px 0;
|
|
|
overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
cursor: pointer;
|
|
|
- &:hover{
|
|
|
- background: #F4FAFF;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: #f4faff;
|
|
|
border-radius: 3px 0 0 3px;
|
|
|
}
|
|
|
}
|
|
|
- .active{
|
|
|
- background: #F4FAFF;
|
|
|
+
|
|
|
+ .active {
|
|
|
+ background: #f4faff;
|
|
|
+ border-right: 1px solid #0083ff;
|
|
|
border-radius: 3px 0 0 3px;
|
|
|
- border-right: 1px solid #0083FF;
|
|
|
}
|
|
|
}
|
|
|
- .footer{
|
|
|
+
|
|
|
+ .footer {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|