卡清单增加流量包字段 && 卡资费根据权限判断展示

src/views/lotCard/cardList/config.js

@@ -72,6 +72,12 @@ export const columns = [
     dataIndex: "tariffName",
     align: "center",
     ellipsis: true,
+  },
+    {
+    title:'流量包名称',
+    dataIndex: "poolName",
+    align: "center",
+    ellipsis: true,
   },
   {
     title: window.$t("lotCard.EarlyWarningState"),
@@ -203,7 +209,7 @@ export const SearchForm = [
 export const columnsCard = [
   {
     title: window.$t('lotCard.PackageName'),
-    dataIndex: 'productName',
+    slotName: 'name',
     align: 'center', ellipsis: true
   }, {
     title: window.$t('lotCard.PackageStatus'),

src/views/lotCard/cardList/index.vue

@@ -6,7 +6,7 @@
       <Search :SearchForm="SearchForm" @query="intData" @reset="reset" />
     </div>
 
-    <a-table row-key="iccid" :data="dataSource" :columns="columns" :pagination="false" :scroll="{ x: 'auto' }">
+    <a-table row-key="iccid" :data="dataSource" :columns="columnsData" :pagination="false" :scroll="{ x: 'auto' }">
       <template #iccidStatus="{ record }">
         <a-tag color="#7bc616" v-if="record.iccidStatus == '正常'">{{ record.iccidStatus }}</a-tag>
         <a-tag v-else>{{ record.iccidStatus }}</a-tag>
@@ -55,6 +55,8 @@ const pagination = ref({
   pageSize: 10,
   current: 1,
 })
+const columnsData = ref([])
+const userType = ref(JSON.parse(localStorage.getItem('user_login_information'))?.userType)
 const showAdd = ref(false)
 
 const trafficUseDialogRef = ref()
@@ -83,7 +85,7 @@ const intData = async (item) => {
       DatapackageStatus: item.dataPackage[0]?.status,
       dataUsage: item.dataPackage[0]?.dataUsage ? item.dataPackage[0]?.dataUsage + '/MB' : '0' + '/MB',
       dataTotal: item.dataPackage[0]?.dataTotal ? item.dataPackage[0]?.dataTotal + '/MB' : '0' + '/MB',
-      dataUsageTotal:item.dataUsageTotal?item.dataUsageTotal+'/MB':'---'
+      dataUsageTotal: item.dataUsageTotal ? item.dataUsageTotal + '/MB' : '---'
     }
   })
   pagination.value.total = data.total
@@ -121,6 +123,12 @@ const handleDictValue = async () => {
 onMounted(async () => {
   await handleDictValue()
   await intData()
+  if (userType.value != 1) {
+    columnsData.value = columns.filter(res => res.dataIndex !== 'poolName'); // 过滤掉不满足条件的项
+  } else {
+    columnsData.value = columns;
+  }
+
 })
 </script>
 

src/views/lotCard/cardList/trafficUseDialog.vue

@@ -120,7 +120,11 @@
             <div class="chart" style="width:100%" id="chartContainer" />
           </a-tab-pane>
           <a-tab-pane key="2" :title="$t('lotCard.CardPackageInformation')">
-            <a-table :columns="columnsCard" :data="dataCard" :scroll="{ x: 'auto' }" :pagination="false" />
+            <a-table :columns="columnsCard" :data="dataCard" :scroll="{ x: 'auto' }" :pagination="false">
+              <template #name="{ record }">
+                <span>{{ userType == 1 ? record.productName : record.tariffName }}</span>
+              </template>
+            </a-table>
           </a-tab-pane>
           <a-tab-pane key="3" :title="$t('lotCard.EarlyWarningInformation')">
             Content of Tab Panel 3
@@ -167,7 +171,7 @@ import { useI18n } from 'vue-i18n'
 import { columnsCard, columnsTopup, columnsAmount, columnsOperation } from './config'
 const { t } = useI18n();
 const props = defineProps({});
-
+const userType = ref(JSON.parse(localStorage.getItem('user_login_information'))?.userType) // 1平台 2用户
 const emit = defineEmits(['submit']);
 const visible = ref(false)
 const Card_info = ref({})