boom暂存

2024-11-26 14:34:31 +08:00
parent 2394d2ef60
commit 44ea9d3dcf
3 changed files with 164 additions and 108 deletions
--- a/src/api/boom/boom.js
+++ b/src/api/boom/boom.js
@@ -1,6 +1,15 @@
 import request from '@/utils/request';
 import { genQueryParam } from '@/utils/maintainer';

+// 分区接口
+export const listPartitionInfo = query => {
+    return request({
+        url: '/partition/listPartitionInfo',
+        method: 'get',
+        params: query
+    });
+};
+
 // 邀请移除记录
 export const pageOperateRecord = query => {
    return request({
@@ -91,4 +100,21 @@ export const removeMember = query => {
        method: 'post',
        params: query
    });
+};
+// ========================================================Boom活动等级配置================================================
+// Boom活动等级配置-弹窗详情
+export const levelList = query => {
+    return request({
+        url: '/room/boom/level/list',
+        method: 'get',
+        params: query
+    });
+};
+// Boom活动等级配置-编辑
+export const levelUpdate = query => {
+    return request({
+        url: '/room/boom/level/update',
+        method: 'put',
+        data: query
+    });
 };
--- a/src/views/boom/levelSet.vue
+++ b/src/views/boom/levelSet.vue
@@ -8,11 +8,14 @@
          v-for="item in inquire.options"
          :key="item.id"
          :label="item.desc"
-          :value="item.value"
+          :value="item.id"
        >
        </el-option>
      </el-select>
    </div>
+    <el-button class="primary but" type="primary" @click="getData()"
+      >查询</el-button
+    >

    <!-- 表格 -->
    <el-table
@@ -21,29 +24,44 @@
      border
      style="width: 100%; margin-top: 25px"
    >
-      <el-table-column prop="x" align="center" label="Boom等级" />
-      <el-table-column prop="x" align="center" label="金币任务数" />
-      <el-table-column prop="x" align="center" label="Boom等级图">
+      <el-table-column prop="levelName" align="center" label="Boom等级" />
+      <el-table-column prop="goldNum" align="center" label="金币任务数" />
+      <el-table-column prop="countDownVapUrl" align="center" label="Boom等级图">
        <template v-slot="scope">
          <el-image
            style="width: 100px; height: 100px"
-            :src="scope.row.x"
+            :src="scope.row.pic"
            :zoom-rate="1.1"
-            :preview-src-list="[scope.row.x]"
-            fit="cover"
+            :preview-src-list="[scope.row.pic]"
+            fit="contain"
            preview-teleported="true"
            hide-on-click-modal="true"
          />
        </template>
      </el-table-column>
-      <el-table-column prop="x" align="center" label="Boom倒计时" />
-      <el-table-column prop="x" align="center" label="Boon" />
+      <el-table-column prop="x" align="center" label="Boom倒计时">
+        <template v-slot="scope">
+          <video :key="scope.row.countDownVapUrl"  width="320" height="240" controls="controls">
+            <source :src="scope.row.countDownVapUrl" type="video/mp4" /></video
+        ></template>
+      </el-table-column>
+      <el-table-column prop="x" align="center" label="Boon"
+        ><template v-slot="scope">
+          <video :key="scope.row.endVapUrl"  width="320" height="240" controls="controls">
+            <source :src="scope.row.endVapUrl" type="video/mp4" /></video
+        ></template>
+      </el-table-column>
      <el-table-column align="center" label="操作" width="300">
        <template v-slot="scope">
          <el-button
            @click="
+              eidObj.level = scope.row.level;
+              eidObj.goldNum = scope.row.goldNum;
+              eidObj.imageUrl1 = scope.row.pic;
+              eidObj.imageUrl2 = scope.row.countDownVapUrl;
+              eidObj.imageUrl3 = scope.row.endVapUrl;
+              id = scope.row.id;
              eidDialogBox = true;
-              x(scope);
            "
            type="text"
            size="default"
@@ -71,7 +89,7 @@
      </el-table-column>
    </el-table>
    <!-- 分页 -->
-    <el-pagination
+    <!-- <el-pagination
      style="margin-top: 10px"
      class="paginationClass"
      v-model:current-page="currentPage"
@@ -81,7 +99,7 @@
      :total="total"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
-    />
+    /> -->

    <!-- 等级奖励配置（查看） -->
    <el-dialog v-model="memberDialog" title="等级奖励配置（查看）" center>
@@ -274,7 +292,7 @@
          :before-upload="beforeAvatarUpload"
          :on-error="handleAvatarError"
        >
-          <img v-if="eidObj.imageUrl1" :src="eidObj.imageUrl1" class="avatar" />
+          <img v-if="eidObj.imageUrl1" :src="eidObj.imageUrl1"  class="avatar" />
          <el-icon v-else class="avatar-uploader-icon">
            <Plus />
          </el-icon>
@@ -283,7 +301,7 @@
      <div class="inquire">
        <span style="float: left">倒计时：</span>
        <el-upload
-          style="float: left"
+          style="float: left; width: 200px; height: 150px"
          class="avatar-uploader input"
          action="/admin/tencent/cos/upload/file"
          :show-file-list="false"
@@ -291,16 +309,22 @@
          :before-upload="beforeAvatarUpload"
          :on-error="handleAvatarError"
        >
-          <img v-if="eidObj.imageUrl2" :src="eidObj.imageUrl2" class="avatar" />
-          <el-icon v-else class="avatar-uploader-icon">
-            <Plus />
-          </el-icon>
+          <video
+            v-if="eidObj.imageUrl2"
+            :key="eidObj.imageUrl2"
+            autoplay
+            width="320"
+            height="240"
+            controls="controls"
+          >
+            <source :src="eidObj.imageUrl2"  type="video/mp4" />
+          </video>
        </el-upload>
      </div>
      <div class="inquire">
        <span style="float: left">Boom：</span>
        <el-upload
-          style="float: left"
+          style="float: left; width: 200px; height: 150px"
          class="avatar-uploader input"
          action="/admin/tencent/cos/upload/file"
          :show-file-list="false"
@@ -308,18 +332,22 @@
          :before-upload="beforeAvatarUpload"
          :on-error="handleAvatarError"
        >
-          <img v-if="eidObj.imageUrl3" :src="eidObj.imageUrl3" class="avatar" />
-          <el-icon v-else class="avatar-uploader-icon">
-            <Plus />
-          </el-icon>
+          <video
+            v-if="eidObj.imageUrl3"
+             :key="eidObj.imageUrl3"
+            autoplay
+            width="320"
+            height="240"
+            controls="controls"
+          >
+            <source :src="eidObj.imageUrl3" type="video/mp4" />
+          </video>
        </el-upload>
      </div>

      <template #footer>
        <span class="dialog-footer">
-          <el-button type="primary" @click="eidDialogBox = false">
-            保存
-          </el-button>
+          <el-button type="primary" @click="levelUpdateFun()"> 保存 </el-button>
          <el-button type="primary" @click="eidDialogBox = false">
            取消
          </el-button>
@@ -329,7 +357,7 @@
  </div>
 </template>
 <script>
-import {} from "@/api/boom/boom";
+import { listPartitionInfo, levelList, levelUpdate } from "@/api/boom/boom";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
@@ -338,27 +366,15 @@ export default {
  name: "levelSet",
  data() {
    return {
+      id: "",
      loading: false,
      //查询所需条件对象
      inquire: {
        partitionId: 2,
-        options: [
-          {
-            value: 1,
-            desc: "英语区",
-          },
-          {
-            value: 2,
-            desc: "阿拉伯地区",
-          },
-          {
-            value: 4,
-            desc: "华语区",
-          },
-        ],
+        options: [],
      },
      // 表格
-      tableData: [{ x: "" }],
+      tableData: [],
      // 内嵌表格查看
      memberDialog: false,
      member: {
@@ -393,13 +409,13 @@ export default {
        ],
      },
      //编辑
-      eidDialogBox: true,
+      eidDialogBox: false,
      eidObj: {
        level: "",
        goldNum: "",
-        imageUrl1:"http://img.soogif.com/tD8apuqVajWYEPjRiDKiCxECkTCyQDgw.gif_s400x0",
-        imageUrl2:"http://img.soogif.com/tD8apuqVajWYEPjRiDKiCxECkTCyQDgw.gif_s400x0",
-        imageUrl3:"http://img.soogif.com/tD8apuqVajWYEPjRiDKiCxECkTCyQDgw.gif_s400x0",
+        imageUrl1: "",
+        imageUrl2: "",
+        imageUrl3: "",
      },
      // 分页
      total: 0, //总页数
@@ -408,49 +424,65 @@ export default {
    };
  },
  created() {
-    // this.getData();
+    listPartitionInfo().then((res) => {
+      this.inquire.options = res.data;
+      this.inquire.partitionId = res.data[0].id;
+      this.getData();
+    });
  },
  methods: {
    // 查询接口
    getData() {
      this.loading = true;
-      let time = this.inquire.time;
-      let startTime = null;
-      let endTime = null;
-      console.log(this.inquire.time, 111111);
-      if (time.length > 0) {
-        startTime = this.inquire.time[0]
-          ? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
-          : null;
-        endTime = this.inquire.time[1]
-          ? dateFormat(this.inquire.time[1], "yyyy-MM-dd")
-          : null;
-      }
-      //   diamondStatistics({
-      //     guildId: this.inquire.guildId,
-      //     ownerErbanNo: this.inquire.guildBoosId,
-      //     startTime: startTime,
-      //     endTime: endTime,
-      //     pageNo: this.currentPage,
-      //     pageSize: this.pageSize,
-      //   }).then((res) => {
-      //     if (res.code == 200) {
-      //       this.total = res.data.total;
-      //       this.tableData = res.data.records;
-      //       this.loading = false;
-      //     } else {
-      //       ElMessage({
-      //         showClose: true,
-      //         message: res.message,
-      //         type: "error",
-      //       });
-      //     }
-      //   });
+      levelList({
+        partitionId: this.inquire.partitionId,
+      }).then((res) => {
+        if (res.code == 200) {
+          // this.total = res.data.total;
+          // this.tableData = res.data.records;
+          this.tableData = res.data;
+          this.loading = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    levelUpdateFun() {
+      var obj = {
+        id: this.id,
+        level: this.eidObj.level,
+        goldNum: this.eidObj.goldNum,
+        pic: this.eidObj.imageUrl1,
+        countDownVapUrl: this.eidObj.imageUrl2,
+        endVapUrl: this.eidObj.imageUrl3,
+        partition:this.inquire.partitionId
+      };
+      levelUpdate(obj).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "编辑成功！",
+            type: "success",
+          });
+          this.eidDialogBox = false;
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.success,
+            type: "error",
+          });
+        }
+      });
    },
    beforeAvatarUpload() {
      ElMessage({
        showClose: true,
-        message: "上传中~",
+        message: "上传中,可能较慢，请等待上穿成功的提示在操作下一步~",
        type: "warning",
      });
    },
@@ -464,7 +496,7 @@ export default {
    handleAvatarSuccess1(res, file) {
      console.log(file);
      // this.ediObj.imageUrl = URL.createObjectURL();
-      this.ediObj.imageUrl1 = file.response.data;
+      this.eidObj.imageUrl1 = res.data;
      ElMessage({
        showClose: true,
        message: "上传成功！",
@@ -474,7 +506,7 @@ export default {
    handleAvatarSuccess2(res, file) {
      console.log(file);
      // this.ediObj.imageUrl = URL.createObjectURL();
-      this.ediObj.imageUrl2 = file.response.data;
+      this.eidObj.imageUrl2 = res.data;
      ElMessage({
        showClose: true,
        message: "上传成功！",
@@ -484,7 +516,7 @@ export default {
    handleAvatarSuccess3(res, file) {
      console.log(file);
      // this.ediObj.imageUrl = URL.createObjectURL();
-      this.ediObj.imageUrl3 = file.response.data;
+      this.eidObj.imageUrl3 = res.data;
      ElMessage({
        showClose: true,
        message: "上传成功！",
--- a/src/views/boom/recordData.vue
+++ b/src/views/boom/recordData.vue
@@ -135,7 +135,7 @@
  </div>
 </template>
 <script>
-import {} from "@/api/boom/boom";
+import { levelList } from "@/api/boom/boom";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
@@ -155,9 +155,9 @@ export default {
      // 表格
      tableData: [],
      // 内嵌表格
-      memberDialog:true,
-      member:{
-        tableData:[],
+      memberDialog: true,
+      member: {
+        tableData: [],
      },
      //   新增弹窗
      addDialog: false,
@@ -177,7 +177,6 @@ export default {
      let time = this.inquire.time;
      let startTime = null;
      let endTime = null;
-      console.log(this.inquire.time, 111111);
      if (time.length > 0) {
        startTime = this.inquire.time[0]
          ? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
@@ -186,26 +185,25 @@ export default {
          ? dateFormat(this.inquire.time[1], "yyyy-MM-dd")
          : null;
      }
-      //   diamondStatistics({
-      //     guildId: this.inquire.guildId,
-      //     ownerErbanNo: this.inquire.guildBoosId,
-      //     startTime: startTime,
-      //     endTime: endTime,
-      //     pageNo: this.currentPage,
-      //     pageSize: this.pageSize,
-      //   }).then((res) => {
-      //     if (res.code == 200) {
-      //       this.total = res.data.total;
-      //       this.tableData = res.data.records;
-      //       this.loading = false;
-      //     } else {
-      //       ElMessage({
-      //         showClose: true,
-      //         message: res.message,
-      //         type: "error",
-      //       });
-      //     }
-      //   });
+      // levelList({
+      //   partitionId: this.inquire.partitionId,
+      //   startTime: startTime,
+      //   endTime: endTime,
+      //   pageNo: this.currentPage,
+      //   pageSize: this.pageSize,
+      // }).then((res) => {
+      //   if (res.code == 200) {
+      //     this.total = res.data.total;
+      //     this.tableData = res.data.records;
+      //     this.loading = false;
+      //   } else {
+      //     ElMessage({
+      //       showClose: true,
+      //       message: res.message,
+      //       type: "error",
+      //     });
+      //   }
+      // });
    },
    // 分页导航
    handleSizeChange() {