修改操作栏目样式问题

jeecgboot-vue3-master/src/views/annualCompPoint/committee/AnnualCompPointList.vue

@@ -105,7 +105,7 @@
       canResize: false,
       useSearchForm: false,
       actionColumn: {
-        width: 550,
+        width: 220,
         fixed: 'right',
       },
       beforeFetch: (params) => {

jeecgboot-vue3-master/src/views/annualCompPoint/superAdmin/AnnualCompPointListPass.vue

@@ -2,23 +2,17 @@
   <div>
     <!--查询区域-->
     <div class="jeecg-basic-table-form-container">
-      <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam"
-              :label-col="labelCol" :wrapper-col="wrapperCol">
-        <a-row :gutter="24">
-        </a-row>
+      <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
+        <a-row :gutter="24"> </a-row>
       </a-form>
     </div>
     <!--引用表格-->
     <BasicTable @register="registerTable" :rowSelection="rowSelection">
       <!--插槽:table标题-->
       <template #tableTitle>
-        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增
-        </a-button>
-        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出
-        </a-button>
-        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">
-          导入
-        </j-upload-button>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增 </a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出 </a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls"> 导入 </j-upload-button>
         <a-dropdown v-if="selectedRowKeys.length > 0">
           <template #overlay>
             <a-menu>
@@ -28,7 +22,8 @@
               </a-menu-item>
             </a-menu>
           </template>
-          <a-button>批量操作
+          <a-button
+            >批量操作
             <Icon icon="mdi:chevron-down"></Icon>
           </a-button>
         </a-dropdown>
@@ -46,10 +41,8 @@
         {{ getAreaTextByCode(text) }}
       </template>
       <template #fileSlot="{ text }">
-        <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
-        <a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined"
-                  size="small" @click="downloadFile(text)">下载
-        </a-button>
+        <span v-if="!text" style="font-size: 12px; font-style: italic">无文件</span>
+        <a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" size="small" @click="downloadFile(text)">下载 </a-button>
       </template>
     </BasicTable>
     <!-- 表单区域 -->
@@ -62,22 +55,15 @@ import {ref, reactive} from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useListPage } from '/@/hooks/system/useListPage';
   import { columns } from './AnnualCompPoint.data';
-import {
-  list,
-  deleteOne,
-  batchDelete,
-  getImportUrl,
-  getExportUrl,
-  updateApply
-} from './AnnualCompPoint.api';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl, updateApply } from './AnnualCompPoint.api';
   import { downloadFile } from '/@/utils/common/renderUtils';
-import AnnualCompPointModal from './components/AnnualCompPointModal.vue'
+  import AnnualCompPointModal from './components/AnnualCompPointModal.vue';
   import JSwitch from '/@/components/Form/src/jeecg/components/JSwitch.vue';
   import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue';
   import JPopup from '/@/components/Form/src/jeecg/components/JPopup.vue';
-import {router} from "/@/router";
-import {useRouter} from "vue-router";
-import {award} from "/@/views/award/AwardManagement.api.ts";
+  import { router } from '/@/router';
+  import { useRouter } from 'vue-router';
+  import { award } from '/@/views/award/AwardManagement.api.ts';
 
   const formRef = ref();
   const queryParam = reactive<any>({});
@@ -102,22 +88,17 @@ const {prefixCls, tableContext, onExportXls, onImportXls} = useListPage({
       },
     },
     exportConfig: {
-    name: "年度比赛项目管理",
+      name: '年度比赛项目管理',
       url: getExportUrl,
       params: queryParam,
     },
     importConfig: {
       url: getImportUrl,
-    success: handleSuccess
+      success: handleSuccess,
     },
   });
-const [registerTable, {
-  reload,
-  collapseAll,
-  updateTableDataRecord,
-  findTableDataRecord,
-  getDataSource
-}, {rowSelection, selectedRowKeys}] = tableContext;
+  const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] =
+    tableContext;
   const labelCol = reactive({
     xs: { span: 24 },
     sm: { span: 7 },
@@ -154,13 +135,13 @@ function handleDetail(record: Recordable) {
   /**
    * 年度项目管理 评奖
    */
-const  router = useRouter()
+  const router = useRouter();
   function pingjiang(record: Recordable) {
     // console.log(record.id)
-  award({annualCompid:record.id})
+    award({ annualCompid: record.id });
     router.push({
       path: '/award/AwardManagementList',
-    query: {id: record.id}
+      query: { id: record.id },
     });
   }
 
@@ -170,7 +151,7 @@ function pingjiang(record: Recordable) {
   function applicationManage(record: Recordable) {
     router.push({
       path: '/workManage/works',
-    query: {annualCompPointId: record.id}
+      query: { annualCompPointId: record.id },
     });
   }
 
@@ -180,18 +161,17 @@ function applicationManage(record: Recordable) {
   function topicManage(record: Recordable) {
     router.push({
       path: '/workManage/works',
-    query: {annualCompPointId: record.id}
+      query: { annualCompPointId: record.id },
     });
   }
 
-
   /**
    * 年度项目管理 作品管理
    */
   function workManage(record: Recordable) {
     router.push({
       path: '/workManage/works',
-    query: {annualCompPointId: record.id}
+      query: { annualCompPointId: record.id },
     });
   }
 
@@ -201,24 +181,20 @@ function workManage(record: Recordable) {
   function scoreManage(record: Recordable) {
     router.push({
       path: '/workManage/works',
-    query: {annualCompPointId: record.id}
+      query: { annualCompPointId: record.id },
     });
   }
 
-
   /**
    * 年度项目管理 评奖管理
    */
   function awardManage(record: Recordable) {
     router.push({
       path: '/workManage/works',
-    query: {annualCompPointId: record.id}
+      query: { annualCompPointId: record.id },
     });
   }
 
-
-
-
   /**
    * 年度项目管理 提交审核按钮
    */
@@ -233,7 +209,6 @@ async function handleDelete(record) {
     await deleteOne({ id: record.id }, handleSuccess);
   }
 
-
   /**
    * 批量删除事件
    */
@@ -276,18 +251,18 @@ function getTableAction(record) {
       {
         label: '详情',
         onClick: handleDetail.bind(null, record),
-    }, {
+      },
+      {
         label: '删除',
         popConfirm: {
           title: '是否确认删除',
           confirm: handleDelete.bind(null, record),
-      }
+        },
       },
     ];
     return actions;
   }
 
-
   /**
    * 查询
    */
@@ -313,8 +288,6 @@ function setFieldsValue(map) {
       queryParam[key] = map[key];
     });
   }
-
-
 </script>
 
 <style lang="less" scoped>
@@ -333,7 +306,10 @@ function setFieldsValue(map) {
     .query-group-split-cust {
       width: 30px;
       display: inline-block;
-    text-align: center
+      text-align: center;
+    }
   }
+  ::v-deep(.ant-table-row) {
+    height: 120px !important;
   }
 </style>