|
@@ -103,11 +103,20 @@ const handleSubmit = ({ values, errors }) => {
|
|
|
});
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+watch(() => formState.value.source, (val, newVal) => {
|
|
|
+ if (val !== newVal) {
|
|
|
+ formState.value.simTariffId = null
|
|
|
+ handleTariff(val)
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
// 获取资费列表选择id
|
|
|
-const handleTariff = async () => {
|
|
|
+const handleTariff = async (item) => {
|
|
|
const { code, data } = await tariffList({
|
|
|
"current": 1,
|
|
|
- "size": 10
|
|
|
+ size: 1000000,
|
|
|
+ source: item
|
|
|
})
|
|
|
if (code == 200) {
|
|
|
tariffIdList.value = (data.records || []).map(item => {
|
|
@@ -174,7 +183,7 @@ watch(() => modelValue.value, val => {
|
|
|
<a-form-item :label="$t('flowPool.source')" field="source">
|
|
|
<a-select v-model="formState.source"
|
|
|
:placeholder="$t('form.datapoolForm.pleaseSelect') + $t('flowPool.source')">
|
|
|
- <a-option v-for=" item in sourceList" :key="item.id" :value="item.value">{{
|
|
|
+ <a-option v-for="item in sourceList" :key="item.id" :value="item.value">{{
|
|
|
item.label
|
|
|
}}
|
|
|
</a-option>
|
|
@@ -183,7 +192,7 @@ watch(() => modelValue.value, val => {
|
|
|
<a-form-item :label="$t('flowPool.trafficPoolStatus')" field="status">
|
|
|
<a-select v-model="formState.status"
|
|
|
:placeholder="$t('form.datapoolForm.pleaseSelect') + $t('flowPool.trafficPoolStatus')">
|
|
|
- <a-option v-for=" item in trafficList" :key="item.id" :value="item.value">{{
|
|
|
+ <a-option v-for="item in trafficList" :key="item.id" :value="item.value">{{
|
|
|
item.label
|
|
|
}}
|
|
|
</a-option>
|
|
@@ -192,23 +201,12 @@ watch(() => modelValue.value, val => {
|
|
|
<a-form-item :label="$t('flowPool.simRariff')" field="simTariffId">
|
|
|
<a-select v-model="formState.simTariffId" @change="selectChange"
|
|
|
:placeholder="$t('form.datapoolForm.pleaseSelect') + $t('flowPool.simRariff')">
|
|
|
- <a-option v-for=" item in tariffIdList" :key="item.id" :value="item.value">{{
|
|
|
+ <a-option v-for="item in tariffIdList" :key="item.id" :value="item.value">{{
|
|
|
item.label
|
|
|
}}
|
|
|
</a-option>
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
- <!-- <a-form-item :label="$t('flowPool.ICCIDlabel')" v-if="formState?.simTariffId !== null">
|
|
|
- <a-select v-model="formState.iccids" multiple :placeholder="$t('flowPool.ICCIDName')" :max-tag-count="10">
|
|
|
- <a-option v-for=" item in card" :key="item.iccid" :value="item.iccid">{{item.iccid}}
|
|
|
- </a-option>
|
|
|
- <template #header>
|
|
|
- <div style="padding: 6px 12px;">
|
|
|
- <a-checkbox v-model="SelectAll" @change="changeAll">全选</a-checkbox>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-</a-select>
|
|
|
-</a-form-item> -->
|
|
|
<a-form-item :label="$t('flowPool.expireTime')" field="expireTime">
|
|
|
<a-date-picker v-model="formState.expireTime" show-time :time-picker-props="{ defaultValue: '09:09:06' }"
|
|
|
format="YYYY-MM-DD HH:mm:ss" />
|