表格操作按钮样式更改

src/views/main/formworkErection/adPlatformAdmin.vue

@@ -9,15 +9,15 @@
       <Table @getTableData="changeTableData" v-model:page="page" ref="table" :data="tableData"
         @selection-change="handleSelectionChange">
         <el-table-column prop="channelId" label="平台ID" />
-        <el-table-column prop="channelName" label="平台名称" />
-        <el-table-column prop="loginType" label="登录类型"  >
+        <el-table-column prop="channelName" label="平台名称" width="100" />
+        <el-table-column prop="loginType" label="登录类型" width="100" >
           <template #default="scope">
             {{getDictionaryName("login_type",scope.row.loginType)}}
           </template>
         </el-table-column>
-        <el-table-column prop="channelAccount" label="平台账号"  />
-        <el-table-column prop="channelPwd" label="平台密码" />
-        <el-table-column prop="channelStatus" label="平台状态" >
+        <el-table-column prop="channelAccount" label="平台账号" width="150" />
+        <el-table-column prop="channelPwd" label="平台密码" width="120" />
+        <el-table-column prop="channelStatus" label="平台状态" width="100" >
           <template #default="scope">
             {{getDictionaryName("channel_status", scope.row.channelStatus)}}
           </template>
@@ -25,15 +25,15 @@
         <el-table-column prop="apiKey" label="API秘钥"  />
         <el-table-column prop="apiSecret" label="API密令" />
         <el-table-column prop="remark" label="备注" />
-        <el-table-column label="操作" fixed="right">
+        <el-table-column label="操作" width="100">
           <template #default="scope">
             <div class="button">
-              <el-button class="button-item" type="primary" style="margin-bottom: 5px;" @click="edit(scope.row)">
+              <el-link class="button-item" type="primary" style="margin-bottom: 5px;" @click="edit(scope.row)">
                 编辑
-              </el-button>
+              </el-link>
               <el-popconfirm placement="left" title="确认删除该数据?" @confirm="removeItem(scope.row)">
                 <template #reference>
-                  <el-button class="button-item" style="margin-bottom: 5px;" type="danger">删除</el-button>
+                  <el-link class="button-item" style="margin-bottom: 5px;" type="danger">删除</el-link>
                 </template>
               </el-popconfirm>
             </div>
@@ -362,7 +362,7 @@
 
     .button {
       display: flex;
-      flex-direction: column;
+      // flex-direction: column;
 
       .button-item {
         margin: 4px;

src/views/main/formworkErection/placementAdmin.vue

@@ -22,23 +22,23 @@
             {{ getDictionaryName("app_type", scope.row.appType) }}
           </template>
         </el-table-column>
-        <el-table-column prop="status" label="广告位状态">
+        <el-table-column prop="status" label="广告位状态" width="100">
           <template #default="scope">
             {{ getDictionaryName("placement_status", scope.row.status) }}
           </template>
         </el-table-column>
-        <el-table-column label="操作" fixed="right">
+        <el-table-column label="操作" width="100">
           <template #default="scope">
             <div class="button">
-              <el-button class="button-item" type="primary" style="margin-bottom: 5px;"
+              <el-link class="button-item" type="primary" style="margin-bottom: 5px;"
                          @click="edit(scope.row)">
                 编辑
-              </el-button>
+              </el-link>
               <el-popconfirm placement="left" title="确认删除该广告位?" @confirm="removeType(scope.row)">
                 <template #reference>
-                  <el-button class="button-item" style="margin-bottom: 5px;"
+                  <el-link class="button-item" style="margin-bottom: 5px;"
                              type="danger">删除
-                  </el-button>
+                  </el-link>
                 </template>
               </el-popconfirm>
             </div>
@@ -374,7 +374,7 @@ const removeType = async (row) => {
 
   .button {
     display: flex;
-    flex-direction: column;
+    // flex-direction: column;
 
     .button-item {
       margin: 4px;

src/views/main/outBagModule/appAdmin.vue

@@ -8,8 +8,8 @@
     <div class="layout-container">
       <Table @getTableData="changeTableData" v-model:page="page" ref="table" :data="tableData"
         @selection-change="handleSelectionChange">
-        <el-table-column prop="appId" label="应用ID" width="140" />
-        <el-table-column prop="appName" label="应用名称" width="140" />
+        <el-table-column prop="appId" label="应用ID" />
+        <el-table-column prop="appName" label="应用名称" width="160" />
         <el-table-column prop="superiorName" label="所属应用" width="120" />
         <el-table-column prop="ditchName" label="渠道名称" width="140">
           <template #default="scope">
@@ -22,38 +22,38 @@
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="nickName" label="所属用户" width="100" />
-        <el-table-column prop="appType" label="应用类型" width="100">
+        <el-table-column prop="nickName" label="所属用户" width="90" />
+        <el-table-column prop="appType" label="应用类型" width="90">
           <template #default="scope">
             {{ getDictionaryName("app_type", scope.row.appType) }}
           </template>
         </el-table-column>
-        <el-table-column prop="apkUrl" label="下载链接"  width="120">
+        <el-table-column prop="apkUrl" label="下载链接"  width="180">
           <template #default="scope">
             <a v-if="scope.row.apkUrl" :href="scope.row.apkUrl" target="_blank">{{ scope.row.appName }}.apk</a>
           </template>
         </el-table-column>
-        <el-table-column prop="qrCode" min-width="130" label="二维码">
+        <el-table-column prop="qrCode" width="140" label="二维码">
           <template #default="scope">
             <el-image v-if="scope.row.qrCode" style="width: 100px; height: 100px;" :z-index="99999" :src="scope.row.qrCode" fit="fill"
               :preview-src-list="[scope.row.qrCode]" preview-teleported="true" />
           </template>
         </el-table-column>
-        <el-table-column prop="updateTips" label="更新提示"  width="100" />
-        <el-table-column prop="enabled" label="是否启用"  width="100">
+        <el-table-column prop="updateTips" label="更新提示"  width="140" />
+        <el-table-column prop="enabled" label="是否启用"  width="90">
           <template #default="scope">
             {{ getDictionaryName("enabled", scope.row.enabled) }}
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="150" fixed="right">
+        <el-table-column label="操作" width="100">
           <template #default="scope">
             <div class="button">
-              <el-button class="button-item" type="primary" style="margin-bottom: 5px" @click="edit(scope.row)">
+              <el-link class="button-item" type="primary" style="margin-bottom: 5px" @click="edit(scope.row)">
                 编辑
-              </el-button>
+              </el-link>
               <el-popconfirm placement="left" title="确认删除该数据?" @confirm="removeApp(scope.row)">
                 <template #reference>
-                  <el-button class="button-item" style="margin-bottom: 5px" type="warning">删除</el-button>
+                  <el-link class="button-item" style="margin-bottom: 5px" type="warning">删除</el-link>
                 </template>
               </el-popconfirm>
             </div>
@@ -369,7 +369,7 @@ const removeApp = async (row) => {
 
   .button {
     display: flex;
-    flex-direction: column;
+    // flex-direction: column;
 
     .button-item {
       margin: 4px;

src/views/main/outBagModule/channelTypeAdmin.vue

@@ -15,16 +15,16 @@
             {{ convertUTCToBeijing(scope.row.createTime) }}
           </template>
         </el-table-column>
-        <el-table-column label="操作" fixed="right" width="200">
+        <el-table-column label="操作" width="100">
           <template #default="scope">
             <div class="button">
-              <el-button class="button-item" type="primary" style="margin-bottom: 5px;" @click="edit(scope.row)">
+              <el-link class="button-item" type="primary" style="margin-bottom: 5px;" @click="edit(scope.row)">
                 编辑
-              </el-button>
+              </el-link>
               <el-popconfirm placement="left" title="确认删除该渠道?" @confirm="removeType(scope.row)">
                 <template #reference>
-                  <el-button class="button-item" style="margin-bottom: 5px;" type="danger">删除
-                  </el-button>
+                  <el-link class="button-item" style="margin-bottom: 5px;" type="danger">删除
+                  </el-link>
                 </template>
               </el-popconfirm>
             </div>
@@ -214,7 +214,7 @@ const removeType = async (row) => {
 .layout-container {
   .button {
     display: flex;
-    flex-direction: column;
+    // flex-direction: column;
 
     .button-item {
       margin: 4px;

src/views/main/riskModule/riskControlConfig.vue

@@ -26,7 +26,7 @@
             {{scope.row.canModify? scope.row.appIds : '系统配置全应用生效'}}
           </template>
         </el-table-column>
-        <el-table-column prop="templateCode" label="配置编码" width="90" />
+        <el-table-column prop="templateCode" label="配置编码" width="180" />
         <el-table-column prop="templateContent" label="配置内容" width="200">
           <template #default="scope">
             <el-popover
@@ -53,7 +53,7 @@
             </template>
         </el-table-column>
         <el-table-column prop="templateId" label="配置模版ID" width="160" />
-        <el-table-column prop="templateName" label="配置名称" width="100" />
+        <el-table-column prop="templateName" label="配置名称" width="180" />
         <el-table-column prop="createTime" label="创建时间" width="160">
           <template #default="scope">
             {{ convertUTCToBeijing(scope.row.createTime) }}
@@ -67,19 +67,19 @@
         </el-table-column>
         <el-table-column prop="updateNickName" label="修改者" width="90" />
 
-        <el-table-column label="操作" width="150" fixed="right">
+        <el-table-column label="操作" width="170">
           <template #default="scope">
             <div class="button">
-              <el-button class="button-item" type="primary" style="margin-bottom: 5px;" @click="edit(scope.row)">
+              <el-link class="button-item" type="primary" @click="edit(scope.row)">
                 编辑
-              </el-button>
-              <el-button v-if="scope.row.canModify" class="button-item" type="success" style="margin-bottom: 5px;" @click="relativeApp(scope.row)">
+              </el-link>
+              <el-link v-if="scope.row.canModify" class="button-item" type="success" @click="relativeApp(scope.row)">
                 关联应用
-              </el-button>
-              <el-button v-if="scope.row.canModify" :type="scope.row.enabled ? 'danger' : ''" class="button-item" style="margin-bottom: 5px;"
+              </el-link>
+              <el-link v-if="scope.row.canModify" :type="scope.row.enabled ? 'danger' : ''" class="button-item"
                 @click="enabledConfig(scope.row)">
                 {{scope.row.enabled ? '关闭' : '开启'}}
-              </el-button>
+              </el-link>
             </div>
           </template>
         </el-table-column>
@@ -431,7 +431,7 @@
 
     .button {
       display: flex;
-      flex-direction: column;
+      // flex-direction: column;
 
       .button-item {
         margin: 4px;

src/views/main/userModule/userList.vue

@@ -58,19 +58,18 @@
         <el-table-column prop="versionCode" label="版本号" />
         <el-table-column prop="withdrawCount" label="提现笔数" width="90" />
         <el-table-column prop="withdrawTotal" label="提现总额" width="90" />
-        <el-table-column label="操作" width="150" fixed="right">
+        <el-table-column label="操作" width="220">
           <template #default="scope">
             <div class="button">
-              <el-button class="button-item" type="primary" style="margin-bottom: 5px;"
-                @click="editUserType(scope.row)">
+              <el-link class="button-item" type="primary" @click="editUserType(scope.row)">
                 风控解除
-              </el-button>
-              <el-button  v-if="scope.row.userStatus < 3" class="button-item" type="danger" style="margin-bottom: 5px;" @click="edit(scope.row)">
+              </el-link>
+              <el-link  v-if="scope.row.userStatus < 3" class="button-item" type="danger" @click="edit(scope.row)">
                 封禁用户
-              </el-button>
+              </el-link>
               <el-popconfirm title="确认锁定该用户?" @confirm="lockUser(scope.row)">
                 <template #reference>
-                  <el-button v-if="scope.row.userStatus < 2" class="button-item" style="margin-bottom: 5px;" type="warning">锁定用户</el-button>
+                  <el-link v-if="scope.row.userStatus < 2" class="button-item" type="warning">锁定用户</el-link>
                 </template>
               </el-popconfirm>
             </div>
@@ -472,7 +471,7 @@
 
     .button {
       display: flex;
-      flex-direction: column;
+      //flex-direction: column;
 
       .button-item {
         margin: 4px;