Explorar o código

fix:功能配置功能开发

wuguojie hai 1 ano
pai
achega
9decafa60d
Modificáronse 1 ficheiros con 53 adicións e 15 borrados
  1. 53 15
      src/views/organizationManagement/functionConfiguration.vue

+ 53 - 15
src/views/organizationManagement/functionConfiguration.vue

@@ -28,26 +28,46 @@
               <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 :value="1">全部保险公司</el-radio>
-                    <el-radio :value="2">部分保险公司</el-radio>
-                    <el-button v-if="functionForm.quoteCompany == 2" link type="primary" @click="select" icon="CirclePlus">选择保险公司</el-button>
+                    <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-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: #cccccc; padding: 2px 10px; border-radius: 3px; margin-right: 10px" v-for="(item, index) in companySelected">{{ item.nameSimple }}
+                    <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>
                 </el-form-item>
                 <el-form-item label="报价/出单方式" prop="orderMode">
                   <el-radio-group v-model="functionForm.orderMode">
-                    <el-radio :value="1">协议报价/出单</el-radio>
-                    <el-radio :value="2">账号报价/出单</el-radio>
+                    <el-row :gutter="20">
+                      <el-col :span="24">
+                        <el-radio :value="1">协议报价/出单</el-radio>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-radio :value="2">账号报价/出单</el-radio>
+                      </el-col>
+                    </el-row>
                   </el-radio-group>
                 </el-form-item>
                 <el-form-item label="订单审核机构" prop="orderAuditDept">
                   <el-radio-group style="width: 100%" v-model="functionForm.orderAuditDept">
-                    <el-radio :value="1">业务员归属机构</el-radio>
-                    <el-radio :value="2">协议/账号归属机构</el-radio>
-                    <el-radio :value="3">指定机构</el-radio>
+                    <el-row :gutter="20">
+                      <el-col :span="24">
+                        <el-radio :value="1">业务员归属机构</el-radio>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-radio :value="2">协议/账号归属机构</el-radio>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-radio :value="3">指定机构</el-radio>
+                      </el-col>
+                    </el-row>
                   </el-radio-group>
 <!--                  <el-cascader v-if="functionForm.orderAuditDept == 3" v-model="functionForm.orderAuditDeptList" :props="optionProps"></el-cascader>-->
                   <div>
@@ -58,8 +78,14 @@
                 </el-form-item>
                 <el-form-item label="业务员审核机构" prop="salesmanAuditDept">
                   <el-radio-group style="width: 100%" v-model="functionForm.salesmanAuditDept">
-                    <el-radio :value="1">业务员归属机构</el-radio>
-                    <el-radio :value="2">指定机构</el-radio>
+                    <el-row :gutter="20">
+                      <el-col :span="24">
+                        <el-radio :value="1">业务员归属机构</el-radio>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-radio :value="2">指定机构</el-radio>
+                      </el-col>
+                    </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">
@@ -68,8 +94,14 @@
                 </el-form-item>
                 <el-form-item label="业务员提现账号审核机构" prop="salesmanWithdrawAccountAuditDept">
                   <el-radio-group style="width: 100%" v-model="functionForm.salesmanWithdrawAccountAuditDept">
-                    <el-radio :value="1">业务员归属机构</el-radio>
-                    <el-radio :value="2">指定机构</el-radio>
+                    <el-row :gutter="20">
+                      <el-col :span="24">
+                        <el-radio :value="1">业务员归属机构</el-radio>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-radio :value="2">指定机构</el-radio>
+                      </el-col>
+                    </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">
@@ -78,8 +110,14 @@
                 </el-form-item>
                 <el-form-item label="业务员提现申请付款审核机构" prop="salesmanWithdrawPaymentAuditDept">
                   <el-radio-group style="width: 100%" v-model="functionForm.salesmanWithdrawPaymentAuditDept">
-                    <el-radio :value="1">业务员归属机构</el-radio>
-                    <el-radio :value="2">指定机构</el-radio>
+                    <el-row :gutter="20">
+                      <el-col :span="24">
+                        <el-radio :value="1">业务员归属机构</el-radio>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-radio :value="2">指定机构</el-radio>
+                      </el-col>
+                    </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">