|
@@ -40,34 +40,21 @@
|
|
|
</template>
|
|
|
</a-table>
|
|
|
|
|
|
-
|
|
|
- <!-- <new-data-package-form v-model:visible="newDataPackageFormVisible" :editMode="editMode" :editData="editData"
|
|
|
- @submit="handleNewDataPackageSubmit"/> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import { onMounted, ref, getCurrentInstance } from "vue";
|
|
|
+import { onMounted, ref } from "vue";
|
|
|
import { useRoute } from "vue-router";
|
|
|
import { columns } from "./config";
|
|
|
-import { Message, Notification } from '@arco-design/web-vue'
|
|
|
import { getDataPlanList } from "@/api/path/lotCard.api"
|
|
|
-import NewDataPackageForm from './NewDataPackageForm.vue';
|
|
|
-import { useI18n } from 'vue-i18n';
|
|
|
-import { enum_dict } from "@/hooks/enum";
|
|
|
-import { Getdictionary } from '@/mixins/index.js'
|
|
|
-
|
|
|
-const { t } = useI18n();
|
|
|
-const { proxy } = getCurrentInstance()
|
|
|
-// const formRef = ref()
|
|
|
+
|
|
|
const searchForm = ref({
|
|
|
"status": "",
|
|
|
"periodType": "",
|
|
|
});
|
|
|
|
|
|
-// const sourceList = ref([]);
|
|
|
-// const statusList = ref([]);
|
|
|
-// const typeList = ref([]);
|
|
|
+
|
|
|
const dataSource = ref([]);
|
|
|
const route = useRoute();
|
|
|
const pagination = ref({
|
|
@@ -83,14 +70,12 @@ const intData = async () => {
|
|
|
...searchForm.value,
|
|
|
}
|
|
|
const { data } = await getDataPlanList(param)
|
|
|
- const soureName = await Getdictionary('supplierSource')
|
|
|
dataSource.value = (data?.records || []).map((item, index) => {
|
|
|
- // const soure = soureName.find(val => val.value == item.source)?.label
|
|
|
const total = item.dataTotal == -1 ? '无限流量' : item.dataTotal + "MB"
|
|
|
return {
|
|
|
...item,
|
|
|
total: total,
|
|
|
- // source: soure
|
|
|
+ id: index + 1
|
|
|
}
|
|
|
})
|
|
|
pagination.value.total = data.total
|
|
@@ -102,62 +87,9 @@ const evChangePage = (page) => {
|
|
|
intData()
|
|
|
}
|
|
|
|
|
|
-// const resetSearch = () => {
|
|
|
-// proxy.$refs.formRef.resetFields()
|
|
|
-// intData()
|
|
|
-// }
|
|
|
-
|
|
|
-// const handleSearch = () => {
|
|
|
-// intData()
|
|
|
-// }
|
|
|
-
|
|
|
-// // 弹窗-----------------------------------------------------
|
|
|
-// // const showModel = ref(false)
|
|
|
-// // const handleModal = () => {
|
|
|
-// // showModel.value = true
|
|
|
-// // }
|
|
|
-// const newDataPackageFormVisible = ref(false);
|
|
|
-// const editMode = ref(false);
|
|
|
-// const editData = ref(null);
|
|
|
-
|
|
|
-
|
|
|
-// const showNewDataPackageForm = () => {
|
|
|
-// editMode.value = false;
|
|
|
-// editData.value = null;
|
|
|
-// newDataPackageFormVisible.value = true;
|
|
|
-// };
|
|
|
-// const handleEdit = (record) => {
|
|
|
-// editMode.value = true;
|
|
|
-// record.packageSize = Number(record.packageSize)
|
|
|
-// record.standardPrice = Number(record.standardPrice)
|
|
|
-// editData.value = {...record};
|
|
|
-// newDataPackageFormVisible.value = true;
|
|
|
-// };
|
|
|
-// const handleDelete = (record) => {
|
|
|
-// // Implement delete logic
|
|
|
-// Message.success(t('dataPackage.packageDeleted', {name: record.packageName}));
|
|
|
-// };
|
|
|
-
|
|
|
-// const handleNewDataPackageSubmit = (formData) => {
|
|
|
-// if (editMode.value) {
|
|
|
-// // Implement update logic
|
|
|
-// Message.success(t('dataPackage.packageUpdated', {name: formData.packageName}));
|
|
|
-// } else {
|
|
|
-// // Implement add logic
|
|
|
-// Message.success(t('dataPackage.packageAdded', {name: formData.packageName}));
|
|
|
-// }
|
|
|
-// newDataPackageFormVisible.value = false;
|
|
|
-// };
|
|
|
-// // -----------------------------------------------------
|
|
|
-// // 获取字典
|
|
|
-// const handleDictValue = async () => {
|
|
|
-// sourceList.value = await Getdictionary('source')
|
|
|
-// statusList.value = await Getdictionary('trafficPacketStatus')
|
|
|
-// typeList.value = await Getdictionary('trafficUsageType')
|
|
|
-// }
|
|
|
+
|
|
|
|
|
|
onMounted(() => {
|
|
|
- // handleDictValue()
|
|
|
intData()
|
|
|
})
|
|
|
</script>
|