核保因子添加功能

src/views/AgreementManage/CarInsurance/AgreementEntry.vue

@@ -530,7 +530,7 @@
           @click="submitForm">提交</el-button>
       </span>
     </el-dialog>
-    <el-dialog :visible.sync="bfyzVisible" width="80%">
+    <el-dialog :visible.sync="bfyzVisible"  fullscreen="true">
       <premium-factor ref="premiumfactor"></premium-factor>
       <!-- <el-form ref="CostfactorForm" :model="CostfactorForm" label-width="100px" :size="overSize">
         <el-card class="box-card">

src/views/AgreementManage/CarInsurance/components/PremiumFactor.vue

@@ -1,5 +1,10 @@
 <template>
   <div>
+    <div class="head_operate">
+      <el-button size="small" @click="addConditions()">添加条件</el-button>
+      <el-button size="small">常用条件设置</el-button>
+      <el-button size="small" type="primary">主要按钮</el-button>
+    </div>
     <el-form ref="CostfactorForm" :model="formData" label-width="190px" >
       <div v-for="(item,index) in circularContent" :key="index">
         <el-card class="box-card" :body-style="{'display':(item.hideAll?'block':'none')}" style=" margin-bottom: 18px;">
@@ -158,6 +163,24 @@
         </el-card>
         </div>
       </el-form>
+      <el-dialog
+        :title="dialogTitle"
+        :visible.sync="dialogVisible"
+        append-to-body
+        width="80%">
+        <span>
+          <p>保单信息<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox></p>
+          <div>
+            <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
+              <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>
+            </el-checkbox-group>
+          </div>
+        </span>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
     </div>
 </template>
 <script>
@@ -169,6 +192,12 @@ import imgSrc5 from '../../../../assets/image/bfyz5.png'
 export default {
     data(){
         return{
+          checkAll: false,
+        checkedCities: ['上海', '北京'],
+        cities: ['上海', '北京', '广州', '深圳'],
+        isIndeterminate: true,
+          dialogVisible: false,
+          dialogTitle:'添加其他条件',
           options:[
             {
               value: '1',
@@ -741,6 +770,18 @@ export default {
             })
           }
         },
+        addConditions(){
+          this.dialogVisible=true
+        },
+        handleCheckAllChange(val) {
+        this.checkedCities = val ? cityOptions : [];
+        this.isIndeterminate = false;
+      },
+      handleCheckedCitiesChange(value) {
+        let checkedCount = value.length;
+        this.checkAll = checkedCount === this.cities.length;
+        this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;
+      }
       }
 }
 </script>
@@ -764,10 +805,14 @@ export default {
   }
   span>img{
     vertical-align: middle;
-  width: 26px;
-  height: 26px;
-  margin-right: 5px
-}
+    width: 26px;
 
+    height: 26px;
+    margin-right: 5px
+  }
+}
+.head_operate{
+  text-align: right;
+  padding: 10px 0;
 }
 </style>