|
|
@@ -81,8 +81,9 @@
|
|
|
:data="productPageResult" :columns="productColumns" @findPage="productCostFindPage" button2Name="编辑"
|
|
|
button2Type="text" button3Type="text" button5Type="text" :button2style="{ color: '#2D4D89' }"
|
|
|
:button3style="{ color: '#D42426' }" :button5style="{ color: '#2D4D89' }" permsButton2="agreement:input:productCost"
|
|
|
- @handleButton2="productUpdate" deleteName="批量修改" @handleDelete="batchUpdate" @customTool="batchDelete"
|
|
|
- customToolName="批量删除" button3Name="删除" permsButton3="agreement:input:productCost" @handleButton3="productDelete"
|
|
|
+ @handleButton2="productUpdate" deleteName="批量修改费用" @handleDelete="batchUpdate" @customTool="batchDelete"
|
|
|
+ @customTool1="customTool1" customToolName1="批量修改起止时间"
|
|
|
+ customToolName="批量删除" button3Name="删除" permsButton3="agreement:input:productCost" @handleButton3="productDelete"
|
|
|
button5Name="轨迹" @handleButton5="trajectory" button3Icon="">
|
|
|
</kt-common-table>
|
|
|
<el-dialog :title="productCostAddDialogTitle" :visible.sync="productCostAddVehicleFactorVisible" width="80%" top="6vh"
|
|
|
@@ -384,19 +385,157 @@
|
|
|
</div>
|
|
|
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="批量操作" :visible.sync="batchdialogVisible" width="30%">
|
|
|
+ <el-dialog title="批量操作" :visible.sync="batchdialogVisible" width="50%">
|
|
|
<div class="tab-panestyle">
|
|
|
- <el-form :inline="true" :model="batchUpdateForm" class="demo-form-inline tab-panecent" style="padding: 20px;">
|
|
|
- <el-form-item label="费用起期:">
|
|
|
- <el-date-picker size="small" style="width: 300px" v-model="batchUpdateForm.costsStartDate" type="datetime"
|
|
|
- placeholder="选择结束日期" value-format="yyyy-MM-dd HH:mm:ss">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="费用止期:">
|
|
|
- <el-date-picker size="small" style="width: 300px" v-model="batchUpdateForm.costsEndDate" type="datetime"
|
|
|
- placeholder="选择结束日期" value-format="yyyy-MM-dd HH:mm:ss" @change="checkStartDate1">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
+ <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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ 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="2"
|
|
|
+ v-model="batchUpdateForm.noCarExportRadioLevel5" placeholder="请输入管理费比例">
|
|
|
+ </el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
@@ -456,6 +595,35 @@
|
|
|
over-size="small" @cancelForm="productHistoryDetailsDialogVisible = false" :disabled="true"></Product-Cost-Form>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <el-dialog 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>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -1047,6 +1215,8 @@ export default {
|
|
|
productName: "",
|
|
|
},
|
|
|
permissions: null,
|
|
|
+ showUpdate1: false,
|
|
|
+ batchUpdateForm1: {},
|
|
|
}
|
|
|
},
|
|
|
// 生命周期函数
|
|
|
@@ -1268,8 +1438,27 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+ // 批量修改起止时间
|
|
|
+ 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() {
|
|
|
- this.$api.insCompany.endDateBatch(this.batchUpdateForm).then((res) => {
|
|
|
+ console.log(this.batchUpdateForm);
|
|
|
+ this.$api.insCompany.bulkOperation(this.batchUpdateForm).then((res) => {
|
|
|
if (res.code == '200') {
|
|
|
this.batchdialogVisible = false;
|
|
|
this.productCostFindPage();
|
|
|
@@ -1386,7 +1575,6 @@ export default {
|
|
|
this.productcopyItemPageRequest.agreementId = "";
|
|
|
this.productcopyItemPageRequest.productCode = [];
|
|
|
this.productcopyItemResult = [];
|
|
|
-
|
|
|
},
|
|
|
//产品删除
|
|
|
productDelete({ row, column }) {
|
|
|
@@ -1469,9 +1657,19 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+ // 批量修改起止时间
|
|
|
+ customTool1(data) {
|
|
|
+ this.batchUpdateForm1 = {
|
|
|
+ ids: data
|
|
|
+ }
|
|
|
+ // costsDateBatch
|
|
|
+ this.showUpdate1 = true
|
|
|
+ },
|
|
|
//产品批量编辑
|
|
|
batchUpdate(data) {
|
|
|
- this.batchUpdateForm.ids = data;
|
|
|
+ this.batchUpdateForm = {
|
|
|
+ ids: data,
|
|
|
+ };
|
|
|
this.batchdialogVisible = true;
|
|
|
},
|
|
|
//产品编辑
|
|
|
@@ -1952,5 +2150,40 @@ export default {
|
|
|
background: #f2f7fc;
|
|
|
border-color: #fff;
|
|
|
}
|
|
|
+// 批量操作弹窗样式
|
|
|
+#bulkOperation{
|
|
|
+ .title{
|
|
|
+ color: #333;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 500;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+ .el-form-item{
|
|
|
+ margin-bottom: 20px;
|
|
|
+ >>>.el-form-item__content{
|
|
|
+ width: 100%;
|
|
|
+ line-height: normal;
|
|
|
+ .el-date-editor.el-input, .el-date-editor.el-input__inner{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >>>.el-form-item__label{
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ >>>.el-input-number{
|
|
|
+ width: 100%;
|
|
|
+ .el-input__inner{
|
|
|
+ color: #333;
|
|
|
+ text-align: left;
|
|
|
+ &:focus{
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
</style>
|
|
|
|