Browse Source

卡务操作-样式修改

bing 5 days ago
parent
commit
87fa1353f4

+ 18 - 11
src/views/cardCenter/cardOperation/ptCard/index.vue

@@ -1,5 +1,5 @@
1
 <template>
1
 <template>
2
-  <div class="p-2 auto-overflow-y">
2
+  <div class="p-2 auto-overflow-y" style="overflow-x: hidden">
3
     <el-row :gutter="20">
3
     <el-row :gutter="20">
4
       <!-- 部门树 -->
4
       <!-- 部门树 -->
5
       <el-col :lg="4" :xs="24" style="">
5
       <el-col :lg="4" :xs="24" style="">
@@ -7,7 +7,7 @@
7
           <el-input v-model="deptName" placeholder="请输入部门名称" prefix-icon="Search" clearable />
7
           <el-input v-model="deptName" placeholder="请输入部门名称" prefix-icon="Search" clearable />
8
           <el-tree
8
           <el-tree
9
             ref="deptTreeRef"
9
             ref="deptTreeRef"
10
-            class="mt-2 w-300px h-148 inline-block overflow-auto"
10
+            class="mt-2 w-300px h-174 inline-block overflow-auto"
11
             node-key="id"
11
             node-key="id"
12
             :data="deptOptions"
12
             :data="deptOptions"
13
             :props="{ label: 'label', children: 'children' }"
13
             :props="{ label: 'label', children: 'children' }"
@@ -72,11 +72,11 @@
72
                   错扣补款
72
                   错扣补款
73
                 </el-button>
73
                 </el-button>
74
               </el-col>
74
               </el-col>
75
-<!--              <el-col :span="1.5">-->
76
-<!--                <el-button v-has-permi="['cardOperation:ptCard:edit']" type="warning" plain icon="Unlock" @click="handleImportBalance()">-->
77
-<!--                  导入卡余-->
78
-<!--                </el-button>-->
79
-<!--              </el-col>-->
75
+              <!--              <el-col :span="1.5">-->
76
+              <!--                <el-button v-has-permi="['cardOperation:ptCard:edit']" type="warning" plain icon="Unlock" @click="handleImportBalance()">-->
77
+              <!--                  导入卡余-->
78
+              <!--                </el-button>-->
79
+              <!--              </el-col>-->
80
               <el-col :span="1.5">
80
               <el-col :span="1.5">
81
                 <el-dropdown class="mt-[1px]">
81
                 <el-dropdown class="mt-[1px]">
82
                   <el-button plain type="info">
82
                   <el-button plain type="info">
@@ -102,7 +102,14 @@
102
             </el-row>
102
             </el-row>
103
           </template>
103
           </template>
104
 
104
 
105
-          <el-table v-loading="loading" :data="ptUserAccountList" max-height="calc(100vh - 23.75rem)" @selection-change="handleSelectionChange">
105
+          <el-table
106
+            v-loading="loading"
107
+            :data="ptUserAccountList"
108
+            height="calc(100vh - 25rem)"
109
+            :row-style="{ 'height': '35px' }"
110
+            :cell-style="{ 'padding': '5px 0px', 'height': '30px' }"
111
+            @selection-change="handleSelectionChange"
112
+          >
106
             <el-table-column type="selection" width="55" align="center" />
113
             <el-table-column type="selection" width="55" align="center" />
107
             <el-table-column v-if="columns[0].visible" label="姓名" align="center" prop="realName" width="100" :show-overflow-tooltip="true" />
114
             <el-table-column v-if="columns[0].visible" label="姓名" align="center" prop="realName" width="100" :show-overflow-tooltip="true" />
108
             <el-table-column v-if="columns[1].visible" label="学/工号" align="center" prop="userNumb" width="100" :show-overflow-tooltip="true" />
115
             <el-table-column v-if="columns[1].visible" label="学/工号" align="center" prop="userNumb" width="100" :show-overflow-tooltip="true" />
@@ -124,7 +131,7 @@
124
               </template>
131
               </template>
125
             </el-table-column>
132
             </el-table-column>
126
             <el-table-column v-if="columns[7].visible" label="账户余额" align="center" prop="accountBalance" />
133
             <el-table-column v-if="columns[7].visible" label="账户余额" align="center" prop="accountBalance" />
127
-            <el-table-column v-if="columns[8].visible" label="账户流水号" align="center" prop="userNo" width="110" />
134
+            <el-table-column v-if="false && columns[8].visible" label="账户流水号" align="center" prop="userNo" width="110" />
128
             <el-table-column v-if="columns[9].visible" label="发卡情况" align="center" prop="accountCard" width="100">
135
             <el-table-column v-if="columns[9].visible" label="发卡情况" align="center" prop="accountCard" width="100">
129
               <template #default="scope">
136
               <template #default="scope">
130
                 <span :style="{ color: getCardInfoColor(scope.row.accountCard) }">{{ scope.row.accountCard }}</span>
137
                 <span :style="{ color: getCardInfoColor(scope.row.accountCard) }">{{ scope.row.accountCard }}</span>
@@ -138,7 +145,7 @@
138
               width="100"
145
               width="100"
139
               :show-overflow-tooltip="true"
146
               :show-overflow-tooltip="true"
140
             />
147
             />
141
-            <el-table-column v-if="columns[11].visible" label="有效期" align="center" prop="lifespan" width="120">
148
+            <el-table-column v-if="columns[11].visible" label="有效期" align="center" prop="lifespan" width="110">
142
               <template #default="scope">
149
               <template #default="scope">
143
                 <span>{{ parseTime(scope.row.lifespan, '{y}-{m}-{d}') }}</span>
150
                 <span>{{ parseTime(scope.row.lifespan, '{y}-{m}-{d}') }}</span>
144
               </template>
151
               </template>
@@ -148,7 +155,7 @@
148
                 <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
155
                 <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
149
               </template>
156
               </template>
150
             </el-table-column>
157
             </el-table-column>
151
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
158
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="90">
152
               <template #default="scope">
159
               <template #default="scope">
153
                 <el-tooltip content="卡片信息" placement="top">
160
                 <el-tooltip content="卡片信息" placement="top">
154
                   <el-button
161
                   <el-button

+ 2 - 3
src/views/payment/account/index.vue

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