创建仓库

src/views/hosts/hostsList.vue

@@ -4,7 +4,7 @@
       <!--  -->
       <div style="display: flex">
         <div></div>
-        <el-input
+       <el-input
           v-model="queryFormData.coinMin"
           placeholder="最小金币"
           size="large"
@@ -145,7 +145,7 @@
         >
           <!-- <el-table-column type="selection" width="35" /> -->
 
-          <el-table-column fixed prop="displayId" label="Id" width="170">
+          <el-table-column fixed prop="displayId" label="Id" :width="screenWidth">
             <template #default="scope">
               <div class="hostIdText" @click="openHTML(scope.row.displayId)">
                 {{ scope.row.displayId }}
@@ -158,7 +158,7 @@
             :key="label.paramCode"
             :prop="label.paramCode"
             :label="label.paramCodeMeaning"
-            width="170"
+            :width="screenWidth"
           >
             <template v-if="label.paramCode != 'createDt'" #default="scope"> </template>
           </el-table-column>
@@ -302,7 +302,7 @@ import {
 } from "@/api/account";
 import { usePythonBridge } from "@/utils/pythonBridge";
 import { getUser, setSerch, getSerch } from "@/utils/storage";
-import { ref, reactive, onMounted } from "vue";
+import { ref, reactive, onMounted,onBeforeUnmount  } from "vue";
 import EChartsComponent from "@/components/EChartsComponent.vue";
 import { ElMessage, ElMessageBox } from "element-plus";
 import { color } from "echarts";
@@ -310,6 +310,8 @@ import { getCountryName } from "@/utils/countryUtil";
 import { ElLoading } from "element-plus";
 //ip国家
 let countryData = ref("");
+//获取屏幕宽度
+const screenWidth = ref(window.innerWidth/10);
 //获取国家
 const getIpInfo = async () => {
   try {
@@ -410,7 +412,6 @@ let labelList = ref([
   { paramCode: "userIdStr", paramCodeMeaning: "用户id" },
   { paramCode: "level", paramCodeMeaning: "等级" },
   { paramCode: "hostcoins", paramCodeMeaning: "打赏的金币" },
-  { paramCode: "totalGiftCoins", paramCodeMeaning: "最低打赏金币数" },
   { paramCode: "hostDisplayId", paramCodeMeaning: "所在直播间主播id" },
   { paramCode: "region", paramCodeMeaning: "地区" },
   { paramCode: "followerCount", paramCodeMeaning: "粉丝数" },
@@ -426,8 +427,7 @@ const createTimes = ref([]);
 const page = ref(1);
 const pageSize = ref(10);
 const fields = [
-  { label: "打赏的金币", minModel: "hostcoinsMin", maxModel: "hostcoinsMax" },
+  // { label: "打赏的金币", minModel: "hostcoinsMin", maxModel: "hostcoinsMax" },
-  { label: "打赏金币总和", minModel: "totalGiftCoinsMin", maxModel: "totalGiftCoinsMax" },
   { label: "等级", minModel: "levelMin", maxModel: "levelMax" },
 ];
 //排序
@@ -437,7 +437,6 @@ let sortData = ref({ sortName: "createTime", sort: "desc" });
 let sortNameOptions = ref([
   { label: "创建时间", type: "createTime" },
   { label: "打赏的金币", type: "hostsCoins" },
-  { label: "打赏金币总和", type: "totalGiftCoins" },
   { label: "等级", type: "level" },
 ]);
 //员工选择列表
@@ -473,11 +472,16 @@ let options = ref([]);
 let version = ref("0.0.0");
 
 onMounted(() => {
+  window.addEventListener('resize', handleResize)
   setTimeout(() => {
     getUserdata();
   }, 500);
 });
 
+function handleResize() {
+  screenWidth.value = window.innerWidth/10;
+}
+
 async function getUserdata() {
   const User = await getUser();
   userInfo.value = User;