|
|
@@ -9,6 +9,7 @@
|
|
|
</div>
|
|
|
<!-- 搜索条件区 -->
|
|
|
<div class="search-section">
|
|
|
+
|
|
|
<a-form :model="searchForm" layout="inline">
|
|
|
<!-- 资费名称-->
|
|
|
<a-form-item field="label" :label="$t('tariffManagement.label')">
|
|
|
@@ -67,7 +68,6 @@
|
|
|
<template #default>{{ $t('form.Add') }}</template>
|
|
|
</a-button>
|
|
|
</div>
|
|
|
-
|
|
|
<a-table row-key="id" :data="dataSource" :columns="role.getRole == 1 ? columns : columnsCustomer"
|
|
|
:pagination="pagination" :scroll="{ x: 'auto' }" @page-change="evChangePage">
|
|
|
<template #id="{ record }">
|
|
|
@@ -87,6 +87,7 @@
|
|
|
</a-table>
|
|
|
|
|
|
|
|
|
+
|
|
|
<!--资费 弹框 -->
|
|
|
<a-modal :title="typeCurrent == 1 ? $t('form.Add') : $t('form.Edit')" v-model:visible="visible"
|
|
|
@onCancel="resetForm" centered :maskClosable="false" :footer="null">
|
|
|
@@ -101,8 +102,8 @@
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
<template v-if="formState.source">
|
|
|
- <a-form-item :label="$t('tariffManagement.simDataPlanId')" field="sim_data_plan_id">
|
|
|
- <a-select v-model="formState.sim_data_plan_id">
|
|
|
+ <a-form-item :label="$t('tariffManagement.simDataPlanId')" field="simDataPlanId">
|
|
|
+ <a-select v-model="formState.simDataPlanId">
|
|
|
<a-option v-for=" item in planList" :key="item.superior_id" :value="item.id"> 流量包{{
|
|
|
item.id
|
|
|
}}
|
|
|
@@ -111,72 +112,78 @@
|
|
|
</a-form-item>
|
|
|
</template>
|
|
|
|
|
|
- <a-form-item :label="$t('tariffManagement.feeCode')" field="feeCode" required="">
|
|
|
- <a-input v-model="formState.feeCode"/>
|
|
|
- </a-form-item>
|
|
|
+<!-- <a-form-item :label="$t('tariffManagement.feeCode')" field="feeCode" required="">-->
|
|
|
+<!-- <a-input v-model="formState.feeCode"/>-->
|
|
|
+<!-- </a-form-item>-->
|
|
|
<a-form-item :label="$t('tariffManagement.label')" field="label">
|
|
|
<a-input v-model="formState.label"/>
|
|
|
</a-form-item>
|
|
|
-<!-- <a-form-item :label="$t('tariffManagement.userId')" field="user_id">-->
|
|
|
-<!-- <a-select v-model="formState.user_id">-->
|
|
|
-<!-- <a-option v-for=" item in userIdList" :key="item.id" :value="item.id">{{-->
|
|
|
-<!-- item.name-->
|
|
|
-<!-- }}-->
|
|
|
-<!-- </a-option>-->
|
|
|
-<!-- </a-select>-->
|
|
|
-<!-- </a-form-item>-->
|
|
|
- <a-form-item :label="$t('tariffManagement.trafficType')" field="traffic_type">
|
|
|
- <a-select v-model="formState.traffic_type">
|
|
|
+ <a-form-item :label="$t('tariffManagement.userId')" field="userId">
|
|
|
+ <a-select v-model="formState.userId">
|
|
|
+ <a-option v-for=" item in userIdList" :key="item.id" :value="item.id">{{
|
|
|
+ item.name
|
|
|
+ }}
|
|
|
+ </a-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item :label="$t('tariffManagement.trafficType')" field="trafficType">
|
|
|
+ <a-select v-model="formState.trafficType">
|
|
|
<a-option v-for=" item in trafficList" :key="item.id" :value="item.value">{{
|
|
|
item.label
|
|
|
}}
|
|
|
</a-option>
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
- <a-form-item :label="$t('tariffManagement.billingType')" field="billing_type">
|
|
|
- <a-select v-model="formState.billing_type">
|
|
|
+ <a-form-item :label="$t('tariffManagement.billingType')" field="billingType">
|
|
|
+ <a-select v-model="formState.billingType">
|
|
|
<a-option v-for=" item in typeList" :key="item.id" :value="item.value">{{
|
|
|
item.label
|
|
|
}}
|
|
|
</a-option>
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
- <!-- <a-form-item :label="$t('tariffManagement.bagSize')" field="bag_size">
|
|
|
- <a-input v-model="formState.bag_size" />
|
|
|
+ <!-- <a-form-item :label="$t('tariffManagement.bagSize')" field="bagSize">
|
|
|
+ <a-input v-model="formState.bagSize" />
|
|
|
</a-form-item>
|
|
|
- <a-form-item :label="$t('tariffManagement.billingCycle')" field="billing_cycle">
|
|
|
- <a-select v-model="formState.billing_cycle">
|
|
|
+ <a-form-item :label="$t('tariffManagement.billingCycle')" field="billingCycle">
|
|
|
+ <a-select v-model="formState.billingCycle">
|
|
|
<a-option v-for=" item in cycleist" :key="item.id" :value="item.value">{{ item.label
|
|
|
}}</a-option>
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
- <a-form-item :label="$t('tariffManagement.billingMethod')" field="billing_method">
|
|
|
- <a-select v-model="formState.billing_method">
|
|
|
- <a-option v-for=" item in methodList" :key="item.id" :value="item.value">{{ item.label
|
|
|
- }}</a-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item :label="$t('tariffManagement.settlementCycle')" field="settlement_cycle">
|
|
|
- <a-select v-model="formState.settlement_cycle">
|
|
|
+
|
|
|
+ <a-form-item :label="$t('tariffManagement.settlementCycle')" field="settlementCycle">
|
|
|
+ <a-select v-model="formState.settlementCycle">
|
|
|
<a-option v-for=" item in settlementCycleMap" :key="item.id" :value="item.value">{{ item.label
|
|
|
}}</a-option>
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
<a-form-item :label="$t('tariffManagement.pricing')" field="pricing">
|
|
|
<a-input v-model="formState.pricing" />
|
|
|
+ </a-form-item> -->
|
|
|
+ <a-form-item :label="$t('tariffManagement.billingMethod')" field="billingMethod">
|
|
|
+ <a-select v-model="formState.billingMethod">
|
|
|
+ <a-option v-for=" item in methodList" :key="item.id" :value="item.value">{{ item.label
|
|
|
+ }}</a-option>
|
|
|
+ </a-select>
|
|
|
</a-form-item>
|
|
|
<a-form-item :label="$t('tariffManagement.currency')" field="currency">
|
|
|
- <a-input v-model="formState.currency" />
|
|
|
- </a-form-item> -->
|
|
|
+ <a-select v-model="formState.billingType">
|
|
|
+ <a-option v-for=" item in currency" :key="item.id" :value="item.value">{{
|
|
|
+ item.label
|
|
|
+ }}
|
|
|
+ </a-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
<div class="formTitle">计费信息</div>
|
|
|
- <a-form-item field="billing_cycle" :label="$t('tariffManagement.billingCycle')" required>
|
|
|
- <a-radio-group v-model="formState.billing_cycle">
|
|
|
+ <a-form-item field="billingCycle" :label="$t('tariffManagement.billingCycle')" required>
|
|
|
+ <a-radio-group v-model="formState.billingCycle">
|
|
|
<a-radio value="1">按天</a-radio>
|
|
|
<a-radio value="2">按月</a-radio>
|
|
|
</a-radio-group>
|
|
|
</a-form-item>
|
|
|
- <a-form-item field="bag_size" :label="$t('tariffManagement.bagSize')">
|
|
|
- <a-input v-model="formState.bag_size" :placeholder="$t('tariffManagement.bagSize')"/>
|
|
|
+ <a-form-item field="bagSize" :label="$t('tariffManagement.bagSize')">
|
|
|
+ <a-input v-model="formState.bagSize" :placeholder="$t('tariffManagement.bagSize')"/>
|
|
|
<a-select v-model="formState.bagSizeUnit" style="width: 80px; margin-left: 8px;">
|
|
|
<a-option value="KB">KB</a-option>
|
|
|
<a-option value="MB">MB</a-option>
|
|
|
@@ -210,20 +217,20 @@
|
|
|
</template>
|
|
|
</a-input>
|
|
|
</a-form-item>
|
|
|
- <a-form-item field="number" label="连接数">
|
|
|
- <a-input v-model="formState.number">
|
|
|
- <template #append>
|
|
|
- 次
|
|
|
- </template>
|
|
|
- </a-input>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item field="voice" label="语音被叫">
|
|
|
- <a-input v-model="formState.voice">
|
|
|
- <template #append>
|
|
|
- 元/分
|
|
|
- </template>
|
|
|
- </a-input>
|
|
|
- </a-form-item>
|
|
|
+<!-- <a-form-item field="number" label="连接数">-->
|
|
|
+<!-- <a-input v-model="formState.number">-->
|
|
|
+<!-- <template #append>-->
|
|
|
+<!-- 次-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </a-input>-->
|
|
|
+<!-- </a-form-item>-->
|
|
|
+<!-- <a-form-item field="voice" label="语音被叫">-->
|
|
|
+<!-- <a-input v-model="formState.voice">-->
|
|
|
+<!-- <template #append>-->
|
|
|
+<!-- 元/分-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </a-input>-->
|
|
|
+<!-- </a-form-item>-->
|
|
|
<a-form-item field="voice" label="计费函数">
|
|
|
<a-input v-model="formState.billingFuc" placeholder="自动生成" :disabled="true"/>
|
|
|
|
|
|
@@ -280,12 +287,15 @@ import {useSystemStore} from '@/store/modules/systemStore'
|
|
|
const role = useSystemStore()
|
|
|
|
|
|
|
|
|
+
|
|
|
const {proxy} = getCurrentInstance()
|
|
|
const formRef = ref()
|
|
|
const searchForm = ref({
|
|
|
"label": "",
|
|
|
});
|
|
|
|
|
|
+const currency = ref([])
|
|
|
+
|
|
|
|
|
|
const dataSource = ref([]);
|
|
|
const route = useRoute();
|
|
|
@@ -313,10 +323,10 @@ const intData = async () => {
|
|
|
const {data} = await tariffList(param)
|
|
|
dataSource.value = (data.records || []).map((item, index) => {
|
|
|
const sourceName = sourceList.value.find(val => val.value == item.source)?.label
|
|
|
- const trafficTypeName = trafficList.value.find(val => val.value == item.traffic_type)?.label
|
|
|
- const billingTypeName = typeList.value.find(val => val.value == item.billing_type)?.label
|
|
|
- const billingCycleName = cycleist.value.find(val => val.value == item.billing_cycle)?.label
|
|
|
- // const methodName = methodList.value.find(val => val.value == item.billing_method)?.label
|
|
|
+ const trafficTypeName = trafficList.value.find(val => val.value == item.trafficType)?.label
|
|
|
+ const billingTypeName = typeList.value.find(val => val.value == item.billingType)?.label
|
|
|
+ const billingCycleName = cycleist.value.find(val => val.value == item.billingCycle)?.label
|
|
|
+ const methodName = methodList.value.find(val => val.value == item.billingMethod)?.label
|
|
|
return {
|
|
|
...item,
|
|
|
sourceName,
|
|
|
@@ -376,23 +386,23 @@ const formState = ref({
|
|
|
// 资费名称（必填）
|
|
|
"label": "",
|
|
|
// 流量包ID（必填）
|
|
|
- "sim_data_plan_id": null,
|
|
|
+ "simDataPlanId": null,
|
|
|
// 用户ID（必填）
|
|
|
- // "user_id": null,
|
|
|
+ "userId": null,
|
|
|
// 来源（必填）
|
|
|
"source": "",
|
|
|
// 流量类型（必填）
|
|
|
- "traffic_type": "",
|
|
|
+ "trafficType": "",
|
|
|
// 计费类型（必填）
|
|
|
- "billing_type": "",
|
|
|
+ "billingType": "",
|
|
|
// 流量包Size（必填）
|
|
|
- "bag_size": "",
|
|
|
+ "bagSize": "",
|
|
|
// 计费周期（必填）
|
|
|
- "billing_cycle": "",
|
|
|
+ "billingCycle": "",
|
|
|
// 计费方式（必填）
|
|
|
- "billing_method": "1",
|
|
|
+ "billingMethod": "",
|
|
|
// 结算周期（必填）
|
|
|
- "settlement_cycle": "",
|
|
|
+ "settlementCycle": "",
|
|
|
// 价格（必填）
|
|
|
"pricing": "",
|
|
|
// 币种（必填）
|
|
|
@@ -410,14 +420,14 @@ const formState = ref({
|
|
|
|
|
|
const rules = {
|
|
|
label: [{required: true, trigger: 'change',}],
|
|
|
- sim_data_plan_id: [{required: true, trigger: 'change',}],
|
|
|
- // user_id: [{required: true, trigger: 'change',}],
|
|
|
+ simDataPlanId: [{required: true, trigger: 'change',}],
|
|
|
+ userId: [{required: true, trigger: 'change',}],
|
|
|
source: [{required: true, trigger: 'change',}],
|
|
|
- traffic_type: [{required: true, trigger: 'change',}],
|
|
|
- billing_type: [{required: true, trigger: 'change',}],
|
|
|
- bag_size: [{required: true, trigger: 'change',}],
|
|
|
- billing_cycle: [{required: true, trigger: 'change',}],
|
|
|
- billing_method: [{required: true, trigger: 'change',}],
|
|
|
+ trafficType: [{required: true, trigger: 'change',}],
|
|
|
+ billingType: [{required: true, trigger: 'change',}],
|
|
|
+ bagSize: [{required: true, trigger: 'change',}],
|
|
|
+ billingCycle: [{required: true, trigger: 'change',}],
|
|
|
+ billingMethod: [{required: true, trigger: 'change',}],
|
|
|
// pricing: [{ required: true, trigger: 'change', }],
|
|
|
currency: [{required: true, trigger: 'change',}],
|
|
|
};
|
|
|
@@ -433,18 +443,18 @@ const handleSubmit = ({values, errors}) => {
|
|
|
delete formVal.pricingUnit
|
|
|
|
|
|
formVal.currency = '1'
|
|
|
- formVal.user_id = Number(values.user_id)
|
|
|
- formVal.sim_data_plan_id = String(values.sim_data_plan_id)
|
|
|
+ formVal.userId = Number(values.userId)
|
|
|
+ formVal.simDataPlanId = String(values.simDataPlanId)
|
|
|
if (values.settlementCycleMap.starTime && values.settlementCycleMap.starTime) {
|
|
|
- formVal.settlement_cycle = values.settlementCycleMap.starTime + '~' + values.settlementCycleMap.endTime
|
|
|
+ formVal.settlementCycle = values.settlementCycleMap.starTime + '~' + values.settlementCycleMap.endTime
|
|
|
} else {
|
|
|
Message.warning({
|
|
|
content: "请选择订购周期！",
|
|
|
duration: 2000,
|
|
|
})
|
|
|
}
|
|
|
- if (values.bag_size && values.bagSizeUnit) {
|
|
|
- values.bag_size = values.bag_size + values.bagSizeUnit
|
|
|
+ if (values.bagSize && values.bagSizeUnit) {
|
|
|
+ values.bagSize = values.bagSize + values.bagSizeUnit
|
|
|
}
|
|
|
if (values.pricingUnit) {
|
|
|
values.pricing = values.pricing + '元/' + values.pricingUnit
|
|
|
@@ -486,19 +496,19 @@ const dictShowModel = (type, data) => {
|
|
|
// 编辑
|
|
|
if (type == 2) {
|
|
|
Object.assign(formState.value, data);
|
|
|
- formState.value.sim_data_plan_id = Number(formState.value.sim_data_plan_id)
|
|
|
- formState.value.user_id = Number(formState.value.user_id)
|
|
|
- if (data.bag_size) {
|
|
|
- formState.value.bagSizeUnit = data.bag_size.replace(/\d/g, '')
|
|
|
- formState.value.bag_size = data.bag_size.match(/\d+/)[0]
|
|
|
+ formState.value.simDataPlanId = Number(formState.value.simDataPlanId)
|
|
|
+ formState.value.userId = Number(formState.value.userId)
|
|
|
+ if (data.bagSize) {
|
|
|
+ formState.value.bagSizeUnit = data.bagSize.replace(/\d/g, '')
|
|
|
+ formState.value.bagSize = data.bagSize.match(/\d+/)[0]
|
|
|
}
|
|
|
if (data.pricing) {
|
|
|
formState.value.pricingUnit = data.pricing.split('/')[1] || ''
|
|
|
formState.value.pricing = data.pricing.match(/\d+/)[0] || ''
|
|
|
}
|
|
|
- if (data.settlement_cycle) {
|
|
|
- formState.value.settlementCycleMap.starTime = data.settlement_cycle.split('~')[0] || ''
|
|
|
- formState.value.settlementCycleMap.endTime = data.settlement_cycle.split('~')[1] || ''
|
|
|
+ if (data.settlementCycle) {
|
|
|
+ formState.value.settlementCycleMap.starTime = data.settlementCycle.split('~')[0] || ''
|
|
|
+ formState.value.settlementCycleMap.endTime = data.settlementCycle.split('~')[1] || ''
|
|
|
}
|
|
|
}
|
|
|
nextTick(() => {
|
|
|
@@ -513,7 +523,7 @@ const handleModelId = async () => {
|
|
|
size: 999,
|
|
|
}
|
|
|
userList(param).then(res => {
|
|
|
- userIdList.value = (res.data.records || []).filter((item) => item.user_type == '2')
|
|
|
+ userIdList.value = (res.data.records || []).filter((item) => item.userType == '2')
|
|
|
})
|
|
|
}
|
|
|
const handleDataPlan = async () => {
|
|
|
@@ -557,7 +567,7 @@ const handleCancel = () => {
|
|
|
}
|
|
|
const handleSubmitPlan = () => {
|
|
|
if (selectedKeysPlan.value.length > 0) {
|
|
|
- formState.value.sim_data_plan_id = String(selectedKeysPlan.value[0])
|
|
|
+ formState.value.simDataPlanId = String(selectedKeysPlan.value[0])
|
|
|
planVisible.value = false
|
|
|
}
|
|
|
|
|
|
@@ -578,13 +588,13 @@ watch(
|
|
|
// 获取字典
|
|
|
const handleDictValue = () => {
|
|
|
const dictList = JSON.parse(window.localStorage.getItem('dictList')) ?? []
|
|
|
- sourceList.value = dictList.filter((item) => item.type_key == enum_dict.SOURCE)
|
|
|
- console.log(sourceList.value)
|
|
|
- trafficList.value = dictList.filter((item) => item.type_key == enum_dict.TRAFFI_CTYPE)
|
|
|
- cycleist.value = dictList.filter((item) => item.type_key == enum_dict.BILLING_CYCLE)
|
|
|
- typeList.value = dictList.filter((item) => item.type_key == enum_dict.BILLING_TYPE)
|
|
|
- methodList.value = dictList.filter((item) => item.type_key == enum_dict.BILLING_METHOD)
|
|
|
- settlementCycleMap.value = dictList.filter((item) => item.type_key == enum_dict.SETTLEMENT_CYCLE)
|
|
|
+ sourceList.value = dictList.filter((item) => item.typeKey == enum_dict.SOURCE)
|
|
|
+ trafficList.value = dictList.filter((item) => item.typeKey == enum_dict.BILLING_TYPE) // 计费分类
|
|
|
+ cycleist.value = dictList.filter((item) => item.typeKey == enum_dict.billingCycle)
|
|
|
+ typeList.value = dictList.filter((item) => item.typeKey == enum_dict.billingType)
|
|
|
+ methodList.value = dictList.filter((item) => item.typeKey == enum_dict.BILLING_METHOD)
|
|
|
+ settlementCycleMap.value = dictList.filter((item) => item.typeKey == enum_dict.settlementCycle)
|
|
|
+ currency.value = dictList.filter(item=>item.typeKey == enum_dict.CURRENCY_TYPE)
|
|
|
}
|
|
|
|
|
|
|
