|
@@ -24,7 +24,18 @@
|
|
|
}"
|
|
}"
|
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
|
:row-class-name="tableRowClassName"
|
|
:row-class-name="tableRowClassName"
|
|
|
|
|
+ @expand-change="handleExpandChange"
|
|
|
>
|
|
>
|
|
|
|
|
+
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ type="expand"
|
|
|
|
|
+ v-if="agreementUnderwritingRuleShow"
|
|
|
|
|
+ >
|
|
|
|
|
+ <div class="tab-panestyle">
|
|
|
|
|
+ <Product-Cost-Form ref="ProductRef" v-if="underwritingRulesAddVehicleFactorVisible" :form="dynamicFormArray" :operator="operatorlist" over-size="small" :underwritingRulesForm="underwritingRulesForm"></Product-Cost-Form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
type="expand"
|
|
type="expand"
|
|
|
v-if="showSysUserAccountCardList"
|
|
v-if="showSysUserAccountCardList"
|
|
@@ -414,6 +425,7 @@
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
+
|
|
|
</el-table>
|
|
</el-table>
|
|
|
<!--分页栏-->
|
|
<!--分页栏-->
|
|
|
<!-- 底部分页 -->
|
|
<!-- 底部分页 -->
|
|
@@ -488,12 +500,19 @@
|
|
|
<script>
|
|
<script>
|
|
|
import KtButton from "@/views/Core/KtButton";
|
|
import KtButton from "@/views/Core/KtButton";
|
|
|
import BigNumber from "bignumber.js";
|
|
import BigNumber from "bignumber.js";
|
|
|
|
|
+import ProductCostForm from '@/components/Form/ProductCostForm.vue';//表单组件
|
|
|
export default {
|
|
export default {
|
|
|
name: "KtCommonTable",
|
|
name: "KtCommonTable",
|
|
|
components: {
|
|
components: {
|
|
|
KtButton,
|
|
KtButton,
|
|
|
|
|
+ ProductCostForm
|
|
|
},
|
|
},
|
|
|
props: {
|
|
props: {
|
|
|
|
|
+ // 承保规则expend内容
|
|
|
|
|
+ agreementUnderwritingRuleShow: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ default: false
|
|
|
|
|
+ },
|
|
|
select: {
|
|
select: {
|
|
|
type: Boolean,
|
|
type: Boolean,
|
|
|
default: false,
|
|
default: false,
|
|
@@ -687,6 +706,12 @@ export default {
|
|
|
type: Boolean,
|
|
type: Boolean,
|
|
|
default: true,
|
|
default: true,
|
|
|
},
|
|
},
|
|
|
|
|
+ tableList: {
|
|
|
|
|
+ type: Array,
|
|
|
|
|
+ default: () => {
|
|
|
|
|
+ return []
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
showSummaryFieldList: Array, //自定义合计列配置
|
|
showSummaryFieldList: Array, //自定义合计列配置
|
|
|
keyName: String, //主键字段名
|
|
keyName: String, //主键字段名
|
|
|
columns: Array, // 表格列配置
|
|
columns: Array, // 表格列配置
|
|
@@ -764,9 +789,136 @@ export default {
|
|
|
pageSize: 20,
|
|
pageSize: 20,
|
|
|
},
|
|
},
|
|
|
taskPool: false,
|
|
taskPool: false,
|
|
|
|
|
+
|
|
|
|
|
+ underwritingRulesAddVehicleFactorVisible: false,
|
|
|
|
|
+ operator: { "pageNum": 1, "pageSize": 10, "columnFilters": { "label": { "name": "label", "value": "agreement_operator" } } },
|
|
|
|
|
+ dynamicFormArray: [],
|
|
|
|
|
+ operatorlist: [],
|
|
|
|
|
+ underwritingRulesForm: {
|
|
|
|
|
+ //承保因子表单项
|
|
|
|
|
+ agreementId: "", //协议id
|
|
|
|
|
+ ruleDescription: "", //规则描述
|
|
|
|
|
+ rulesStartDate: "",//规则起期
|
|
|
|
|
+ rulesEndDate: "",//规则止期
|
|
|
|
|
+ validInd: "1", //是否有效
|
|
|
|
|
+ rulesAttrList: [],//规则属性
|
|
|
|
|
+ carClassList: [],
|
|
|
|
|
+ areanumberplateList: [],
|
|
|
|
|
+ licenseAreaList: [],
|
|
|
|
|
+ },
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
|
|
+ created() {
|
|
|
|
|
+ this.licenseQuery();
|
|
|
|
|
+ this.getDicType('trafficManagementVehicleType') // 车辆列表
|
|
|
|
|
+ },
|
|
|
|
|
+ watch: {
|
|
|
|
|
+ tableList(val, old) {
|
|
|
|
|
+ if(val.length> 0) {
|
|
|
|
|
+ let obj = val[0]
|
|
|
|
|
+ console.log(11111, obj)
|
|
|
|
|
+ this.underwritingRulesHistoryDetails(obj)
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ // 点击展开行
|
|
|
|
|
+ handleExpandChange(row,rows) {
|
|
|
|
|
+ if(rows.length>0) {
|
|
|
|
|
+ this.underwritingRulesHistoryDetails(row)
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ 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;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ 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;
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ // 承保规则历史记录详情
|
|
|
|
|
+ underwritingRulesHistoryDetails(row) {
|
|
|
|
|
+ let that = this
|
|
|
|
|
+ that.$api.dict.findPage(that.operator).then(res => {
|
|
|
|
|
+ that.operatorlist = res.data.content;
|
|
|
|
|
+ })
|
|
|
|
|
+ that.$api.insCompany.getUndwrtRulesFactorQuery(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
|
|
|
|
|
+ }
|
|
|
|
|
+ return val;
|
|
|
|
|
+ })
|
|
|
|
|
+ that.dynamicFormArray = obj.costsAttrLinks;
|
|
|
|
|
+ that.underwritingRulesForm = {
|
|
|
|
|
+ id: obj.id,
|
|
|
|
|
+ agreementId: obj.agreementId, //协议id
|
|
|
|
|
+ ruleDescription: obj.ruleDescription, //规则描述
|
|
|
|
|
+ validInd: obj.validInd, //是否有效
|
|
|
|
|
+ rulesStartDate: obj.rulesStartDate,
|
|
|
|
|
+ rulesEndDate: obj.rulesEndDate,
|
|
|
|
|
+ rulesAttrList: [],//规则属性
|
|
|
|
|
+ };
|
|
|
|
|
+ that.underwritingRulesAddVehicleFactorVisible = true
|
|
|
|
|
+ } else {
|
|
|
|
|
+ that.$message({
|
|
|
|
|
+ type: 'error',
|
|
|
|
|
+ message: res.msg,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
tableRowClassName(row, rowIndex) {
|
|
tableRowClassName(row, rowIndex) {
|
|
|
// if (!!row.fieldName24 && row.fieldName24.indexOf("未") >= 0) {
|
|
// if (!!row.fieldName24 && row.fieldName24.indexOf("未") >= 0) {
|
|
|
// return "warningRow";
|
|
// return "warningRow";
|