修改客户跟进页面交互

src/baseComponents/Dialog.vue

@@ -5,6 +5,7 @@
             v-model="props.visible" 
             :width="props.width ? props.width : '420px'"
             :close-on-click-modal="false"
+            :align-center="verticalCenter"
         >
             <div class="dialog_default">
                 <slot name="default" >
@@ -37,6 +38,10 @@
 import warnIcon from '@/assets/icon/warn.svg'
 const emit  = defineEmits(['close','confirm'])
 const props = defineProps({
+    verticalCenter:{
+        type:Boolean,
+        default:false
+    },
     visible:{
         type:Boolean,
         required:true

src/baseComponents/FormDialog.vue

@@ -8,6 +8,7 @@
       :width="props.width || '480px'"
       :close-on-click-modal="false"
       class="el_button"
+      :align-center="verticalCenter"
     >
 
     <slot name="form_pre"></slot>
@@ -602,6 +603,10 @@ interface formItemProperty {
 }
 
 const props = defineProps({
+    verticalCenter:{
+      type:Boolean,
+      default:true
+    },
     width:{
       required:false,
     },
@@ -1149,10 +1154,6 @@ const HandleFilePreview = (params)=>{
   flex-grow: 0 !important;
   :deep(.el-dialog) {
     // margin: calc(min(50px,5vh)) auto calc(min(50px,5vh));
-    margin:0 !important;
-    top: 50% !important;
-    left: 50% !important; /* 若需水平居中可加上此行 */
-    transform: translate(-50%, -50%); /* 核心：基于自身宽高反向偏移 */
   }
   :deep(.el-dialog__body){
     // 后续会在不同页面动态变化

src/views/customerFollowUp/index.vue

@@ -145,29 +145,41 @@
 
 
             <!-- 日志列表 -->
-            <ul class="log_list_container">
-                <li 
-                    v-for="(item, index) in operationLogList" 
-                    :key="item.id"
-                    class="audit_card"
-                >
-                    <!-- 1. 顶部信息栏：时间、学校、产品、状态标签 -->
-                    <div class="card_header">
-                        <div class="header_left">
-                            <span class="time_text">{{ item.operationTime }}</span>
-                            <span class="school_name">{{ item.operatorName }}</span>
-                            <span class="school_name">{{ item.schoolName }}</span>
-                            <span class="product_name">{{ item.operationType }}</span>
+            <div>
+                <ul class="log_list_container">
+                    <li 
+                        v-for="(item, index) in operationLogList" 
+                        :key="item.id"
+                        class="audit_card">
+                        <!-- 1. 顶部信息栏 -->
+                        <div class="card_header">
+                            <div class="header_left">
+                                <span class="time_text">{{ item.operationTime }}</span>
+                                <span class="school_name">{{ item.operatorName }}</span>
+                                <span class="school_name">{{ item.schoolName }}</span>
+                                <span class="product_name">{{ item.operationType }}</span>
+                            </div>
                         </div>
-                    </div>
-
-                    <!-- 3. 底部跟进内容 -->
-                    <div class="card_content">
-                        操作内容：{{ item.operationContent }}
-                    </div>
-                </li>
-            </ul>
-
+                        <!-- 2. 底部内容 -->
+                        <div class="card_content">
+                            操作内容：{{ item.operationContent }}
+                        </div>
+                    </li>
+                </ul>
+
+                <div class="page_pagination">
+                    <span style="flex:1 1;color: #666666;font-size: 14px;">共 {{ logTotalNum  }} 条数据</span>
+                    <!-- background layout="sizes, prev, pager, next"  -->
+                    <el-pagination 
+                        :current-page="logCurrentPage" 
+                        :page-size="logPageSize" 
+                        :page-sizes="[20, 50, 100]" 
+                        background layout="sizes, prev, pager, next" 
+                        :total="Number(logTotalNum)" 
+                        @current-change="(val)=>HandleLogPaginaionChange({type:'currentPage',val})" 
+                        @size-change="(val)=>HandleLogPaginaionChange({type:'pageSize',val})" />
+                </div>
+            </div>
 
             <template #close>
                 <el-button @click="CloseOperationLogDialog" class="button_background" >关闭</el-button>
@@ -343,7 +355,6 @@ const CloseAuditDialog = ()=>{
 /**
  * 4. 操作日志有关数据
  */
-const operationLogDialogVisible = ref(false)
 const operationLogList = ref([
     {
         id:1,
@@ -387,7 +398,7 @@ const operationLogList = ref([
     }
 ]);
 
-//操作日志搜索项
+//操作日志搜索项 及操作
 const logSearchParams = ref({})
 const HandleLogBlockSearchChange = (params,key)=>{
     logSearchParams.value = {
@@ -400,8 +411,10 @@ const HandleLogBlurSearchChange = (params,key)=>{
         ...listSearchParams.value,
         ...params
     }
-}
+} 
 
+// 操作日志弹窗数据 及相关操作 
+const operationLogDialogVisible = ref(false)
 const OpenOperationLogDialog = ()=>{
     operationLogDialogVisible.value = true
 }
@@ -409,6 +422,21 @@ const CloseOperationLogDialog = ()=>{
     operationLogDialogVisible.value = false
 }
 
+// 日志分页有关数据 及操作
+const logCurrentPage = ref(1)
+const logPageSize = ref(20)
+const logTotalNum = ref(0)
+const HandleLogPaginaionChange = (params)=>{
+    const {type,val} = params
+    if(type == 'currentPage'){
+        // 处理页面跳转
+
+    }else if(type == 'pageSize'){
+        // 处理页容量
+    }
+}
+
+
 </script>
 
 
@@ -528,6 +556,7 @@ const CloseOperationLogDialog = ()=>{
         }
     }
 }
+
 .log_list_container{
     .audit_card{
         padding:8px 12px;

src/views/customerFollowUp/table.ts

@@ -6,7 +6,7 @@ export const tableColumns = ref([
         name: 'num',
         label: '序号',
         width: '60',
-        fixed: '',
+        fixed: 'left',
         align: 'center',
         minWidth: '',
         custom: true,
@@ -16,7 +16,7 @@ export const tableColumns = ref([
         name: 'customerType',
         label: '客户类型',
         width: '100',
-        fixed: '',
+        fixed: 'left',
         align: 'center',
         minWidth: '',
         custom: false,
@@ -25,7 +25,7 @@ export const tableColumns = ref([
         name: 'schoolName',
         label: '学校名称',
         width: '150',
-        fixed: '',
+        fixed: 'left',
         align: 'center',
         minWidth: '',
         custom: false,
@@ -34,7 +34,7 @@ export const tableColumns = ref([
         name: 'contactPerson',
         label: '联系人',
         width: '100',
-        fixed: '',
+        fixed: 'left',
         align: 'center',
         minWidth: '',
         custom: false,
@@ -43,7 +43,7 @@ export const tableColumns = ref([
         name: 'jobTitle',
         label: '职务',
         width: '80',
-        fixed: '',
+        fixed: 'left',
         align: 'center',
         minWidth: '',
         custom: false,
@@ -88,7 +88,7 @@ export const tableColumns = ref([
         name: 'followUpUser',
         label: '跟进人员',
         width: '100',
-        fixed: '',
+        fixed: 'right',
         align: 'center',
         minWidth: '',
         custom: false,
@@ -97,7 +97,7 @@ export const tableColumns = ref([
         name: 'followUpProduct',
         label: '跟进产品',
         width: '120',
-        fixed: '',
+        fixed: 'right',
         align: 'center',
         minWidth: '',
         custom: false,
@@ -106,7 +106,7 @@ export const tableColumns = ref([
         name: 'followUpStatus',
         label: '跟进状态',
         width: '100',
-        fixed: '',
+        fixed: 'right',
         align: 'center',
         minWidth: '',
         custom: false,
@@ -115,7 +115,7 @@ export const tableColumns = ref([
         name: 'followUpContent',
         label: '跟进内容',
         width: '200',
-        fixed: '',
+        fixed: 'right',
         align: 'left',
         minWidth: '', 
         custom: true,
@@ -124,7 +124,7 @@ export const tableColumns = ref([
         name: 'followUpTime',
         label: '跟进时间',
         width: '160',
-        fixed: '',
+        fixed: 'right',
         align: 'center',
         minWidth: '',
         custom: false,