fix: 终端-PCC信息，展示信息列宽可以调整

src/views/neUser/pcf/index.vue

@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, toRaw } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import { message, Modal, Form } from 'ant-design-vue/lib';
+import { message, Modal, Form, TableColumnsType } from 'ant-design-vue/lib';
 import { SizeType } from 'ant-design-vue/lib/config-provider';
 import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
-import { ColumnsType } from 'ant-design-vue/lib/table';
 import UploadModal from '@/components/UploadModal/index.vue';
 import {
   listRules,
@@ -71,7 +70,7 @@ let tableState: TabeStateType = reactive({
 });
 
 /**表格字段列 */
-let tableColumns: ColumnsType = [
+let tableColumns = ref<TableColumnsType>([
   {
     title: 'IMSI',
     dataIndex: 'imsi',
@@ -108,7 +107,10 @@ let tableColumns: ColumnsType = [
     title: 'QOS Audio',
     dataIndex: 'qosAudio',
     align: 'left',
-    width: 100,
+    resizable: true,
+    width: 150,
+    minWidth: 100,
+    maxWidth: 300,
   },
   {
     title: 'PCC Rules',
@@ -140,7 +142,7 @@ let tableColumns: ColumnsType = [
     align: 'left',
     width: 100,
   },
-];
+]);
 
 /**表格紧凑型变更操作 */
 function fnTableSize({ key }: MenuInfo) {
@@ -729,6 +731,7 @@ onMounted(() => {
         :row-class-name="fnTableStriped"
         :pagination="false"
         :scroll="{ y: 'calc(100vh - 480px)' }"
+        @resizeColumn="(w:number, col:any) => (col.width = w)"
       >
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'imsi'">