|
|
@@ -11,9 +11,11 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="协议选择">
|
|
|
- <el-select size="small" multiple clearable collapse-tags filterable v-model="productpageRequest.agreementIdList" :placeholder="'请输入'">
|
|
|
+ <el-select size="small" multiple clearable collapse-tags filterable v-model="productpageRequest.agreementIdList"
|
|
|
+ :placeholder="'请输入'">
|
|
|
<el-option v-for="(s, i) in agreementList" :key="i"
|
|
|
- :label="s.agreementTitle + '-' + (s.businessDescription || ' ') + '-' + (s.jobDescription || ' ')" :value="s.id"></el-option>
|
|
|
+ :label="s.agreementTitle + '-' + (s.businessDescription || ' ') + '-' + (s.jobDescription || ' ')"
|
|
|
+ :value="s.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
@@ -41,13 +43,13 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="费用起期">
|
|
|
- <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="productpageRequest.costStartDate" size="small" type="datetime" align="left"
|
|
|
- range-separator="至" placeholder="费用起期">
|
|
|
+ <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="productpageRequest.costStartDate" size="small"
|
|
|
+ type="datetime" align="left" range-separator="至" placeholder="费用起期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="费用止期">
|
|
|
- <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="productpageRequest.costsEndDate" @change="costsEndDateChange" size="small" type="datetime" align="left"
|
|
|
- range-separator="至" placeholder="费用止期">
|
|
|
+ <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="productpageRequest.costsEndDate"
|
|
|
+ @change="costsEndDateChange" size="small" type="datetime" align="left" range-separator="至" placeholder="费用止期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
|
|
|
@@ -59,255 +61,246 @@
|
|
|
permsButton2="agreement:input:productCost" @handleButton2="viewDetails" :showBatchDelete="true" deleteName="批量审核"
|
|
|
@handleDelete="handleDelete" :data="costAudit" :columns="costColumns" @findPage="costPage">
|
|
|
</kt-common-table>
|
|
|
- <el-dialog title="详情" :visible.sync="productCostAddVehicleFactorVisible" width="80%" top="6vh">
|
|
|
- <div class="productstitle flex j-s" style="margin-top: 10px">
|
|
|
+ <el-dialog title="详情" :visible.sync="productCostAddVehicleFactorVisible" width="80%" top="3vh" class="custom-class">
|
|
|
+ <!-- <div class="productstitle flex j-s" style="margin-top: 10px">
|
|
|
<div>
|
|
|
<span>{{ productCostForm.productName }}费用</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <el-button class="mrgin-1" size="small" type="warning"
|
|
|
- @click="productCostFactorDialogVisible = true">产品费用因子</el-button>
|
|
|
- <el-form ref="productCostForm" :model="productCostForm" label-width="130px" size="mini" disabled>
|
|
|
- <el-row>
|
|
|
- <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">
|
|
|
- </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">
|
|
|
- </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-row>
|
|
|
- <el-row v-if="['单交', '交三', '交商', '兜底配置'].includes(
|
|
|
- productCostForm.productName
|
|
|
- )
|
|
|
- ">
|
|
|
- <h4 style="color: tomato">交强险费用</h4>
|
|
|
- <el-col :span="5" :offset="1">
|
|
|
- <el-form-item label="费用比例" prop="jqCarCostsProportion">
|
|
|
- <el-input v-model="productCostForm.jqCarCostsProportion" placeholder="请输入费用比例"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5" :offset="1">
|
|
|
- <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">
|
|
|
- <el-form-item label="总费用比例" prop="jqCostsProportion">
|
|
|
- <el-input v-model="productCostForm.jqCostsProportion" 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="['单商', '单三', '交商', '交三', '兜底配置'].includes(
|
|
|
- productCostForm.productName
|
|
|
- )
|
|
|
- ">
|
|
|
- <h4 style="color: tomato">商业险费用</h4>
|
|
|
-
|
|
|
- <el-col :span="5" :offset="1">
|
|
|
- <el-form-item label="费用比例" prop="syCarCostsProportion">
|
|
|
- <el-input v-model="productCostForm.syCarCostsProportion" placeholder="请输入费用比例"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="5" :offset="1">
|
|
|
- <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">
|
|
|
- <el-form-item label="总费用比例" prop="syCostsProportion">
|
|
|
- <el-input v-model="productCostForm.syCostsProportion" placeholder="请输入总费用比例"></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 style="color: tomato">非车费用</h4>
|
|
|
- <el-col :span="5" :offset="1">
|
|
|
- <el-form-item label="费用比例" prop="noCarCostsProportion">
|
|
|
- <el-input v-model="productCostForm.noCarCostsProportion" placeholder="请输入费用比例"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="5" :offset="1">
|
|
|
- <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">
|
|
|
- <el-form-item label="总费用比例" prop="noCostsProportion">
|
|
|
- <el-input v-model="productCostForm.noCostsProportion" placeholder="请输入总费用比例"></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 class="flex j-s a-c">
|
|
|
- <span style="margin-right: 10px; width: 100px">驳回原因</span>
|
|
|
- <el-input type="textarea" v-model="reject" maxlength="100" show-word-limit></el-input>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+ <el-tabs v-model="activeName" type="card">
|
|
|
+ <el-tab-pane :label="productCostForm.productName + '费用'" name="feiyong" class="tab-panestyle">
|
|
|
+ <div class="tab-panecent">
|
|
|
+ <el-form ref="productCostForm" :model="productCostForm" label-width="130px" size="mini" disabled>
|
|
|
+ <el-row>
|
|
|
+ <h4>费用详情</h4>
|
|
|
+ <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">
|
|
|
+ </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">
|
|
|
+ </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-row>
|
|
|
+ <el-row v-if="['单交', '交三', '交商', '兜底配置'].includes(
|
|
|
+ productCostForm.productName
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <h4 >交强险费用</h4>
|
|
|
+ <el-col :span="5" :offset="1">
|
|
|
+ <el-form-item label="费用比例" prop="jqCarCostsProportion">
|
|
|
+ <el-input v-model="productCostForm.jqCarCostsProportion" placeholder="请输入费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5" :offset="1">
|
|
|
+ <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">
|
|
|
+ <el-form-item label="总费用比例" prop="jqCostsProportion">
|
|
|
+ <el-input v-model="productCostForm.jqCostsProportion" 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="['单商', '单三', '交商', '交三', '兜底配置'].includes(
|
|
|
+ productCostForm.productName
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <h4 >商业险费用</h4>
|
|
|
+
|
|
|
+ <el-col :span="5" :offset="1">
|
|
|
+ <el-form-item label="费用比例" prop="syCarCostsProportion">
|
|
|
+ <el-input v-model="productCostForm.syCarCostsProportion" placeholder="请输入费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="5" :offset="1">
|
|
|
+ <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">
|
|
|
+ <el-form-item label="总费用比例" prop="syCostsProportion">
|
|
|
+ <el-input v-model="productCostForm.syCostsProportion" placeholder="请输入总费用比例"></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="费用比例" prop="noCarCostsProportion">
|
|
|
+ <el-input v-model="productCostForm.noCarCostsProportion" placeholder="请输入费用比例"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="5" :offset="1">
|
|
|
+ <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">
|
|
|
+ <el-form-item label="总费用比例" prop="noCostsProportion">
|
|
|
+ <el-input v-model="productCostForm.noCostsProportion" placeholder="请输入总费用比例"></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 class="flex j-s a-c">
|
|
|
+ <span style="margin-right: 10px; width: 100px">驳回原因</span>
|
|
|
+ <el-input type="textarea" v-model="reject" maxlength="100" show-word-limit></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="产品费用因子" name="yinzi" class="tab-panestyle">
|
|
|
+ <div class="tab-panecent2">
|
|
|
+ <Product-Cost-Form v-if="productCostAddVehicleFactorVisible" :form="dynamicFormArray" :operator="operatorlist"
|
|
|
+ :disabled="true" over-size="small" @cancelForm="cancel"></Product-Cost-Form>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button size="mini" @click="productCostAddVehicleFactorVisible = false">关闭</el-button>
|
|
|
<el-button size="mini" type="success" @click="approval">审核通过</el-button>
|
|
|
<el-button size="mini" type="primary" @click="rejectionReason">审核驳回</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="产品因子录入" :visible.sync="productCostFactorDialogVisible" :close-on-click-modal="false" width="70%"
|
|
|
- top="6vh" :fullscreen="true">
|
|
|
- <Product-Cost-Form v-if="productCostFactorDialogVisible" :form="dynamicFormArray" :operator="operatorlist"
|
|
|
- :disabled="true" over-size="small" @cancelForm="cancel"></Product-Cost-Form>
|
|
|
- </el-dialog>
|
|
|
<!-- -->
|
|
|
- <el-dialog
|
|
|
- title="承保规则"
|
|
|
- :visible.sync="agreementListShow"
|
|
|
- :fullscreen="true"
|
|
|
- >
|
|
|
- <el-table
|
|
|
- :data="underwritingRulesResult"
|
|
|
- @expand-change="handleExpandChange"
|
|
|
- :expand-row-keys="expandRows"
|
|
|
- row-key="id"
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- type="expand"
|
|
|
- >
|
|
|
+ <el-dialog title="承保规则" :visible.sync="agreementListShow" :fullscreen="true">
|
|
|
+ <el-table :data="underwritingRulesResult" @expand-change="handleExpandChange" :expand-row-keys="expandRows"
|
|
|
+ row-key="id" style="width: 100%">
|
|
|
+ <el-table-column type="expand">
|
|
|
<template slot-scope="scope">
|
|
|
- <Product-Cost-Form ref="ProductRef" :form="dynamicFormArray" :operator="operatorlist" over-size="small" :underwritingRulesForm="scope.row.underwritingRulesForm" :disabled="true"></Product-Cost-Form>
|
|
|
+ <Product-Cost-Form ref="ProductRef" :form="dynamicFormArray" :operator="operatorlist" over-size="small"
|
|
|
+ :underwritingRulesForm="scope.row.underwritingRulesForm" :disabled="true"></Product-Cost-Form>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="validInd"
|
|
|
- label="是否启用"
|
|
|
- width="180">
|
|
|
+ <el-table-column prop="validInd" label="是否启用" width="180">
|
|
|
<template slot-scope="scope">
|
|
|
- <span class="disused" :class="{'used': scope.row.validInd == 1}">{{ scope.row.validInd == 1? '启用':'禁用' }}</span>
|
|
|
+ <span class="disused" :class="{ 'used': scope.row.validInd == 1 }">{{ scope.row.validInd == 1 ? '启用' : '禁用'
|
|
|
+ }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="rulesStartDate"
|
|
|
- label="规则起期">
|
|
|
+ <el-table-column prop="rulesStartDate" label="规则起期">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="rulesEndDate"
|
|
|
- label="规则止期">
|
|
|
+ <el-table-column prop="rulesEndDate" label="规则止期">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="ruleDescription"
|
|
|
- label="规则描述">
|
|
|
+ <el-table-column prop="ruleDescription" label="规则描述">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="desc"
|
|
|
- label="规则因子描述">
|
|
|
+ <el-table-column prop="desc" label="规则因子描述">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
@@ -330,6 +323,7 @@ export default {
|
|
|
// 数据存放区域
|
|
|
data() {
|
|
|
return {
|
|
|
+ activeName: 'feiyong',
|
|
|
date: "",
|
|
|
date1: "",
|
|
|
reject: "",
|
|
|
@@ -343,8 +337,8 @@ export default {
|
|
|
agreementIdList: [],
|
|
|
costsDescription: [],
|
|
|
productCode: [],
|
|
|
- costStartDate:"",
|
|
|
- costsEndDate:"",
|
|
|
+ costStartDate: "",
|
|
|
+ costsEndDate: "",
|
|
|
},
|
|
|
//保险公司列表
|
|
|
InsCompanyList: [],
|
|
|
@@ -353,7 +347,6 @@ export default {
|
|
|
//产品代码列表
|
|
|
insuranceRepertoire: [],
|
|
|
productCostAddVehicleFactorVisible: false, //产品费用录入 显示/隐藏
|
|
|
- productCostFactorDialogVisible: false,
|
|
|
//操作符字典
|
|
|
operator: {
|
|
|
pageNum: 1,
|
|
|
@@ -588,7 +581,7 @@ export default {
|
|
|
},
|
|
|
watch: {
|
|
|
underwritingRulesResult(val, old) {
|
|
|
- if(val.length> 0) {
|
|
|
+ if (val.length > 0) {
|
|
|
let obj = val[0]
|
|
|
this.underwritingRulesHistoryDetails(obj, val)
|
|
|
}
|
|
|
@@ -622,17 +615,17 @@ export default {
|
|
|
},
|
|
|
// 方法函数
|
|
|
methods: {
|
|
|
- costsEndDateChange(){
|
|
|
+ costsEndDateChange() {
|
|
|
let tempStartDate = this.productpageRequest.costStartDate;
|
|
|
let tempEndDate = this.productpageRequest.costsEndDate;
|
|
|
- if (!tempStartDate) {
|
|
|
- this.productpageRequest.costsEndDate = null;
|
|
|
- this.$message({
|
|
|
- message: "请先选择费用起期！",
|
|
|
- type: "error",
|
|
|
- });
|
|
|
- }
|
|
|
- if (!this.validateEndDate(tempStartDate, tempEndDate)) {
|
|
|
+ // if (!tempStartDate) {
|
|
|
+ // this.productpageRequest.costsEndDate = null;
|
|
|
+ // this.$message({
|
|
|
+ // message: "请先选择费用起期！",
|
|
|
+ // type: "error",
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ if ( tempStartDate && !this.validateEndDate(tempStartDate, tempEndDate)) {
|
|
|
this.productpageRequest.costsEndDate = null;
|
|
|
this.$message({
|
|
|
message: "费用止期不能小于/等于费用起期！",
|
|
|
@@ -647,8 +640,8 @@ export default {
|
|
|
return endDate.getTime() > startDate.getTime();
|
|
|
},
|
|
|
// 点击展开行
|
|
|
- handleExpandChange(row,rows) {
|
|
|
- if(rows.length>0) {
|
|
|
+ handleExpandChange(row, rows) {
|
|
|
+ if (rows.length > 0) {
|
|
|
this.underwritingRulesHistoryDetails(row)
|
|
|
}
|
|
|
},
|
|
|
@@ -660,10 +653,10 @@ export default {
|
|
|
})
|
|
|
that.$api.insCompany.getUndwrtRulesFactorQuery(row.id).then((res) => {
|
|
|
if (res.code == '200') {
|
|
|
- if(value&&value.length == 1) {
|
|
|
+ if (value && value.length == 1) {
|
|
|
this.expandRows.push(value[0].id)
|
|
|
}
|
|
|
- let obj = {...res.data}
|
|
|
+ let obj = { ...res.data }
|
|
|
obj.costsAttrLinks.map(val => {
|
|
|
switch (val.attrType) {
|
|
|
case 'inputNumber':
|
|
|
@@ -856,15 +849,15 @@ export default {
|
|
|
},
|
|
|
agreementIdFormatter(row, column) {
|
|
|
let allAgreementItem = this.allAgreementList.find((val) => val.id == row.agreementId)
|
|
|
- if(allAgreementItem) {
|
|
|
- return <a onClick={ this.handleAgreement.bind(null, row) } style={{color: '#409eff', cursor: 'pointer'}}>{ row.agreementName }</a>;
|
|
|
+ if (allAgreementItem) {
|
|
|
+ return <a onClick={this.handleAgreement.bind(null, row)} style={{ color: '#409eff', cursor: 'pointer' }}>{row.agreementName}</a>;
|
|
|
}
|
|
|
},
|
|
|
downloadRender(row) {
|
|
|
- return <a onClick={ this.handleDownloadFile.bind(null, row) } style={{color: '#409eff', cursor: 'pointer'}}>{ row.feeFileName }</a>
|
|
|
+ return <a onClick={this.handleDownloadFile.bind(null, row)} style={{ color: '#409eff', cursor: 'pointer' }}>{row.feeFileName}</a>
|
|
|
},
|
|
|
handleDownloadFile(row) {
|
|
|
- let url = process.env.BASE_URL + row.feeFileUrl.substring(1,row.feeFileUrl.length); // 3.创建一个临时的url指向blob对象
|
|
|
+ let url = process.env.BASE_URL + row.feeFileUrl.substring(1, row.feeFileUrl.length); // 3.创建一个临时的url指向blob对象
|
|
|
let link = document.createElement("a");
|
|
|
link.target = '_blank'
|
|
|
link.href = url;
|
|
|
@@ -882,9 +875,9 @@ export default {
|
|
|
this.$api.insCompany
|
|
|
.getUndwrtRulesQuery(params)
|
|
|
.then((res) => {
|
|
|
- if(res.content) {
|
|
|
+ if (res.content) {
|
|
|
this.underwritingRulesResult = res.content.filter(item => item.validInd == 1);
|
|
|
- if(this.underwritingRulesResult.length>0) {
|
|
|
+ if (this.underwritingRulesResult.length > 0) {
|
|
|
this.underwritingRulesResult.forEach(item => {
|
|
|
item.underwritingRulesForm = {
|
|
|
agreementId: "", //协议id
|
|
|
@@ -933,20 +926,70 @@ export default {
|
|
|
padding: 2px;
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
-.disused{
|
|
|
+
|
|
|
+.disused {
|
|
|
background: #A6A6A6;
|
|
|
- borderRadius: 4px;
|
|
|
+ border-radius: 4px;
|
|
|
padding: 4px 10px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
-.used{
|
|
|
- background: linear-gradient( 180deg, #66CDBB 0%, #33A08D 100%);
|
|
|
- borderRadius: 4px;
|
|
|
+
|
|
|
+.used {
|
|
|
+ background: linear-gradient(180deg, #66CDBB 0%, #33A08D 100%);
|
|
|
+ border-radius: 4px;
|
|
|
padding: 4px 10px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
+.tab-panestyle {
|
|
|
+ padding: 20px;
|
|
|
+ background: #F2F2F2;
|
|
|
+}
|
|
|
+
|
|
|
+.tab-panecent {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ max-height: 640px;
|
|
|
+ overflow-y: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.tab-panecent2 {
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
/deep/ {
|
|
|
+ .custom-class .el-dialog__header {
|
|
|
+ font-weight: bold;
|
|
|
+ border-bottom: 1px solid #D7DBE7;
|
|
|
+ }
|
|
|
+
|
|
|
+ .custom-class .el-dialog__body {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .custom-class .el-dialog__footer {
|
|
|
+ padding: 10px 20px 10px 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs__item.is-active {
|
|
|
+ color: #fff;
|
|
|
+ background: #2D4D89;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs--card>.el-tabs__header .el-tabs__nav,
|
|
|
+ .el-tabs--card>.el-tabs__header,
|
|
|
+ .el-tabs--card>.el-tabs__header .el-tabs__item {
|
|
|
+ border: none;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs--card>.el-tabs__header .el-tabs__nav {
|
|
|
+ padding-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
.el-button--warning {
|
|
|
color: #fff;
|
|
|
background-color: #ee7000;
|
|
|
@@ -964,7 +1007,8 @@ export default {
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
}
|
|
|
- .el-link.el-link--default{
|
|
|
+
|
|
|
+ .el-link.el-link--default {
|
|
|
color: #409eff;
|
|
|
}
|
|
|
|
