From ffd1b02bf961340d50238b609671346dfac0d704 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 1 Apr 2024 16:00:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BB=88=E7=AB=AF-PCC=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=EF=BC=8C=E5=B1=95=E7=A4=BA=E4=BF=A1=E6=81=AF=E5=88=97=E5=AE=BD?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/neUser/pcf/index.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/views/neUser/pcf/index.vue b/src/views/neUser/pcf/index.vue
index f4258d55..fa344ec2 100644
--- a/src/views/neUser/pcf/index.vue
+++ b/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'">