|
|
@@ -48,7 +48,6 @@
|
|
|
</el-form>
|
|
|
<el-table :size="overSize" :data="pageResult" height="690" border v-loading="loading" highlight-current-row
|
|
|
stripe :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
|
|
|
-
|
|
|
<el-table-column prop="id" label="编号" width="130" align="center"></el-table-column>
|
|
|
<el-table-column prop="agreementCode" label="协议代码" width="110" align="center"></el-table-column>
|
|
|
<el-table-column prop="agreementName" label="协议名称" align="center" width="200"></el-table-column>
|
|
|
@@ -70,8 +69,11 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="modifiedBy" label="修改人" align="center" width="130"></el-table-column>
|
|
|
- <el-table-column label="操作" align="center" width="200" fixed="right">
|
|
|
+ <el-table-column label="操作" align="center" width="500" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
+ <el-button :size="overSize" type="warning" @click="productCost(scope.$index, scope.row)">产品费用</el-button>
|
|
|
+ <el-button :size="overSize" type="warning" @click="nonAutoProductCost(scope.$index, scope.row)">非车产品费用</el-button>
|
|
|
+ <el-button :size="overSize" type="warning" @click="underwritingRulesButton(scope.$index, scope.row)">承保规则</el-button>
|
|
|
<el-button :size="overSize" type="primary" @click="uplatequery(scope.$index, scope.row)">编辑</el-button>
|
|
|
<el-button :size="overSize" type="danger" @click="deletequery(scope.$index, scope.row)">删除</el-button>
|
|
|
</template>
|
|
|
@@ -247,7 +249,7 @@
|
|
|
<div><span>{{ schemeitem.name }}费用</span></div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <el-button type="warning " style="background-color: #52C578;border:#52C578 " :size="overSize"
|
|
|
+ <el-button type="warning " style="background-color: #52C578;border:#52C578;" :size="overSize"
|
|
|
@click="addproductCosts(schemeindex)">增加方案</el-button>
|
|
|
</div>
|
|
|
<div class="productCosts" v-for="(productCostsitem, productCostsindex) in schemeitem.productCosts"
|
|
|
@@ -815,6 +817,170 @@
|
|
|
</el-checkbox-group>
|
|
|
<div style="text-align: right"> <el-button type="primary" @click="cancelSyncAgreement('sync')">取消</el-button> <el-button type="primary" @click="selectSyncAgreement('sync')">确定</el-button></div>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog
|
|
|
+ title="产品录入"
|
|
|
+ :visible.sync="productCostVehicleFactorVisible"
|
|
|
+ width="30%"
|
|
|
+ :fullscreen="true"
|
|
|
+ :before-close="productCosthandleClose">
|
|
|
+ <div label="产品费用" name="scheme" style="padding: 20px;">
|
|
|
+ <div class="flex a-c">
|
|
|
+ <el-checkbox-group v-model="roductList1">
|
|
|
+ <el-checkbox v-for="item in productsTypeoptions" :label="item.dictValue" :key="item.dictValue"
|
|
|
+ @change="event => pruductChange(event, item)">{{ item.dictTag }}</el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-collapse accordion>
|
|
|
+ <div class="flex f-c products" v-for="(schemeitem, schemeindex) in costform.scheme" :key="schemeindex">
|
|
|
+ <div class="productstitle flex j-s">
|
|
|
+ <div><span>{{ schemeitem.name }}费用</span></div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button type="warning " style="background-color: #52C578;border:#52C578 " :size="overSize"
|
|
|
+ @click="addproductCosts(schemeindex)">增加方案</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="productCosts" v-for="(productCostsitem, productCostsindex) in schemeitem.productCosts"
|
|
|
+ :key="productCostsindex">
|
|
|
+ <div class="flex j-s a-c">
|
|
|
+ <span>方案{{ productCostsindex + 1 }}：</span>
|
|
|
+ <div>
|
|
|
+ <el-button type="warning" :size="overSize"
|
|
|
+ @click="VehicleFactor(schemeindex, productCostsindex)">费用因子</el-button>
|
|
|
+
|
|
|
+ <el-button v-if="productCostsindex != 0" type="danger" :size="overSize"
|
|
|
+ @click="deleteproductCosts(schemeindex,productCostsindex)">删除方案</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-form ref="costform" :model="productCostsitem" label-width="130px" :size="overSize"
|
|
|
+ :rules="costformRules">
|
|
|
+ <el-collapse-item style="padding-top: 50px;">
|
|
|
+ <template slot="title">
|
|
|
+ <el-col :span="20" :offset="2" >
|
|
|
+ <el-form-item label="费用描述">
|
|
|
+ <el-input type="textarea" v-model="productCostsitem.costsDescription"
|
|
|
+ placeholder="输入费用描述内容"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ <el-row>
|
|
|
+ <h4/>
|
|
|
+ <el-col :span="10" :offset="2">
|
|
|
+ <el-form-item label="费用起期" prop="costsStartDate">
|
|
|
+ <el-date-picker style="width: 100%;" v-model="productCostsitem.costsStartDate" type="datetime"
|
|
|
+ placeholder="选择费用开始日期" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions" @change="cleanEndDate(schemeindex,productCostsindex)">
|
|
|
+ </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="productCostsitem.costsEndDate" type="datetime"
|
|
|
+ placeholder="选择费用结束日期" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions1" @focus="vm => timefocus(vm, schemeindex, productCostsindex)" @change="checkStartDate(schemeindex,productCostsindex)">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" :offset="2">
|
|
|
+ <el-form-item label="优先级(值小优先)" prop="priorityLevel" >
|
|
|
+ <el-input style="width: 100%" v-model="productCostsitem.priorityLevel" @change="vm=> changePriorityLevel(vm,schemeindex,productCostsindex)" label="方案匹配优先级"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ <el-row v-if="['单交', '交三', '交商','兜底配置'].includes(schemeitem.name)">
|
|
|
+ <h4 style="color: tomato;">交强险费用</h4>
|
|
|
+ <el-col :span="10" :offset="2">
|
|
|
+ <el-form-item label="溢出保费" prop="jqSpilloverPremiums">
|
|
|
+ <el-input v-model="productCostsitem.jqSpilloverPremiums" placeholder="请输入溢出保费"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="溢出比例" prop="jqSpilloverProportion">
|
|
|
+ <el-input v-model="productCostsitem.jqSpilloverProportion" placeholder="请输入溢出比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" :offset="2">
|
|
|
+ <el-form-item label="新车费用比例" prop="jqNewCarCostsProportion">
|
|
|
+ <el-input v-model="productCostsitem.jqNewCarCostsProportion" @blur="val => jqNewCarCostsProportioninput(val, schemeindex, productCostsindex)" placeholder="请输入新车费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="旧车费用比例" prop="jqOldCarCostsProportion">
|
|
|
+ <el-input v-model="productCostsitem.jqOldCarCostsProportion" @blur="val => jqOldCarCostsProportioninput(val, schemeindex, productCostsindex)" placeholder="请输入旧车费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" :offset="2" v-if="permissions">
|
|
|
+ <el-form-item label="新车其他费用比例">
|
|
|
+ <el-input disabled v-model="productCostsitem.jqNewCarOtherCostsProportion"
|
|
|
+ placeholder="请输入新车其他费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" v-if="permissions">
|
|
|
+ <el-form-item label="旧车其他费用比例">
|
|
|
+ <el-input disabled v-model="productCostsitem.jqOldCarOtherCostsProportion"
|
|
|
+ placeholder="请输入旧车其他费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" :offset="2">
|
|
|
+ <el-form-item label="总费用比例" prop="jqCostsProportion">
|
|
|
+ <el-input v-model="productCostsitem.jqCostsProportion"
|
|
|
+ @blur="val => jqCostsProportioninput(val, schemeindex, productCostsindex)"
|
|
|
+ placeholder="请输入总费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row v-if="['单商', '单三', '交商', '交三','兜底配置'].includes(schemeitem.name)">
|
|
|
+ <h4 style="color: tomato;">商业险费用</h4>
|
|
|
+ <el-col :span="10" :offset="2">
|
|
|
+ <el-form-item label="溢出保费" prop="sySpilloverPremiums">
|
|
|
+ <el-input v-model="productCostsitem.sySpilloverPremiums" placeholder="请输入溢出保费"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="溢出比例" prop="sySpilloverProportion">
|
|
|
+ <el-input v-model="productCostsitem.sySpilloverProportion" placeholder="请输入溢出比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" :offset="2">
|
|
|
+ <el-form-item label="新车费用比例" prop="syNewCarCostsProportion">
|
|
|
+ <el-input v-model="productCostsitem.syNewCarCostsProportion" @blur="val => syNewCarCostsProportioninput(val, schemeindex, productCostsindex)" placeholder="请输入新车费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="旧车费用比例" prop="syOldCarCostsProportion">
|
|
|
+ <el-input v-model="productCostsitem.syOldCarCostsProportion" @blur="val => syOldCarCostsProportioninput(val, schemeindex, productCostsindex)" placeholder="请输入旧车费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" :offset="2" v-if="permissions">
|
|
|
+ <el-form-item label="新车其他费用比例">
|
|
|
+ <el-input v-model="productCostsitem.syNewCarOtherCostsProportion" placeholder="请输入新车其他费用比例"
|
|
|
+ disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" v-if="permissions">
|
|
|
+ <el-form-item label="旧车其他费用比例">
|
|
|
+ <el-input v-model="productCostsitem.syOldCarOtherCostsProportion" placeholder="请输入旧车其他费用比例"
|
|
|
+ disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10" :offset="2">
|
|
|
+ <el-form-item label="总费用比例" prop="syCostsProportion">
|
|
|
+ <el-input v-model="productCostsitem.syCostsProportion" placeholder="请输入总费用比例"
|
|
|
+ @blur="val => syCostsProportioninput(val, schemeindex, productCostsindex)"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-collapse>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="productCostVehicleFactorVisible = false">取 消</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="productCostVehicleFactorVisible = false">确 定</el-button>
|
|
|
+ </span>
|
|
|
+</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -859,6 +1025,9 @@ export default {
|
|
|
totalSize: null,
|
|
|
agreementdialogVisible: false, //控制协议对话框显示
|
|
|
VehicleFactorVisible: false,//费用车辆因子 显示/隐藏
|
|
|
+ productCostVehicleFactorVisible: false,//产品费用 显示/隐藏
|
|
|
+ nonAutoProductCostVehicleFactorVisible: false,//非车产品费用 显示/隐藏
|
|
|
+ underwritingRulesVehicleFactorVisible: false,//承保规则 显示/隐藏
|
|
|
//产品list获取
|
|
|
roductList1: ['车险'],//产品绑定list
|
|
|
treedata: [],//授权结构树
|
|
|
@@ -1290,6 +1459,9 @@ export default {
|
|
|
this.changeTreeWidth(250); // 初始化树的宽度
|
|
|
},
|
|
|
methods: {
|
|
|
+ productCost(index,row){
|
|
|
+ this.productCostVehicleFactorVisible=true;
|
|
|
+ },
|
|
|
convertFactorForm(item){
|
|
|
this.CostfactorForm.transfer=item.transfer;
|
|
|
this.CostfactorForm.newEnergy=item.newEnergy;
|
|
|
@@ -1417,8 +1589,6 @@ export default {
|
|
|
rulesType:"0",//默认拒保规则
|
|
|
})
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
//改变方案优先级时，校验
|
|
|
changePriorityLevel(val,schemeindex, productCostsindex){
|
|
|
for(let tempScheme in this.costform.scheme[schemeindex].productCosts){
|
|
|
@@ -1752,7 +1922,7 @@ export default {
|
|
|
this.$message({
|
|
|
type: 'info',
|
|
|
message: '已取消删除'
|
|
|
- });
|
|
|
+ });
|
|
|
});
|
|
|
},
|
|
|
//删除产品方案
|
|
|
@@ -2430,9 +2600,9 @@ export default {
|
|
|
|
|
|
let params = {
|
|
|
agreement: this.agreement,
|
|
|
- scheme: this.costform.scheme,
|
|
|
- nonCarProductCosts: this.nonCarProductCosts,
|
|
|
- underwritingRules: this.UnderwritingRules,
|
|
|
+ // scheme: this.costform.scheme,
|
|
|
+ // nonCarProductCosts: this.nonCarProductCosts,
|
|
|
+ // underwritingRules: this.UnderwritingRules,
|
|
|
attribution: this.attributionform,
|
|
|
dept: this.dept
|
|
|
}
|
