|
|
|
@ -7,6 +7,16 @@
|
|
|
|
<a-form-model-item label="模版名称">
|
|
|
|
<a-form-model-item label="模版名称">
|
|
|
|
<a-input v-model="form.name" placeholder="请输入模版名称" />
|
|
|
|
<a-input v-model="form.name" placeholder="请输入模版名称" />
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
<a-form-model-item label="状态">
|
|
|
|
|
|
|
|
<a-select placeholder="请选择状态" style="width: 180px" allowClear v-model="form.status">
|
|
|
|
|
|
|
|
<a-select-option :value="1">
|
|
|
|
|
|
|
|
启用
|
|
|
|
|
|
|
|
</a-select-option>
|
|
|
|
|
|
|
|
<a-select-option :value="2">
|
|
|
|
|
|
|
|
禁用
|
|
|
|
|
|
|
|
</a-select-option>
|
|
|
|
|
|
|
|
</a-select>
|
|
|
|
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-form-model>
|
|
|
|
</a-form-model>
|
|
|
|
<a-button @click="onSearch" type="primary">查 询</a-button>
|
|
|
|
<a-button @click="onSearch" type="primary">查 询</a-button>
|
|
|
|
<a-button @click="onReset">重 置</a-button>
|
|
|
|
<a-button @click="onReset">重 置</a-button>
|
|
|
|
@ -50,10 +60,20 @@
|
|
|
|
<a-input v-model="addForm.name" style="width: 240px" placeholder="请输入模版名称" />
|
|
|
|
<a-input v-model="addForm.name" style="width: 240px" placeholder="请输入模版名称" />
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-form-model-item>
|
|
|
|
<a-form-model-item label="功能模块大类">
|
|
|
|
<a-form-model-item label="功能模块大类">
|
|
|
|
<a-checkbox-group :options="modalType" @change="modelChange" />
|
|
|
|
<!-- <a-checkbox-group :options="modalType" @change="modelChange" /> -->
|
|
|
|
|
|
|
|
<a-checkbox-group v-model="chargingFunctionIds">
|
|
|
|
|
|
|
|
<a-checkbox v-for="(item) in modelInput" :value="item.id" :key="item.id">
|
|
|
|
|
|
|
|
{{item.name}}
|
|
|
|
|
|
|
|
</a-checkbox>
|
|
|
|
|
|
|
|
</a-checkbox-group>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-form-model-item>
|
|
|
|
<a-form-model-item label="时间类型">
|
|
|
|
<a-form-model-item label="时间类型">
|
|
|
|
<a-checkbox-group :options="timeType" @change="timeChange" />
|
|
|
|
<!-- <a-checkbox-group :options="timeType" @change="timeChange" /> -->
|
|
|
|
|
|
|
|
<a-checkbox-group v-model="chargingTimeTypeIds">
|
|
|
|
|
|
|
|
<a-checkbox v-for="(item) in timeInput" :value="item.id" :key="item.id">
|
|
|
|
|
|
|
|
{{item.years}}年{{item.months}}个月{{item.days}}天
|
|
|
|
|
|
|
|
</a-checkbox>
|
|
|
|
|
|
|
|
</a-checkbox-group>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-form-model-item>
|
|
|
|
<a-form-model-item label="价格参数">
|
|
|
|
<a-form-model-item label="价格参数">
|
|
|
|
<div class="columns">
|
|
|
|
<div class="columns">
|
|
|
|
@ -62,11 +82,11 @@
|
|
|
|
<span class="columns-item">价格</span>
|
|
|
|
<span class="columns-item">价格</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="model-item" v-for="(item, index) in modelInput" :key="index">
|
|
|
|
<div class="model-item" v-for="(item, index) in modelInput" :key="index">
|
|
|
|
<template v-if="activeModel.indexOf(item.id)!=-1">
|
|
|
|
<template v-if="chargingFunctionIds.indexOf(item.id)!=-1">
|
|
|
|
<span class="models">{{item.name}}</span>
|
|
|
|
<span class="models">{{item.name}}</span>
|
|
|
|
<span class="models2">
|
|
|
|
<span class="models2">
|
|
|
|
<div v-for="(it , id) in timeInput" :key="id">
|
|
|
|
<div v-for="(it , id) in timeInput" :key="id">
|
|
|
|
<span v-if="activeTime.indexOf(it.id)!=-1">
|
|
|
|
<span v-if="chargingTimeTypeIds.indexOf(it.id)!=-1">
|
|
|
|
{{it.years}}年{{it.months}}个月{{it.days}}天
|
|
|
|
{{it.years}}年{{it.months}}个月{{it.days}}天
|
|
|
|
<a-input-number step="0.01" v-model="addForm.chargingTemplateFunctionTimeTypeDTO[id + index * timeInput.length].unitPrice" style="width:120px;margin-left: 65px"></a-input-number>
|
|
|
|
<a-input-number step="0.01" v-model="addForm.chargingTemplateFunctionTimeTypeDTO[id + index * timeInput.length].unitPrice" style="width:120px;margin-left: 65px"></a-input-number>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
@ -84,7 +104,7 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import {getChargingList} from "@/api/manage"
|
|
|
|
import {getChargingList, getChargeById} from "@/api/manage"
|
|
|
|
import {onoffCharging} from "@/api/manage"
|
|
|
|
import {onoffCharging} from "@/api/manage"
|
|
|
|
import {findTimeType, findSuperNavigation, addCharge, updateCharge } from "@/api/manage";
|
|
|
|
import {findTimeType, findSuperNavigation, addCharge, updateCharge } from "@/api/manage";
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
@ -95,9 +115,13 @@ export default {
|
|
|
|
form: {
|
|
|
|
form: {
|
|
|
|
pageNum: 1,
|
|
|
|
pageNum: 1,
|
|
|
|
size: 10,
|
|
|
|
size: 10,
|
|
|
|
name: ''
|
|
|
|
name: '',
|
|
|
|
|
|
|
|
status: undefined
|
|
|
|
},
|
|
|
|
},
|
|
|
|
colors: ['volcano','orange','yellow','green','blue','purple','grey'],
|
|
|
|
chargingFunctionIds: [],
|
|
|
|
|
|
|
|
chargingTimeTypeIds: [],
|
|
|
|
|
|
|
|
// colors: ['volcano','orange','yellow','green','blue','purple','grey'],
|
|
|
|
|
|
|
|
colors: ['#1F519B','#1F519B','#1F519B','#1F519B','#1F519B','#1F519B','#1F519B','#1F519B','#1F519B',],
|
|
|
|
tableData: [],
|
|
|
|
tableData: [],
|
|
|
|
columns: [
|
|
|
|
columns: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
@ -152,11 +176,11 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
visible: false,
|
|
|
|
visible: false,
|
|
|
|
//收费标准时间类型
|
|
|
|
//收费标准时间类型
|
|
|
|
timeType: [],
|
|
|
|
// timeType: [],
|
|
|
|
activeTime: [],
|
|
|
|
activeTime: [],
|
|
|
|
timeInput: [],
|
|
|
|
timeInput: [],
|
|
|
|
//收费标准模块信息
|
|
|
|
//收费标准模块信息
|
|
|
|
modalType: [],
|
|
|
|
// modalType: [],
|
|
|
|
activeModel: [],
|
|
|
|
activeModel: [],
|
|
|
|
modelInput: [],
|
|
|
|
modelInput: [],
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -179,27 +203,27 @@ export default {
|
|
|
|
findTimeType().then(res => {
|
|
|
|
findTimeType().then(res => {
|
|
|
|
let data = res.data;
|
|
|
|
let data = res.data;
|
|
|
|
this.timeInput = data; //输入框
|
|
|
|
this.timeInput = data; //输入框
|
|
|
|
let opts = [];
|
|
|
|
// let opts = [];
|
|
|
|
data.forEach(ele => {
|
|
|
|
// data.forEach(ele => {
|
|
|
|
let obj = {
|
|
|
|
// let obj = {
|
|
|
|
label: ele.years+'年' + ele.months+'个月' + ele.days+'天',
|
|
|
|
// label: ele.years+'年' + ele.months+'个月' + ele.days+'天',
|
|
|
|
value: ele.id
|
|
|
|
// value: ele.id
|
|
|
|
};
|
|
|
|
// };
|
|
|
|
opts.push(obj)
|
|
|
|
// opts.push(obj)
|
|
|
|
})
|
|
|
|
// })
|
|
|
|
this.timeType = opts //多选框
|
|
|
|
// this.timeType = opts //多选框
|
|
|
|
});
|
|
|
|
});
|
|
|
|
findSuperNavigation().then(res => {
|
|
|
|
findSuperNavigation().then(res => {
|
|
|
|
let data = res.data;
|
|
|
|
let data = res.data;
|
|
|
|
this.modelInput = data; //输入框
|
|
|
|
this.modelInput = data; //输入框
|
|
|
|
let opts = [];
|
|
|
|
// let opts = [];
|
|
|
|
data.forEach(ele => {
|
|
|
|
// data.forEach(ele => {
|
|
|
|
let obj = {
|
|
|
|
// let obj = {
|
|
|
|
label: ele.name, value: ele.id
|
|
|
|
// label: ele.name, value: ele.id
|
|
|
|
};
|
|
|
|
// };
|
|
|
|
opts.push(obj)
|
|
|
|
// opts.push(obj)
|
|
|
|
})
|
|
|
|
// })
|
|
|
|
this.modalType = opts //多选框
|
|
|
|
// this.modalType = opts //多选框
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//填充价格
|
|
|
|
//填充价格
|
|
|
|
@ -219,6 +243,8 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//分页
|
|
|
|
//分页
|
|
|
|
handleTableChange(pagination) {
|
|
|
|
handleTableChange(pagination) {
|
|
|
|
|
|
|
|
this.pagination.current = pagination.current
|
|
|
|
|
|
|
|
this.pagination.pageSize = pagination.pageSize
|
|
|
|
this.form.size = pagination.pageSize;
|
|
|
|
this.form.size = pagination.pageSize;
|
|
|
|
this.form.pageNum = pagination.current;
|
|
|
|
this.form.pageNum = pagination.current;
|
|
|
|
this.getData();
|
|
|
|
this.getData();
|
|
|
|
@ -226,15 +252,18 @@ export default {
|
|
|
|
//新建收费模版
|
|
|
|
//新建收费模版
|
|
|
|
handlerAdd() {
|
|
|
|
handlerAdd() {
|
|
|
|
this.drawerModel = 1;
|
|
|
|
this.drawerModel = 1;
|
|
|
|
|
|
|
|
this.addForm.name = '';
|
|
|
|
|
|
|
|
this.chargingFunctionIds = [];
|
|
|
|
|
|
|
|
this.chargingTimeTypeIds = [];
|
|
|
|
this.visible = true
|
|
|
|
this.visible = true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//-改变选择的模块
|
|
|
|
//-改变选择的模块
|
|
|
|
modelChange(val) {
|
|
|
|
// modelChange(val) {
|
|
|
|
this.activeModel = val;
|
|
|
|
// this.activeModel = val;
|
|
|
|
},
|
|
|
|
// },
|
|
|
|
timeChange(val) {
|
|
|
|
// timeChange(val) {
|
|
|
|
this.activeTime = val
|
|
|
|
// this.activeTime = val
|
|
|
|
},
|
|
|
|
// },
|
|
|
|
hanlderClose() {
|
|
|
|
hanlderClose() {
|
|
|
|
this.visible = false
|
|
|
|
this.visible = false
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -243,8 +272,8 @@ export default {
|
|
|
|
let adds = this.addForm.chargingTemplateFunctionTimeTypeDTO
|
|
|
|
let adds = this.addForm.chargingTemplateFunctionTimeTypeDTO
|
|
|
|
let chosenAdds = [];
|
|
|
|
let chosenAdds = [];
|
|
|
|
adds.forEach(ele => {
|
|
|
|
adds.forEach(ele => {
|
|
|
|
if(this.activeModel.indexOf(ele.chargingFunctionId)!= -1 &&
|
|
|
|
if(this.chargingFunctionIds.indexOf(ele.chargingFunctionId)!= -1 &&
|
|
|
|
this.activeTime.indexOf(ele.chargingTimeTypeId)!= -1) {
|
|
|
|
this.chargingTimeTypeIds.indexOf(ele.chargingTimeTypeId)!= -1) {
|
|
|
|
let obj = {
|
|
|
|
let obj = {
|
|
|
|
chargingFunctionId: ele.chargingFunctionId,
|
|
|
|
chargingFunctionId: ele.chargingFunctionId,
|
|
|
|
chargingTimeTypeId: ele.chargingTimeTypeId,
|
|
|
|
chargingTimeTypeId: ele.chargingTimeTypeId,
|
|
|
|
@ -258,21 +287,48 @@ export default {
|
|
|
|
chargingTemplateFunctionTimeTypeDTO: chosenAdds
|
|
|
|
chargingTemplateFunctionTimeTypeDTO: chosenAdds
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if(this.drawerModel == 1) {
|
|
|
|
if(this.drawerModel == 1) {
|
|
|
|
addCharge(obj).then(() => {
|
|
|
|
addCharge(obj).then((res) => {
|
|
|
|
this.visible = false
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
|
|
this.visible = false
|
|
|
|
|
|
|
|
this.$message.success(res.msg);
|
|
|
|
|
|
|
|
this.getData();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
let o = Object.assign(obj, {id: this.chosenModel});
|
|
|
|
let o = Object.assign(obj, {id: this.chosenModel});
|
|
|
|
updateCharge(o).then(() => {
|
|
|
|
updateCharge(o).then((res) => {
|
|
|
|
this.visible = false
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
|
|
this.visible = false
|
|
|
|
|
|
|
|
this.$message.success(res.msg);
|
|
|
|
|
|
|
|
this.getData();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.getData();
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//修改模版
|
|
|
|
//修改模版的回显
|
|
|
|
detail(record) {
|
|
|
|
detail(record) {
|
|
|
|
this.chosenModel = record.id
|
|
|
|
this.chosenModel = record.id
|
|
|
|
this.drawerModel = 2;
|
|
|
|
this.drawerModel = 2;
|
|
|
|
|
|
|
|
getChargeById({id: record.id}).then(res => {
|
|
|
|
|
|
|
|
let data = res.data;
|
|
|
|
|
|
|
|
this.addForm.name = data.name
|
|
|
|
|
|
|
|
this.chargingFunctionIds = data.functionList;
|
|
|
|
|
|
|
|
this.chargingTimeTypeIds = data.timeTypeList;
|
|
|
|
|
|
|
|
let arr = this.addForm.chargingTemplateFunctionTimeTypeDTO
|
|
|
|
|
|
|
|
let j = 0;
|
|
|
|
|
|
|
|
for(let i=0;i<arr.length;i++) {
|
|
|
|
|
|
|
|
if(this.chargingFunctionIds.indexOf(arr[i].chargingFunctionId)!= -1 &&
|
|
|
|
|
|
|
|
this.chargingTimeTypeIds.indexOf(arr[i].chargingTimeTypeId)!= -1) {
|
|
|
|
|
|
|
|
arr[i].unitPrice = data.chargingFunctionToTimeTypeVos[j].unitPrice;
|
|
|
|
|
|
|
|
j = j+1;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
this.addForm.chargingTemplateFunctionTimeTypeDTO = arr;
|
|
|
|
|
|
|
|
})
|
|
|
|
this.visible = true
|
|
|
|
this.visible = true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//启用/禁用
|
|
|
|
//启用/禁用
|
|
|
|
|
