修改公共弹窗

src/components/commonDialog/index.vue

@@ -13,7 +13,10 @@
       <template #header>
         <div class="titleBox">{{ dialogTitle }}</div>
       </template>
-      <slot class="content"></slot>
+      <div class="content">
+        <slot></slot>
+      </div>
+
       <template #footer>
         <div class="dialog-footer">
           <!-- 取消按钮 -->
@@ -107,7 +110,9 @@ watch(
   align-items: center;
   padding: 15px 0;
 }
-
+.content {
+  padding: 0 15px;
+}
 .dialog-footer {
   width: 100%;
   display: flex;

src/components/commonPage/index.vue

@@ -93,7 +93,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, nextTick, onMounted, defineExpose } from 'vue'
+import { ref, computed, watch, nextTick, onMounted } from 'vue'
 
 // 按钮类型定义
 export interface OperationButton {
@@ -172,11 +172,11 @@ const emit = defineEmits<{
   // 搜索展开/收起
   'search-toggle': [expanded: boolean]
   // 默认按钮事件（为方便使用保留）
-  'add': []
-  'import': []
-  'export': []
-  'reset': []
-  'query': []
+  add: []
+  import: []
+  export: []
+  reset: []
+  query: []
 }>()
 
 // 响应式数据
@@ -266,18 +266,16 @@ const computedButtons = computed(() => {
 
 // 计算左侧按钮
 const leftButtons = computed(() => {
-  return computedButtons.value.filter(btn => 
+  return computedButtons.value.filter(
+    btn =>
       (btn.direction === 'left' || (!btn.direction && props.showDefaultButtons)) &&
-    (btn.visible !== false)
+      btn.visible !== false
   )
 })
 
 // 计算右侧按钮
 const rightButtons = computed(() => {
-  return computedButtons.value.filter(btn => 
-    btn.direction === 'right' && 
-    (btn.visible !== false)
-  )
+  return computedButtons.value.filter(btn => btn.direction === 'right' && btn.visible !== false)
 })
 
 // 方法
@@ -300,14 +298,14 @@ const checkConditions = () => {
     if (!isExpanded.value && hasMoreCondition.value) {
       formItems.forEach((item, index) => {
         if (index >= props.defaultVisibleConditions) {
-          (item as HTMLElement).style.display = 'none'
+          ;(item as HTMLElement).style.display = 'none'
         } else {
-          (item as HTMLElement).style.display = ''
+          ;(item as HTMLElement).style.display = ''
         }
       })
     } else {
       formItems.forEach(item => {
-        (item as HTMLElement).style.display = ''
+        ;(item as HTMLElement).style.display = ''
       })
     }
   })

src/views/sign/FnaList/components/customer.vue

@@ -286,7 +286,8 @@ import {
   getCustomerDetail,
   editCustomer,
   getCustomerList,
-  addFna
+  addFna,
+  calculateFieldValue,
 } from '@/api/sign/fna'
 import useDictStore from '@/store/modules/dict'
 const dictStore = useDictStore() //获取字典数据

src/views/sign/FnaList/index.vue

@@ -2,8 +2,14 @@
   <div class="app-container">
     <CommonPage
       :operationBtnList="operationBtnList"
+      :visibleDefaultButtons="visibleDefaultButtons"
       :showSearchForm="true"
-      :show-pagination="false"
+      :show-pagination="true"
+      :currentPage="queryParams.pageNo"
+      :total="total"
+      :pageSize="queryParams.pageSize"
+      @current-change="changePageNo"
+      @size-change="changePageSize"
     >
       <!-- 查询条件插槽 -->
       <template #searchForm>
@@ -124,7 +130,7 @@
             </template>
           </el-table-column>
         </el-table>
-        <div style="width: 100%; display: flex; justify-content: flex-end; margin-bottom: 30px">
+        <!-- <div style="width: 100%; display: flex; justify-content: flex-end; margin-bottom: 30px">
           <pagination
             v-show="total >= 0"
             :total="total"
@@ -133,7 +139,7 @@
             @pagination="getList"
             style="text-align: right"
           />
-        </div>
+        </div> -->
       </template>
     </CommonPage>
     <!-- 下一步到预约 -->
@@ -170,38 +176,39 @@ const data = reactive({
 })
 
 const { queryParams, form, rules } = toRefs(data)
+// 控制要显示的默认按钮
+const visibleDefaultButtons = ref(['add', 'query', 'reset']) // 只显示新增和查询两个默认按钮
+// 按钮配置
 const operationBtnList = ref([
   {
+    key: 'add',
     label: '新建流程',
-    icon: 'Plus',
-    type: 'primary',
     direction: 'left',
-    size: 'large',
     click: handleAdd
   },
-
   {
-    label: '搜索',
-    icon: 'Search',
-    type: 'primary',
+    key: 'reset',
     direction: 'right',
-    size: 'large',
-    click: handleQuery
+    click: resetQuery
   },
   {
-    label: '重置',
-    icon: 'Refresh',
-    type: 'info',
+    key: 'query',
     direction: 'right',
-    size: 'large',
-    click: resetQuery
+    click: handleQuery
   }
 ])
+const changePageNo = val => {
+  queryParams.value.pageNo = val
+  getList()
+}
+const changePageSize = val => {
+  queryParams.value.pageSize = val
+  getList()
+}
 const clearDateRange = () => {
   dateRange.value = []
 }
 const handleCopy = row => {
-  // { fnaBizId: row.fnaBizId }
   subProcess({ fnaBizId: row.fnaBizId }).then(response => {
     if (response.code === 200) {
       getList()
@@ -262,7 +269,7 @@ function resetQuery() {
   proxy.resetForm('queryRef')
   queryParams.value = {
     pageNo: 1,
-    pageSize: 8,
+    pageSize: 10,
     startTime: '',
     endTime: ''
   }
@@ -283,15 +290,6 @@ function handleDelete(row) {
     .catch(() => {})
 }
 
-/** 重置操作表单 */
-function reset() {
-  form.value = {
-    pageNo: 1,
-    pageSize: 8
-  }
-  proxy.resetForm('tenantRef')
-}
-
 /** 新增按钮操作 */
 function handleAdd() {
   router.push('/sign/FnaList/edit?type=add')

src/views/sign/appointment/index.vue

@@ -2,8 +2,14 @@
   <div class="app-container">
     <CommonPage
       :operationBtnList="operationBtnList"
+      :visibleDefaultButtons="visibleDefaultButtons"
       :showSearchForm="true"
-      :show-pagination="false"
+      :show-pagination="true"
+      :currentPage="queryParams.pageNo"
+      :total="total"
+      :pageSize="queryParams.pageSize"
+      @current-change="changePageNo"
+      @size-change="changePageSize"
     >
       <!-- 查询条件插槽 -->
       <template #searchForm>
@@ -139,15 +145,6 @@
             </template>
           </el-table-column>
         </el-table>
-        <div style="width: 100%; display: flex; justify-content: flex-end; margin-bottom: 30px">
-          <pagination
-            v-show="total >= 0"
-            :total="total"
-            v-model:page="queryParams.pageNo"
-            v-model:limit="queryParams.pageSize"
-            @pagination="getList"
-          />
-        </div>
       </template>
     </CommonPage>
     <!-- 下一步到预约 -->
@@ -206,34 +203,38 @@ import useUserStore from '@/store/modules/user'
 const userStore = useUserStore()
 const router = useRouter()
 const { proxy } = getCurrentInstance()
-const dialogVisible = ref(false)
+const dialogVisible = ref(true)
 const appointmentSummeryInfo = ref({})
 const tenantList = ref([])
 const loading = ref(true)
-const showSearch = ref(true)
 const ids = ref([])
 const total = ref(0)
 const dateRange = ref([])
 const detailData = ref([]) //行程单-行程信息
 const exportLoading = ref(false)
+// 控制要显示的默认按钮
+const visibleDefaultButtons = ref(['query', 'reset']) // 只显示新增和查询两个默认按钮
+// 按钮配置
 const operationBtnList = ref([
   {
-    label: '搜索',
-    icon: 'Search',
-    type: 'primary',
+    key: 'reset',
     direction: 'right',
-    size: 'small',
-    click: handleQuery
+    click: resetQuery
   },
   {
-    label: '重置',
-    icon: 'Refresh',
-    type: 'info',
+    key: 'query',
     direction: 'right',
-    size: 'small',
-    click: resetQuery
+    click: handleQuery
   }
 ])
+const changePageNo = val => {
+  queryParams.value.pageNo = val
+  getList()
+}
+const changePageSize = val => {
+  queryParams.value.pageSize = val
+  getList()
+}
 const data = reactive({
   form: {},
   queryParams: {
@@ -530,7 +531,6 @@ getList()
   padding: 10px 20px; */
 }
 .dialogBox {
-  padding: 0 15px;
   .dialogTitle {
     display: flex;
     align-items: center;