简表全表

2025-11-12 21:37:44 +08:00
parent d0f0e926f2
commit 8550367f45
2 changed files with 54 additions and 34 deletions
--- a/src/views/server/employeehosts/index.vue
+++ b/src/views/server/employeehosts/index.vue
@@ -147,18 +147,20 @@
    </div>
  </transition>

-  <div class="center-justify" style="margin-top: -15px;">
-    <el-button type="primary" @click="isShowSearch = !isShowSearch">{{ isShowSearch ? $t('employee.showSearch') :
-      $t('employee.hideSearch') }}</el-button>
-    <!-- <div v-if="isMobile">
-      <el-switch v-model="simpleModel" />
-      简化列表2
-    </div> -->
-  </div>
-
  <!-- 列表区域 -->
  <ContentWrap>
-    <el-switch v-model="isMobile" size="large" active-text="卡片" inactive-text="列表" />
+    <div style="display: flex;align-items: center;gap: 20px;">
+      <el-switch v-model="isMobile" size="large" active-text="卡片" inactive-text="列表" />
+
+      <el-switch v-model="Simplify" size="large" active-text="简表" inactive-text="全表" />
+
+      <div class="center-justify">
+        <el-button type="primary" @click="isShowSearch = !isShowSearch">{{ isShowSearch ? $t('employee.showSearch') :
+          $t('employee.hideSearch') }}</el-button>
+      </div>
+
+    </div>
+
    <!-- ✅ PC 端使用 table -->
    <el-table v-if="!isMobile" v-loading="loading" :data="list" :stripe="true"
      @selection-change="handleSelectionChange">
@@ -170,14 +172,17 @@
            {{ scope.row.hostsId }}</div>
        </template>
      </el-table-column>
+
      <el-table-column align="center" prop="hostsId" width="75">
        <template #default="scope">
          <el-link type="primary" @click="handleCopy(scope.row.hostsId, scope.row)">复制</el-link>
        </template>
-
      </el-table-column>
-      <el-table-column :label="$t('employee.hostsLevel')" align="center" prop="hostsLevel" />
-      <el-table-column :label="t('newHosts.invitationType')" align="center" prop="invitationType" width="200">
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.hostsLevel')" align="center" prop="hostsLevel" />
+
+      <el-table-column v-if="!Simplify" :label="t('newHosts.invitationType')" align="center" prop="invitationType"
+        width="200">
        <template #default="scope">
          <el-tag size="small" :type="scope.row.invitationType == 1 ? 'primary' : 'warning'">
            {{ dictLabelI18n(DICT_TYPE.HOSTS_INVITATION_TYPE, scope.row.invitationType) || '-' }}
@@ -185,26 +190,35 @@
        </template>
      </el-table-column>

-      <el-table-column label="uid" align="center" prop="uid" />
+      <el-table-column v-if="!Simplify" label="uid" align="center" prop="uid" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.hostsCoins')" align="center" prop="hostsCoins" />

-      <el-table-column :label="$t('employee.hostsCoins')" align="center" prop="hostsCoins" />
      <!-- <el-table-column :label="$t('employee.invitationType')" align="center" prop="invitationType" /> -->
-      <el-table-column :label="$t('employee.onlineFans')" align="center" prop="onlineFans" />
-      <el-table-column :label="$t('employee.fans')" align="center" prop="fans" />
-      <el-table-column :label="$t('employee.fllowernum')" align="center" prop="fllowernum" />
-      <el-table-column :label="$t('employee.yesterdayCoins')" align="center" prop="yesterdayCoins" />
-      <el-table-column :label="$t('employee.hostsCountry')" align="center" prop="country">
+      <el-table-column v-if="!Simplify" :label="$t('employee.onlineFans')" align="center" prop="onlineFans" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.fans')" align="center" prop="fans" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.fllowernum')" align="center" prop="fllowernum" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.yesterdayCoins')" align="center" prop="yesterdayCoins" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.hostsCountry')" align="center" prop="country">
        <template #default="scope">
          {{ t('newHosts.min') == '最小值' ? scope.row.country : scope.row.countryEng }}
        </template>
      </el-table-column>
-      <el-table-column :label="$t('employee.hostsKind')" align="center" prop="hostsKind" />
-      <el-table-column :label="$t('employee.remark')" align="center" prop="remake" />
-      <el-table-column :label="$t('employee.flag')" align="center" prop="flag">
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.hostsKind')" align="center" prop="hostsKind" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.remark')" align="center" prop="remake" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.flag')" align="center" prop="flag">
        <template #default="scope">
          <dict-tag :type="DICT_TYPE.FLAG_TYPE" :value="scope.row.flag" />
        </template>
      </el-table-column>
+
      <el-table-column :label="$t('employee.operationStatus')" align="center" prop="operationStatus">
        <template #default="scope">
          <el-tag size="small" :type="scope.row.operationStatus == 1 ? 'primary' : 'warning'">
@@ -212,11 +226,14 @@
          </el-tag>
        </template>
      </el-table-column>
-      <el-table-column :label="$t('employee.createTime')" align="center" prop="createTime" :formatter="dateFormatter"
-        width="180px" />
-      <el-table-column :label="$t('employee.updateTime')" align="center" prop="updateTime" :formatter="dateFormatter"
-        width="180px" />
-      <el-table-column :label="$t('employee.action')" align="center" min-width="120px">
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.createTime')" align="center" prop="createTime"
+        :formatter="dateFormatter" width="180px" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.updateTime')" align="center" prop="updateTime"
+        :formatter="dateFormatter" width="180px" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.action')" align="center" min-width="120px">
        <template #default="scope">
          <el-button link type="primary" @click="openForm('update', scope.row.id)">{{ $t('employee.edit') }}</el-button>
        </template>
@@ -659,6 +676,8 @@ function handleCopy(text, data) {

 const isMobile = ref(window.innerWidth <= 768)

+const Simplify = ref(false)
+
 onMounted(() => {
  getList()
  // getAllocationList()
--- a/src/views/server/manageemployeehosts/index.vue
+++ b/src/views/server/manageemployeehosts/index.vue
@@ -130,14 +130,15 @@
    </div>
  </transition>

-  <div class="center-justify" style="margin-top: -15px;">
-    <el-button type="primary" @click="isShowSearch = !isShowSearch">{{ isShowSearch ? $t('employee.showSearch') :
-      $t('employee.hideSearch') }}</el-button>
-  </div>
-
  <!-- 列表区域 -->
  <ContentWrap>
-    <el-switch v-model="isMobile" size="large" active-text="卡片" inactive-text="列表" />
+    <div style="display: flex; align-items: center; gap: 20px;">
+      <div class="center-justify">
+        <el-button type="primary" @click="isShowSearch = !isShowSearch">{{ isShowSearch ? $t('employee.showSearch') :
+          $t('employee.hideSearch') }}</el-button>
+      </div>
+      <el-switch v-model="isMobile" size="large" active-text="卡片" inactive-text="列表" />
+    </div>
    <!-- ✅ PC 端使用 table -->
    <el-table v-if="!isMobile" v-loading="loading" :data="list" :stripe="true"
      @selection-change="handleSelectionChange">