no message

src/views/setting/departmentManage/index.vue

@@ -135,7 +135,18 @@
               </el-col>
               <el-col :span="6">
                 <el-form-item label="网点属性" prop="attr">
-                  <el-radio-group v-model="mainForm.attr">
+                  <el-radio-group
+                    v-model="mainForm.attr"
+                    @change="
+                      v => {
+                        if (v !== 'SELF') {
+                          mainForm.insureType = ['意外险', '雇主险']
+                        } else {
+                          mainForm.insureType = ['意外险']
+                        }
+                      }
+                    "
+                  >
                     <el-radio label="SELF">自建网点</el-radio>
                     <el-radio label="MAJOR">第三方专业网点</el-radio>
                     <el-radio label="MERCHANT">第三方经销商家网点</el-radio>
@@ -144,18 +155,22 @@
               </el-col>
               <el-col :span="6">
                 <el-form-item label="网点级别" prop="level">
-                  <el-radio-group v-model="mainForm.level">
-                    <el-radio :label="1">一级网点</el-radio>
-                    <el-radio :label="2">二级网点</el-radio>
-                  </el-radio-group>
+                  <div style="min-width: 220px">
+                    <el-radio-group v-model="mainForm.level">
+                      <el-radio :label="1">一级网点</el-radio>
+                      <el-radio :label="2">二级网点</el-radio>
+                    </el-radio-group>
+                  </div>
                 </el-form-item>
               </el-col>
               <el-col :span="6">
                 <el-form-item label="状态" prop="status">
-                  <el-radio-group v-model="mainForm.status">
-                    <el-radio :label="true">启用</el-radio>
-                    <el-radio :label="false">禁用</el-radio>
-                  </el-radio-group>
+                  <div style="min-width: 220px">
+                    <el-radio-group v-model="mainForm.status">
+                      <el-radio :label="true">启用</el-radio>
+                      <el-radio :label="false">禁用</el-radio>
+                    </el-radio-group>
+                  </div>
                 </el-form-item>
               </el-col>
               <el-col :span="6">
@@ -171,34 +186,42 @@
               </el-col>
               <el-col :span="6">
                 <el-form-item label="保险类型" prop="insureType">
-                  <el-checkbox-group v-model="mainForm.insureType">
-                    <el-checkbox label="意外险" :disabled="mainForm.insureType.includes('意外险')">意外险</el-checkbox>
-                    <el-checkbox
-                      label="雇主险"
-                      @change="
-                        () => {
-                          if (mainForm.insureType.includes('雇主险') && mainForm.insureType.includes('工伤险')) {
-                            mainForm.insureType.splice(mainForm.insureType.indexOf('工伤险'), 1)
+                  <div style="min-width: 220px">
+                    <el-checkbox-group v-model="mainForm.insureType">
+                      <el-checkbox
+                        label="意外险"
+                        :disabled="mainForm.insureType.includes('意外险') || mainForm.attr !== 'SELF'"
+                        >意外险</el-checkbox
+                      >
+                      <el-checkbox
+                        label="雇主险"
+                        :disabled="mainForm.attr !== 'SELF'"
+                        @change="
+                          () => {
+                            if (mainForm.insureType.includes('雇主险') && mainForm.insureType.includes('工伤险')) {
+                              mainForm.insureType.splice(mainForm.insureType.indexOf('工伤险'), 1)
+                            }
                           }
-                        }
-                      "
-                      >雇主险</el-checkbox
-                    >
-                    <el-checkbox
-                      label="工伤险"
-                      @change="
-                        () => {
-                          if (mainForm.insureType.includes('雇主险') && mainForm.insureType.includes('工伤险')) {
-                            mainForm.insureType.splice(mainForm.insureType.indexOf('雇主险'), 1)
+                        "
+                        >雇主险</el-checkbox
+                      >
+                      <el-checkbox
+                        label="工伤险"
+                        :disabled="mainForm.attr !== 'SELF'"
+                        @change="
+                          () => {
+                            if (mainForm.insureType.includes('雇主险') && mainForm.insureType.includes('工伤险')) {
+                              mainForm.insureType.splice(mainForm.insureType.indexOf('雇主险'), 1)
+                            }
                           }
-                        }
-                      "
-                      >工伤险</el-checkbox
-                    >
-                  </el-checkbox-group>
+                        "
+                        >工伤险</el-checkbox
+                      >
+                    </el-checkbox-group>
+                  </div>
                 </el-form-item>
               </el-col>
-              <el-col :span="6">
+              <el-col :span="6" v-if="mainForm.attr == 'SELF'">
                 <el-form-item label="保险支付商户" prop="payInsureCodeId">
                   <el-select v-model="mainForm.payInsureCodeId" placeholder="请选择">
                     <el-option v-for="item in PayConfigList" :key="item.value" :label="item.label" :value="item.value">
@@ -208,7 +231,7 @@
               </el-col>
               <!--  -->
               <!--  -->
-              <el-col :span="6">
+              <el-col :span="6" v-if="mainForm.attr == 'SELF'">
                 <el-form-item label="工伤险代买单位" prop="insureSteadUnit">
                   <el-select v-model="mainForm.insureSteadUnit" placeholder="请选择">
                     <el-option
@@ -1022,4 +1045,10 @@ export default {
     margin-top: 10px;
   }
 }
+::v-deep .el-checkbox {
+  line-height: 16px !important;
+}
+::v-deep .el-checkbox {
+  margin-right: 5px !important;
+}
 </style>