|
@@ -34,7 +34,7 @@
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-item :label="$t('lotCard.validity')">
|
|
|
- {{ Card_info.expireDay }}
|
|
|
+ {{ Card_info.expireDay }}
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
@@ -126,7 +126,8 @@
|
|
|
Content of Tab Panel 3
|
|
|
</a-tab-pane>
|
|
|
<a-tab-pane key="4" :title="$t('lotCard.RechargeRecord')">
|
|
|
- <a-table :columns="columnsTopup" :data="dataTopup" :scroll="{ x: 'auto' }" />
|
|
|
+ <a-table :columns="columnsTopup" :data="dataTopup" :scroll="{ x: 'auto' }" :pagination="pagination"
|
|
|
+ @page-change="evChangePageCardPuy" />
|
|
|
</a-tab-pane>
|
|
|
<a-tab-pane key="5" :title="$t('lotCard.UsageAmount')">
|
|
|
<a-table :columns="columnsAmount" :data="dataAmount" :scroll="{ x: 'auto' }" :pagination="false" />
|
|
@@ -153,7 +154,7 @@
|
|
|
</template>
|
|
|
<script setup>
|
|
|
import { onMounted, ref, h } from "vue";
|
|
|
-import { getDataCDR, PauseSIMService, RecoverSIMService, OperationRecord, OffSIMCard } from '@/api/path/lotCard.api'
|
|
|
+import { getDataCDR, PauseSIMService, RecoverSIMService, OperationRecord, OffSIMCard, getOrderCard } from '@/api/path/lotCard.api'
|
|
|
import { Getdictionary } from '@/mixins/index'
|
|
|
import { Message, Modal } from '@arco-design/web-vue'
|
|
|
// 图表插件
|
|
@@ -174,6 +175,12 @@ const pageData = ref({
|
|
|
current: 1,
|
|
|
})
|
|
|
|
|
|
+const pagination = ref({
|
|
|
+ total: 0,
|
|
|
+ size: 10,
|
|
|
+ current: 1,
|
|
|
+})
|
|
|
+
|
|
|
// 图表插件
|
|
|
const option = ref({
|
|
|
xAxis: {
|
|
@@ -195,7 +202,6 @@ const option = ref({
|
|
|
const dataCard = ref([])
|
|
|
|
|
|
// 充值信息
|
|
|
-
|
|
|
const dataTopup = ref([])
|
|
|
// 使用量
|
|
|
const dataAmount = ref([])
|
|
@@ -223,6 +229,28 @@ const open = (data) => {
|
|
|
optionsRecordSetting()
|
|
|
intData()
|
|
|
visible.value = true
|
|
|
+ ICCIDPuyData(data.iccid)
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+const ICCIDPuyData = async (id) => {
|
|
|
+ let res = await getOrderCard({ iccid: id, current: 1, size: 10 })
|
|
|
+ let res1 = await Getdictionary('puyType')
|
|
|
+ dataTopup.value = res.data.records.map(val => {
|
|
|
+ const payType = res1.filter(item => item.value == val.payStatus)[0]?.label
|
|
|
+ return {
|
|
|
+ ...val,
|
|
|
+ payStatus:payType ,
|
|
|
+ payAmount: val.payAmount + '/' + val.currency
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ pagination.value.total = res.data.total
|
|
|
+}
|
|
|
+
|
|
|
+const evChangePageCardPuy = (e) => {
|
|
|
+ pagination.value.current = e
|
|
|
+ ICCIDPuyData(Card_info.value.iccid)
|
|
|
}
|
|
|
|
|
|
// 使用量
|
|
@@ -294,8 +322,8 @@ const initChart = () => {
|
|
|
})
|
|
|
}
|
|
|
|
|
|
-const evChangePage = () => {
|
|
|
- pageData.value.current = page
|
|
|
+const evChangePage = (e) => {
|
|
|
+ pageData.value.current = e
|
|
|
optionsRecordSetting()
|
|
|
}
|
|
|
|