fix: 不浮动原因

src/components/Form/ProductCostForm.vue

@@ -1,1050 +1,1071 @@
 <template>
-  <div class="flex j-s " style="position: relative;">
-    <div class="sidebarShortcut">
-      <ul class="flex j-c a-c f-c">
-        <li v-if="underwritingRulesForm" :class="{ sidebarstyle: sidebarItem == 'gzxx' }" class="flex a-c "
-          @click="scrollToSection('gzxx')">
-          <div :style="{ opacity: sidebarItem == 'gzxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>规则信息
-        </li>
-        <li :class="{ sidebarstyle: sidebarItem == 'clxx' }" class="flex a-c " @click="scrollToSection('clxx')">
-          <div :style="{ opacity: sidebarItem == 'clxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>车辆信息
-        </li>
-        <li :class="{ sidebarstyle: sidebarItem == 'czxx' }" class="flex a-c " @click="scrollToSection('czxx')">
-          <div :style="{ opacity: sidebarItem == 'czxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>车主信息
-        </li>
-        <li :class="{ sidebarstyle: sidebarItem == 'tbrxx' }" class="flex a-c " @click="scrollToSection('tbrxx')">
-          <div :style="{ opacity: sidebarItem == 'tbrxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>投保人信息
-        </li>
-        <li :class="{ sidebarstyle: sidebarItem == 'bbrxx' }" class="flex a-c " @click="scrollToSection('bbrxx')">
-          <div :style="{ opacity: sidebarItem == 'bbrxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>被保人信息
-        </li>
-        <li v-if="insuranceTypeAttr.length > 0" :class="{ sidebarstyle: sidebarItem == 'xbxx' }" class="flex a-c "
-          @click="scrollToSection('xbxx')">
-          <div :style="{ opacity: sidebarItem == 'xbxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>险别信息
-        </li>
-        <li v-if="insurerCostFactorAttr.length > 0" :class="{ sidebarstyle: sidebarItem == 'bsfyyz' }" class="flex a-c "
-          @click="scrollToSection('bsfyyz')">
-          <div :style="{ opacity: sidebarItem == 'bsfyyz' ? 1 : 0 }" class="ornament flex a-c j-c"></div>保司费用因子
-        </li>
-      </ul>
-    </div>
-    <div class="tab-panecent1">
-      <el-form ref="productCostForm" :model="localForm" label-width="120px" :size="overSize" :disabled="disabled">
-        <el-card shadow="hover" class="margin-bom" id="gzxx" v-if="underwritingRulesForm">
-          <div slot="header" class="clearfix flex j-s a-c">
-            <div class="flex j-s a-c">
-              <span>规则信息</span>
-            </div>
-          </div>
-          <div class="p-2" v-show="CarCollapsed">
-            <el-form ref="form" :model="underwritingRulesForm" label-width="80px" size="small" :disabled="disabled">
-              <el-col :span="8">
-                <el-form-item label="是否有效">
-                  <el-select v-model="underwritingRulesForm.validInd" placeholder="请选择活动区域">
-                    <el-option label="有效" value="1"></el-option>
-                    <el-option label="无效" value="0"></el-option>
-                    <el-option label="待审核" value="2"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="8">
-                <el-form-item label="规则起期">
-                  <el-date-picker value-format="yyyy-MM-dd" v-model="underwritingRulesForm.rulesStartDate" type="date"
-                    placeholder="选择日期">
-                  </el-date-picker>
-                </el-form-item>
-              </el-col>
-              <el-col :span="8">
-                <el-form-item label="规则止期">
-                  <el-date-picker value-format="yyyy-MM-dd" v-model="underwritingRulesForm.rulesEndDate" type="date"
-                    @change="rulesEndDateChange" placeholder="选择日期">
-                  </el-date-picker>
-                </el-form-item>
-              </el-col>
-              <el-col :span="24">
-                <el-form-item label="规则描述">
-                  <el-input type="textarea" v-model="underwritingRulesForm.ruleDescription" placeholder="请输入承保规则描述"
-                    maxlength="100" show-word-limit></el-input>
-                </el-form-item>
-              </el-col>
-            </el-form>
-          </div>
-        </el-card>
-        <el-card shadow="hover" class="margin-bom" id="clxx">
-          <div slot="header" class="clearfix flex j-s a-c">
-            <div class="flex j-s a-c">
-              <span>车辆信息</span>
-            </div>
-            <!-- <el-button @click="toggle('Car')" style="float: right; padding: 3px 0; color: #ff9000;" type="text">{{
-              CarCollapsed
-              ? '收起' : '展开'
-            }}</el-button> -->
-          </div>
-          <div class="p-2" v-show="CarCollapsed">
-            <el-col v-for="(formItems, index) in CarAttr" :key="index"
-              :span="formItems.attrType == 'checkbox' ? 24 : 11">
-              <el-form-item :label="formItems.attrName">
-                <template v-if="formItems.attrType == 'inputNumber'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                    <i class="el-icon-minus"></i>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <template v-if="formItems.attrType == 'datetime'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                    <span>~</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <div v-if="formItems.attrType == 'select'" style="display: flex;">
-                  <el-select multiple v-model="formItems.minArray" placeholder="请选择" style="width: 100%;"
-                    @change="selectChange($event, formItems.id, 'min')"
-                    :filterable="formItems.attrName == '车辆类型' ? true : false">
-                    <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
-                      :value="formItems.attrName == '车辆类型' ? dict.code : dict.name"></el-option>
-                  </el-select>
-                  <el-checkbox style="margin-left: 10px;" v-if="formItems.attrCode == 'LicenseNo'"
-                    v-model="LicenseNoChecked"
-                    @change="LicenseNoCheckedChange($event, 'LicenseNo', 'min')">全选</el-checkbox>
-                  <el-checkbox style="margin-left: 10px;" v-if="formItems.attrCode == 'LicenseArea'"
-                    v-model="LicenseNoChecked1"
-                    @change="LicenseNoCheckedChange($event, 'LicenseArea', 'min')">全选</el-checkbox>
-                </div>
-                <div v-if="formItems.attrType == 'input'" style="display: flex;">
-                  <el-input v-model="formItems.min" placeholder="输入（宝马、奥迪等）多个输入，用，隔开"></el-input>
-                  <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option label="包含" value="1"></el-option>
-                    <el-option label="不包含" value="2"></el-option>
-                  </el-select>
-                </div>
-                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.minArray"
-                  @change="checkboxChange($event, formItems.id, 'min')">
-                  <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
-                </el-checkbox-group>
-                <div class="flex " v-if="formItems.attrType == 'radio'">
-                  <el-radio-group v-model="formItems.min">
-                    <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
-                      }}</el-radio-button>
-                  </el-radio-group>
-                  <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
-                    @click="radiouncheck(formItems)">取消选择</el-button>
-                </div>
-              </el-form-item>
-            </el-col>
-          </div>
-        </el-card>
-        <el-card shadow="hover" class="margin-bom" id="czxx">
-          <div slot="header" class="clearfix flex j-s a-c">
-            <div class="flex j-s a-c">
-              <span>车主信息</span>
-            </div>
-            <!-- <el-button @click="toggle('Carowners')" style="float: right; padding: 3px 0; color: #ff9000;" type="text">{{
-              CarownersCollapsed
-              ? '收起' : '展开'
-            }}</el-button> -->
-          </div>
-          <div class="p-2" v-show="CarownersCollapsed">
-            <el-col v-for="(formItems, index) in CarownersAttr" :key="index"
-              :span="formItems.attrType == 'checkbox' ? 24 : 12">
-              <el-form-item :label="formItems.attrName">
-                <template v-if="formItems.attrType == 'inputNumber'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                    <i class="el-icon-minus"></i>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <template v-if="formItems.attrType == 'datetime'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                    <span>~</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <template v-if="formItems.attrType == 'date'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期" style="width: 170px;">
-                    </el-date-picker>
-                    <span>~</span>
-                    <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
+    <div class="flex j-s " style="position: relative;">
+        <div class="sidebarShortcut">
+            <ul class="flex j-c a-c f-c">
+                <li v-if="underwritingRulesForm" :class="{ sidebarstyle: sidebarItem == 'gzxx' }" class="flex a-c "
+                    @click="scrollToSection('gzxx')">
+                    <div :style="{ opacity: sidebarItem == 'gzxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>规则信息
+                </li>
+                <li :class="{ sidebarstyle: sidebarItem == 'clxx' }" class="flex a-c " @click="scrollToSection('clxx')">
+                    <div :style="{ opacity: sidebarItem == 'clxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>车辆信息
+                </li>
+                <li :class="{ sidebarstyle: sidebarItem == 'czxx' }" class="flex a-c " @click="scrollToSection('czxx')">
+                    <div :style="{ opacity: sidebarItem == 'czxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>车主信息
+                </li>
+                <li :class="{ sidebarstyle: sidebarItem == 'tbrxx' }" class="flex a-c " @click="scrollToSection('tbrxx')">
+                    <div :style="{ opacity: sidebarItem == 'tbrxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>投保人信息
+                </li>
+                <li :class="{ sidebarstyle: sidebarItem == 'bbrxx' }" class="flex a-c " @click="scrollToSection('bbrxx')">
+                    <div :style="{ opacity: sidebarItem == 'bbrxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>被保人信息
+                </li>
+                <li v-if="insuranceTypeAttr.length > 0" :class="{ sidebarstyle: sidebarItem == 'xbxx' }" class="flex a-c "
+                    @click="scrollToSection('xbxx')">
+                    <div :style="{ opacity: sidebarItem == 'xbxx' ? 1 : 0 }" class="ornament flex a-c j-c"></div>险别信息
+                </li>
+                <li v-if="insurerCostFactorAttr.length > 0" :class="{ sidebarstyle: sidebarItem == 'bsfyyz' }" class="flex a-c "
+                    @click="scrollToSection('bsfyyz')">
+                    <div :style="{ opacity: sidebarItem == 'bsfyyz' ? 1 : 0 }" class="ornament flex a-c j-c"></div>保司费用因子
+                </li>
+            </ul>
+        </div>
+        <div class="tab-panecent1">
+            <el-form ref="productCostForm" :model="localForm" label-width="120px" :size="overSize" :disabled="disabled">
+                <el-card shadow="hover" class="margin-bom" id="gzxx" v-if="underwritingRulesForm">
+                    <div slot="header" class="clearfix flex j-s a-c">
+                        <div class="flex j-s a-c">
+                            <span>规则信息</span>
+                        </div>
+                    </div>
+                    <div class="p-2" v-show="CarCollapsed">
+                        <el-form ref="form" :model="underwritingRulesForm" label-width="80px" size="small" :disabled="disabled">
+                            <el-col :span="8">
+                                <el-form-item label="是否有效">
+                                    <el-select v-model="underwritingRulesForm.validInd" placeholder="请选择活动区域">
+                                        <el-option label="有效" value="1"></el-option>
+                                        <el-option label="无效" value="0"></el-option>
+                                        <el-option label="待审核" value="2"></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="规则起期">
+                                    <el-date-picker value-format="yyyy-MM-dd" v-model="underwritingRulesForm.rulesStartDate" type="date"
+                                                    placeholder="选择日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="规则止期">
+                                    <el-date-picker value-format="yyyy-MM-dd" v-model="underwritingRulesForm.rulesEndDate" type="date"
+                                                    @change="rulesEndDateChange" placeholder="选择日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                                <el-form-item label="规则描述">
+                                    <el-input type="textarea" v-model="underwritingRulesForm.ruleDescription" placeholder="请输入承保规则描述"
+                                              maxlength="100" show-word-limit></el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-form>
+                    </div>
+                </el-card>
+                <el-card shadow="hover" class="margin-bom" id="clxx">
+                    <div slot="header" class="clearfix flex j-s a-c">
+                        <div class="flex j-s a-c">
+                            <span>车辆信息</span>
+                        </div>
+                        <!-- <el-button @click="toggle('Car')" style="float: right; padding: 3px 0; color: #ff9000;" type="text">{{
+                          CarCollapsed
+                          ? '收起' : '展开'
+                        }}</el-button> -->
+                    </div>
+                    <div class="p-2" v-show="CarCollapsed">
+                        <el-col v-for="(formItems, index) in CarAttr" :key="index"
+                                :span="formItems.attrType == 'checkbox' ? 24 : 11">
+                            <el-form-item :label="formItems.attrName">
+                                <template v-if="formItems.attrType == 'inputNumber'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                        <i class="el-icon-minus"></i>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <template v-if="formItems.attrType == 'datetime'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                        <span>~</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <div v-if="formItems.attrType == 'select'" style="display: flex;">
+                                    <el-select multiple v-model="formItems.minArray" placeholder="请选择" style="width: 100%;"
+                                               @change="selectChange($event, formItems.id, 'min')"
+                                               :filterable="formItems.attrName == '车辆类型' ? true : false">
+                                        <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
+                                                   :value="formItems.attrName == '车辆类型' ? dict.code : dict.name"></el-option>
+                                    </el-select>
+                                    <el-checkbox style="margin-left: 10px;" v-if="formItems.attrCode == 'LicenseNo'"
+                                                 v-model="LicenseNoChecked"
+                                                 @change="LicenseNoCheckedChange($event, 'LicenseNo', 'min')">全选</el-checkbox>
+                                    <el-checkbox style="margin-left: 10px;" v-if="formItems.attrCode == 'LicenseArea'"
+                                                 v-model="LicenseNoChecked1"
+                                                 @change="LicenseNoCheckedChange($event, 'LicenseArea', 'min')">全选</el-checkbox>
+                                </div>
+                                <div v-if="formItems.attrType == 'input'" style="display: flex;">
+                                    <el-input v-model="formItems.min" placeholder="输入（宝马、奥迪等）多个输入，用，隔开"></el-input>
+                                    <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option label="包含" value="1"></el-option>
+                                        <el-option label="不包含" value="2"></el-option>
+                                    </el-select>
+                                </div>
+                                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.minArray"
+                                                   @change="checkboxChange($event, formItems.id, 'min')">
+                                    <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
+                                </el-checkbox-group>
+                                <div class="flex " v-if="formItems.attrType == 'radio'">
+                                    <el-radio-group v-model="formItems.min">
+                                        <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
+                                            }}</el-radio-button>
+                                    </el-radio-group>
+                                    <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
+                                               @click="radiouncheck(formItems)">取消选择</el-button>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+                    </div>
+                </el-card>
+                <el-card shadow="hover" class="margin-bom" id="czxx">
+                    <div slot="header" class="clearfix flex j-s a-c">
+                        <div class="flex j-s a-c">
+                            <span>车主信息</span>
+                        </div>
+                        <!-- <el-button @click="toggle('Carowners')" style="float: right; padding: 3px 0; color: #ff9000;" type="text">{{
+                          CarownersCollapsed
+                          ? '收起' : '展开'
+                        }}</el-button> -->
+                    </div>
+                    <div class="p-2" v-show="CarownersCollapsed">
+                        <el-col v-for="(formItems, index) in CarownersAttr" :key="index"
+                                :span="formItems.attrType == 'checkbox' ? 24 : 12">
+                            <el-form-item :label="formItems.attrName">
+                                <template v-if="formItems.attrType == 'inputNumber'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                        <i class="el-icon-minus"></i>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <template v-if="formItems.attrType == 'datetime'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                        <span>~</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <template v-if="formItems.attrType == 'date'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd " placeholder="选择日期"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                        <span>~</span>
+                                        <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd " placeholder="选择日期"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
 
-                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
-                  style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
-                  <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
-                    :value="dict.name"></el-option>
-                </el-select>
+                                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
+                                           style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
+                                    <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
+                                               :value="dict.name"></el-option>
+                                </el-select>
 
-                <div v-if="formItems.attrType == 'input'">
-                  <div v-if="formItems.attrCode == 'CarOwnersAddress'" style="display: flex;">
-                    <el-input  v-model="formItems.min" placeholder="车主地址"></el-input>
-                    <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option label="包含" value="1"></el-option>
-                    <el-option label="不包含" value="2"></el-option>
-                  </el-select>
-                  </div>
-                  <div v-else-if="formItems.attrCode == 'CarOwnersIDNumber'" style="display: flex;">
-                    <el-input  v-model="formItems.min" placeholder="身份证前2位或前6位"></el-input>
-                    <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option label="包含" value="1"></el-option>
-                    <el-option label="不包含" value="2"></el-option>
-                  </el-select>
-                  </div>
-                  <el-input v-else v-model="formItems.min" placeholder="身份证前2位或前6位
+                                <div v-if="formItems.attrType == 'input'">
+                                    <div v-if="formItems.attrCode == 'CarOwnersAddress' " style="display: flex;">
+                                        <el-input v-model="formItems.min" placeholder="车主地址"></el-input>
+                                        <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                            <el-option label="包含" value="1"></el-option>
+                                            <el-option label="不包含" value="2"></el-option>
+                                        </el-select>
+                                    </div>
+                                    <div v-else-if="formItems.attrCode == 'CarOwnersIDNumber' " style="display: flex;">
+                                        <el-input v-model="formItems.min" placeholder="身份证前2位或前6位"></el-input>
+                                        <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                            <el-option label="包含" value="1"></el-option>
+                                            <el-option label="不包含" value="2"></el-option>
+                                        </el-select>
+                                    </div>
+                                    <div v-else-if="formItems.attrCode == 'CarOwnersIDNumber'" style="display: flex;">
+                                        <el-input  v-model="formItems.min" placeholder="身份证前2位或前6位"></el-input>
+                                        <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                            <el-option label="包含" value="1"></el-option>
+                                            <el-option label="不包含" value="2"></el-option>
+                                        </el-select>
+                                    </div>
+                                    <el-input v-else v-model="formItems.min" placeholder="身份证前2位或前6位
                   "></el-input>
-                </div>
-                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
-                  @change="checkboxChange($event, formItems.id, 'min')">
-                  <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
-                </el-checkbox-group>
-                <div class="flex " v-if="formItems.attrType == 'radio'">
-                  <el-radio-group v-model="formItems.min">
-                    <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
-                      }}</el-radio-button>
-                  </el-radio-group>
-                  <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
-                    @click="radiouncheck(formItems)">取消选择</el-button>
-                </div>
+                                </div>
+                                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
+                                                   @change="checkboxChange($event, formItems.id, 'min')">
+                                    <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
+                                </el-checkbox-group>
+                                <div class="flex " v-if="formItems.attrType == 'radio'">
+                                    <el-radio-group v-model="formItems.min">
+                                        <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
+                                            }}</el-radio-button>
+                                    </el-radio-group>
+                                    <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
+                                               @click="radiouncheck(formItems)">取消选择</el-button>
+                                </div>
 
-              </el-form-item>
-            </el-col>
-          </div>
-        </el-card>
-        <el-card shadow="hover" class="margin-bom" id="tbrxx">
-          <div slot="header" class="clearfix flex j-s a-c">
-            <div class="flex j-s a-c">
-              <span>投保人信息</span>
-            </div>
-            <!-- <el-button @click="toggle('Applicant')" style="float: right; padding: 3px 0; color: #ff9000;" type="text">{{
-              ApplicantCollapsed
-              ? '收起' : '展开'
-            }}</el-button> -->
-          </div>
-          <div class="p-2" v-show="ApplicantCollapsed">
-            <el-col v-for="(formItems, index) in ApplicantAttr" :key="index"
-              :span="formItems.attrType == 'checkbox' ? 24 : 12">
-              <el-form-item :label="formItems.attrName">
-                <template v-if="formItems.attrType == 'inputNumber'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                    <i class="el-icon-minus"></i>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <el-select v-model="formItems.operator" placeholder="请选择"
-                    @change="selectoperatorChange($event, formItems.id)" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <template v-if="formItems.attrType == 'datetime'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                    <span>~</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <template v-if="formItems.attrType == 'date'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期" style="width: 170px;">
-                    </el-date-picker>
-                    <span>~</span>
-                    <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
-                  style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
-                  <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
-                    :value="dict.name"></el-option>
-                </el-select>
-                <div v-if="formItems.attrType == 'input'">
-                  <div v-if="formItems.attrCode == 'ApplicantAddress'" style="display: flex;">
-                    <el-input  v-model="formItems.min" placeholder="投保人地址"></el-input>
-                    <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option label="包含" value="1"></el-option>
-                    <el-option label="不包含" value="2"></el-option>
-                  </el-select>
-                  </div>
-                  <div v-else-if="formItems.attrCode == 'ApplicantIDNumber'" style="display: flex;">
-                    <el-input  v-model="formItems.min" placeholder="身份证前2位或前6位"></el-input>
-                    <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option label="包含" value="1"></el-option>
-                    <el-option label="不包含" value="2"></el-option>
-                  </el-select>
-                  </div>
-                  <el-input v-else v-model="formItems.min" placeholder="身份证前2位或前6位
+                            </el-form-item>
+                        </el-col>
+                    </div>
+                </el-card>
+                <el-card shadow="hover" class="margin-bom" id="tbrxx">
+                    <div slot="header" class="clearfix flex j-s a-c">
+                        <div class="flex j-s a-c">
+                            <span>投保人信息</span>
+                        </div>
+                        <!-- <el-button @click="toggle('Applicant')" style="float: right; padding: 3px 0; color: #ff9000;" type="text">{{
+                          ApplicantCollapsed
+                          ? '收起' : '展开'
+                        }}</el-button> -->
+                    </div>
+                    <div class="p-2" v-show="ApplicantCollapsed">
+                        <el-col v-for="(formItems, index) in ApplicantAttr" :key="index"
+                                :span="formItems.attrType == 'checkbox' ? 24 : 12">
+                            <el-form-item :label="formItems.attrName">
+                                <template v-if="formItems.attrType == 'inputNumber'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                        <i class="el-icon-minus"></i>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <el-select v-model="formItems.operator" placeholder="请选择"
+                                               @change="selectoperatorChange($event, formItems.id)" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <template v-if="formItems.attrType == 'datetime'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                        <span>~</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <template v-if="formItems.attrType == 'date'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd " placeholder="选择日期"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                        <span>~</span>
+                                        <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd " placeholder="选择日期"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
+                                           style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
+                                    <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
+                                               :value="dict.name"></el-option>
+                                </el-select>
+                                <div v-if="formItems.attrType == 'input'">
+                                    <div v-if="formItems.attrCode == 'ApplicantAddress'" style="display: flex;">
+                                        <el-input v-model="formItems.min" placeholder="投保人地址"></el-input>
+                                        <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                            <el-option label="包含" value="1"></el-option>
+                                            <el-option label="不包含" value="2"></el-option>
+                                        </el-select>
+                                    </div>
+                                    <div v-else-if="formItems.attrCode == 'ApplicantIDNumber' " style="display: flex;">
+                                        <el-input v-model="formItems.min" placeholder="身份证前2位或前6位"></el-input>
+                                        <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                            <el-option label="包含" value="1"></el-option>
+                                            <el-option label="不包含" value="2"></el-option>
+                                        </el-select>
+                                    </div>
+                                    <div v-else-if="formItems.attrCode == 'ApplicantIDNumber'" style="display: flex;">
+                                        <el-input  v-model="formItems.min" placeholder="身份证前2位或前6位"></el-input>
+                                        <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                            <el-option label="包含" value="1"></el-option>
+                                            <el-option label="不包含" value="2"></el-option>
+                                        </el-select>
+                                    </div>
+                                    <el-input v-else v-model="formItems.min" placeholder="身份证前2位或前6位
                   "></el-input>
-                </div>
-                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
-                  @change="checkboxChange($event, formItems.id, 'min')">
-                  <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
-                </el-checkbox-group>
-                <div class="flex " v-if="formItems.attrType == 'radio'">
-                  <el-radio-group v-model="formItems.min">
-                    <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
-                      }}</el-radio-button>
-                  </el-radio-group>
-                  <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
-                    @click="radiouncheck(formItems)">取消选择</el-button>
-                </div>
-              </el-form-item>
-            </el-col>
-          </div>
-        </el-card>
-        <el-card shadow="hover" class="margin-bom" id="bbrxx">
-          <div slot="header" class="clearfix flex j-s a-c">
-            <div class="flex j-s a-c">
-              <span>被保人信息</span>
-            </div>
-            <!-- <el-button @click="toggle('Insured')" style="float: right; padding: 3px 0; color: #ff9000;" type="text">{{
-              InsuredCollapsed
-              ? '收起' : '展开'
-            }}</el-button> -->
-          </div>
-          <div class="p-2" v-show="InsuredCollapsed">
-            <el-col v-for="(formItems, index) in InsuredAttr" :key="index"
-              :span="formItems.attrType == 'checkbox' ? 24 : 12">
-              <el-form-item :label="formItems.attrName">
-                <template v-if="formItems.attrType == 'inputNumber'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                    <i class="el-icon-minus"></i>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <template v-if="formItems.attrType == 'datetime'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                    <span>~</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <template v-if="formItems.attrType == 'date'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期" style="width: 170px;">
-                    </el-date-picker>
-                    <span>~</span>
-                    <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd "
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
-                  style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
-                  <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
-                    :value="dict.name"></el-option>
-                </el-select>
-                <div v-if="formItems.attrType == 'input'">
-                  <div v-if="formItems.attrCode == 'InsuredAddress'" style="display: flex;">
-                    <el-input  v-model="formItems.min" placeholder="被保人地址"></el-input>
-                    <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option label="包含" value="1"></el-option>
-                    <el-option label="不包含" value="2"></el-option>
-                  </el-select>
-                  </div>
-                  <div v-else-if="formItems.attrCode == 'InsuredIDNumber'" style="display: flex;">
-                    <el-input  v-model="formItems.min" placeholder="身份证前2位或前6位"></el-input>
-                    <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option label="包含" value="1"></el-option>
-                    <el-option label="不包含" value="2"></el-option>
-                  </el-select>
-                  </div>
-                  <el-input v-else v-model="formItems.min" placeholder="身份证前2位或前6位
+                                </div>
+                                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
+                                                   @change="checkboxChange($event, formItems.id, 'min')">
+                                    <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
+                                </el-checkbox-group>
+                                <div class="flex " v-if="formItems.attrType == 'radio'">
+                                    <el-radio-group v-model="formItems.min">
+                                        <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
+                                            }}</el-radio-button>
+                                    </el-radio-group>
+                                    <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
+                                               @click="radiouncheck(formItems)">取消选择</el-button>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+                    </div>
+                </el-card>
+                <el-card shadow="hover" class="margin-bom" id="bbrxx">
+                    <div slot="header" class="clearfix flex j-s a-c">
+                        <div class="flex j-s a-c">
+                            <span>被保人信息</span>
+                        </div>
+                        <!-- <el-button @click="toggle('Insured')" style="float: right; padding: 3px 0; color: #ff9000;" type="text">{{
+                          InsuredCollapsed
+                          ? '收起' : '展开'
+                        }}</el-button> -->
+                    </div>
+                    <div class="p-2" v-show="InsuredCollapsed">
+                        <el-col v-for="(formItems, index) in InsuredAttr" :key="index"
+                                :span="formItems.attrType == 'checkbox' ? 24 : 12">
+                            <el-form-item :label="formItems.attrName">
+                                <template v-if="formItems.attrType == 'inputNumber'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                        <i class="el-icon-minus"></i>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <template v-if="formItems.attrType == 'datetime'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                        <span>~</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <template v-if="formItems.attrType == 'date'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd " placeholder="选择日期"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                        <span>~</span>
+                                        <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd " placeholder="选择日期"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-date-picker v-model="formItems.min" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-date-picker v-model="formItems.max" type="date" value-format="yyyy-MM-dd " placeholder="选择日期时间"
+                                                        style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
+                                           style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
+                                    <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
+                                               :value="dict.name"></el-option>
+                                </el-select>
+                                <div v-if="formItems.attrType == 'input'">
+                                    <div v-if="formItems.attrCode == 'InsuredAddress'" style="display: flex;">
+                                        <el-input v-model="formItems.min" placeholder="被保人地址"></el-input>
+                                        <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                            <el-option label="包含" value="1"></el-option>
+                                            <el-option label="不包含" value="2"></el-option>
+                                        </el-select>
+                                    </div>
+                                    <div v-else-if="formItems.attrCode == 'InsuredIDNumber' " style="display: flex;">
+                                        <el-input v-model="formItems.min" placeholder="身份证前2位或前6位"></el-input>
+                                        <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                            <el-option label="包含" value="1"></el-option>
+                                            <el-option label="不包含" value="2"></el-option>
+                                        </el-select>
+                                    </div>
+                                    <div v-else-if="formItems.attrCode == 'InsuredIDNumber'" style="display: flex;">
+                                        <el-input  v-model="formItems.min" placeholder="身份证前2位或前6位"></el-input>
+                                        <el-select v-model="formItems.operator" placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                            <el-option label="包含" value="1"></el-option>
+                                            <el-option label="不包含" value="2"></el-option>
+                                        </el-select>
+                                    </div>
+                                    <el-input v-else v-model="formItems.min" placeholder="身份证前2位或前6位
                   "></el-input>
-                </div>
-                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
-                  @change="checkboxChange($event, formItems.id, 'min')">
-                  <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
-                </el-checkbox-group>
-                <div class="flex " v-if="formItems.attrType == 'radio'">
-                  <el-radio-group v-model="formItems.min">
-                    <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
-                      }}</el-radio-button>
-                  </el-radio-group>
-                  <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
-                    @click="radiouncheck(formItems)">取消选择</el-button>
-                </div>
-              </el-form-item>
-            </el-col>
-          </div>
-        </el-card>
-        <el-card shadow="hover" class="margin-bom" id="xbxx" v-if="insuranceTypeAttr.length > 0">
-          <div slot="header" class="clearfix flex j-s a-c">
-            <div class="flex j-s a-c">
-              <span>险别信息</span>
-            </div>
-            <!-- <el-button @click="toggle('insuranceType')" style="float: right; padding: 3px 0; color: #ff9000;"
-              type="text">{{
-                insuranceTypeCollapsed
-                ? '收起' : '展开'
-              }}</el-button> -->
-          </div>
-          <div class="p-2" v-show="insuranceTypeCollapsed">
-            <el-col v-for="(formItems, index) in insuranceTypeAttr" :key="index"
-              :span="formItems.attrType == 'checkbox' ? 24 : 12">
-              <el-form-item :label="formItems.attrName">
-                <template v-if="formItems.attrType == 'inputNumber'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                    <i class="el-icon-minus"></i>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <template v-if="formItems.attrType == 'datetime'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                    <span>~</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 170px;">
-                    </el-date-picker>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
-                  style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
-                  <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
-                    :value="dict.name"></el-option>
-                </el-select>
-                <el-input v-if="formItems.attrType == 'input'" v-model="formItems.min"></el-input>
-                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
-                  @change="checkboxChange($event, formItems.id, 'min')">
-                  <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
-                </el-checkbox-group>
-                <div class="flex " v-if="formItems.attrType == 'radio'">
-                  <el-radio-group v-model="formItems.min">
-                    <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
-                      }}</el-radio-button>
-                  </el-radio-group>
-                  <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
-                    @click="radiouncheck(formItems)">取消选择</el-button>
-                </div>
-              </el-form-item>
-            </el-col>
-          </div>
-        </el-card>
-        <el-card shadow="hover" class="margin-bom" id="bsfyyz" v-if="insurerCostFactorAttr.length > 0">
-          <div slot="header" class="clearfix flex j-s a-c">
-            <div class="flex j-s a-c">
-              <span>保司费用因子</span>
-            </div>
-            <!-- <el-button @click="toggle('insurerCostFactor')" style="float: right; padding: 3px 0; color: #ff9000;"
-              type="text">{{
-                insurerCostFactorCollapsed
-                ? '收起' : '展开'
-              }}</el-button> -->
-          </div>
-          <div class="p-2" v-show="insurerCostFactorCollapsed">
-            <el-col v-for="(formItems, index) in insurerCostFactorAttr" :key="index"
-              :span="formItems.attrType == 'checkbox' ? 24 : 12">
-              <el-form-item :label="formItems.attrName">
-                <template v-if="formItems.attrType == 'inputNumber'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                    <i class="el-icon-minus"></i>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-input-number v-model="formItems.min"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-input-number v-model="formItems.max"></el-input-number>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <template v-if="formItems.attrType == 'datetime'">
-                  <template v-if="formItems.operator == '1' || formItems.operator == null">
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 175px;">
-                    </el-date-picker>
-                    <span>~</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 175px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '2'">
-                    <span>＜</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 175px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '3'">
-                    <span>≤</span>
-                    <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 175px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '4'">
-                    <span>＞</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 175px;">
-                    </el-date-picker>
-                  </template>
-                  <template v-if="formItems.operator == '5'">
-                    <span>≥</span>
-                    <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="选择日期时间" style="width: 175px;">
-                    </el-date-picker>
-                  </template>
-                  <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
-                    placeholder="请选择" style="width: 120px;margin-left: 20px;">
-                    <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
-                      :value="operatoritem.value"></el-option>
-                  </el-select>
-                </template>
-                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
-                  style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
-                  <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
-                    :value="dict.name"></el-option>
-                </el-select>
-                <el-input v-if="formItems.attrType == 'input'" v-model="formItems.min"></el-input>
-                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
-                  @change="checkboxChange($event, formItems.id, 'min')">
-                  <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
-                </el-checkbox-group>
-                <div class="flex " v-if="formItems.attrType == 'radio'">
-                  <el-radio-group v-model="formItems.min">
-                    <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
-                      }}</el-radio-button>
-                  </el-radio-group>
-                  <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
-                    @click="radiouncheck(formItems)">取消选择</el-button>
-                </div>
-              </el-form-item>
-            </el-col>
-          </div>
-        </el-card>
-      </el-form>
+                                </div>
+                                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
+                                                   @change="checkboxChange($event, formItems.id, 'min')">
+                                    <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
+                                </el-checkbox-group>
+                                <div class="flex " v-if="formItems.attrType == 'radio'">
+                                    <el-radio-group v-model="formItems.min">
+                                        <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
+                                            }}</el-radio-button>
+                                    </el-radio-group>
+                                    <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
+                                               @click="radiouncheck(formItems)">取消选择</el-button>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+                    </div>
+                </el-card>
+                <el-card shadow="hover" class="margin-bom" id="xbxx" v-if="insuranceTypeAttr.length > 0">
+                    <div slot="header" class="clearfix flex j-s a-c">
+                        <div class="flex j-s a-c">
+                            <span>险别信息</span>
+                        </div>
+                        <!-- <el-button @click="toggle('insuranceType')" style="float: right; padding: 3px 0; color: #ff9000;"
+                          type="text">{{
+                            insuranceTypeCollapsed
+                            ? '收起' : '展开'
+                          }}</el-button> -->
+                    </div>
+                    <div class="p-2" v-show="insuranceTypeCollapsed">
+                        <el-col v-for="(formItems, index) in insuranceTypeAttr" :key="index"
+                                :span="formItems.attrType == 'checkbox' ? 24 : 12">
+                            <el-form-item :label="formItems.attrName">
+                                <template v-if="formItems.attrType == 'inputNumber'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                        <i class="el-icon-minus"></i>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <template v-if="formItems.attrType == 'datetime'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                        <span>~</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 170px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
+                                           style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
+                                    <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
+                                               :value="dict.name"></el-option>
+                                </el-select>
+                                <el-input v-if="formItems.attrType == 'input'" v-model="formItems.min"></el-input>
+                                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
+                                                   @change="checkboxChange($event, formItems.id, 'min')">
+                                    <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
+                                </el-checkbox-group>
+                                <div class="flex " v-if="formItems.attrType == 'radio'">
+                                    <el-radio-group v-model="formItems.min">
+                                        <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
+                                            }}</el-radio-button>
+                                    </el-radio-group>
+                                    <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
+                                               @click="radiouncheck(formItems)">取消选择</el-button>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+                    </div>
+                </el-card>
+                <el-card shadow="hover" class="margin-bom" id="bsfyyz" v-if="insurerCostFactorAttr.length > 0">
+                    <div slot="header" class="clearfix flex j-s a-c">
+                        <div class="flex j-s a-c">
+                            <span>保司费用因子</span>
+                        </div>
+                        <!-- <el-button @click="toggle('insurerCostFactor')" style="float: right; padding: 3px 0; color: #ff9000;"
+                          type="text">{{
+                            insurerCostFactorCollapsed
+                            ? '收起' : '展开'
+                          }}</el-button> -->
+                    </div>
+                    <div class="p-2" v-show="insurerCostFactorCollapsed">
+                        <el-col v-for="(formItems, index) in insurerCostFactorAttr" :key="index"
+                                :span="formItems.attrType == 'checkbox' ? 24 : 12">
+                            <el-form-item :label="formItems.attrName">
+                                <template v-if="formItems.attrType == 'inputNumber'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                        <i class="el-icon-minus"></i>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-input-number v-model="formItems.min"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-input-number v-model="formItems.max"></el-input-number>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <template v-if="formItems.attrType == 'datetime'">
+                                    <template v-if="formItems.operator == '1' || formItems.operator == null">
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 175px;">
+                                        </el-date-picker>
+                                        <span>~</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 175px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '2'">
+                                        <span>＜</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 175px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '3'">
+                                        <span>≤</span>
+                                        <el-date-picker v-model="formItems.min" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 175px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '4'">
+                                        <span>＞</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 175px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <template v-if="formItems.operator == '5'">
+                                        <span>≥</span>
+                                        <el-date-picker v-model="formItems.max" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                                        placeholder="选择日期时间" style="width: 175px;">
+                                        </el-date-picker>
+                                    </template>
+                                    <el-select v-model="formItems.operator" @change="selectoperatorChange($event, formItems.id)"
+                                               placeholder="请选择" style="width: 120px;margin-left: 20px;">
+                                        <el-option v-for="operatoritem in operator" :key="operatoritem.id" :label="operatoritem.label"
+                                                   :value="operatoritem.value"></el-option>
+                                    </el-select>
+                                </template>
+                                <el-select v-if="formItems.attrType == 'select'" multiple v-model="formItems.list" placeholder="请选择"
+                                           style="width: 100%;" @change="selectChange($event, formItems.id, 'min')">
+                                    <el-option v-for="dict in formItems.dictLabal" :key="dict.code" :label="dict.name"
+                                               :value="dict.name"></el-option>
+                                </el-select>
+                                <el-input v-if="formItems.attrType == 'input'" v-model="formItems.min"></el-input>
+                                <el-checkbox-group v-if="formItems.attrType == 'checkbox'" v-model="formItems.list"
+                                                   @change="checkboxChange($event, formItems.id, 'min')">
+                                    <el-checkbox v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.name"></el-checkbox>
+                                </el-checkbox-group>
+                                <div class="flex " v-if="formItems.attrType == 'radio'">
+                                    <el-radio-group v-model="formItems.min">
+                                        <el-radio-button v-for="dict in formItems.dictLabal" :key="dict.id" :label="dict.code">{{ dict.name
+                                            }}</el-radio-button>
+                                    </el-radio-group>
+                                    <el-button v-if="formItems.attrType == 'radio'" size="mini" style="margin-left: 20px;"
+                                               @click="radiouncheck(formItems)">取消选择</el-button>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+                    </div>
+                </el-card>
+            </el-form>
+        </div>
+        <!-- <div class="flex j-c a-c" :class="{
+          'footer': false,
+        }">
+          <el-button size="small" @click="cancelForm">取消</el-button>
+          <el-button v-if="!disabled" type="warning" size="small" @click="saveForm">保存</el-button>
+        </div> -->
     </div>
-    <!-- <div class="flex j-c a-c" :class="{
-      'footer': false,
-    }">
-      <el-button size="small" @click="cancelForm">取消</el-button>
-      <el-button v-if="!disabled" type="warning" size="small" @click="saveForm">保存</el-button>
-    </div> -->
-  </div>
 </template>
 <script>
 export default {
-  name: "ProductForm",
-  props: {
-    form: Array,
-    underwritingRulesForm: Object,
-    overSize: String,
-    cardList: Array,
-    operator: Array,
-    disabled: {
-      type: Boolean,
-      default: false,
-    }
-  },
-  data() {
-    return {
-      sidebarItem: "clxx",
-      localForm: { myArray: this.form },
-      CarCollapsed: true,
-      CarownersCollapsed: true,
-      ApplicantCollapsed: true,
-      InsuredCollapsed: true,
-      insuranceTypeCollapsed: true,
-      insurerCostFactorCollapsed: true,
-      LicenseNoChecked: false,
-      LicenseNoChecked1: false,
-    };
-  },
-  created() {
-    console.log('underwritingRulesForm表单数据', this.underwritingRulesForm)
-  },
-  computed: {
-    CarAttr() {
-      // 车辆
-      return this.localForm.myArray.filter(item => item.attrGroup === "VehicleInformation");
-    },
-    CarownersAttr() {
-      // 车主
-      return this.localForm.myArray.filter(item => item.attrGroup === "VehicleOwnerInformation");
-    },
-    ApplicantAttr() {
-      // 投保人
-      return this.localForm.myArray.filter(item => item.attrGroup === "PolicyholderInformation");
-    },
-    InsuredAttr() {
-      // 被保人
-      return this.localForm.myArray.filter(item => item.attrGroup === "InsuredInformation");
-    },
-    insuranceTypeAttr() {
-      // 险别
-      return this.localForm.myArray.filter(item => item.attrGroup === "InsuranceInformation");
-    },
-    insurerCostFactorAttr() {
-      // 保费因子
-      return this.localForm.myArray.filter(item => item.attrGroup === "InsuranceCostFactor");
-    }
-  },
-  methods: {
-    rulesEndDateChange() {
-      let tempStartDate = this.underwritingRulesForm.rulesStartDate;
-      let tempEndDate = this.underwritingRulesForm.rulesEndDate;
-      if (!tempStartDate) {
-        this.underwritingRulesForm.rulesEndDate = null;
-        this.$message({
-          message: "请先选择规则起期！",
-          type: "error",
-        });
-      }
-      if (!this.validateEndDate(tempStartDate, tempEndDate)) {
-        this.underwritingRulesForm.rulesEndDate = null;
-        this.$message({
-          message: "规则止期不能小于规则起期！",
-          type: "error",
-        });
-      }
-    },
-    validateEndDate(startDateStr, endDateStr) {
-      const startDate = new Date(startDateStr);
-      const endDate = new Date(endDateStr);
-      return endDate.getTime() > startDate.getTime();
-    },
-    scrollToSection(sectionId) {
-      this.sidebarItem = sectionId;
-      const element = document.getElementById(sectionId);
-      if (element) {
-        element.scrollIntoView({ behavior: 'smooth' });
-      }
-    },
-    radiouncheck(data) {
-      data.min = null;
-    },
-    //车牌全选
-    LicenseNoCheckedChange(value, name, prop) {
-      let carPlateCollection = this.localForm.myArray.find(val => val.attrCode == name);
-      carPlateCollection.minArray = [];
-      if (value) {
-        carPlateCollection.dictLabal.forEach(element => {
-          carPlateCollection.minArray.push(element.name)
-          carPlateCollection[prop] = carPlateCollection.minArray.join(',');
-        });
-      } else {
-        carPlateCollection.minArray = [];
-        carPlateCollection[prop] = "";
-      }
-    },
-    toggle(attr) {
-      this[attr + 'Collapsed'] = !this[attr + 'Collapsed'];
-    },
-    selectoperatorChange(value, index) {
-      this.localForm.myArray.map(val => {
-        if (val.id === index) {
-          val.min = null;
-          val.max = null;
+    name: "ProductForm",
+    props: {
+        form: Array,
+        underwritingRulesForm: Object,
+        overSize: String,
+        cardList: Array,
+        operator: Array,
+        disabled: {
+            type: Boolean,
+            default: false,
         }
-        return val;
-      })
     },
-    selectChange(value, index, prop) {
-      let data = "";
-      value.map((ele) => {
-        data += ele + ",";
-        return;
-      });
-      this.localForm.myArray.map(val => {
-        if (val.id === index) {
-          val[prop] = data.slice(0, -1);
-        }
-        return val;
-      })
+    data() {
+        return {
+            sidebarItem: "clxx",
+            localForm: { myArray: this.form },
+            CarCollapsed: true,
+            CarownersCollapsed: true,
+            ApplicantCollapsed: true,
+            InsuredCollapsed: true,
+            insuranceTypeCollapsed: true,
+            insurerCostFactorCollapsed: true,
+            LicenseNoChecked: false,
+            LicenseNoChecked1: false,
+        };
     },
-    checkboxChange(value, index, prop) {
-      let data = "";
-      value.map((ele) => {
-        data += ele + ",";
-        return;
-      });
-      this.localForm.myArray.map(val => {
-        if (val.id === index) {
-          val[prop] = data.slice(0, -1);
-        }
-        return val;
-      })
-    },
-    saveForm() {
-      this.$emit('saveForm', this.localForm.myArray);
+    created() {
+        console.log('underwritingRulesForm表单数据', this.form)
     },
-    cancelForm() {
-      this.$emit('cancelForm', false);
+    computed: {
+        CarAttr() {
+            // 车辆
+            return this.localForm.myArray.filter(item => item.attrGroup === "VehicleInformation");
+        },
+        CarownersAttr() {
+            // 车主
+            return this.localForm.myArray.filter(item => item.attrGroup === "VehicleOwnerInformation");
+        },
+        ApplicantAttr() {
+            // 投保人
+            return this.localForm.myArray.filter(item => item.attrGroup === "PolicyholderInformation");
+        },
+        InsuredAttr() {
+            // 被保人
+            return this.localForm.myArray.filter(item => item.attrGroup === "InsuredInformation");
+        },
+        insuranceTypeAttr() {
+            // 险别
+            return this.localForm.myArray.filter(item => item.attrGroup === "InsuranceInformation");
+        },
+        insurerCostFactorAttr() {
+            // 保费因子
+            return this.localForm.myArray.filter(item => item.attrGroup === "InsuranceCostFactor");
+        }
     },
-  }
+    methods: {
+        rulesEndDateChange() {
+            let tempStartDate = this.underwritingRulesForm.rulesStartDate;
+            let tempEndDate = this.underwritingRulesForm.rulesEndDate;
+            if (!tempStartDate) {
+                this.underwritingRulesForm.rulesEndDate = null;
+                this.$message({
+                    message: "请先选择规则起期！",
+                    type: "error",
+                });
+            }
+            if (!this.validateEndDate(tempStartDate, tempEndDate)) {
+                this.underwritingRulesForm.rulesEndDate = null;
+                this.$message({
+                    message: "规则止期不能小于规则起期！",
+                    type: "error",
+                });
+            }
+        },
+        validateEndDate(startDateStr, endDateStr) {
+            const startDate = new Date(startDateStr);
+            const endDate = new Date(endDateStr);
+            return endDate.getTime() > startDate.getTime();
+        },
+        scrollToSection(sectionId) {
+            this.sidebarItem = sectionId;
+            const element = document.getElementById(sectionId);
+            if (element) {
+                element.scrollIntoView({ behavior: 'smooth' });
+            }
+        },
+        radiouncheck(data) {
+            data.min = null;
+        },
+        //车牌全选
+        LicenseNoCheckedChange(value, name, prop) {
+            let carPlateCollection = this.localForm.myArray.find(val => val.attrCode == name);
+            carPlateCollection.minArray = [];
+            if (value) {
+                carPlateCollection.dictLabal.forEach(element => {
+                    carPlateCollection.minArray.push(element.name)
+                    carPlateCollection[prop] = carPlateCollection.minArray.join(',');
+                });
+            } else {
+                carPlateCollection.minArray = [];
+                carPlateCollection[prop] = "";
+            }
+        },
+        toggle(attr) {
+            this[attr + 'Collapsed'] = !this[attr + 'Collapsed'];
+        },
+        selectoperatorChange(value, index) {
+            this.localForm.myArray.map(val => {
+                if (val.id === index) {
+                    val.min = null;
+                    val.max = null;
+                }
+                return val;
+            })
+        },
+        selectChange(value, index, prop) {
+            let data = "";
+            value.map((ele) => {
+                data += ele + ",";
+                return;
+            });
+            this.localForm.myArray.map(val => {
+                if (val.id === index) {
+                    val[prop] = data.slice(0, -1);
+                }
+                return val;
+            })
+        },
+        checkboxChange(value, index, prop) {
+            let data = "";
+            value.map((ele) => {
+                data += ele + ",";
+                return;
+            });
+            this.localForm.myArray.map(val => {
+                if (val.id === index) {
+                    val[prop] = data.slice(0, -1);
+                }
+                return val;
+            })
+        },
+        saveForm() {
+            this.$emit('saveForm', this.localForm.myArray);
+        },
+        cancelForm() {
+            this.$emit('cancelForm', false);
+        },
+    }
 }
 </script>
 <style scoped lang="scss">

src/http/moudules/insCompany.js

@@ -372,6 +372,15 @@ export const productcostFactorQuery = (costsId) => {
 
   })
 }
+// 不浮动原因
+export const zmTransferType = () => {
+  return axios(
+      {
+        url: '/sysDict/dictDetails/zmTransferType',
+        method: 'get'
+      }
+  )
+}
 //添加
 export const productCostSave = (data) => {
   return axios({
@@ -940,37 +949,8 @@ export const getPartnerDeptTree = (id) => {
     method: "get",
   })
 }
-//新版合伙人
-// 获取上级合伙人列表
-export const partnerselectRecommender = (level) => {
-  return axios({
-    url: '/partner/selectRecommender?level='+level,
-    method: "get",
-  })
-}
 
-//新增合伙人
-export const saveByPartner = (data) => {
-  return axios({
-    url: '/user/saveByPartner',
-    method: "post",
-    data
-  })
-}
-export const newGetPartnerDeptTree = (id) => {
-  return axios({
-    url: '/dept/newGetPartnerDeptTree',
-    method: "get",
-  })
-}
-//列表
-export const partnerqueryPage = (data) => {
-  return axios({
-    url: '/partner/queryPage',
-    method: "post",
-    data
-  })
-}
+
 
 //编辑合伙人
 export const updateUserInfo = (userId, data) => {

src/views/AgreementManage/CarInsurance/AgreementProductFee.vue

@@ -1,2068 +1,2101 @@
 <template>
-  <div>
-    <el-form :model="productpageRequest" size="small" label-width="140px">
-      <el-row>
-        <el-col :span="6">
-          <el-form-item label="产品类型">
-            <el-select v-model="productpageRequest.productCode" style="width: 100%;" placeholder="选择产品" clearable
-              multiple>
-              <el-option v-for="item in productsTypeoptions" :key="item.dictValue" :label="item.dictTag"
-                :value="item.dictValue"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="审核状态">
-            <el-select v-model="productpageRequest.isAudit" style="width: 100%;" clearable>
-              <el-option v-for="(item, index) in expenseAuditlist" :key="index" :label="item.label"
-                :value="item.value"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <!-- <el-col :span="6">
-          <el-form-item label="费用起期">
-            <el-date-picker style="width: 100%;" v-model="productpageRequest.costStartDate" type="daterange"
-              placeholder="选择费用开始日期" value-format="yyyy-MM-dd">
-            </el-date-picker>
-          </el-form-item>
-        </el-col> -->
-        <!-- <el-date-picker v-model="productpageRequest.costsEndDate" type="daterange"
-              placeholder="选择费用结束日期"  value-format="yyyy-MM-dd">
-            </el-date-picker> -->
-        <el-col :span="6">
-          <el-form-item label="费用日期">
-            <el-date-picker style="width: 100%;" v-model="productDate" type="daterange" value-format="yyyy-MM-dd"
-              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="costsEndDateChange">
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="是否有效">
-            <el-select style="width: 100%;" v-model="productpageRequest.isEffective" clearable>
-              <el-option label="失效" value="1"></el-option>
-              <el-option label="有效" value="2"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-<!--        <el-col :span="6">-->
-<!--          <el-form-item label="费用状态">-->
-<!--            <el-select style="width: 100%;" v-model="productpageRequest.validStatus" clearable>-->
-<!--              <el-option label="启用" value="1"></el-option>-->
-<!--              <el-option label="禁用" value="0"></el-option>-->
-<!--            </el-select>-->
-<!--          </el-form-item>-->
-<!--        </el-col>-->
-        <el-col :span="6">
-          <el-form-item label="创建日期">
-            <el-date-picker style="width: 100%;" v-model="createDate" type="daterange" value-format="yyyy-MM-dd"
-              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="costsEndDateChange1">
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="费用描述">
-            <el-select style="width: 100%;" v-model="productpageRequest.costsDescription" multiple filterable allow-create
-              default-first-option placeholder="关键字搜索 例：新能源、非车险、评分等">
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item>
-            <el-button type="primary" @click="productExpenseSearch">查询</el-button>
-            <el-button type="success" @click="expenseCopy"
-              style="background-color: #2D4D89;border-color:#2D4D89;">费用复制</el-button>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div style="padding:0 10px 10px 10px ;" class=" flex j-s a-c">
-      <span style="font-weight: bold;font-size: 15px;color: #242833;">
-        {{ lineData.agreementName }} - {{ lineData.businessDescription }} - {{ lineData.jobDescription }} -
-        产品详情
-      </span>
-      <div class="flex a-c ">
-        <span style="margin-right: 10px;color: #262626;font-size: 14px;">产品类型</span>
-        <el-checkbox-group v-model="roductList1" @change="pruductChange">
-          <el-checkbox v-for="city in productsTypeoptions" :label="city.dictValue" :key="city.dictValue">{{ city.dictTag
-          }}</el-checkbox>
-        </el-checkbox-group>
-        <el-button size="small" style="margin-left: 20px" :disabled="productCostForm.productId.length == 0"
-          @click="productAdd" class="ktbuttonactive"
-          :style="productCostForm.productId.length > 0 ? ktbuttonStyle : '{}'">产品录入</el-button>
-        <el-button class="ktbuttonactive" size="small" :style="ktbuttonStyle" @click="productHistory">历史记录</el-button>
-      </div>
-    </div>
-    <kt-common-table :tableHeights="580" :SerialShow="false" :operationWidth="250" :showOperation="true"
-      :showBatchDelete="true" :showBatchSettled="false" :showBatchPrint="false" :customToolseletted="true"
-      :disableInBulk="false" :data="productPageResult" :columns="productColumns" @findPage="productCostFindPage"
-      button2Name="编辑" button2Type="text" button3Type="text" button5Type="text" button4Type="text"
-      :button2style="{ color: '#2D4D89' }" :button3style="{ color: '#D42426' }" :button5style="{ color: '#2D4D89' }"
-      permsButton2="agreement:input:productCost" @handleButton2="productUpdate" deleteName="批量修改费用"
-      @handleDelete="batchUpdate" @customTool="batchDelete" @customTool1="customTool1" customToolName1="批量修改起止时间"
-      customToolName="批量删除" button3Name="删除" permsButton3="agreement:input:productCost" @handleButton3="productDelete" button6Name="查看" button6Icon="" button6Type="text" @handleButton6="projectView"
-      button5Name="轨迹" @handleButton5="trajectory" button3Icon="">
-    </kt-common-table>
-    <el-dialog :append-to-body="true" :title="productCostAddDialogTitle"
-      :visible.sync="productCostAddVehicleFactorVisible" width="80%" top="6vh" @close="productcloseDialog">
-      <el-tabs v-model="activeName" type="card">
-        <el-tab-pane :label="tabtitle + '费用'" name="feiyong" class="tab-panestyle">
-          <div class="tab-panecent">
-            <el-form ref="productCostForm" :model="productCostForm" label-width="140px" :size="overSize"
-              :rules="costformRules" :disabled="isView">
-              <el-row>
-                <h4>费用详情</h4>
-                <el-col :span="20" :offset="2" v-if="productCostAddDialogType == 'edit'">
-                  <el-form-item label="产品">
-                    <el-select v-model="productUpdateObj.productId" placeholder="请选择" @change="productUpdateChange">
-                      <el-option v-for="(item, index) in productsTypeoptions" :label="item.dictTag"
-                        :value="item.dictValue" :key="index">
-                      </el-option>
-                    </el-select>
-                  </el-form-item>
+    <div>
+        <el-form :model="productpageRequest" size="small" label-width="140px">
+            <el-row>
+                <el-col :span="6">
+                    <el-form-item label="产品类型">
+                        <el-select v-model="productpageRequest.productCode" style="width: 100%;" placeholder="选择产品" clearable
+                                   multiple>
+                            <el-option v-for="item in productsTypeoptions" :key="item.dictValue" :label="item.dictTag"
+                                       :value="item.dictValue"></el-option>
+                        </el-select>
+                    </el-form-item>
                 </el-col>
-                <el-col :span="20" :offset="2">
-                  <el-form-item label="费用描述">
-                    <el-input type="textarea" v-model="productCostForm.costsDescription"
-                      placeholder="输入费用描述内容"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="10" :offset="2">
-                  <el-form-item label="费用起期" prop="costsStartDate">
-                    <el-date-picker style="width: 100%" v-model="productCostForm.costsStartDate" type="datetime"
-                      placeholder="选择费用开始日期" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions"
-                      @change="cleanEndDate">
-                    </el-date-picker>
-                  </el-form-item>
+                <el-col :span="6">
+                    <el-form-item label="审核状态">
+                        <el-select v-model="productpageRequest.isAudit" style="width: 100%;" clearable>
+                            <el-option v-for="(item, index) in expenseAuditlist" :key="index" :label="item.label"
+                                       :value="item.value"></el-option>
+                        </el-select>
+                    </el-form-item>
                 </el-col>
-                <el-col :span="10">
-                  <el-form-item label="费用止期" prop="costsEndDate">
-                    <el-date-picker style="width: 100%" v-model="productCostForm.costsEndDate" type="datetime"
-                      placeholder="选择费用结束日期" value-format="yyyy-MM-dd HH:mm:ss" @change="checkStartDate">
+                <!-- <el-col :span="6">
+                  <el-form-item label="费用起期">
+                    <el-date-picker style="width: 100%;" v-model="productpageRequest.costStartDate" type="daterange"
+                      placeholder="选择费用开始日期" value-format="yyyy-MM-dd">
                     </el-date-picker>
                   </el-form-item>
+                </el-col> -->
+                <!-- <el-date-picker v-model="productpageRequest.costsEndDate" type="daterange"
+                      placeholder="选择费用结束日期"  value-format="yyyy-MM-dd">
+                    </el-date-picker> -->
+                <el-col :span="6">
+                    <el-form-item label="费用日期">
+                        <el-date-picker style="width: 100%;" v-model="productDate" type="daterange" value-format="yyyy-MM-dd"
+                                        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="costsEndDateChange">
+                        </el-date-picker>
+                    </el-form-item>
                 </el-col>
-                <el-col :span="10" :offset="2">
-                  <el-form-item label="优先级">
-                    <el-input style="width: 100%" v-model="productCostForm.priorityLevel"
-                      onkeyup="value=value.replace(/\D/g,'')" placeholder="输入数字"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="10" v-show="!!messageInfo.isExternal">
-                  <el-form-item label="是否现询">
-                    <el-select v-model="productCostForm.isInquiryNow" placeholder="请选择">
-                      <el-option value="1" label="是"></el-option>
-                      <el-option value="0" label="否"></el-option>
-                    </el-select>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-
-              <el-row v-if="productjqincludes">
-                <h4>交强险费用</h4>
-                <el-col :span="5" :offset="1">
-                  <el-form-item :label="messageInfo.isExternal ? '交强入口手续费比例 ' : '费用比例'" prop="jqCarCostsProportion">
-                    <el-input v-model="productCostForm.jqCarCostsProportion"
-                      @blur="costRatioInput('jqCostsProportion', 'jqCarCostsProportion', 'jqCarOtherCostsProportion')"
-                      placeholder="请输入费用比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1"
-                  v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
-                  <el-form-item label="其他费用比例">
-                    <el-input disabled v-model="productCostForm.jqCarOtherCostsProportion"
-                      placeholder="请输入其他费用比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1"
-                  v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
-                  <el-form-item label="总费用比例" prop="jqCostsProportion">
-                    <el-input v-model="productCostForm.jqCostsProportion"
-                      @blur="totalCostRatioInput('jqCostsProportion', 'jqCarCostsProportion', 'jqCarOtherCostsProportion')"
-                      placeholder="请输入总费用比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="交强管理比例一级	" prop="jqExportRadioLevel1">
-                    <el-input v-model="productCostForm.jqExportRadioLevel1" placeholder="请输入管理费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="交强管理比例二级	" prop="jqExportRadioLevel2">
-                    <el-input v-model="productCostForm.jqExportRadioLevel2" placeholder="请输入管理费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="交强管理比例三级	" prop="jqExportRadioLevel3">
-                    <el-input v-model="productCostForm.jqExportRadioLevel3" placeholder="请输入管理费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="交强管理比例四级	" prop="jqExportRadioLevel4">
-                    <el-input v-model="productCostForm.jqExportRadioLevel4" placeholder="请输入管理费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="交强管理比例五级	" prop="jqExportRadioLevel5">
-                    <el-input v-model="productCostForm.jqExportRadioLevel5" placeholder="请输入管理费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="交强出口手续比例" prop="jqCostsExportProportion">
-                    <el-input v-model="productCostForm.jqCostsExportProportion" placeholder="请输入出口手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              <el-row v-if="productsyincludes">
-                <h4>商业险费用</h4>
-
-                <el-col :span="5" :offset="1">
-                  <el-form-item :label="messageInfo.isExternal ? '商业入口手续费比例' : '费用比例'" prop="syCarCostsProportion">
-                    <el-input v-model="productCostForm.syCarCostsProportion"
-                      @blur="totalCostRatioInput('syCostsProportion', 'syCarCostsProportion', 'syCarOtherCostsProportion')"
-                      placeholder="请输入费用比例"></el-input>
-                  </el-form-item>
-                </el-col>
-
-                <el-col :span="5" :offset="1"
-                  v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
-                  <el-form-item label="其他费用比例">
-                    <el-input v-model="productCostForm.syCarOtherCostsProportion" placeholder="请输入其他费用比例"
-                      disabled></el-input>
-                  </el-form-item>
-                </el-col>
-
-                <el-col :span="5" :offset="1"
-                  v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
-                  <el-form-item label="总费用比例" prop="syCostsProportion">
-                    <el-input v-model="productCostForm.syCostsProportion" placeholder="请输入总费用比例"
-                      @blur="totalCostRatioInput('syCostsProportion', 'syCarCostsProportion', 'syCarOtherCostsProportion')"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="商业手续比例一级	" prop="syExportRadioLevel1">
-                    <el-input v-model="productCostForm.syExportRadioLevel1" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="商业手续比例二级	" prop="syExportRadioLevel2">
-                    <el-input v-model="productCostForm.syExportRadioLevel2" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="商业手续比例三级	" prop="syExportRadioLevel3">
-                    <el-input v-model="productCostForm.syExportRadioLevel3" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="商业手续比例四级	" prop="syExportRadioLevel4">
-                    <el-input v-model="productCostForm.syExportRadioLevel4" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="商业手续比例五级	" prop="syExportRadioLevel5">
-                    <el-input v-model="productCostForm.syExportRadioLevel5" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="商业出口手续比例" prop="syCostsExportProportion">
-                    <el-input v-model="productCostForm.syCostsExportProportion" placeholder="请输入出口手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              <el-row>
-                <h4>非车费用</h4>
-                <el-col :span="5" :offset="1">
-                  <el-form-item :label="messageInfo.isExternal ? '非车入口手续费比例' : '费用比例'" prop="noCarCostsProportion">
-                    <el-input v-model="productCostForm.noCarCostsProportion"
-                      @blur="totalCostRatioInput('noCostsProportion', 'noCarCostsProportion', 'noCarOtherCostsProportion')"
-                      placeholder="请输入费用比例"></el-input>
-                  </el-form-item>
+                <el-col :span="6">
+                    <el-form-item label="是否有效">
+                        <el-select style="width: 100%;" v-model="productpageRequest.isEffective" clearable>
+                            <el-option label="失效" value="1"></el-option>
+                            <el-option label="有效" value="2"></el-option>
+                        </el-select>
+                    </el-form-item>
                 </el-col>
-
-                <el-col :span="5" :offset="1"
-                  v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
-                  <el-form-item label="其他费用比例">
-                    <el-input v-model="productCostForm.noCarOtherCostsProportion" placeholder="请输入其他费用比例"
-                      disabled></el-input>
-                  </el-form-item>
+                <!--        <el-col :span="6">-->
+                <!--          <el-form-item label="费用状态">-->
+                <!--            <el-select style="width: 100%;" v-model="productpageRequest.validStatus" clearable>-->
+                <!--              <el-option label="启用" value="1"></el-option>-->
+                <!--              <el-option label="禁用" value="0"></el-option>-->
+                <!--            </el-select>-->
+                <!--          </el-form-item>-->
+                <!--        </el-col>-->
+                <el-col :span="6">
+                    <el-form-item label="创建日期">
+                        <el-date-picker style="width: 100%;" v-model="createDate" type="daterange" value-format="yyyy-MM-dd"
+                                        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="costsEndDateChange1">
+                        </el-date-picker>
+                    </el-form-item>
                 </el-col>
-
-                <el-col :span="5" :offset="1"
-                  v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
-                  <el-form-item label="总费用比例" prop="noCostsProportion">
-                    <el-input v-model="productCostForm.noCostsProportion" placeholder="请输入总费用比例"
-                      @blur="totalCostRatioInput('noCostsProportion', 'noCarCostsProportion', 'noCarOtherCostsProportion')"></el-input>
-                  </el-form-item>
+                <el-col :span="12">
+                    <el-form-item label="费用描述">
+                        <el-select style="width: 100%;" v-model="productpageRequest.costsDescription" multiple filterable allow-create
+                                   default-first-option placeholder="关键字搜索 例：新能源、非车险、评分等">
+                        </el-select>
+                    </el-form-item>
                 </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="非车手续比例一级	" prop="noCarExportRadioLevel1">
-                    <el-input v-model="productCostForm.noCarExportRadioLevel1" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
+                <el-col :span="6">
+                    <el-form-item>
+                        <el-button type="primary" @click="productExpenseSearch">查询</el-button>
+                        <el-button type="success" @click="expenseCopy"
+                                   style="background-color: #2D4D89;border-color:#2D4D89;">费用复制</el-button>
+                    </el-form-item>
                 </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="非车手续比例二级	" prop="noCarExportRadioLevel2">
-                    <el-input v-model="productCostForm.noCarExportRadioLevel2" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="非车手续比例三级	" prop="noCarExportRadioLevel3">
-                    <el-input v-model="productCostForm.noCarExportRadioLevel3" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="非车手续比例四级	" prop="noCarExportRadioLevel4">
-                    <el-input v-model="productCostForm.noCarExportRadioLevel4" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="非车手续比例五级	" prop="noCarExportRadioLevel5">
-                    <el-input v-model="productCostForm.noCarExportRadioLevel5" placeholder="请输入手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="5" :offset="1">
-                  <el-form-item label="非车出口手续比例" prop="noCostsExportProportion">
-                    <el-input v-model="productCostForm.noCostsExportProportion" placeholder="请输入出口手续费比例"></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </el-form>
-          </div>
-
-        </el-tab-pane>
-        <el-tab-pane label="产品费用因子" name="yinzi" class="tab-panestyle" v-if="!messageInfo.isExternal">
-          <div class="tab-panecent2">
-            <Product-Cost-Form ref="ProductRef" v-if="productCostAddVehicleFactorVisible" :form="dynamicFormArray"
-              :operator="operatorlist" over-size="small" :disabled="isView"></Product-Cost-Form>
-          </div>
-        </el-tab-pane>
-      </el-tabs>
-      <span slot="footer" class="dialog-footer" v-if="isView">
+            </el-row>
+        </el-form>
+        <div style="padding:0 10px 10px 10px ;" class=" flex j-s a-c">
+      <span style="font-weight: bold;font-size: 15px;color: #242833;">
+        {{ lineData.agreementName }} - {{ lineData.businessDescription }} - {{ lineData.jobDescription }} -
+        产品详情
+      </span>
+            <div class="flex a-c ">
+                <span style="margin-right: 10px;color: #262626;font-size: 14px;">产品类型</span>
+                <el-checkbox-group v-model="roductList1" @change="pruductChange">
+                    <el-checkbox v-for="city in productsTypeoptions" :label="city.dictValue" :key="city.dictValue">{{ city.dictTag
+                        }}</el-checkbox>
+                </el-checkbox-group>
+                <el-button size="small" style="margin-left: 20px" :disabled="productCostForm.productId.length == 0"
+                           @click="productAdd" class="ktbuttonactive"
+                           :style="productCostForm.productId.length > 0 ? ktbuttonStyle : '{}'">产品录入</el-button>
+                <el-button class="ktbuttonactive" size="small" :style="ktbuttonStyle" @click="productHistory">历史记录</el-button>
+            </div>
+        </div>
+        <kt-common-table :tableHeights="580" :SerialShow="false" :operationWidth="250" :showOperation="true"
+                         :showBatchDelete="true" :showBatchSettled="false" :showBatchPrint="false" :customToolseletted="true"
+                         :disableInBulk="false" :data="productPageResult" :columns="productColumns" @findPage="productCostFindPage"
+                         button2Name="编辑" button2Type="text" button3Type="text" button5Type="text" button4Type="text"
+                         :button2style="{ color: '#2D4D89' }" :button3style="{ color: '#D42426' }" :button5style="{ color: '#2D4D89' }"
+                         permsButton2="agreement:input:productCost" @handleButton2="productUpdate" deleteName="批量修改费用"
+                         @handleDelete="batchUpdate" @customTool="batchDelete" @customTool1="customTool1" customToolName1="批量修改起止时间"
+                         customToolName="批量删除" button3Name="删除" permsButton3="agreement:input:productCost" @handleButton3="productDelete" button6Name="查看" button6Icon="" button6Type="text" @handleButton6="projectView"
+                         button5Name="轨迹" @handleButton5="trajectory" button3Icon="">
+        </kt-common-table>
+        <el-dialog :append-to-body="true" :title="productCostAddDialogTitle"
+                   :visible.sync="productCostAddVehicleFactorVisible" width="80%" top="6vh" @close="productcloseDialog">
+            <el-tabs v-model="activeName" type="card">
+                <el-tab-pane :label="tabtitle + '费用'" name="feiyong" class="tab-panestyle">
+                    <div class="tab-panecent">
+                        <el-form ref="productCostForm" :model="productCostForm" label-width="140px" :size="overSize"
+                                 :rules="costformRules" :disabled="isView">
+                            <el-row>
+                                <h4>费用详情</h4>
+                                <el-col :span="20" :offset="2" v-if="productCostAddDialogType == 'edit'">
+                                    <el-form-item label="产品">
+                                        <el-select v-model="productUpdateObj.productId" placeholder="请选择" @change="productUpdateChange">
+                                            <el-option v-for="(item, index) in productsTypeoptions" :label="item.dictTag"
+                                                       :value="item.dictValue" :key="index">
+                                            </el-option>
+                                        </el-select>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="20" :offset="2">
+                                    <el-form-item label="费用描述">
+                                        <el-input type="textarea" v-model="productCostForm.costsDescription"
+                                                  placeholder="输入费用描述内容"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10" :offset="2">
+                                    <el-form-item label="费用起期" prop="costsStartDate">
+                                        <el-date-picker style="width: 100%" v-model="productCostForm.costsStartDate" type="datetime"
+                                                        placeholder="选择费用开始日期" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions"
+                                                        @change="cleanEndDate">
+                                        </el-date-picker>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10">
+                                    <el-form-item label="费用止期" prop="costsEndDate">
+                                        <el-date-picker style="width: 100%" v-model="productCostForm.costsEndDate" type="datetime"
+                                                        placeholder="选择费用结束日期" value-format="yyyy-MM-dd HH:mm:ss" @change="checkStartDate">
+                                        </el-date-picker>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10" :offset="2">
+                                    <el-form-item label="优先级">
+                                        <el-input style="width: 100%" v-model="productCostForm.priorityLevel"
+                                                  onkeyup="value=value.replace(/\D/g,'')" placeholder="输入数字"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10">
+                                    <el-form-item label="代理人留点比例">
+                                        <el-input style="width: 100%" v-model="productCostForm.ldProportion" placeholder="请输入代理人留点比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10" v-show="!!messageInfo.isExternal">
+                                    <el-form-item label="是否现询">
+                                        <el-select v-model="productCostForm.isInquiryNow" placeholder="请选择">
+                                            <el-option value="1" label="是"></el-option>
+                                            <el-option value="0" label="否"></el-option>
+                                        </el-select>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+
+                            <el-row v-if="productjqincludes">
+                                <h4>交强险费用</h4>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item :label="messageInfo.isExternal ? '交强入口手续费比例 ' : '费用比例'" prop="jqCarCostsProportion">
+                                        <el-input v-model="productCostForm.jqCarCostsProportion"
+                                                  @blur="costRatioInput('jqCostsProportion', 'jqCarCostsProportion', 'jqCarOtherCostsProportion')"
+                                                  placeholder="请输入费用比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1"
+                                        v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
+                                    <el-form-item label="其他费用比例">
+                                        <el-input disabled v-model="productCostForm.jqCarOtherCostsProportion"
+                                                  placeholder="请输入其他费用比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1"
+                                        v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
+                                    <el-form-item label="总费用比例" prop="jqCostsProportion">
+                                        <el-input v-model="productCostForm.jqCostsProportion"
+                                                  @blur="totalCostRatioInput('jqCostsProportion', 'jqCarCostsProportion', 'jqCarOtherCostsProportion')"
+                                                  placeholder="请输入总费用比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="交强管理比例一级	" prop="jqExportRadioLevel1">
+                                        <el-input v-model="productCostForm.jqExportRadioLevel1" placeholder="请输入管理费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="交强管理比例二级	" prop="jqExportRadioLevel2">
+                                        <el-input v-model="productCostForm.jqExportRadioLevel2" placeholder="请输入管理费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="交强管理比例三级	" prop="jqExportRadioLevel3">
+                                        <el-input v-model="productCostForm.jqExportRadioLevel3" placeholder="请输入管理费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="交强管理比例四级	" prop="jqExportRadioLevel4">
+                                        <el-input v-model="productCostForm.jqExportRadioLevel4" placeholder="请输入管理费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="交强管理比例五级	" prop="jqExportRadioLevel5">
+                                        <el-input v-model="productCostForm.jqExportRadioLevel5" placeholder="请输入管理费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="交强出口手续比例" prop="jqCostsExportProportion">
+                                        <el-input v-model="productCostForm.jqCostsExportProportion" placeholder="请输入出口手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row v-if="productsyincludes">
+                                <h4>商业险费用</h4>
+
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item :label="messageInfo.isExternal ? '商业入口手续费比例' : '费用比例'" prop="syCarCostsProportion">
+                                        <el-input v-model="productCostForm.syCarCostsProportion"
+                                                  @blur="totalCostRatioInput('syCostsProportion', 'syCarCostsProportion', 'syCarOtherCostsProportion')"
+                                                  placeholder="请输入费用比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+
+                                <el-col :span="5" :offset="1"
+                                        v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
+                                    <el-form-item label="其他费用比例">
+                                        <el-input v-model="productCostForm.syCarOtherCostsProportion" placeholder="请输入其他费用比例"
+                                                  disabled></el-input>
+                                    </el-form-item>
+                                </el-col>
+
+                                <el-col :span="5" :offset="1"
+                                        v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
+                                    <el-form-item label="总费用比例" prop="syCostsProportion">
+                                        <el-input v-model="productCostForm.syCostsProportion" placeholder="请输入总费用比例"
+                                                  @blur="totalCostRatioInput('syCostsProportion', 'syCarCostsProportion', 'syCarOtherCostsProportion')"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="商业手续比例一级	" prop="syExportRadioLevel1">
+                                        <el-input v-model="productCostForm.syExportRadioLevel1" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="商业手续比例二级	" prop="syExportRadioLevel2">
+                                        <el-input v-model="productCostForm.syExportRadioLevel2" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="商业手续比例三级	" prop="syExportRadioLevel3">
+                                        <el-input v-model="productCostForm.syExportRadioLevel3" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="商业手续比例四级	" prop="syExportRadioLevel4">
+                                        <el-input v-model="productCostForm.syExportRadioLevel4" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="商业手续比例五级	" prop="syExportRadioLevel5">
+                                        <el-input v-model="productCostForm.syExportRadioLevel5" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="商业出口手续比例" prop="syCostsExportProportion">
+                                        <el-input v-model="productCostForm.syCostsExportProportion" placeholder="请输入出口手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <h4>非车费用</h4>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item :label="messageInfo.isExternal ? '非车入口手续费比例' : '费用比例'" prop="noCarCostsProportion">
+                                        <el-input v-model="productCostForm.noCarCostsProportion"
+                                                  @blur="totalCostRatioInput('noCostsProportion', 'noCarCostsProportion', 'noCarOtherCostsProportion')"
+                                                  placeholder="请输入费用比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+
+                                <el-col :span="5" :offset="1"
+                                        v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
+                                    <el-form-item label="其他费用比例">
+                                        <el-input v-model="productCostForm.noCarOtherCostsProportion" placeholder="请输入其他费用比例"
+                                                  disabled></el-input>
+                                    </el-form-item>
+                                </el-col>
+
+                                <el-col :span="5" :offset="1"
+                                        v-if="(permissions && !messageInfo.isExternal) || productCostForm.isInquiryNow === '0'">
+                                    <el-form-item label="总费用比例" prop="noCostsProportion">
+                                        <el-input v-model="productCostForm.noCostsProportion" placeholder="请输入总费用比例"
+                                                  @blur="totalCostRatioInput('noCostsProportion', 'noCarCostsProportion', 'noCarOtherCostsProportion')"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="非车手续比例一级	" prop="noCarExportRadioLevel1">
+                                        <el-input v-model="productCostForm.noCarExportRadioLevel1" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="非车手续比例二级	" prop="noCarExportRadioLevel2">
+                                        <el-input v-model="productCostForm.noCarExportRadioLevel2" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="非车手续比例三级	" prop="noCarExportRadioLevel3">
+                                        <el-input v-model="productCostForm.noCarExportRadioLevel3" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="非车手续比例四级	" prop="noCarExportRadioLevel4">
+                                        <el-input v-model="productCostForm.noCarExportRadioLevel4" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="非车手续比例五级	" prop="noCarExportRadioLevel5">
+                                        <el-input v-model="productCostForm.noCarExportRadioLevel5" placeholder="请输入手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="5" :offset="1">
+                                    <el-form-item label="非车出口手续比例" prop="noCostsExportProportion">
+                                        <el-input v-model="productCostForm.noCostsExportProportion" placeholder="请输入出口手续费比例"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </el-form>
+                    </div>
+
+                </el-tab-pane>
+                <el-tab-pane label="产品费用因子" name="yinzi" class="tab-panestyle" v-if="!messageInfo.isExternal">
+                    <div class="tab-panecent2">
+                        <Product-Cost-Form ref="ProductRef" v-if="productCostAddVehicleFactorVisible" :form="dynamicFormArray"
+                                           :operator="operatorlist" over-size="small" :disabled="isView"></Product-Cost-Form>
+                    </div>
+                </el-tab-pane>
+            </el-tabs>
+            <span slot="footer" class="dialog-footer" v-if="isView">
         <el-button :size="overSize" style="background: #EAEDF1;color: #2D4D89;"
                    @click="productCostAddVehicleFactorVisible = false; isView = false">确 定</el-button>
       </span>
-      <span slot="footer" class="dialog-footer" v-else>
+            <span slot="footer" class="dialog-footer" v-else>
         <el-button :size="overSize" style="background: #EAEDF1;color: #2D4D89;"
-          @click="productCostAddVehicleFactorVisible = false; isView = false">取 消</el-button>
+                   @click="productCostAddVehicleFactorVisible = false; isView = false">取 消</el-button>
         <el-button :size="overSize" style="background: #2D4D89;color: #fff;border-color: #2D4D89;" type="primary"
-          @click="productCostAddSubmit('productCostForm')">确 定</el-button>
+                   @click="productCostAddSubmit('productCostForm')">确 定</el-button>
       </span>
-    </el-dialog>
-    <el-dialog :append-to-body="true" :visible.sync="ddgjdialogVisible" width="25%" title="订单轨迹">
-      <div class="tab-panestyle">
-        <div style="height: 400px; overflow-y: auto;padding: 6px;">
-          <el-steps direction="vertical" :active="trajectoryTable.length - 1">
-            <el-step :title="item.createTime" :key="item.id" v-for="item in trajectoryTable">
-              <template slot="description">
-                <div class="tab-panecent1">
-                  <div>{{ item.readme }}</div>
-                  <span>提交人：{{ item.userName }}</span>
+        </el-dialog>
+        <el-dialog :append-to-body="true" :visible.sync="ddgjdialogVisible" width="25%" title="订单轨迹">
+            <div class="tab-panestyle">
+                <div style="height: 400px; overflow-y: auto;padding: 6px;">
+                    <el-steps direction="vertical" :active="trajectoryTable.length - 1">
+                        <el-step :title="item.createTime" :key="item.id" v-for="item in trajectoryTable">
+                            <template slot="description">
+                                <div class="tab-panecent1">
+                                    <div>{{ item.readme }}</div>
+                                    <span>提交人：{{ item.userName }}</span>
+                                </div>
+                            </template>
+                        </el-step>
+                    </el-steps>
                 </div>
-              </template>
-            </el-step>
-          </el-steps>
-        </div>
-      </div>
-    </el-dialog>
-    <el-dialog :append-to-body="true" title="产品历史记录" :visible.sync="productHistoryRecordDialogVisible" width="70%"
-      :fullscreen="true">
-      <div class="p-2">
-        <el-row class="queryFrom">
-          <el-form ref="queryFormRef" :model="productHistoryRecordForm" label-width="80px">
-            <el-col :span="5">
-              <el-form-item label="操作人">
-                <el-input clearable style="width:220px" size="small" placeholder="操作人"
-                  v-model="productHistoryRecordForm.operator"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="操作类型">
-                <el-select clearable size="small" v-model="productHistoryRecordForm.operatorType" placeholder="请选择">
-                  <el-option v-for="item in operationTypeOption" :key="item.value" :label="item.label"
-                    :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="操作时间">
-                <el-date-picker clearable v-model="productHistoryOperatorTime" type="daterange" size="small"
-                  value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
-                  @change="productHistorydaterange">
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-            <el-col :span="3">
-              <el-form-item label="">
-                <el-button size="small" type="primary" @click="productHistoryCostFindPage">查询</el-button>
-              </el-form-item>
-            </el-col>
-          </el-form>
-        </el-row>
-        <kt-common-table :tableHeights="700" :SerialShow="false" :operationWidth="200" :showOperation="true"
-          button2Name="详情" button2Type="text" :button2style="{ color: '#2D4D89' }" @handleButton2="productHistoryDetails"
-          :showBatchDelete="false" :showBatchSettled="false" :showBatchPrint="false" :data="productHistoryRecordResult"
-          :columns="productHistoryRecordColumns" @findPage="productHistoryCostFindPage">
-        </kt-common-table>
-      </div>
-
-    </el-dialog>
-    <el-dialog :append-to-body="true" title="批量操作" :visible.sync="batchdialogVisible" width="50%">
-      <div class="tab-panestyle">
-        <el-form :inline="true" :model="batchUpdateForm" id="bulkOperation" class="demo-form-inline  tab-panecent"
-          style="padding: 20px;">
-          <!-- <el-row>
-            <el-col :span="8">
-              <el-form-item label="费用起期：">
-                <el-date-picker size="small"  v-model="batchUpdateForm.costsStartDate" type="datetime"
-                  placeholder="选择结束日期" value-format="yyyy-MM-dd HH:mm:ss">
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="费用止期：">
-                <el-date-picker size="small"  v-model="batchUpdateForm.costsEndDate" type="datetime"
-                  placeholder="选择结束日期" value-format="yyyy-MM-dd HH:mm:ss" @change="checkStartDate1">
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-          </el-row> -->
-          <el-row>
-            <div class="title">交强险费用</div>
-            <el-col :span="8">
-              <el-form-item label="总费用比例" prop="jqCostsProportion">
-                <el-input-number size="small" :controls="false" :precision="0" v-model="batchUpdateForm.jqCostsProportion"
-                  placeholder="请输入总费用比例"></el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="交强管理比例一级" prop="jqExportRadioLevel1">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.jqExportRadioLevel1" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="交强管理比例二级" prop="jqExportRadioLevel2">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.jqExportRadioLevel2" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="交强管理比例三级" prop="jqExportRadioLevel3">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.jqExportRadioLevel3" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="交强管理比例四级" prop="jqExportRadioLevel4">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.jqExportRadioLevel4" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="交强管理比例五级" prop="jqExportRadioLevel5">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.jqExportRadioLevel5" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <div class="title">商业险费用</div>
-            <el-col :span="8">
-              <el-form-item label="总费用比例" prop="syCostsProportion">
-                <el-input-number size="small" :controls="false" :precision="0" v-model="batchUpdateForm.syCostsProportion"
-                  placeholder="请输入总费用比例"></el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="商业手续比例一级	" prop="syExportRadioLevel1">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.syExportRadioLevel1" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="商业手续比例二级	" prop="syExportRadioLevel2">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.syExportRadioLevel2" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="商业手续比例三级	" prop="syExportRadioLevel3">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.syExportRadioLevel3" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="商业手续比例四级	" prop="syExportRadioLevel4">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.syExportRadioLevel4" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="商业手续比例五级	" prop="syExportRadioLevel5">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.syExportRadioLevel5" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <div class="title">非车费用</div>
-            <el-col :span="8">
-              <el-form-item label="总费用比例" prop="noCostsProportion">
-                <el-input-number size="small" :controls="false" :precision="0" v-model="batchUpdateForm.noCostsProportion"
-                  placeholder="请输入总费用比例"></el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="非车手续比例一级	" prop="noCarExportRadioLevel1">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.noCarExportRadioLevel1" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="非车手续比例二级	" prop="noCarExportRadioLevel2">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.noCarExportRadioLevel2" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="非车手续比例三级	" prop="noCarExportRadioLevel3">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.noCarExportRadioLevel3" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="非车手续比例四级	" prop="noCarExportRadioLevel4">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.noCarExportRadioLevel4" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="非车手续比例五级	" prop="noCarExportRadioLevel5">
-                <el-input-number size="small" :controls="false" :precision="0"
-                  v-model="batchUpdateForm.noCarExportRadioLevel5" placeholder="请输入管理费比例">
-                </el-input-number>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-      <span slot="footer" class="dialog-footer">
+            </div>
+        </el-dialog>
+        <el-dialog :append-to-body="true" title="产品历史记录" :visible.sync="productHistoryRecordDialogVisible" width="70%"
+                   :fullscreen="true">
+            <div class="p-2">
+                <el-row class="queryFrom">
+                    <el-form ref="queryFormRef" :model="productHistoryRecordForm" label-width="80px">
+                        <el-col :span="5">
+                            <el-form-item label="操作人">
+                                <el-input clearable style="width:220px" size="small" placeholder="操作人"
+                                          v-model="productHistoryRecordForm.operator"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-form-item label="操作类型">
+                                <el-select clearable size="small" v-model="productHistoryRecordForm.operatorType" placeholder="请选择">
+                                    <el-option v-for="item in operationTypeOption" :key="item.value" :label="item.label"
+                                               :value="item.value">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-form-item label="操作时间">
+                                <el-date-picker clearable v-model="productHistoryOperatorTime" type="daterange" size="small"
+                                                value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
+                                                @change="productHistorydaterange">
+                                </el-date-picker>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="3">
+                            <el-form-item label="">
+                                <el-button size="small" type="primary" @click="productHistoryCostFindPage">查询</el-button>
+                            </el-form-item>
+                        </el-col>
+                    </el-form>
+                </el-row>
+                <kt-common-table :tableHeights="700" :SerialShow="false" :operationWidth="200" :showOperation="true"
+                                 button2Name="详情" button2Type="text" :button2style="{ color: '#2D4D89' }" @handleButton2="productHistoryDetails"
+                                 :showBatchDelete="false" :showBatchSettled="false" :showBatchPrint="false" :data="productHistoryRecordResult"
+                                 :columns="productHistoryRecordColumns" @findPage="productHistoryCostFindPage">
+                </kt-common-table>
+            </div>
+
+        </el-dialog>
+        <el-dialog :append-to-body="true" title="批量操作" :visible.sync="batchdialogVisible" width="50%">
+            <div class="tab-panestyle">
+                <el-form :inline="true" :model="batchUpdateForm" id="bulkOperation" class="demo-form-inline  tab-panecent"
+                         style="padding: 20px;">
+                    <!-- <el-row>
+                      <el-col :span="8">
+                        <el-form-item label="费用起期：">
+                          <el-date-picker size="small"  v-model="batchUpdateForm.costsStartDate" type="datetime"
+                            placeholder="选择结束日期" value-format="yyyy-MM-dd HH:mm:ss">
+                          </el-date-picker>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="8">
+                        <el-form-item label="费用止期：">
+                          <el-date-picker size="small"  v-model="batchUpdateForm.costsEndDate" type="datetime"
+                            placeholder="选择结束日期" value-format="yyyy-MM-dd HH:mm:ss" @change="checkStartDate1">
+                          </el-date-picker>
+                        </el-form-item>
+                      </el-col>
+                    </el-row> -->
+                    <el-row>
+                        <div class="title">交强险费用</div>
+                        <el-col :span="8">
+                            <el-form-item label="总费用比例" prop="jqCostsProportion">
+                                <el-input-number size="small" :controls="false" :precision="0" v-model="batchUpdateForm.jqCostsProportion"
+                                                 placeholder="请输入总费用比例"></el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="交强管理比例一级" prop="jqExportRadioLevel1">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.jqExportRadioLevel1" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="交强管理比例二级" prop="jqExportRadioLevel2">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.jqExportRadioLevel2" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="交强管理比例三级" prop="jqExportRadioLevel3">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.jqExportRadioLevel3" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="交强管理比例四级" prop="jqExportRadioLevel4">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.jqExportRadioLevel4" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="交强管理比例五级" prop="jqExportRadioLevel5">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.jqExportRadioLevel5" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <div class="title">商业险费用</div>
+                        <el-col :span="8">
+                            <el-form-item label="总费用比例" prop="syCostsProportion">
+                                <el-input-number size="small" :controls="false" :precision="0" v-model="batchUpdateForm.syCostsProportion"
+                                                 placeholder="请输入总费用比例"></el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="商业手续比例一级	" prop="syExportRadioLevel1">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.syExportRadioLevel1" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="商业手续比例二级	" prop="syExportRadioLevel2">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.syExportRadioLevel2" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="商业手续比例三级	" prop="syExportRadioLevel3">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.syExportRadioLevel3" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="商业手续比例四级	" prop="syExportRadioLevel4">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.syExportRadioLevel4" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="商业手续比例五级	" prop="syExportRadioLevel5">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.syExportRadioLevel5" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <div class="title">非车费用</div>
+                        <el-col :span="8">
+                            <el-form-item label="总费用比例" prop="noCostsProportion">
+                                <el-input-number size="small" :controls="false" :precision="0" v-model="batchUpdateForm.noCostsProportion"
+                                                 placeholder="请输入总费用比例"></el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="非车手续比例一级	" prop="noCarExportRadioLevel1">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.noCarExportRadioLevel1" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="非车手续比例二级	" prop="noCarExportRadioLevel2">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.noCarExportRadioLevel2" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="非车手续比例三级	" prop="noCarExportRadioLevel3">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.noCarExportRadioLevel3" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="非车手续比例四级	" prop="noCarExportRadioLevel4">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.noCarExportRadioLevel4" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="非车手续比例五级	" prop="noCarExportRadioLevel5">
+                                <el-input-number size="small" :controls="false" :precision="0"
+                                                 v-model="batchUpdateForm.noCarExportRadioLevel5" placeholder="请输入管理费比例">
+                                </el-input-number>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+            </div>
+            <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="batchdialogVisible = false">取 消</el-button>
         <el-button size="small" style="background: #2D4D89;color: #fff;border-color: #2D4D89;" type="primary"
-          @click="batchCostsubmit">确 定</el-button>
+                   @click="batchCostsubmit">确 定</el-button>
       </span>
-    </el-dialog>
-    <el-dialog :append-to-body="true" title="费用复制窗口" :visible.sync="productCostCopyDialogVisible"
-      :close-on-click-modal="false" :fullscreen="true">
-      <div class="p-2">
-        <el-form :inline="true" :model="productcopyItemPageRequest" class="demo-form-inline" size="small"
-          label-width="80px">
-          <el-form-item label="选择协议">
-            <el-select v-model="productcopyItemPageRequest.agreementId" filterable clearable placeholder="请选择协议">
-              <el-option v-for="(item, index) in protocolpageResult" :key="index"
-                :label="`${item.agreementName}-${item.businessDescription}-${item.jobDescription}`"
-                :value="item.id"></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="产品">
-            <el-select v-model="productcopyItemPageRequest.productCode" placeholder="选择产品" multiple clearable>
-              <el-option v-for="item in productsTypeoptions" :key="item.dictValue" :label="item.dictTag"
-                :value="item.dictValue"></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="是否有效">
-            <el-select v-model="productcopyItemPageRequest.isEffective" clearable>
-              <el-option label="失效" value="1"></el-option>
-              <el-option label="有效" value="2"></el-option>
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="费用日期">
-            <el-date-picker style="width: 100%;" v-model="productcopyDate" type="daterange" value-format="yyyy-MM-dd"
-              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="costsEndDateChange2">
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item label="费用描述">
-            <el-select style="width: 300px;" v-model="productcopyItemPageRequest.costsDescription" multiple filterable
-              allow-create default-first-option placeholder="费用描述">
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" @click="productcopyItemQuery">查询</el-button>
-          </el-form-item>
-        </el-form>
-        <kt-common-table :tableHeights="650" :SerialShow="false" :operationWidth="250" :showOperation="false"
-          :customToolseletted="true" customToolName="批量复制" permscustomTool="agreement:input:productCost"
-          @customTool="customTool" :showBatchDelete="false" :showBatchSettled="false" :showBatchPrint="false"
-          :data="productcopyItemResult" :columns="productcopyItemColumns" @findPage="productcopyItemFindPage">
-        </kt-common-table>
-      </div>
-    </el-dialog>
-    <el-dialog :append-to-body="true" title="产品费用历史记录详情" :visible.sync="productHistoryDetailsDialogVisible" width="80%"
-      top="6vh">
-      <div class="tab-panestyle">
-        <Product-Cost-Form v-if="productHistoryDetailsDialogVisible" :form="dynamicFormArray" :operator="operatorlist"
-          over-size="small" @cancelForm="productHistoryDetailsDialogVisible = false" :disabled="true"></Product-Cost-Form>
-      </div>
-    </el-dialog>
-
-
-    <el-dialog :append-to-body="true" title="批量修改起止时间" :visible.sync="showUpdate1" width="30%" top="6vh">
-      <div class="tab-panestyle">
-        <el-form :inline="true" :model="batchUpdateForm1" id="bulkOperation" class="demo-form-inline  tab-panecent"
-          style="padding: 20px;">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="费用起期：">
-                <el-date-picker size="small" v-model="batchUpdateForm1.costsStartDate" type="datetime"
-                  placeholder="选择开始日期" value-format="yyyy-MM-dd HH:mm:ss">
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="费用止期：">
-                <el-date-picker size="small" v-model="batchUpdateForm1.costsEndDate" type="datetime" placeholder="选择结束日期"
-                  value-format="yyyy-MM-dd HH:mm:ss" @change="checkStartDate1">
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-      <span slot="footer" class="dialog-footer">
+        </el-dialog>
+        <el-dialog :append-to-body="true" title="费用复制窗口" :visible.sync="productCostCopyDialogVisible"
+                   :close-on-click-modal="false" :fullscreen="true">
+            <div class="p-2">
+                <el-form :inline="true" :model="productcopyItemPageRequest" class="demo-form-inline" size="small"
+                         label-width="80px">
+                    <el-form-item label="选择协议">
+                        <el-select v-model="productcopyItemPageRequest.agreementId" filterable clearable placeholder="请选择协议">
+                            <el-option v-for="(item, index) in protocolpageResult" :key="index"
+                                       :label="`${item.agreementName}-${item.businessDescription}-${item.jobDescription}`"
+                                       :value="item.id"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="产品">
+                        <el-select v-model="productcopyItemPageRequest.productCode" placeholder="选择产品" multiple clearable>
+                            <el-option v-for="item in productsTypeoptions" :key="item.dictValue" :label="item.dictTag"
+                                       :value="item.dictValue"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="是否有效">
+                        <el-select v-model="productcopyItemPageRequest.isEffective" clearable>
+                            <el-option label="失效" value="1"></el-option>
+                            <el-option label="有效" value="2"></el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="费用日期">
+                        <el-date-picker style="width: 100%;" v-model="productcopyDate" type="daterange" value-format="yyyy-MM-dd"
+                                        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="costsEndDateChange2">
+                        </el-date-picker>
+                    </el-form-item>
+                    <el-form-item label="费用描述">
+                        <el-select style="width: 300px;" v-model="productcopyItemPageRequest.costsDescription" multiple filterable
+                                   allow-create default-first-option placeholder="费用描述">
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="productcopyItemQuery">查询</el-button>
+                    </el-form-item>
+                </el-form>
+                <kt-common-table :tableHeights="650" :SerialShow="false" :operationWidth="250" :showOperation="false"
+                                 :customToolseletted="true" customToolName="批量复制" permscustomTool="agreement:input:productCost"
+                                 @customTool="customTool" :showBatchDelete="false" :showBatchSettled="false" :showBatchPrint="false"
+                                 :data="productcopyItemResult" :columns="productcopyItemColumns" @findPage="productcopyItemFindPage">
+                </kt-common-table>
+            </div>
+        </el-dialog>
+        <el-dialog :append-to-body="true" title="产品费用历史记录详情" :visible.sync="productHistoryDetailsDialogVisible" width="80%"
+                   top="6vh">
+            <div class="tab-panestyle">
+                <Product-Cost-Form v-if="productHistoryDetailsDialogVisible" :form="dynamicFormArray" :operator="operatorlist"
+                                   over-size="small" @cancelForm="productHistoryDetailsDialogVisible = false" :disabled="true"></Product-Cost-Form>
+            </div>
+        </el-dialog>
+
+
+        <el-dialog :append-to-body="true" title="批量修改起止时间" :visible.sync="showUpdate1" width="30%" top="6vh">
+            <div class="tab-panestyle">
+                <el-form :inline="true" :model="batchUpdateForm1" id="bulkOperation" class="demo-form-inline  tab-panecent"
+                         style="padding: 20px;">
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="费用起期：">
+                                <el-date-picker size="small" v-model="batchUpdateForm1.costsStartDate" type="datetime"
+                                                placeholder="选择开始日期" value-format="yyyy-MM-dd HH:mm:ss">
+                                </el-date-picker>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="费用止期：">
+                                <el-date-picker size="small" v-model="batchUpdateForm1.costsEndDate" type="datetime" placeholder="选择结束日期"
+                                                value-format="yyyy-MM-dd HH:mm:ss" @change="checkStartDate1">
+                                </el-date-picker>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+            </div>
+            <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="showUpdate1 = false">取 消</el-button>
         <el-button size="small" style="background: #2D4D89;color: #fff;border-color: #2D4D89;" type="primary"
-          @click="batchCostsubmit1">确 定</el-button>
+                   @click="batchCostsubmit1">确 定</el-button>
       </span>
-    </el-dialog>
-  </div>
+        </el-dialog>
+    </div>
 </template>
 
 <!-- 行为区域 -->
 <script>
 import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
-import ProductCostForm from '@/components/Form/ProductCostForm.vue';//表单组件
+import ProductCostForm from '@/components/Form/ProductCostForm.vue';
+//表单组件
 export default {
-  // 数据存放区域
-  components: {
-    KtCommonTable,
-    ProductCostForm
-  },
-  props: {
-    messageInfo: {
-      default: {}
-    }
-  },
-  data() {
-    return {
-      isView: false,
-      productDate: [],
-      createDate: [],
-      productcopyDate: [],
-      protocolpageResult: [],
-      productcopyItemResult: [],//协议费用列表
-      productcopyItemPageRequest: {
-        productCode: [],
-        agreementId: "",
-        costStartDate: "",
-        costsEndDate: "",
-        isEffective: "",
-        costsDescription: [],
-        pageNum: 1,
-        pageSize: 20,
-      },
-      productHistoryOperatorTime: "",
-      batchUpdateForm: {
-        ids: [],
-        costsEndDate: null,
-        costsStartDate: null,
-      },
-      productHistoryDetailsDialogVisible: false,
-      productCostCopyDialogVisible: false,//费用复制
-      batchdialogVisible: false,
-      productHistoryRecordResult: [],
-      productcopyItemColumns: [
-        //数据列
-        { prop: "productName", label: " 产品名称", minWidth: 160 },
-        { prop: "costsStartDate", label: "费用起期", minWidth: 160 },
-        { prop: "costsEndDate", label: "费用止期", minWidth: 160 },
-        { prop: "costsDescription", label: "费用描述", minWidth: 220 },
-        { prop: "desc", label: "费用因子描述", minWidth: 520 },
-        { prop: "priorityLevel", label: "方案优先级", minWidth: 120 },
-        {
-          prop: "jqCarCostsProportion",
-          label: "费用比例（交强）",
-          minWidth: 120,
-        },
-        {
-          prop: "jqCarOtherCostsProportion",
-          label: "其他费用比例（交强）",
-          minWidth: 160,
-        },
-        {
-          prop: "jqCostsProportion",
-          label: "总费用比例（交强）",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel1",
-          label: "交强出口比例一级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel2",
-          label: "交强出口比例二级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel3",
-          label: "交强出口比例三级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel4",
-          label: "交强出口比例四级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel5",
-          label: "交强出口比例五级",
-          minWidth: 160,
-        },
+    // 数据存放区域
+    components: {
+        KtCommonTable,
+        ProductCostForm
+    },
+    props: {
+        messageInfo: {
+            default: {}
+        }
+    },
+    data() {
+        return {
+            isView: false,
+            productDate: [],
+            createDate: [],
+            productcopyDate: [],
+            protocolpageResult: [],
+            productcopyItemResult: [],//协议费用列表
+            productcopyItemPageRequest: {
+                productCode: [],
+                agreementId: "",
+                costStartDate: "",
+                costsEndDate: "",
+                isEffective: "",
+                costsDescription: [],
+                pageNum: 1,
+                pageSize: 20,
+            },
+            productHistoryOperatorTime: "",
+            batchUpdateForm: {
+                ids: [],
+                costsEndDate: null,
+                costsStartDate: null,
+            },
+            productHistoryDetailsDialogVisible: false,
+            productCostCopyDialogVisible: false,//费用复制
+            batchdialogVisible: false,
+            productHistoryRecordResult: [],
+            productcopyItemColumns: [
+                //数据列
+                { prop: "productName", label: " 产品名称", minWidth: 160 },
+                { prop: "costsStartDate", label: "费用起期", minWidth: 160 },
+                { prop: "costsEndDate", label: "费用止期", minWidth: 160 },
+                { prop: "costsDescription", label: "费用描述", minWidth: 220 },
+                { prop: "desc", label: "费用因子描述", minWidth: 520 },
+                { prop: "priorityLevel", label: "方案优先级", minWidth: 120 },
+                {
+                    prop: "jqCarCostsProportion",
+                    label: "费用比例（交强）",
+                    minWidth: 120,
+                },
+                {
+                    prop: "jqCarOtherCostsProportion",
+                    label: "其他费用比例（交强）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqCostsProportion",
+                    label: "总费用比例（交强）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel1",
+                    label: "交强出口比例一级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel2",
+                    label: "交强出口比例二级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel3",
+                    label: "交强出口比例三级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel4",
+                    label: "交强出口比例四级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel5",
+                    label: "交强出口比例五级",
+                    minWidth: 160,
+                },
+
+                {
+                    prop: "syCarCostsProportion",
+                    label: "费用比例（商业）",
+                    minWidth: 120,
+                },
+                {
+                    prop: "syCarOtherCostsProportion",
+                    label: "其他费用比例（商业）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syCostsProportion",
+                    label: "总费用比例（商业）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel1",
+                    label: "商业出口比例一级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel2",
+                    label: "商业出口比例二级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel3",
+                    label: "商业出口比例三级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel4",
+                    label: "商业出口比例四级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel5",
+                    label: "商业出口比例五级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarCostsProportion",
+                    label: "费用比例（非车）",
+                    minWidth: 120,
+                },
+                {
+                    prop: "noCarOtherCostsProportion",
+                    label: "其他费用比例（非车）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCostsProportion",
+                    label: "总费用比例（非车）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel1",
+                    label: "非车出口比例一级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel2",
+                    label: "非车出口比例二级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel3",
+                    label: "非车出口比例三级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel4",
+                    label: "非车出口比例四级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel5",
+                    label: "非车出口比例五级",
+                    minWidth: 160,
+                },
+
+            ],
+            productHistoryRecordColumns: [
+                //数据列
+                { prop: "productName", label: "产品名称", minWidth: 160 },
+                { prop: "modifierName", label: "操作人", minWidth: 120 },
+                { prop: "operatorTime", label: "操作时间", minWidth: 160 },
+                { prop: "operatorType", label: "操作类型", minWidth: 120, formatter: this.operatorTypeFormatter },
+                { prop: "costsDescription", label: "费用描述", minWidth: 120 },
+                { prop: "costsAttrLinks", label: "费用因子描述", minWidth: 680 },
+                { prop: "costsStartDate", label: "费用起期", minWidth: 180 },
+                { prop: "costsEndDate", label: "费用止期", minWidth: 180 },
+                { prop: "priorityLevel", label: "方案优先级", minWidth: 180 },
+                {
+                    prop: "jqCarCostsProportion",
+                    label: "费用比例（交强）",
+                    minWidth: 120,
+                },
+                {
+                    prop: "jqCarOtherCostsProportion",
+                    label: "其他费用比例（交强）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqCostsProportion",
+                    label: "总费用比例（交强）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel1",
+                    label: "交强出口比例一级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel2",
+                    label: "交强出口比例二级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel3",
+                    label: "交强出口比例三级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel4",
+                    label: "交强出口比例四级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel5",
+                    label: "交强出口比例五级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syCarCostsProportion",
+                    label: "费用比例（商业）",
+                    minWidth: 120,
+                },
+                {
+                    prop: "syCarOtherCostsProportion",
+                    label: "其他费用比例（商业）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syCostsProportion",
+                    label: "总费用比例（商业）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel1",
+                    label: "商业出口比例一级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel2",
+                    label: "商业出口比例二级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel3",
+                    label: "商业出口比例三级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel4",
+                    label: "商业出口比例四级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel5",
+                    label: "商业出口比例五级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarCostsProportion",
+                    label: "费用比例（非车）",
+                    minWidth: 120,
+                },
+                {
+                    prop: "noCarOtherCostsProportion",
+                    label: "其他费用比例（非车）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCostsProportion",
+                    label: "总费用比例（非车）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel1",
+                    label: "非车出口比例一级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel2",
+                    label: "非车出口比例二级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel3",
+                    label: "非车出口比例三级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel4",
+                    label: "非车出口比例四级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel5",
+                    label: "非车出口比例五级",
+                    minWidth: 160,
+                },
+
+            ],
+            operationTypeOption: [
+                {
+                    label: '新增',
+                    value: 'add'
+                }, {
+                    label: '修改',
+                    value: 'update'
+                }, {
+                    label: '删除',
+                    value: 'delete'
+                },
+            ],
+            productHistoryRecordForm: {},//产品历史记录检索数据
+            productHistoryRecordDialogVisible: false,//历史记录弹窗
+            ddgjdialogVisible: false,
+            trajectoryTable: [],
+            tabtitle: '',
+            overSize: "small",
+            ktbuttonStyle: {
+                border: '1px solid #2D4D89',
+                color: "#2D4D89",
+            },
+            roductList1: [],
+            //操作符字典
+            operator: { "pageNum": 1, "pageSize": 10, "columnFilters": { "label": { "name": "label", "value": "agreement_operator" } } },
+            operatorlist: [],
+            //操作符字典
+            //费用审核状态
+            expenseAudit: { "pageNum": 1, "pageSize": 10, "columnFilters": { "label": { "name": "label", "value": "agreement_audit_status" } } },
+            expenseAuditlist: [],
+            productsTypeoptions: [],
+            productColumns: [
+                //数据列
+                { prop: "id", label: " ID", minWidth: 100 },
+                { prop: "productName", label: " 产品名称", minWidth: 80 },
+                { prop: "costsStartDate", label: "费用起期", minWidth: 160 },
+                { prop: "costsEndDate", label: "费用止期", minWidth: 160 },
+                { prop: "costsDescription", label: "费用描述", minWidth: 220 },
+                { prop: "desc", label: "费用因子描述", minWidth: 520 },
+                { prop: "priorityLevel", label: "方案优先级", minWidth: 100 },
+                { prop: "isAudit", label: "审核状态", minWidth: 120, formatter: this.auditTypeFormation },
+                // { prop: "validStatus", label: "费用状态", minWidth: 200, formatter: this.validStatusFormation },
+                {
+                    prop: "jqCarCostsProportion",
+                    label: "费用比例（交强）",
+                    minWidth: 120,
+                },
+                {
+                    prop: "jqCarOtherCostsProportion",
+                    label: "其他费用比例（交强）",
+                    minWidth: 150,
+                },
+                {
+                    prop: "jqCostsProportion",
+                    label: "总费用比例（交强）",
+                    minWidth: 150,
+                },
+                {
+                    prop: "jqExportRadioLevel1",
+                    label: "交强出口比例一级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel2",
+                    label: "交强出口比例二级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel3",
+                    label: "交强出口比例三级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel4",
+                    label: "交强出口比例四级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "jqExportRadioLevel5",
+                    label: "交强出口比例五级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syCarCostsProportion",
+                    label: "费用比例（商业）",
+                    minWidth: 120,
+                },
+                {
+                    prop: "syCarOtherCostsProportion",
+                    label: "其他费用比例（商业）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syCostsProportion",
+                    label: "总费用比例（商业）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel1",
+                    label: "商业出口比例一级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel2",
+                    label: "商业出口比例二级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel3",
+                    label: "商业出口比例三级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel4",
+                    label: "商业出口比例四级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "syExportRadioLevel5",
+                    label: "商业出口比例五级",
+                    minWidth: 160,
+                },
+
+                {
+                    prop: "noCarCostsProportion",
+                    label: "费用比例（非车）",
+                    minWidth: 120,
+                },
+                {
+                    prop: "noCarOtherCostsProportion",
+                    label: "其他费用比例（非车）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCostsProportion",
+                    label: "总费用比例（非车）",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel1",
+                    label: "非车出口比例一级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel2",
+                    label: "非车出口比例二级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel3",
+                    label: "非车出口比例三级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel4",
+                    label: "非车出口比例四级",
+                    minWidth: 160,
+                },
+                {
+                    prop: "noCarExportRadioLevel5",
+                    label: "非车出口比例五级",
+                    minWidth: 160,
+                },
+
+
+            ],
+            costformRules: {
+                costsStartDate: [
+                    { required: true, message: "请选择费用起期", trigger: "change" },
+                ],
+                costsEndDate: [
+                    { required: true, message: "请选择费用止期", trigger: "change" },
+                ],
+
+                jqNewCarCostsProportion: [
+                    { required: true, message: "请输入新车费用比例", trigger: "blur" },
+                    {
+                        pattern: /^([0-4])$/,
+                        message: "请输入0-4的整数",
+                        trigger: "blur",
+                    },
+                ],
+                jqOldCarCostsProportion: [
+                    { required: true, message: "请输入旧车费用比例", trigger: "blur" },
+                    {
+                        pattern: /^([0-4])$/,
+                        message: "请输入0-4的整数",
+                        trigger: "blur",
+                    },
+                ],
+                jqCostsProportion: [
+                    { required: true, message: "请输入总费用比例", trigger: "blur" },
+                    {
+                        pattern: /^100$|^[1-9]?\d(\.\d+)?$|^0(\.\d+)?$/,
+                        message: "请输入0-100数",
+                        trigger: "blur",
+                    },
+                ],
+
+                syNewCarCostsProportion: [
+                    { required: true, message: "请输入新车费用比例", trigger: "blur" },
+                    {
+                        pattern: /^([0-9]{1,2}|100)$/,
+                        message: "请输入0-100的整数",
+                        trigger: "blur",
+                    },
+                ],
+                syOldCarCostsProportion: [
+                    { required: true, message: "请输入旧车费用比例", trigger: "blur" },
+                    {
+                        pattern: /^([0-9]{1,2}|100)$/,
+                        message: "请输入0-100的整数",
+                        trigger: "blur",
+                    },
+                ],
+                syCostsProportion: [
+                    { required: true, message: "请输入总费用比例", trigger: "blur" },
+                    {
+                        pattern: /^100$|^[1-9]?\d(\.\d+)?$|^0(\.\d+)?$/,
+                        message: "请输入0-100的数",
+                        trigger: "blur",
+                    },
+                ],
+            },
+            //分页数据
+            productpageRequest: {
+                isAudit: null,
+                productCode: [],
+                costStartDate: "",
+                costsEndDate: "",
+                costsDescription: [],
+                isEffective: "2",
+                pageNum: 1,
+                pageSize: 20,
+                agreementId: "",
+                validStatus: "",
+            },
+            productPageResult: [],
+            insuranceCompanyId: "",
+            //产品费用
+            productCostForm: {
+                agreementId: '',
+                productName: [],
+                productId: [],
+                costsDescription: "", //费用描述
+                costsStartDate: "", //费用起期
+                costsEndDate: "", //费用止期
+                priorityLevel: "", //方案优先级
+                jqCarCostsProportion: 4, //费用比例（交强）
+                jqCarOtherCostsProportion: "", //其他费用比例（交强）
+                jqCostsProportion: "", //总费用比例（交强）
+                jqExportRadioLevel1: "",//交强出口比例1级
+                jqExportRadioLevel2: "",//交强出口比例2级
+                jqExportRadioLevel3: "",//交强出口比例3级
+                jqExportRadioLevel4: "",//交强出口比例4级
+                jqExportRadioLevel5: "",//交强出口比例5级
+                syCarCostsProportion: "", //费用比例（商业）
+                syCarOtherCostsProportion: "", //其他费用比例（商业）
+                syCostsProportion: "", //总费用比例（商业）
+                syExportRadioLevel1: "",//商业出口比例1级
+                syExportRadioLevel2: "",//商业出口比例2级
+                syExportRadioLevel3: "",//商业出口比例3级
+                syExportRadioLevel4: "",//商业出口比例4级
+                syExportRadioLevel5: "",//商业出口比例5级
+                noCarExportRadioLevel1: "",//非车出口比例1级
+                noCarExportRadioLevel2: "",//非车出口比例2级
+                noCarExportRadioLevel3: "",//非车出口比例3级
+                noCarExportRadioLevel4: "",//非车出口比例4级
+                noCarExportRadioLevel5: "",//非车出口比例5级
+                jqExportInvestmentRadio: "",//交强出口加投比例
+                syExportInvestmentRadio: "",//商业出口加投比例
+                noCarExportInvestmentRadio: "",//非车出口加投比例
+                noCarCostsProportion: "",//费用比例（非车）
+                noCarOtherCostsProportion: "",//其他费用比例（非车）
+                noCostsProportion: "",//总费用比例（非车）
+                costsAttrLinks: [],//费用因子
+                isInquiryNow: '1',  // 是否现询
+            },
+            areanumberplateList: [],//车牌号列表
+            licenseAreaList: [],  // 车牌地区列表
+            RateFloatFlag: [], // 不浮动原因
+            dynamicFormArray: [],
+            productCostAddDialogTitle: "产品录入",
+            productCostAddDialogType: "add",
+            productCostAddVehicleFactorVisible: false,
+            activeName: 'feiyong',
+            productUpdateObj: {
+                productId: "",
+                productName: "",
+            },
+            permissions: null,
+            showUpdate1: false,
+            batchUpdateForm1: {},
+            carClassList: [],
+            batchUpdatelist: [],
+            lineData: {},
+        }
+    },
+    // 生命周期函数
+    created() {
+        this.lineData = this.messageInfo
+        this.insuranceCompanyId = this.messageInfo.insuranceCompanyId;
+        this.productpageRequest.agreementId = this.messageInfo.id;
+        this.productCostForm.agreementId = this.messageInfo.id;
+        this.licenseQuery();
+        this.initReason()
+        this.getFactorTemplate();
+        this.getDicType("productsType"); //车险产品
+        this.getDicType('trafficManagementVehicleType')   // 车辆列表
+        //获取操作符
+        this.$api.dict.findPage(this.operator).then(res => {
+            this.operatorlist = res.data.content;
+        })
+        this.$api.dict.findPage(this.expenseAudit).then(res => {
+            this.expenseAuditlist = res.data.content;
+        })
+        this.$api.insCompany.shutdown().then((res) => {
+            this.permissions = res.data;
+        });
+        this.$api.insCompany.getAllAgreement(this.productpageRequest.agreementId).then((res) => {
+            if (res.code == 200) {
+                this.protocolpageResult = res.data;
+                this.protocolpageResult.forEach(item => {
+                    item.agreementName == null ? item.agreementName = '' : item.agreementName,
+                        item.businessDescription == null ? item.businessDescription = '' : item.businessDescription,
+                        item.jobDescription == null ? item.jobDescription = '' : item.jobDescription
+                });
+            } else {
+                this.$message.error(res.msg);
+            }
+        });
+    },
+    // 方法函数
+    methods: {
+
+        disabledDate1(time) {
+            let datetime = this.productcopyItemPageRequest.costStartDate;
+            const disabledTime = new Date(datetime).getTime() - 8.64e7;
+            return time.getTime() < disabledTime;
+        },
+        productcopyItemQuery() {
+            this.productcopyItemFindPage();
+        },
+        customTool(ids) {
+            this.$confirm('是否确认提交?', '提示', {
+                confirmButtonText: '提交',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                let params = {
+                    newAgreementId: this.productCostForm.agreementId,
+                    orgCostsIds: ids,
+                }
+                this.$api.insCompany.productContbatchCopy(params).then((res) => {
+                    if (res.code == '200') {
+                        this.$message({
+                            type: 'success',
+                            message: "批量复制成功",
+                        });
+                        this.productCostCopyDialogVisible = false;
+                    } else {
+                        this.$message({
+                            type: 'error',
+                            message: res.msg,
+                        });
+                    }
+                });
+            }).catch(() => {
 
-        {
-          prop: "syCarCostsProportion",
-          label: "费用比例（商业）",
-          minWidth: 120,
-        },
-        {
-          prop: "syCarOtherCostsProportion",
-          label: "其他费用比例（商业）",
-          minWidth: 160,
-        },
-        {
-          prop: "syCostsProportion",
-          label: "总费用比例（商业）",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel1",
-          label: "商业出口比例一级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel2",
-          label: "商业出口比例二级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel3",
-          label: "商业出口比例三级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel4",
-          label: "商业出口比例四级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel5",
-          label: "商业出口比例五级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarCostsProportion",
-          label: "费用比例（非车）",
-          minWidth: 120,
-        },
-        {
-          prop: "noCarOtherCostsProportion",
-          label: "其他费用比例（非车）",
-          minWidth: 160,
-        },
-        {
-          prop: "noCostsProportion",
-          label: "总费用比例（非车）",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel1",
-          label: "非车出口比例一级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel2",
-          label: "非车出口比例二级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel3",
-          label: "非车出口比例三级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel4",
-          label: "非车出口比例四级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel5",
-          label: "非车出口比例五级",
-          minWidth: 160,
-        },
+            });
 
-      ],
-      productHistoryRecordColumns: [
-        //数据列
-        { prop: "productName", label: "产品名称", minWidth: 160 },
-        { prop: "modifierName", label: "操作人", minWidth: 120 },
-        { prop: "operatorTime", label: "操作时间", minWidth: 160 },
-        { prop: "operatorType", label: "操作类型", minWidth: 120, formatter: this.operatorTypeFormatter },
-        { prop: "costsDescription", label: "费用描述", minWidth: 120 },
-        { prop: "costsAttrLinks", label: "费用因子描述", minWidth: 680 },
-        { prop: "costsStartDate", label: "费用起期", minWidth: 180 },
-        { prop: "costsEndDate", label: "费用止期", minWidth: 180 },
-        { prop: "priorityLevel", label: "方案优先级", minWidth: 180 },
-        {
-          prop: "jqCarCostsProportion",
-          label: "费用比例（交强）",
-          minWidth: 120,
-        },
-        {
-          prop: "jqCarOtherCostsProportion",
-          label: "其他费用比例（交强）",
-          minWidth: 160,
-        },
-        {
-          prop: "jqCostsProportion",
-          label: "总费用比例（交强）",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel1",
-          label: "交强出口比例一级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel2",
-          label: "交强出口比例二级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel3",
-          label: "交强出口比例三级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel4",
-          label: "交强出口比例四级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel5",
-          label: "交强出口比例五级",
-          minWidth: 160,
-        },
-        {
-          prop: "syCarCostsProportion",
-          label: "费用比例（商业）",
-          minWidth: 120,
-        },
-        {
-          prop: "syCarOtherCostsProportion",
-          label: "其他费用比例（商业）",
-          minWidth: 160,
-        },
-        {
-          prop: "syCostsProportion",
-          label: "总费用比例（商业）",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel1",
-          label: "商业出口比例一级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel2",
-          label: "商业出口比例二级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel3",
-          label: "商业出口比例三级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel4",
-          label: "商业出口比例四级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel5",
-          label: "商业出口比例五级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarCostsProportion",
-          label: "费用比例（非车）",
-          minWidth: 120,
-        },
-        {
-          prop: "noCarOtherCostsProportion",
-          label: "其他费用比例（非车）",
-          minWidth: 160,
-        },
-        {
-          prop: "noCostsProportion",
-          label: "总费用比例（非车）",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel1",
-          label: "非车出口比例一级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel2",
-          label: "非车出口比例二级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel3",
-          label: "非车出口比例三级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel4",
-          label: "非车出口比例四级",
-          minWidth: 160,
-        },
-        {
-          prop: "noCarExportRadioLevel5",
-          label: "非车出口比例五级",
-          minWidth: 160,
-        },
 
-      ],
-      operationTypeOption: [
-        {
-          label: '新增',
-          value: 'add'
-        }, {
-          label: '修改',
-          value: 'update'
-        }, {
-          label: '删除',
-          value: 'delete'
-        },
-      ],
-      productHistoryRecordForm: {},//产品历史记录检索数据
-      productHistoryRecordDialogVisible: false,//历史记录弹窗
-      ddgjdialogVisible: false,
-      trajectoryTable: [],
-      tabtitle: '',
-      overSize: "small",
-      ktbuttonStyle: {
-        border: '1px solid #2D4D89',
-        color: "#2D4D89",
-      },
-      roductList1: [],
-      //操作符字典
-      operator: { "pageNum": 1, "pageSize": 10, "columnFilters": { "label": { "name": "label", "value": "agreement_operator" } } },
-      operatorlist: [],
-      //操作符字典
-      //费用审核状态
-      expenseAudit: { "pageNum": 1, "pageSize": 10, "columnFilters": { "label": { "name": "label", "value": "agreement_audit_status" } } },
-      expenseAuditlist: [],
-      productsTypeoptions: [],
-      productColumns: [
-        //数据列
-        { prop: "id", label: " ID", minWidth: 100 },
-        { prop: "productName", label: " 产品名称", minWidth: 80 },
-        { prop: "costsStartDate", label: "费用起期", minWidth: 160 },
-        { prop: "costsEndDate", label: "费用止期", minWidth: 160 },
-        { prop: "costsDescription", label: "费用描述", minWidth: 220 },
-        { prop: "desc", label: "费用因子描述", minWidth: 520 },
-        { prop: "priorityLevel", label: "方案优先级", minWidth: 100 },
-        { prop: "isAudit", label: "审核状态", minWidth: 120, formatter: this.auditTypeFormation },
-        // { prop: "validStatus", label: "费用状态", minWidth: 200, formatter: this.validStatusFormation },
-        {
-          prop: "jqCarCostsProportion",
-          label: "费用比例（交强）",
-          minWidth: 120,
-        },
-        {
-          prop: "jqCarOtherCostsProportion",
-          label: "其他费用比例（交强）",
-          minWidth: 150,
-        },
-        {
-          prop: "jqCostsProportion",
-          label: "总费用比例（交强）",
-          minWidth: 150,
-        },
-        {
-          prop: "jqExportRadioLevel1",
-          label: "交强出口比例一级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel2",
-          label: "交强出口比例二级",
-          minWidth: 160,
         },
-        {
-          prop: "jqExportRadioLevel3",
-          label: "交强出口比例三级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel4",
-          label: "交强出口比例四级",
-          minWidth: 160,
-        },
-        {
-          prop: "jqExportRadioLevel5",
-          label: "交强出口比例五级",
-          minWidth: 160,
-        },
-        {
-          prop: "syCarCostsProportion",
-          label: "费用比例（商业）",
-          minWidth: 120,
-        },
-        {
-          prop: "syCarOtherCostsProportion",
-          label: "其他费用比例（商业）",
-          minWidth: 160,
-        },
-        {
-          prop: "syCostsProportion",
-          label: "总费用比例（商业）",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel1",
-          label: "商业出口比例一级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel2",
-          label: "商业出口比例二级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel3",
-          label: "商业出口比例三级",
-          minWidth: 160,
-        },
-        {
-          prop: "syExportRadioLevel4",
-          label: "商业出口比例四级",
-          minWidth: 160,
+        productcopyItemFindPage(data) {
+            if (data && data.pageRequest) {
+                this.productcopyItemPageRequest.pageNum = data.pageRequest.pageNum;
+                this.productcopyItemPageRequest.pageSize = data.pageRequest.pageSize;
+            } else {
+                this.productcopyItemPageRequest.pageNum = 1;
+                this.productcopyItemPageRequest.pageSize = 20;
+            }
+            this.$api.insCompany
+                .productCostQuery(this.productcopyItemPageRequest)
+                .then((res) => {
+                    this.productcopyItemResult = res;
+                });
+        },
+        costsEndDateChange2(e) {
+            this.productcopyItemPageRequest.costsStartDate = e[0];
+            this.productcopyItemPageRequest.costsEndDate = e[1];
+        },
+        //产品历史记录详情
+        productHistoryDetails({ row, column }) {
+            this.$api.insCompany.productCostHistoryDetails(row.batch).then((res) => {
+                if (res.code == '200') {
+                    let obj = Object.assign({}, res.data.agreementProductCostsNewHistory);
+                    obj.costsAttrLinkList.map(val => {
+                        switch (val.attrType) {
+                            case 'inputNumber':
+                            case 'datetime':
+                                if (!val.operator) {
+                                    val.operator = '1';
+                                }
+                                break;
+                        }
+                        if (val.attrCode == 'LicenseNo') {
+                            val.dictLabal = this.areanumberplateList;
+                        }
+                        if (val.attrCode == 'LicenseArea') {
+                            val.dictLabal = this.licenseAreaList;
+                        }
+                        if (val.attrCode == 'CarClass') {
+                            val.dictLabal = this.carClassList
+                        }
+                        if(val.attrCode == 'RateFloatFlag') {
+                            val.dictLabal =this.RateFloatFlag
+                        }
+                        return val;
+                    })
+                    this.dynamicFormArray = obj.costsAttrLinkList;
+                    this.productCostForm = obj;
+                    // this.productUpdateObj.productId= this.productCostForm.productId;
+                    // this.productUpdateObj.productName= this.productCostForm.productName;
+                    this.productCostForm.productId = [this.productCostForm.productId]
+                    this.productCostForm.productName = [this.productCostForm.productName]
+                    this.productHistoryDetailsDialogVisible = true;
+                } else {
+                    this.$message({
+                        type: 'error',
+                        message: res.msg,
+                    });
+                }
+            });
+            // this.productHistoryDetailsDialogVisible = true;
+
         },
-        {
-          prop: "syExportRadioLevel5",
-          label: "商业出口比例五级",
-          minWidth: 160,
+        productHistoryCostFindPage(data) {
+            if (data && data.pageRequest) {
+                this.productpageRequest.pageNum = data.pageRequest.pageNum;
+                this.productpageRequest.pageSize = data.pageRequest.pageSize;
+            } else {
+                this.productpageRequest.pageNum = 1;
+                this.productpageRequest.pageSize = 20;
+            }
+            this.$api.insCompany
+                .productCostHistory({ ...this.productpageRequest, ...this.productHistoryRecordForm })
+                .then((res) => {
+                    this.productHistoryRecordResult = res.data;
+                });
+        },
+        //产品费用操作时间
+        productHistorydaterange(e) {
+            if (e) {
+                this.productHistoryRecordForm.operatorStartTime = e[0];
+                this.productHistoryRecordForm.operatorEndTime = e[1];
+            } else {
+                this.productHistoryRecordForm.operatorStartTime = "";
+                this.productHistoryRecordForm.operatorEndTime = "";
+            }
         },
+        //产品历史记录
+        productHistory() {
+            this.productHistoryCostFindPage();
+            this.productHistoryRecordDialogVisible = true;
+        },
+        productUpdateChange(e) {
+            let name = this.productsTypeoptions.find(item => item.dictValue == e).dictTag;
+            this.productUpdateObj.productName = name;
+            this.productCostForm.productName = [name];
+        },
+        // productCostFactorCancelForm(data) {
+        //   this.productCostAddVehicleFactorVisible = data;
+        // },
+        // productCostFactorSaveForm(data) {
+        //   this.productCostForm.costsAttrLinks = data;
+        //   this.productCostAddVehicleFactorVisible = false;
+        // },
+        //弹框关闭事件
+        productcloseDialog() {
+            for (const key in this.productCostForm) {
+                if (key !== "agreementId" && key !== "costsAttrLinks") {
+                    this.productCostForm[key] = "";
+                }
+            }
+            this.productCostForm.productId = [];
+            this.productCostForm.productName = [];
+            this.productCostForm.isInquiryNow = '1'
+            this.getFactorTemplate();
+            this.roductList1 = [];
+        },
+        costRatioInput(total, partial, other) {
+            if (!this.messageInfo.isExternal) {
+                //参数1为总费用，参数2为费用
+                let pay1 = this.productCostForm[total]; //总
+                let pay2 = this.productCostForm[partial]; //费用
+                if (pay1) {
+                    if (Number(pay2) <= Number(pay1)) {
+                        var otherPay = pay1 - pay2;
+                        this.productCostForm[other] = Math.round(otherPay * 100) / 100;
+                    } else {
+                        //如果总比例不够扣减，则置空重新填
+                        this.productCostForm[total] = null;
+                        this.productCostForm[partial] = null;
+                        this.$message({
+                            message: "费用比例必须小于总费用比例",
+                            type: "error",
+                        });
+                    }
+                }
+            }
 
-        {
-          prop: "noCarCostsProportion",
-          label: "费用比例（非车）",
-          minWidth: 120,
         },
-        {
-          prop: "noCarOtherCostsProportion",
-          label: "其他费用比例（非车）",
-          minWidth: 160,
+        totalCostRatioInput(total, partial, other) {
+            //参数1为总费用，参数2为费用
+            let pay1 = this.productCostForm[total]; //总
+            let pay2 = this.productCostForm[partial]; //费用
+            if (pay1) {
+                if (Number(pay1) >= Number(pay2)) {
+                    var otherPay = pay1 - pay2;
+                    this.productCostForm[other] = Math.round(otherPay * 100) / 100;
+                } else {
+                    //如果总比例不够扣减，则置空重新填
+                    this.productCostForm[total] = null;
+                    this.productCostForm[partial] = null;
+                    this.$message({
+                        message: "总费用比例必须大于费用比例",
+                        type: "error",
+                    });
+                }
+            }
         },
-        {
-          prop: "noCostsProportion",
-          label: "总费用比例（非车）",
-          minWidth: 160,
+        // 批量修改起止时间
+        batchCostsubmit1() {
+            this.$api.insCompany.costsDateBatch(this.batchUpdateForm1).then((res) => {
+                if (res.code == '200') {
+                    this.showUpdate1 = false;
+                    this.productCostFindPage();
+                    this.$message({
+                        type: 'success',
+                        message: res.msg,
+                    });
+                } else {
+                    this.$message({
+                        type: 'error',
+                        message: res.msg,
+                    });
+                }
+            });
         },
-        {
-          prop: "noCarExportRadioLevel1",
-          label: "非车出口比例一级",
-          minWidth: 160,
+        batchCostsubmit() {
+            console.log(this.batchUpdateForm);
+            this.$api.insCompany.bulkOperation(this.batchUpdateForm).then((res) => {
+                if (res.code == '200') {
+                    this.batchdialogVisible = false;
+                    this.productCostFindPage();
+                    this.$message({
+                        type: 'success',
+                        message: res.msg,
+                    });
+                } else {
+                    this.$message({
+                        type: 'error',
+                        message: res.msg,
+                    });
+                }
+            });
         },
-        {
-          prop: "noCarExportRadioLevel2",
-          label: "非车出口比例二级",
-          minWidth: 160,
+        productCostAddSubmit(formName) {
+            const Arraydata = this.$refs.ProductRef && this.$refs.ProductRef.localForm ? this.$refs.ProductRef.localForm : {};
+            this.productCostForm.costsAttrLinks = Arraydata.myArray ? Arraydata.myArray : [];
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    // productUpdateObj
+                    if (this.productCostAddDialogType == "add") {
+                        this.$api.insCompany
+                            .productCostSave(this.productCostForm)
+                            .then((res) => {
+                                if (res.code == "200") {
+                                    this.$message({
+                                        type: "success",
+                                        message: res.msg,
+                                    });
+                                    this.productCostAddVehicleFactorVisible = false;
+                                    // this.productCostForm.isInquiryNow = undefined
+                                    this.productCostFindPage();
+                                } else {
+                                    this.$message({
+                                        type: "error",
+                                        message: res.msg,
+                                    });
+                                }
+                            });
+                    } else {
+                        if (this.productUpdateObj.productId) {
+                            this.productCostForm.productId = [this.productUpdateObj.productId];
+                            this.productCostForm.productName = [this.productUpdateObj.productName];
+                        }
+                        this.$api.insCompany
+                            .productCostUpdate(this.productCostForm)
+                            .then((res) => {
+                                if (res.code == "200") {
+                                    this.$message({
+                                        type: "success",
+                                        message: res.msg,
+                                    });
+                                    this.productCostAddVehicleFactorVisible = false;
+                                    // this.productCostForm.isInquiryNow = undefined
+                                    this.productCostFindPage();
+                                } else {
+                                    this.$message({
+                                        type: "error",
+                                        message: res.msg,
+                                    });
+                                }
+                            });
+                    }
+                }
+            });
         },
-        {
-          prop: "noCarExportRadioLevel3",
-          label: "非车出口比例三级",
-          minWidth: 160,
+        //改变费用止期时，校验必须先填费用起期
+        checkStartDate() {
+            let tempStartDate = this.productCostForm.costsStartDate;
+            let tempEndDate = this.productCostForm.costsEndDate;
+            if (!tempStartDate) {
+                this.productCostForm.costsEndDate = null;
+                this.$message({
+                    message: "请先选择费用起期！",
+                    type: "error",
+                });
+            }
+            if (!this.validateEndDate(tempStartDate, tempEndDate)) {
+                this.productCostForm.costsEndDate = null;
+                this.$message({
+                    message: "费用止期不能小于/等于费用起期！",
+                    type: "error",
+                });
+            }
         },
-        {
-          prop: "noCarExportRadioLevel4",
-          label: "非车出口比例四级",
-          minWidth: 160,
+        validateEndDate(startDateStr, endDateStr) {
+            const startDate = new Date(startDateStr);
+            const endDate = new Date(endDateStr);
+            return endDate.getTime() > startDate.getTime();
+        },
+        //改变费用起期时，同步清空对应费用止期，重新填写
+        cleanEndDate() {
+            this.productCostForm.costsEndDate = null;
+        },
+        productAdd() {
+            this.tabtitle = this.productCostForm.productName.join(', '); // 使用逗号和空格作为分隔符
+            this.productCostAddDialogTitle = "产品录入";
+            this.productCostAddDialogType = "add";
+            this.productCostAddVehicleFactorVisible = true;
+        },
+        //添加产品
+        pruductChange(event) {
+            this.productCostForm.productName = [];
+            this.productCostForm.productId = event;
+            event.map(val => {
+                let list = this.productsTypeoptions.find(item => item.dictValue == val).dictTag;
+                this.productCostForm.productName.push(list)
+            })
         },
-        {
-          prop: "noCarExportRadioLevel5",
-          label: "非车出口比例五级",
-          minWidth: 160,
+        //产品费用复制
+        expenseCopy() {
+            this.productCostCopyDialogVisible = true;
+            this.productcopyItemPageRequest.agreementId = "";
+            this.productcopyItemPageRequest.productCode = [];
+            this.productcopyItemResult = [];
+        },
+        //产品删除
+        productDelete({ row, column }) {
+            this.$confirm("此操作将永久删除, 是否继续?", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+            })
+                .then(() => {
+                    this.$api.insCompany.productCostDelete(row.id).then((res) => {
+                        if (res.code == "200") {
+                            this.$message({
+                                type: "success",
+                                message: res.msg,
+                            });
+                            this.productCostFindPage();
+                        } else {
+                            this.$message({
+                                type: "error",
+                                message: res.msg,
+                            });
+                        }
+                    });
+                })
+                .catch(() => {
+                    this.$message({
+                        type: "info",
+                        message: "已取消删除",
+                    });
+                });
+        },
+        // 费用因子轨迹
+        trajectory(item) {
+            this.$api.insCompany.trajectoryGet({ costsId: item.row.id }).then((res) => {
+                if (res.code == 200 && res.data.length > 0) {
+                    this.ddgjdialogVisible = true;
+                    this.trajectoryTable = res.data;
+                } else {
+                    this.$message({
+                        message: res.msg || "暂无数据！",
+                        type: "warning",
+                    });
+                }
+            });
         },
+        batchDelete(data) {
+            this.$confirm('此操作将永久删除, 是否继续?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'error'
+            }).then(() => {
+                this.$api.insCompany.deleteBatch(data).then((res) => {
+                    if (res.code == '200') {
+                        this.productCostFindPage();
+                        this.$message({
+                            type: 'success',
+                            message: res.msg,
+                        });
+                    } else {
+                        this.$message({
+                            type: 'error',
+                            message: res.msg,
+                        });
+                    }
+                });
+            }).catch(() => {
 
-
-      ],
-      costformRules: {
-        costsStartDate: [
-          { required: true, message: "请选择费用起期", trigger: "change" },
-        ],
-        costsEndDate: [
-          { required: true, message: "请选择费用止期", trigger: "change" },
-        ],
-
-        jqNewCarCostsProportion: [
-          { required: true, message: "请输入新车费用比例", trigger: "blur" },
-          {
-            pattern: /^([0-4])$/,
-            message: "请输入0-4的整数",
-            trigger: "blur",
-          },
-        ],
-        jqOldCarCostsProportion: [
-          { required: true, message: "请输入旧车费用比例", trigger: "blur" },
-          {
-            pattern: /^([0-4])$/,
-            message: "请输入0-4的整数",
-            trigger: "blur",
-          },
-        ],
-        jqCostsProportion: [
-          { required: true, message: "请输入总费用比例", trigger: "blur" },
-          {
-            pattern: /^100$|^[1-9]?\d(\.\d+)?$|^0(\.\d+)?$/,
-            message: "请输入0-100数",
-            trigger: "blur",
-          },
-        ],
-
-        syNewCarCostsProportion: [
-          { required: true, message: "请输入新车费用比例", trigger: "blur" },
-          {
-            pattern: /^([0-9]{1,2}|100)$/,
-            message: "请输入0-100的整数",
-            trigger: "blur",
-          },
-        ],
-        syOldCarCostsProportion: [
-          { required: true, message: "请输入旧车费用比例", trigger: "blur" },
-          {
-            pattern: /^([0-9]{1,2}|100)$/,
-            message: "请输入0-100的整数",
-            trigger: "blur",
-          },
-        ],
-        syCostsProportion: [
-          { required: true, message: "请输入总费用比例", trigger: "blur" },
-          {
-            pattern: /^100$|^[1-9]?\d(\.\d+)?$|^0(\.\d+)?$/,
-            message: "请输入0-100的数",
-            trigger: "blur",
-          },
-        ],
-      },
-      //分页数据
-      productpageRequest: {
-        isAudit: null,
-        productCode: [],
-        costStartDate: "",
-        costsEndDate: "",
-        costsDescription: [],
-        isEffective: "2",
-        pageNum: 1,
-        pageSize: 20,
-        agreementId: "",
-        validStatus: "",
-      },
-      productPageResult: [],
-      insuranceCompanyId: "",
-      //产品费用
-      productCostForm: {
-        agreementId: '',
-        productName: [],
-        productId: [],
-        costsDescription: "", //费用描述
-        costsStartDate: "", //费用起期
-        costsEndDate: "", //费用止期
-        priorityLevel: "", //方案优先级
-        jqCarCostsProportion: 4, //费用比例（交强）
-        jqCarOtherCostsProportion: "", //其他费用比例（交强）
-        jqCostsProportion: "", //总费用比例（交强）
-        jqExportRadioLevel1: "",//交强出口比例1级
-        jqExportRadioLevel2: "",//交强出口比例2级
-        jqExportRadioLevel3: "",//交强出口比例3级
-        jqExportRadioLevel4: "",//交强出口比例4级
-        jqExportRadioLevel5: "",//交强出口比例5级
-        syCarCostsProportion: "", //费用比例（商业）
-        syCarOtherCostsProportion: "", //其他费用比例（商业）
-        syCostsProportion: "", //总费用比例（商业）
-        syExportRadioLevel1: "",//商业出口比例1级
-        syExportRadioLevel2: "",//商业出口比例2级
-        syExportRadioLevel3: "",//商业出口比例3级
-        syExportRadioLevel4: "",//商业出口比例4级
-        syExportRadioLevel5: "",//商业出口比例5级
-        noCarExportRadioLevel1: "",//非车出口比例1级
-        noCarExportRadioLevel2: "",//非车出口比例2级
-        noCarExportRadioLevel3: "",//非车出口比例3级
-        noCarExportRadioLevel4: "",//非车出口比例4级
-        noCarExportRadioLevel5: "",//非车出口比例5级
-        jqExportInvestmentRadio: "",//交强出口加投比例
-        syExportInvestmentRadio: "",//商业出口加投比例
-        noCarExportInvestmentRadio: "",//非车出口加投比例
-        noCarCostsProportion: "",//费用比例（非车）
-        noCarOtherCostsProportion: "",//其他费用比例（非车）
-        noCostsProportion: "",//总费用比例（非车）
-        costsAttrLinks: [],//费用因子
-        isInquiryNow: '1',  // 是否现询
-      },
-      areanumberplateList: [],//车牌号列表
-      licenseAreaList: [],  // 车牌地区列表
-      dynamicFormArray: [],
-      productCostAddDialogTitle: "产品录入",
-      productCostAddDialogType: "add",
-      productCostAddVehicleFactorVisible: false,
-      activeName: 'feiyong',
-      productUpdateObj: {
-        productId: "",
-        productName: "",
-      },
-      permissions: null,
-      showUpdate1: false,
-      batchUpdateForm1: {},
-      carClassList: [],
-      batchUpdatelist: [],
-      lineData: {},
-    }
-  },
-  // 生命周期函数
-  created() {
-    this.lineData = this.messageInfo
-    this.insuranceCompanyId = this.messageInfo.insuranceCompanyId;
-    this.productpageRequest.agreementId = this.messageInfo.id;
-    this.productCostForm.agreementId = this.messageInfo.id;
-    this.licenseQuery();
-    this.getFactorTemplate();
-    this.getDicType("productsType"); //车险产品
-    this.getDicType('trafficManagementVehicleType')   // 车辆列表
-    //获取操作符
-    this.$api.dict.findPage(this.operator).then(res => {
-      this.operatorlist = res.data.content;
-    })
-    this.$api.dict.findPage(this.expenseAudit).then(res => {
-      this.expenseAuditlist = res.data.content;
-    })
-    this.$api.insCompany.shutdown().then((res) => {
-      this.permissions = res.data;
-    });
-    this.$api.insCompany.getAllAgreement(this.productpageRequest.agreementId).then((res) => {
-      if (res.code == 200) {
-        this.protocolpageResult = res.data;
-        this.protocolpageResult.forEach(item => {
-          item.agreementName == null ? item.agreementName = '' : item.agreementName,
-            item.businessDescription == null ? item.businessDescription = '' : item.businessDescription,
-            item.jobDescription == null ? item.jobDescription = '' : item.jobDescription
-        });
-      } else {
-        this.$message.error(res.msg);
-      }
-    });
-  },
-  // 方法函数
-  methods: {
-
-    disabledDate1(time) {
-      let datetime = this.productcopyItemPageRequest.costStartDate;
-      const disabledTime = new Date(datetime).getTime() - 8.64e7;
-      return time.getTime() < disabledTime;
-    },
-    productcopyItemQuery() {
-      this.productcopyItemFindPage();
-    },
-    customTool(ids) {
-      this.$confirm('是否确认提交?', '提示', {
-        confirmButtonText: '提交',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        let params = {
-          newAgreementId: this.productCostForm.agreementId,
-          orgCostsIds: ids,
-        }
-        this.$api.insCompany.productContbatchCopy(params).then((res) => {
-          if (res.code == '200') {
-            this.$message({
-              type: 'success',
-              message: "批量复制成功",
             });
-            this.productCostCopyDialogVisible = false;
-          } else {
-            this.$message({
-              type: 'error',
-              message: res.msg,
-            });
-          }
-        });
-      }).catch(() => {
-
-      });
-
-
-    },
-    productcopyItemFindPage(data) {
-      if (data && data.pageRequest) {
-        this.productcopyItemPageRequest.pageNum = data.pageRequest.pageNum;
-        this.productcopyItemPageRequest.pageSize = data.pageRequest.pageSize;
-      } else {
-        this.productcopyItemPageRequest.pageNum = 1;
-        this.productcopyItemPageRequest.pageSize = 20;
-      }
-      this.$api.insCompany
-        .productCostQuery(this.productcopyItemPageRequest)
-        .then((res) => {
-          this.productcopyItemResult = res;
-        });
-    },
-    costsEndDateChange2(e) {
-      this.productcopyItemPageRequest.costsStartDate = e[0];
-      this.productcopyItemPageRequest.costsEndDate = e[1];
-    },
-    //产品历史记录详情
-    productHistoryDetails({ row, column }) {
-      this.$api.insCompany.productCostHistoryDetails(row.batch).then((res) => {
-        if (res.code == '200') {
-          let obj = Object.assign({}, res.data.agreementProductCostsNewHistory);
-          obj.costsAttrLinkList.map(val => {
-            switch (val.attrType) {
-              case 'inputNumber':
-              case 'datetime':
-                if (!val.operator) {
-                  val.operator = '1';
+        },
+        checkStartDate1() {
+            let tempStartDate = this.batchUpdateForm.costsStartDate;
+            let tempEndDate = this.batchUpdateForm.costsEndDate;
+            if (tempStartDate && tempEndDate) {
+                if (!this.validateEndDate(tempStartDate, tempEndDate)) {
+                    this.batchUpdateForm.costsEndDate = null;
+                    this.$message({
+                        message: "费用止期不能小于/等于费用起期！",
+                        type: "error",
+                    });
                 }
-                break;
             }
-            if (val.attrCode == 'LicenseNo') {
-              val.dictLabal = this.areanumberplateList;
-            }
-            if (val.attrCode == 'LicenseArea') {
-              val.dictLabal = this.licenseAreaList;
-            }
-            if (val.attrCode == 'CarClass') {
-              val.dictLabal = this.carClassList
+        },
+        // 批量修改起止时间
+        customTool1(data) {
+            this.batchUpdateForm1 = {
+                ids: data
             }
-            return val;
-          })
-          this.dynamicFormArray = obj.costsAttrLinkList;
-          this.productCostForm = obj;
-          // this.productUpdateObj.productId= this.productCostForm.productId;
-          // this.productUpdateObj.productName= this.productCostForm.productName;
-          this.productCostForm.productId = [this.productCostForm.productId]
-          this.productCostForm.productName = [this.productCostForm.productName]
-          this.productHistoryDetailsDialogVisible = true;
-        } else {
-          this.$message({
-            type: 'error',
-            message: res.msg,
-          });
-        }
-      });
-      // this.productHistoryDetailsDialogVisible = true;
+            // costsDateBatch
+            this.showUpdate1 = true
+        },
+        //批量禁用
+        batchdisableInBulkClick(data) {
+            this.$confirm('禁用后今日内可支付的订单将失效, 是否继续?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'danger'
+            }).then(() => {
+                this.$api.insCompany.productbatchDisable({ costsIdList: data }).then((res) => {
+                    if (res.code == '200') {
+                        this.$message({
+                            type: 'success',
+                            message: res.msg,
+                        });
+                        this.productCostFindPage();
+
+                    } else {
+                        this.$message({
+                            type: 'error',
+                            message: res.msg,
+                        });
+                    }
+                });
+            }).catch(() => {
 
-    },
-    productHistoryCostFindPage(data) {
-      if (data && data.pageRequest) {
-        this.productpageRequest.pageNum = data.pageRequest.pageNum;
-        this.productpageRequest.pageSize = data.pageRequest.pageSize;
-      } else {
-        this.productpageRequest.pageNum = 1;
-        this.productpageRequest.pageSize = 20;
-      }
-      this.$api.insCompany
-        .productCostHistory({ ...this.productpageRequest, ...this.productHistoryRecordForm })
-        .then((res) => {
-          this.productHistoryRecordResult = res.data;
-        });
-    },
-    //产品费用操作时间
-    productHistorydaterange(e) {
-      if (e) {
-        this.productHistoryRecordForm.operatorStartTime = e[0];
-        this.productHistoryRecordForm.operatorEndTime = e[1];
-      } else {
-        this.productHistoryRecordForm.operatorStartTime = "";
-        this.productHistoryRecordForm.operatorEndTime = "";
-      }
-    },
-    //产品历史记录
-    productHistory() {
-      this.productHistoryCostFindPage();
-      this.productHistoryRecordDialogVisible = true;
-    },
-    productUpdateChange(e) {
-      let name = this.productsTypeoptions.find(item => item.dictValue == e).dictTag;
-      this.productUpdateObj.productName = name;
-      this.productCostForm.productName = [name];
-    },
-    // productCostFactorCancelForm(data) {
-    //   this.productCostAddVehicleFactorVisible = data;
-    // },
-    // productCostFactorSaveForm(data) {
-    //   this.productCostForm.costsAttrLinks = data;
-    //   this.productCostAddVehicleFactorVisible = false;
-    // },
-    //弹框关闭事件
-    productcloseDialog() {
-      for (const key in this.productCostForm) {
-        if (key !== "agreementId" && key !== "costsAttrLinks") {
-          this.productCostForm[key] = "";
-        }
-      }
-      this.productCostForm.productId = [];
-      this.productCostForm.productName = [];
-      this.productCostForm.isInquiryNow = '1'
-      this.getFactorTemplate();
-      this.roductList1 = [];
-    },
-    costRatioInput(total, partial, other) {
-      if (!this.messageInfo.isExternal) {
-        //参数1为总费用，参数2为费用
-        let pay1 = this.productCostForm[total]; //总
-        let pay2 = this.productCostForm[partial]; //费用
-        if (pay1) {
-          if (Number(pay2) <= Number(pay1)) {
-            var otherPay = pay1 - pay2;
-            this.productCostForm[other] = Math.round(otherPay * 100) / 100;
-          } else {
-            //如果总比例不够扣减，则置空重新填
-            this.productCostForm[total] = null;
-            this.productCostForm[partial] = null;
-            this.$message({
-              message: "费用比例必须小于总费用比例",
-              type: "error",
             });
-          }
-        }
-      }
 
-    },
-    totalCostRatioInput(total, partial, other) {
-      //参数1为总费用，参数2为费用
-      let pay1 = this.productCostForm[total]; //总
-      let pay2 = this.productCostForm[partial]; //费用
-      if (pay1) {
-        if (Number(pay1) >= Number(pay2)) {
-          var otherPay = pay1 - pay2;
-          this.productCostForm[other] = Math.round(otherPay * 100) / 100;
-        } else {
-          //如果总比例不够扣减，则置空重新填
-          this.productCostForm[total] = null;
-          this.productCostForm[partial] = null;
-          this.$message({
-            message: "总费用比例必须大于费用比例",
-            type: "error",
-          });
-        }
-      }
-    },
-    // 批量修改起止时间
-    batchCostsubmit1() {
-      this.$api.insCompany.costsDateBatch(this.batchUpdateForm1).then((res) => {
-        if (res.code == '200') {
-          this.showUpdate1 = false;
-          this.productCostFindPage();
-          this.$message({
-            type: 'success',
-            message: res.msg,
-          });
-        } else {
-          this.$message({
-            type: 'error',
-            message: res.msg,
-          });
-        }
-      });
-    },
-    batchCostsubmit() {
-      console.log(this.batchUpdateForm);
-      this.$api.insCompany.bulkOperation(this.batchUpdateForm).then((res) => {
-        if (res.code == '200') {
-          this.batchdialogVisible = false;
-          this.productCostFindPage();
-          this.$message({
-            type: 'success',
-            message: res.msg,
-          });
-        } else {
-          this.$message({
-            type: 'error',
-            message: res.msg,
-          });
-        }
-      });
-    },
-    productCostAddSubmit(formName) {
-      const Arraydata = this.$refs.ProductRef && this.$refs.ProductRef.localForm ? this.$refs.ProductRef.localForm : {};
-      this.productCostForm.costsAttrLinks = Arraydata.myArray ? Arraydata.myArray : [];
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // productUpdateObj
-          if (this.productCostAddDialogType == "add") {
-            this.$api.insCompany
-              .productCostSave(this.productCostForm)
-              .then((res) => {
-                if (res.code == "200") {
-                  this.$message({
-                    type: "success",
-                    message: res.msg,
-                  });
-                  this.productCostAddVehicleFactorVisible = false;
-                  // this.productCostForm.isInquiryNow = undefined
-                  this.productCostFindPage();
+        },
+        //产品批量编辑
+        batchUpdate(data) {
+            let listName = [];
+            data.map(val => {
+                let name = this.productPageResult.content.find(ele => ele.id == val).productName;
+                listName.push(name)
+                return val;
+            })
+            this.batchUpdatelist = listName;
+            console.log(this.batchUpdatelist)
+            let contains1 = listName.every(item => ['单交'].includes(item));
+            let contains2 = listName.every(item => ['单商', '单三'].includes(item));
+            let contains3 = listName.every(item => ['交商', '交三'].includes(item));
+            if (contains1 || contains2 || contains3) {
+                this.batchUpdateForm = {
+                    ids: data,
+                };
+                this.batchdialogVisible = true;
+            } else {
+                return this.$message.error('险种选择错误，无法批量修改');
+            }
+        },
+        // 获取不浮动原因
+        initReason() {
+            this.$api.insCompany.zmTransferType().then(res => {
+                if(res.code == 200) {
+                    this.RateFloatFlag = res.data.ddList.map(item => {
+                        return {
+                            code: item.dictValue,
+                            name: item.dictTag
+                        }
+                    })
+                }
+            })
+        },
+        // 产品查看
+        projectView({ row, cloumn }) {
+            this.isView = true
+            this.$api.insCompany.productcostFactorQuery(row.id).then((res) => {
+                if (res.code == '200') {
+                    let obj = Object.assign({}, res.data);
+                    obj.costsAttrLinks.map(val => {
+                        switch (val.attrType) {
+                            case 'inputNumber':
+                            case 'datetime':
+                                if (!val.operator) {
+                                    val.operator = '1';
+                                }
+                                break;
+                        }
+                        if (val.attrCode == 'LicenseNo') {
+                            val.dictLabal = this.areanumberplateList;
+                        }
+                        if (val.attrCode == 'LicenseArea') {
+                            val.dictLabal = this.licenseAreaList;
+                        }
+                        if (val.attrCode == 'CarClass') {
+                            val.dictLabal = this.carClassList
+                        }
+                        if(val.attrCode == 'RateFloatFlag') {
+                            val.dictLabal =this.RateFloatFlag
+                        }
+                        return val;
+                    })
+                    this.dynamicFormArray = obj.costsAttrLinks;
+                    this.productCostForm = obj;
+                    this.productUpdateObj.productId = this.productCostForm.productId;
+                    this.productUpdateObj.productName = this.productCostForm.productName;
+                    this.productCostForm.productId = [this.productCostForm.productId]
+                    this.productCostForm.productName = [this.productCostForm.productName]
+                    this.tabtitle = this.productCostForm.productName.join(', '); // 使用逗号和空格作为分隔符
+                    this.productCostAddDialogType = "edit";
+                    this.productCostAddDialogTitle = "产品详情";
+                    this.productCostAddVehicleFactorVisible = true;
                 } else {
-                  this.$message({
-                    type: "error",
-                    message: res.msg,
-                  });
+                    this.$message({
+                        type: 'error',
+                        message: res.msg,
+                    });
                 }
-              });
-          } else {
-            if (this.productUpdateObj.productId) {
-              this.productCostForm.productId = [this.productUpdateObj.productId];
-              this.productCostForm.productName = [this.productUpdateObj.productName];
-            }
-            this.$api.insCompany
-              .productCostUpdate(this.productCostForm)
-              .then((res) => {
-                if (res.code == "200") {
-                  this.$message({
-                    type: "success",
-                    message: res.msg,
-                  });
-                  this.productCostAddVehicleFactorVisible = false;
-                  // this.productCostForm.isInquiryNow = undefined
-                  this.productCostFindPage();
+            });
+        },
+        //产品编辑
+        productUpdate({ row, column }) {
+            this.isView = false
+            this.$api.insCompany.productcostFactorQuery(row.id).then((res) => {
+                if (res.code == '200') {
+                    let obj = Object.assign({}, res.data);
+                    obj.costsAttrLinks.map(val => {
+                        switch (val.attrType) {
+                            case 'inputNumber':
+                            case 'datetime':
+                                if (!val.operator) {
+                                    val.operator = '1';
+                                }
+                                break;
+                        }
+                        if (val.attrCode == 'LicenseNo') {
+                            val.dictLabal = this.areanumberplateList;
+                        }
+                        if (val.attrCode == 'LicenseArea') {
+                            val.dictLabal = this.licenseAreaList;
+                        }
+                        if (val.attrCode == 'CarClass') {
+                            val.dictLabal = this.carClassList
+                        }
+                        if(val.attrCode == 'RateFloatFlag') {
+                            val.dictLabal =this.RateFloatFlag
+                        }
+                        return val;
+                    })
+                    this.dynamicFormArray = obj.costsAttrLinks;
+                    this.productCostForm = obj;
+                    this.productUpdateObj.productId = this.productCostForm.productId;
+                    this.productUpdateObj.productName = this.productCostForm.productName;
+                    this.productCostForm.productId = [this.productCostForm.productId]
+                    this.productCostForm.productName = [this.productCostForm.productName]
+                    this.tabtitle = this.productCostForm.productName.join(', '); // 使用逗号和空格作为分隔符
+                    this.productCostAddDialogType = "edit";
+                    this.productCostAddDialogTitle = "产品编辑";
+                    this.productCostAddVehicleFactorVisible = true;
                 } else {
-                  this.$message({
-                    type: "error",
-                    message: res.msg,
-                  });
+                    this.$message({
+                        type: 'error',
+                        message: res.msg,
+                    });
                 }
-              });
-          }
-        }
-      });
-    },
-    //改变费用止期时，校验必须先填费用起期
-    checkStartDate() {
-      let tempStartDate = this.productCostForm.costsStartDate;
-      let tempEndDate = this.productCostForm.costsEndDate;
-      if (!tempStartDate) {
-        this.productCostForm.costsEndDate = null;
-        this.$message({
-          message: "请先选择费用起期！",
-          type: "error",
-        });
-      }
-      if (!this.validateEndDate(tempStartDate, tempEndDate)) {
-        this.productCostForm.costsEndDate = null;
-        this.$message({
-          message: "费用止期不能小于/等于费用起期！",
-          type: "error",
-        });
-      }
-    },
-    validateEndDate(startDateStr, endDateStr) {
-      const startDate = new Date(startDateStr);
-      const endDate = new Date(endDateStr);
-      return endDate.getTime() > startDate.getTime();
-    },
-    //改变费用起期时，同步清空对应费用止期，重新填写
-    cleanEndDate() {
-      this.productCostForm.costsEndDate = null;
-    },
-    productAdd() {
-      this.tabtitle = this.productCostForm.productName.join(', '); // 使用逗号和空格作为分隔符
-      this.productCostAddDialogTitle = "产品录入";
-      this.productCostAddDialogType = "add";
-      this.productCostAddVehicleFactorVisible = true;
-    },
-    //添加产品
-    pruductChange(event) {
-      this.productCostForm.productName = [];
-      this.productCostForm.productId = event;
-      event.map(val => {
-        let list = this.productsTypeoptions.find(item => item.dictValue == val).dictTag;
-        this.productCostForm.productName.push(list)
-      })
-    },
-    //产品费用复制
-    expenseCopy() {
-      this.productCostCopyDialogVisible = true;
-      this.productcopyItemPageRequest.agreementId = "";
-      this.productcopyItemPageRequest.productCode = [];
-      this.productcopyItemResult = [];
-    },
-    //产品删除
-    productDelete({ row, column }) {
-      this.$confirm("此操作将永久删除, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$api.insCompany.productCostDelete(row.id).then((res) => {
-            if (res.code == "200") {
-              this.$message({
-                type: "success",
-                message: res.msg,
-              });
-              this.productCostFindPage();
+            });
+        },
+        productExpenseSearch() {
+            let tempStartDate = this.productpageRequest.costStartDate;
+            let tempEndDate = this.productpageRequest.costsEndDate;
+            if (tempStartDate && !tempEndDate) {
+                this.$message({
+                    message: "止期必传！",
+                    type: "error",
+                });
             } else {
-              this.$message({
-                type: "error",
-                message: res.msg,
-              });
+                this.productCostFindPage();
+
             }
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "已取消删除",
-          });
-        });
-    },
-    // 费用因子轨迹
-    trajectory(item) {
-      this.$api.insCompany.trajectoryGet({ costsId: item.row.id }).then((res) => {
-        if (res.code == 200 && res.data.length > 0) {
-          this.ddgjdialogVisible = true;
-          this.trajectoryTable = res.data;
-        } else {
-          this.$message({
-            message: res.msg || "暂无数据！",
-            type: "warning",
-          });
-        }
-      });
-    },
-    batchDelete(data) {
-      this.$confirm('此操作将永久删除, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'error'
-      }).then(() => {
-        this.$api.insCompany.deleteBatch(data).then((res) => {
-          if (res.code == '200') {
-            this.productCostFindPage();
-            this.$message({
-              type: 'success',
-              message: res.msg,
-            });
-          } else {
-            this.$message({
-              type: 'error',
-              message: res.msg,
-            });
-          }
-        });
-      }).catch(() => {
+        },
+        costsEndDateChange(e) {
+            this.productpageRequest.costStartDate = e[0];
+            this.productpageRequest.costsEndDate = e[1];
+        },
+        costsEndDateChange1(e) {
+            if (e) {
+                this.productpageRequest.createStartTime = e[0];
+                this.productpageRequest.createEndTime = e[1];
+            } else {
+                this.productpageRequest.createStartTime = '';
+                this.productpageRequest.createEndTime = '';
+            }
+        },
 
-      });
-    },
-    checkStartDate1() {
-      let tempStartDate = this.batchUpdateForm.costsStartDate;
-      let tempEndDate = this.batchUpdateForm.costsEndDate;
-      if (tempStartDate && tempEndDate) {
-        if (!this.validateEndDate(tempStartDate, tempEndDate)) {
-          this.batchUpdateForm.costsEndDate = null;
-          this.$message({
-            message: "费用止期不能小于/等于费用起期！",
-            type: "error",
-          });
-        }
-      }
-    },
-    // 批量修改起止时间
-    customTool1(data) {
-      this.batchUpdateForm1 = {
-        ids: data
-      }
-      // costsDateBatch
-      this.showUpdate1 = true
-    },
-    //批量禁用
-    batchdisableInBulkClick(data) {
-      this.$confirm('禁用后今日内可支付的订单将失效, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'danger'
-      }).then(() => {
-        this.$api.insCompany.productbatchDisable({ costsIdList: data }).then((res) => {
-          if (res.code == '200') {
-            this.$message({
-              type: 'success',
-              message: res.msg,
+        //产品分页json
+        productCostFindPage(data) {
+            if (data && data.pageRequest) {
+                this.productpageRequest.pageNum = data.pageRequest.pageNum;
+                this.productpageRequest.pageSize = data.pageRequest.pageSize;
+            } else {
+                // this.productpageRequest.pageNum = 1;
+                // this.productpageRequest.pageSize = 20;
+            }
+            this.$api.insCompany
+                .productCostQuery(this.productpageRequest)
+                .then((res) => {
+                    this.productPageResult = res;
+                });
+        },
+        getFactorTemplate() {
+            this.$api.insCompany.productConfigItem(this.insuranceCompanyId).then(res => {
+                if (res.code == '200') {
+                    let data = res.data;
+                    data.map(ele => {
+                        switch (ele.attrType) {
+                            case 'inputNumber':
+                            case 'datetime':
+                                ele.operator = '1';
+                                break;
+                        }
+                        if (ele.attrName == '车牌号') {
+                            ele.dictLabal = this.areanumberplateList;
+                        }
+                        if (ele.attrName == '车牌地区') {
+                            ele.dictLabal = this.licenseAreaList;
+                        }
+                        if (ele.attrName == '车辆类型') {
+                            ele.dictLabal = this.carClassList
+                        }
+                        if(ele.attrName == '不浮动原因') {
+                            ele.dictLabal = this.RateFloatFlag
+                        }
+
+                    })
+                    // this.productCostForm.costsAttrLinks = data;
+                    this.dynamicFormArray = data;
+                }
+            })
+        },
+        licenseQuery() {
+            this.$api.insCompany.getAreaLicense("14").then((res) => {
+                let data = [];
+                res.data.map(val => {
+                    data.push({
+                        code: val.areaNumber,
+                        name: val.license,
+                    })
+                    return val;
+                })
+                this.areanumberplateList = data;
             });
-            this.productCostFindPage();
-
-          } else {
-            this.$message({
-              type: 'error',
-              message: res.msg,
+            //
+            this.$api.insCompany.getAreaLicense("0").then((res) => {
+                let data = [];
+                res.data.map(val => {
+                    data.push({
+                        code: val.areaNumber,
+                        name: val.license,
+                    })
+                    return val;
+                })
+                this.licenseAreaList = data;
             });
-          }
-        });
-      }).catch(() => {
-
-      });
-
-    },
-    //产品批量编辑
-    batchUpdate(data) {
-      let listName = [];
-      data.map(val => {
-        let name = this.productPageResult.content.find(ele => ele.id == val).productName;
-        listName.push(name)
-        return val;
-      })
-      this.batchUpdatelist = listName;
-      console.log(this.batchUpdatelist)
-      let contains1 = listName.every(item => ['单交'].includes(item));
-      let contains2 = listName.every(item => ['单商', '单三'].includes(item));
-      let contains3 = listName.every(item => ['交商', '交三'].includes(item));
-      if (contains1 || contains2 || contains3) {
-        this.batchUpdateForm = {
-          ids: data,
-        };
-        this.batchdialogVisible = true;
-      } else {
-        return this.$message.error('险种选择错误，无法批量修改');
-      }
-    },
-    // 产品查看
-    projectView({ row, cloumn }) {
-      this.isView = true
-      this.$api.insCompany.productcostFactorQuery(row.id).then((res) => {
-        if (res.code == '200') {
-          let obj = Object.assign({}, res.data);
-          obj.costsAttrLinks.map(val => {
-            switch (val.attrType) {
-              case 'inputNumber':
-              case 'datetime':
-                if (!val.operator) {
-                  val.operator = '1';
+        },
+        //--数据字典 begin --
+        getDicType(type) {
+            this.$api.insCompany.dicType(type).then((res) => {
+                if (res.code == 200) {
+                    if (type == 'trafficManagementVehicleType') {
+                        let data = [];
+                        res.data.ddList.map(val => {
+                            data.push({
+                                code: val.dictValue,
+                                name: val.dictTag,
+                            })
+                            return val;
+                        })
+                        this.carClassList = data;
+                    } else {
+                        this[type + "options"] = res.data.ddList;
+                    }
                 }
-                break;
-            }
-            if (val.attrCode == 'LicenseNo') {
-              val.dictLabal = this.areanumberplateList;
-            }
-            if (val.attrCode == 'LicenseArea') {
-              val.dictLabal = this.licenseAreaList;
-            }
-            if (val.attrCode == 'CarClass') {
-              val.dictLabal = this.carClassList
-            }
-            return val;
-          })
-          this.dynamicFormArray = obj.costsAttrLinks;
-          this.productCostForm = obj;
-          this.productUpdateObj.productId = this.productCostForm.productId;
-          this.productUpdateObj.productName = this.productCostForm.productName;
-          this.productCostForm.productId = [this.productCostForm.productId]
-          this.productCostForm.productName = [this.productCostForm.productName]
-          this.tabtitle = this.productCostForm.productName.join(', '); // 使用逗号和空格作为分隔符
-          this.productCostAddDialogType = "edit";
-          this.productCostAddDialogTitle = "产品详情";
-          this.productCostAddVehicleFactorVisible = true;
-        } else {
-          this.$message({
-            type: 'error',
-            message: res.msg,
-          });
-        }
-      });
-    },
-    //产品编辑
-    productUpdate({ row, column }) {
-      this.isView = false
-      this.$api.insCompany.productcostFactorQuery(row.id).then((res) => {
-        if (res.code == '200') {
-          let obj = Object.assign({}, res.data);
-          obj.costsAttrLinks.map(val => {
-            switch (val.attrType) {
-              case 'inputNumber':
-              case 'datetime':
-                if (!val.operator) {
-                  val.operator = '1';
+            });
+        },
+        auditTypeFormation(row, column) {
+            let expenseAudit = row.isAudit;
+            let expense = this.expenseAuditlist.find(val => val.value == expenseAudit).label;
+            return <el-tag type="success">{expense}</el-tag>;
+        },
+        validStatusFormation(row, column) {
+            let _this = this;
+            return <el-switch value={row.validStatus} active-value={1}
+                              inactive-value={0} onChange={validStatuschange} ></el-switch>;
+            function validStatuschange(value) {
+                if (value) {
+                    _this.productdisableUP(row.id);
+                } else {
+                    _this.$confirm('禁用后今日内可支付的订单将失效, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'danger'
+                    }).then(() => {
+                        _this.productdisableUP(row.id);
+                    }).catch(() => {
+                    });
                 }
-                break;
-            }
-            if (val.attrCode == 'LicenseNo') {
-              val.dictLabal = this.areanumberplateList;
-            }
-            if (val.attrCode == 'LicenseArea') {
-              val.dictLabal = this.licenseAreaList;
-            }
-            if (val.attrCode == 'CarClass') {
-              val.dictLabal = this.carClassList
-            }
-            return val;
-          })
-          this.dynamicFormArray = obj.costsAttrLinks;
-          this.productCostForm = obj;
-          this.productUpdateObj.productId = this.productCostForm.productId;
-          this.productUpdateObj.productName = this.productCostForm.productName;
-          this.productCostForm.productId = [this.productCostForm.productId]
-          this.productCostForm.productName = [this.productCostForm.productName]
-          this.tabtitle = this.productCostForm.productName.join(', '); // 使用逗号和空格作为分隔符
-          this.productCostAddDialogType = "edit";
-          this.productCostAddDialogTitle = "产品编辑";
-          this.productCostAddVehicleFactorVisible = true;
-        } else {
-          this.$message({
-            type: 'error',
-            message: res.msg,
-          });
-        }
-      });
-    },
-    productExpenseSearch() {
-      let tempStartDate = this.productpageRequest.costStartDate;
-      let tempEndDate = this.productpageRequest.costsEndDate;
-      if (tempStartDate && !tempEndDate) {
-        this.$message({
-          message: "止期必传！",
-          type: "error",
-        });
-      } else {
-        this.productCostFindPage();
 
-      }
-    },
-    costsEndDateChange(e) {
-      this.productpageRequest.costStartDate = e[0];
-      this.productpageRequest.costsEndDate = e[1];
-    },
-    costsEndDateChange1(e) {
-      if (e) {
-        this.productpageRequest.createStartTime = e[0];
-        this.productpageRequest.createEndTime = e[1];
-      } else {
-        this.productpageRequest.createStartTime = '';
-        this.productpageRequest.createEndTime = '';
-      }
-    },
 
-    //产品分页json
-    productCostFindPage(data) {
-      if (data && data.pageRequest) {
-        this.productpageRequest.pageNum = data.pageRequest.pageNum;
-        this.productpageRequest.pageSize = data.pageRequest.pageSize;
-      } else {
-        // this.productpageRequest.pageNum = 1;
-        // this.productpageRequest.pageSize = 20;
-      }
-      this.$api.insCompany
-        .productCostQuery(this.productpageRequest)
-        .then((res) => {
-          this.productPageResult = res;
-        });
-    },
-    getFactorTemplate() {
-      this.$api.insCompany.productConfigItem(this.insuranceCompanyId).then(res => {
-        if (res.code == '200') {
-          let data = res.data;
-          data.map(ele => {
-            switch (ele.attrType) {
-              case 'inputNumber':
-              case 'datetime':
-                ele.operator = '1';
-                break;
             }
-            if (ele.attrName == '车牌号') {
-              ele.dictLabal = this.areanumberplateList;
+        },
+        //费用启用/禁用
+        productdisableUP(id) {
+            this.$api.insCompany.productdisable(id).then((res) => {
+                if (res.code == '200') {
+                    this.$message({
+                        type: 'success',
+                        message: res.msg,
+                    });
+                    this.productCostFindPage();
+                } else {
+                    this.$message({
+                        type: 'error',
+                        message: res.msg,
+                    });
+                }
+            });
+        },
+        operatorTypeFormatter(row, column) {
+            let operatorType = row.operatorType;
+            switch (operatorType) {
+                case "add":
+                    return '新增'
+                case "update":
+                    return '修改'
+                case "delete":
+                    return '删除'
             }
-            if (ele.attrName == '车牌地区') {
-              ele.dictLabal = this.licenseAreaList;
+        },
+    },
+    // 计算属性
+    computed: {
+
+        productjqincludes() {
+            let a = ['单交', '交三', '交商', '兜底配置'];
+            let b = this.productCostForm.productName;
+            let contains = b.every(item => a.includes(item));
+            if (!contains) {
+                Object.keys(this.productCostForm).forEach(key => {
+                    if (key.startsWith('jq')) {
+                        this.productCostForm[key] = "";
+                    }
+                });
             }
-            if (ele.attrName == '车辆类型') {
-              ele.dictLabal = this.carClassList
+            return contains
+        },
+        productsyincludes() {
+            let a = ['单商', '单三', '交商', '交三', '兜底配置'];
+            let b = this.productCostForm.productName;
+            let contains = b.every(item => a.includes(item));
+            if (!contains) {
+                Object.keys(this.productCostForm).forEach(key => {
+                    if (key.startsWith('sy')) {
+                        this.productCostForm[key] = "";
+                    }
+                });
             }
-
-          })
-          // this.productCostForm.costsAttrLinks = data;
-          this.dynamicFormArray = data;
-        }
-      })
-    },
-    licenseQuery() {
-      this.$api.insCompany.getAreaLicense("14").then((res) => {
-        let data = [];
-        res.data.map(val => {
-          data.push({
-            code: val.areaNumber,
-            name: val.license,
-          })
-          return val;
-        })
-        this.areanumberplateList = data;
-      });
-      //
-      this.$api.insCompany.getAreaLicense("0").then((res) => {
-        let data = [];
-        res.data.map(val => {
-          data.push({
-            code: val.areaNumber,
-            name: val.license,
-          })
-          return val;
-        })
-        this.licenseAreaList = data;
-      });
-    },
-    //--数据字典 begin --
-    getDicType(type) {
-      this.$api.insCompany.dicType(type).then((res) => {
-        if (res.code == 200) {
-          if (type == 'trafficManagementVehicleType') {
-            let data = [];
-            res.data.ddList.map(val => {
-              data.push({
-                code: val.dictValue,
-                name: val.dictTag,
-              })
-              return val;
-            })
-            this.carClassList = data;
-          } else {
-            this[type + "options"] = res.data.ddList;
-          }
-        }
-      });
-    },
-    auditTypeFormation(row, column) {
-      let expenseAudit = row.isAudit;
-      let expense = this.expenseAuditlist.find(val => val.value == expenseAudit).label;
-      return <el-tag type="success">{expense}</el-tag>;
-    },
-    validStatusFormation(row, column) {
-      let _this = this;
-      return <el-switch value={row.validStatus} active-value={1}
-        inactive-value={0} onChange={validStatuschange} ></el-switch>;
-      function validStatuschange(value) {
-        if (value) {
-          _this.productdisableUP(row.id);
-        } else {
-          _this.$confirm('禁用后今日内可支付的订单将失效, 是否继续?', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'danger'
-          }).then(() => {
-            _this.productdisableUP(row.id);
-          }).catch(() => {
-          });
-        }
-
-
-      }
-    },
-    //费用启用/禁用
-    productdisableUP(id) {
-      this.$api.insCompany.productdisable(id).then((res) => {
-        if (res.code == '200') {
-          this.$message({
-            type: 'success',
-            message: res.msg,
-          });
-          this.productCostFindPage();
-        } else {
-          this.$message({
-            type: 'error',
-            message: res.msg,
-          });
-        }
-      });
-    },
-    operatorTypeFormatter(row, column) {
-      let operatorType = row.operatorType;
-      switch (operatorType) {
-        case "add":
-          return '新增'
-        case "update":
-          return '修改'
-        case "delete":
-          return '删除'
-      }
-    },
-  },
-  // 计算属性
-  computed: {
-
-    productjqincludes() {
-      let a = ['单交', '交三', '交商', '兜底配置'];
-      let b = this.productCostForm.productName;
-      let contains = b.every(item => a.includes(item));
-      if (!contains) {
-        Object.keys(this.productCostForm).forEach(key => {
-          if (key.startsWith('jq')) {
-            this.productCostForm[key] = "";
-          }
-        });
-      }
-      return contains
-    },
-    productsyincludes() {
-      let a = ['单商', '单三', '交商', '交三', '兜底配置'];
-      let b = this.productCostForm.productName;
-      let contains = b.every(item => a.includes(item));
-      if (!contains) {
-        Object.keys(this.productCostForm).forEach(key => {
-          if (key.startsWith('sy')) {
-            this.productCostForm[key] = "";
-          }
-        });
-      }
-      return contains
-    },
-    batchUpdateincludes() {
-      let a = ['单交'];
-      let contains = this.batchUpdatelist.every(item => a.includes(item));
-      return contains
-    },
-    productcopypickerOptions() {
-      return {
-        disabledDate: this.disabledDate1,
-      };
-    },
-    pickerOptions() {
-      return {
-        disabledDate: this.disabledDate,
-      };
-    },
-  }
+            return contains
+        },
+        batchUpdateincludes() {
+            let a = ['单交'];
+            let contains = this.batchUpdatelist.every(item => a.includes(item));
+            return contains
+        },
+        productcopypickerOptions() {
+            return {
+                disabledDate: this.disabledDate1,
+            };
+        },
+        pickerOptions() {
+            return {
+                disabledDate: this.disabledDate,
+            };
+        },
+    }
 }
 </script>
 <!-- 样式区域 -->