优化

src/views/hosts/hostsList.vue

@@ -8,7 +8,7 @@
           v-model="queryFormData.coinMin"
           placeholder="最小金币"
           size="large"
-          style="width: 160px"
+          style="width: 180px"
           type="number"
         />
 
@@ -16,7 +16,8 @@
           v-model="queryFormData.coinMax"
           placeholder="最大金币"
           size="large"
-          style="width: 160px; margin-left: 50px"
+          style="width: 180px;"
+          class="right-input"
           type="number"
         />
 
@@ -24,7 +25,8 @@
           v-model="queryFormData.levelMin"
           placeholder="最小等级"
           size="large"
-          style="width: 160px; margin-left: 50px"
+          style="width: 180px;"
+          class="right-input"
           type="number"
         />
 
@@ -32,47 +34,45 @@
           v-model="queryFormData.levelMax"
           placeholder="最大等级"
           size="large"
-          style="width: 160px; margin-left: 50px"
+          style="width: 180px;"
+          class="right-input"
           type="number"
         />
 
-        <div style="width: 250px; margin-left: 50px; height: 50px; line-height: 50px">
+        <div class="right-input right-text" style="width: 250px; height: 50px; line-height: 50px">
           当前网络：{{ countryData }}
         </div>
-        <div style="width: 160px; margin-left: 50px; height: 50px; line-height: 50px">
+        <div class="right-input right-text" style="width: 160px; height: 50px; line-height: 50px">
           总数：{{ getBrotherInfodata.total }}
         </div>
-        <div style="width: 160px; margin-left: 50px; height: 50px; line-height: 50px">
+        <div class="right-input right-text" style="width: 160px;height: 50px; line-height: 50px">
           有效数：{{ getBrotherInfodata.valid }}
         </div>
 
         <el-button
-          class="serch-button"
+          class="serch-button right-input"
-          style="margin-left: 50px"
           type="primary"
           @click="Resetss"
           >重置</el-button
         >
 
         <el-button
-          class="serch-button"
+          class="serch-button right-input"
-          style="margin-left: 50px; width: 150px"
+          style="width: 150px"
           type="primary"
           @click="openTikTok"
           >打开 TikTok 登录</el-button
         >
         <el-button
           v-show="queryFormData.isRunning"
-          class="serch-button"
+          class="serch-button right-input"
-          style="margin-left: 50px"
           type="primary"
           @click="getBigBrother"
           >开始</el-button
         >
         <el-button
           v-show="!queryFormData.isRunning"
-          class="serch-button"
+          class="serch-button right-input"
-          style="margin-left: 50px"
           type="primary"
           @click="BigBrotherstop"
           >结束</el-button
@@ -101,13 +101,13 @@
           v-model="searchForm.displayId"
           placeholder="大哥id"
           size="large"
-          style="width: 160px; margin-left: 50px"
+          style="width: 160px;"
+          class="right-input"
           clearable
         />
 
         <el-button
-          class="serch-button"
+          class="serch-button right-input"
-          style="margin-left: 50px"
           type="primary"
           @click="serch"
           >查询</el-button
@@ -307,7 +307,7 @@ import EChartsComponent from "@/components/EChartsComponent.vue";
 import { ElMessage, ElMessageBox } from "element-plus";
 import { color } from "echarts";
 import { getCountryName } from "@/utils/countryUtil";
-
+import { ElLoading } from "element-plus";
 //ip国家
 let countryData = ref("");
 //获取国家
@@ -373,12 +373,18 @@ function BigBrotherstop() {
   });
 }
 function getBigBrother() {
+  const loading = ElLoading.service({
+    lock: true,
+    text: "正在启动...",
+    background: "rgba(0, 0, 0, 0.7)",
+  });
   queryFormData.value.tenantId = userInfo.value.tenantId;
   queryFormData.value.region = countryData.value;
   controlTask(JSON.stringify(queryFormData.value)).then((res) => {
     queryFormData.value.isRunning = false;
     timerId.value = setInterval(() => {
       getBrotherInfo().then((res) => {
+        loading.close();
         getBrotherInfodata.value = res;
       });
     }, 1000);
@@ -404,7 +410,7 @@ let labelList = ref([
   { paramCode: "userIdStr", paramCodeMeaning: "用户id" },
   { paramCode: "level", paramCodeMeaning: "等级" },
   { paramCode: "hostcoins", paramCodeMeaning: "打赏的金币" },
-  { paramCode: "totalGiftCoins", paramCodeMeaning: "打赏金币总和" },
+  { paramCode: "totalGiftCoins", paramCodeMeaning: "最低打赏金币数" },
   { paramCode: "hostDisplayId", paramCodeMeaning: "所在直播间主播id" },
   { paramCode: "region", paramCodeMeaning: "地区" },
   { paramCode: "followerCount", paramCodeMeaning: "粉丝数" },
@@ -814,4 +820,11 @@ function openHTML(id) {
 ::v-deep(.el-pagination.is-background .el-pager li.is-active) {
   background-color: @bg-color;
 }
+.right-input {
+  margin-left: 20px;
+}
+.right-text{
+  color: #666;
+  font-size: 16px;
+}
 </style>

src/views/hosts/workbenches.vue

@@ -121,6 +121,7 @@ import { setNumData, getNumData, getUser, setTkUser, getTkUser } from '@/utils/s
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getCountryName } from '@/utils/countryUtil'
 import { tkaccountuseinfo } from '@/api/account'
+
 //导入python交互方法
 const { fetchDataConfig, fetchDataCount, loginBackStage, loginTikTok, backStageloginStatus, backStageloginStatusCopy } = usePythonBridge();