|
|
@@ -384,19 +384,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">
|
|
|
@@ -1269,7 +1407,8 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
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();
|
|
|
@@ -1471,7 +1610,9 @@ export default {
|
|
|
},
|
|
|
//产品批量编辑
|
|
|
batchUpdate(data) {
|
|
|
- this.batchUpdateForm.ids = data;
|
|
|
+ this.batchUpdateForm = {
|
|
|
+ ids: data,
|
|
|
+ };
|
|
|
this.batchdialogVisible = true;
|
|
|
},
|
|
|
//产品编辑
|
|
|
@@ -1952,5 +2093,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>
|
|
|
|