卡务操作-样式修改

src/views/cardCenter/cardOperation/ptCard/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="p-2 auto-overflow-y">
+  <div class="p-2 auto-overflow-y" style="overflow-x: hidden">
     <el-row :gutter="20">
       <!-- 部门树 -->
       <el-col :lg="4" :xs="24" style="">
@@ -7,7 +7,7 @@
           <el-input v-model="deptName" placeholder="请输入部门名称" prefix-icon="Search" clearable />
           <el-tree
             ref="deptTreeRef"
-            class="mt-2 w-300px h-148 inline-block overflow-auto"
+            class="mt-2 w-300px h-174 inline-block overflow-auto"
             node-key="id"
             :data="deptOptions"
             :props="{ label: 'label', children: 'children' }"
@@ -72,11 +72,11 @@
                   错扣补款
                 </el-button>
               </el-col>
-<!--              <el-col :span="1.5">-->
-<!--                <el-button v-has-permi="['cardOperation:ptCard:edit']" type="warning" plain icon="Unlock" @click="handleImportBalance()">-->
-<!--                  导入卡余-->
-<!--                </el-button>-->
-<!--              </el-col>-->
+              <!--              <el-col :span="1.5">-->
+              <!--                <el-button v-has-permi="['cardOperation:ptCard:edit']" type="warning" plain icon="Unlock" @click="handleImportBalance()">-->
+              <!--                  导入卡余-->
+              <!--                </el-button>-->
+              <!--              </el-col>-->
               <el-col :span="1.5">
                 <el-dropdown class="mt-[1px]">
                   <el-button plain type="info">
@@ -102,7 +102,14 @@
             </el-row>
           </template>
 
-          <el-table v-loading="loading" :data="ptUserAccountList" max-height="calc(100vh - 23.75rem)" @selection-change="handleSelectionChange">
+          <el-table
+            v-loading="loading"
+            :data="ptUserAccountList"
+            height="calc(100vh - 25rem)"
+            :row-style="{ 'height': '35px' }"
+            :cell-style="{ 'padding': '5px 0px', 'height': '30px' }"
+            @selection-change="handleSelectionChange"
+          >
             <el-table-column type="selection" width="55" align="center" />
             <el-table-column v-if="columns[0].visible" label="姓名" align="center" prop="realName" width="100" :show-overflow-tooltip="true" />
             <el-table-column v-if="columns[1].visible" label="学/工号" align="center" prop="userNumb" width="100" :show-overflow-tooltip="true" />
@@ -124,7 +131,7 @@
               </template>
             </el-table-column>
             <el-table-column v-if="columns[7].visible" label="账户余额" align="center" prop="accountBalance" />
-            <el-table-column v-if="columns[8].visible" label="账户流水号" align="center" prop="userNo" width="110" />
+            <el-table-column v-if="false && columns[8].visible" label="账户流水号" align="center" prop="userNo" width="110" />
             <el-table-column v-if="columns[9].visible" label="发卡情况" align="center" prop="accountCard" width="100">
               <template #default="scope">
                 <span :style="{ color: getCardInfoColor(scope.row.accountCard) }">{{ scope.row.accountCard }}</span>
@@ -138,7 +145,7 @@
               width="100"
               :show-overflow-tooltip="true"
             />
-            <el-table-column v-if="columns[11].visible" label="有效期" align="center" prop="lifespan" width="120">
+            <el-table-column v-if="columns[11].visible" label="有效期" align="center" prop="lifespan" width="110">
               <template #default="scope">
                 <span>{{ parseTime(scope.row.lifespan, '{y}-{m}-{d}') }}</span>
               </template>
@@ -148,7 +155,7 @@
                 <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
               </template>
             </el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="90">
               <template #default="scope">
                 <el-tooltip content="卡片信息" placement="top">
                   <el-button

src/views/payment/account/index.vue

@@ -84,8 +84,7 @@
                   ></el-button>
                   <template #dropdown>
                     <el-dropdown-menu>
-                      <el-dropdown-item  icon="Refresh" @click="handleResetLifespan"
-                        >重置有效期</el-dropdown-item>
+                      <el-dropdown-item icon="Refresh" @click="handleResetLifespan">重置有效期</el-dropdown-item>
                       <el-dropdown-item icon="RefreshLeft" @click="handleResetCardType"> 重置卡片类别</el-dropdown-item>
                       <el-dropdown-item icon="RefreshRight" @click="handleResetConsumePwd"> 重置消费密码</el-dropdown-item>
                     </el-dropdown-menu>
@@ -140,7 +139,7 @@
               </template>
             </el-table-column>
             <el-table-column v-if="columns[7].visible" label="账户余额" align="center" prop="accountBalance" width="100" />
-            <el-table-column v-if="columns[8].visible" label="账户流水号" align="center" prop="userNo" width="100" />
+            <el-table-column v-if="false && columns[8].visible" label="账户流水号" align="center" prop="userNo" width="100" />
             <el-table-column v-if="columns[9].visible" label="发卡情况" align="center" prop="accountCard" width="100">
               <template #default="scope">
                 <span :style="{ color: getCardInfoColor(scope.row.accountCard) }">{{ scope.row.accountCard }}</span>