boom暂存

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
+    });
 };

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="levelName" align="center" label="Boom等级" />
-      <el-table-column prop="x" align="center" label="金币任务数" />
+      <el-table-column prop="goldNum" align="center" label="金币任务数" />
-      <el-table-column prop="x" align="center" label="Boom等级图">
+      <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]"
+            :preview-src-list="[scope.row.pic]"
-            fit="cover"
+            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="Boom倒计时">
-      <el-table-column prop="x" align="center" label="Boon" />
+        <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" />
+          <video
-          <el-icon v-else class="avatar-uploader-icon">
+            v-if="eidObj.imageUrl2"
-            <Plus />
+            :key="eidObj.imageUrl2"
-          </el-icon>
+            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" />
+          <video
-          <el-icon v-else class="avatar-uploader-icon">
+            v-if="eidObj.imageUrl3"
-            <Plus />
+             :key="eidObj.imageUrl3"
-          </el-icon>
+            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 type="primary" @click="levelUpdateFun()"> 保存 </el-button>
-            保存
-          </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: [
+        options: [],
-          {
-            value: 1,
-            desc: "英语区",
-          },
-          {
-            value: 2,
-            desc: "阿拉伯地区",
-          },
-          {
-            value: 4,
-            desc: "华语区",
-          },
-        ],
       },
       // 表格
-      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",
+        imageUrl1: "",
-        imageUrl2:"http://img.soogif.com/tD8apuqVajWYEPjRiDKiCxECkTCyQDgw.gif_s400x0",
+        imageUrl2: "",
-        imageUrl3:"http://img.soogif.com/tD8apuqVajWYEPjRiDKiCxECkTCyQDgw.gif_s400x0",
+        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;
+      levelList({
-      let startTime = null;
+        partitionId: this.inquire.partitionId,
-      let endTime = null;
+      }).then((res) => {
-      console.log(this.inquire.time, 111111);
+        if (res.code == 200) {
-      if (time.length > 0) {
+          // this.total = res.data.total;
-        startTime = this.inquire.time[0]
+          // this.tableData = res.data.records;
-          ? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
+          this.tableData = res.data;
-          : null;
+          this.loading = false;
-        endTime = this.inquire.time[1]
+        } else {
-          ? dateFormat(this.inquire.time[1], "yyyy-MM-dd")
+          ElMessage({
-          : null;
+            showClose: true,
-      }
+            message: res.message,
-      //   diamondStatistics({
+            type: "error",
-      //     guildId: this.inquire.guildId,
+          });
-      //     ownerErbanNo: this.inquire.guildBoosId,
+        }
-      //     startTime: startTime,
+      });
-      //     endTime: endTime,
+    },
-      //     pageNo: this.currentPage,
+    levelUpdateFun() {
-      //     pageSize: this.pageSize,
+      var obj = {
-      //   }).then((res) => {
+        id: this.id,
-      //     if (res.code == 200) {
+        level: this.eidObj.level,
-      //       this.total = res.data.total;
+        goldNum: this.eidObj.goldNum,
-      //       this.tableData = res.data.records;
+        pic: this.eidObj.imageUrl1,
-      //       this.loading = false;
+        countDownVapUrl: this.eidObj.imageUrl2,
-      //     } else {
+        endVapUrl: this.eidObj.imageUrl3,
-      //       ElMessage({
+        partition:this.inquire.partitionId
-      //         showClose: true,
+      };
-      //         message: res.message,
+      levelUpdate(obj).then((res) => {
-      //         type: "error",
+        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: "上传成功！",

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,
+      memberDialog: true,
-      member:{
+      member: {
-        tableData:[],
+        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({
+      // levelList({
-      //     guildId: this.inquire.guildId,
+      //   partitionId: this.inquire.partitionId,
-      //     ownerErbanNo: this.inquire.guildBoosId,
+      //   startTime: startTime,
-      //     startTime: startTime,
+      //   endTime: endTime,
-      //     endTime: endTime,
+      //   pageNo: this.currentPage,
-      //     pageNo: this.currentPage,
+      //   pageSize: this.pageSize,
-      //     pageSize: this.pageSize,
+      // }).then((res) => {
-      //   }).then((res) => {
+      //   if (res.code == 200) {
-      //     if (res.code == 200) {
+      //     this.total = res.data.total;
-      //       this.total = res.data.total;
+      //     this.tableData = res.data.records;
-      //       this.tableData = res.data.records;
+      //     this.loading = false;
-      //       this.loading = false;
+      //   } else {
-      //     } else {
+      //     ElMessage({
-      //       ElMessage({
+      //       showClose: true,
-      //         showClose: true,
+      //       message: res.message,
-      //         message: res.message,
+      //       type: "error",
-      //         type: "error",
+      //     });
-      //       });
+      //   }
-      //     }
+      // });
-      //   });
     },
     // 分页导航
     handleSizeChange() {