超管中心 - 删除表头多选框

src/views/nobleman/GuildInfo.vue

@@ -1,5 +1,9 @@
 <template>
   <div class="box">
+    <div class="inquire">
+      <span>分区</span>
+      <partition-select v-model:partition-id="inquire.partitionId" />
+    </div>
     <!-- 查询 -->
     <div class="inquire">
       <span>公会ID</span>
@@ -112,6 +116,9 @@
                      size="default">{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</el-button>
         </template>
       </el-table-column>
+      <el-table-column prop="operator"
+                       align="center"
+                       label="操作人" />
       <el-table-column align="center"
                        label="收款账户"
                        width="300">
@@ -509,10 +516,12 @@ import {
 } from "@/api/nobleman/nobleman";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
+import PartitionSelect from "../common/partitionSelect.vue";
 // @ts-ignore
 import { ElMessage } from "element-plus";
 export default {
   name: "GuildInfo",
+  components: { PartitionSelect },
   data () {
     return {
       loading: false,
@@ -525,6 +534,7 @@ export default {
         referrer: "",
         time: "",
         inviteErbanNo: undefined,
+  partitionId: undefined,
       },
       //新增所需对象
       resource: {
@@ -595,6 +605,7 @@ export default {
         erbanNo: this.inquire.userId,
         referrer: this.inquire.referrer,
         familyName: this.inquire.nick,
+        partitionId: this.inquire.partitionId,
         // startDate: startTime,
         // endDate: endTime,
         inviteErbanNo: this.inquire.inviteErbanNo,

src/views/superCenter/DynamicVerifyViewSuper.vue

@@ -0,0 +1,623 @@
+<template>
+  <section class="content">
+    <div class="box box-primary">
+      <div class="box-body">
+        <!-- Content Header (Page header) -->
+        <section class="content-header">
+          <h1 id="itemTitle"></h1>
+        </section>
+        <!-- .content -->
+        <div id="table"></div>
+        <div id="toolbar" style="height: auto">
+          <form
+            id="searchForm"
+            class="col-sm-pull-12"
+            action="/admin/dynamic/verify/export"
+            method="post"
+            target="_blank"
+          >
+          </form>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <div
+    class="modal fade"
+    id="showModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabel"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content" style="width: 500px">
+        <div class="modal-header">
+          <button
+            type="button"
+            class="close"
+            data-dismiss="modal"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
+          </button>
+          <h4 class="modal-title" id="modalLabel">查看</h4>
+        </div>
+        <div class="modal-body">
+          <input type="hidden" name="id" id="dynamicId" />
+          <div class="show" style="margin-left: 60px"></div>
+        </div>
+        <div id="imgMask"><img src="" alt="" /></div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            关闭
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="modal fade"
+    id="notPassModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabe2"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content" style="width: 600px">
+        <div class="modal-header">
+          <button
+            type="button"
+            class="close"
+            data-dismiss="modal"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
+          </button>
+          <h4 class="modal-title" id="modalLabe2">请选择原因</h4>
+        </div>
+        <div class="modal-body">
+          <form class="form-horizontal" id="notPassForm">
+            <input type="hidden" name="id" id="dynamicId1" />
+            <input type="hidden" name="status" id="status1" />
+            <div class="form-group">
+              <div class="col-sm-10">
+                <select
+                  id="quick_reason"
+                  class="form-control"
+                  data-btn-class="btn-warning"
+                  onchange="setReason()"
+                >
+                  <option value="0">
+                    動態可能包含抽煙、喝酒、辱罵、攻擊他人等不文明內容
+                  </option>
+                  <option value="1">動態涉及色情、暴力、病毒等違規內容</option>
+                  <option value="2">動態包含政治敏感信息</option>
+                  <option value="3">動態包含廣告、營銷內容</option>
+                  <option value="4">
+                    動態可能包含個人隱私信息或涉及他人營私信息
+                  </option>
+                  <option value="5">動態可能涉及線下交易</option>
+                  <option value="6">動態內容無意義</option>
+                  <option value="7">動態內容與世界主題無關</option>
+                  <option value="8">動態可能涉嫌侵犯他人版權</option>
+                  <option value="9">其他</option>
+                </select>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <div class="col-sm-10">
+                <textarea
+                  name="reason"
+                  id="reason"
+                  class="form-control"
+                  rows="3"
+                ></textarea>
+              </div>
+            </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            关闭
+          </button>
+          <button type="button" class="btn btn-primary" id="not-pass-save">
+            保存
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="modal fade"
+    id="showContentModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabe3"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content" style="width: 500px">
+        <div class="modal-header">
+          <button
+            type="button"
+            class="close"
+            data-dismiss="modal"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
+          </button>
+          <h4 class="modal-title" id="modalLabe3">查看动态内容详情</h4>
+        </div>
+        <div class="modal-body">
+          <span id="dynamic-content"></span>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            关闭
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import TableHelper from "@/utils/bootstrap-table-helper";
+import { showLoading, hideLoading } from "@/utils/maintainer";
+
+var picker1 = $("#beginDate").datetimepicker({
+  format: "yyyy-mm-dd hh:ii:00",
+  autoclose: true,
+  todayBtn: true,
+});
+var picker2 = $("#endDate").datetimepicker({
+  format: "yyyy-mm-dd hh:ii:00",
+  autoclose: true,
+  todayBtn: true,
+});
+picker1.on("changeDate", function () {
+  var date = $("#beginDate").datetimepicker("getDate");
+  picker2.datetimepicker("setStartDate", date);
+});
+picker2.on("changeDate", function () {
+  var date = $("#endDate").datetimepicker("getDate");
+  picker1.datetimepicker("setEndDate", date);
+});
+export default {
+  name: "DynamicVerifyViewSuper",
+  setup() {
+    function setReason() {
+      if ($("#quick_reason option:selected").val() != 9) {
+        $("#reason").val($("#quick_reason option:selected").text());
+      } else {
+        $("#reason").val("");
+      }
+    }
+
+    function showContent(note) {
+      var content = $(note).parent().find("input").val();
+      $("#dynamic-content").text(content);
+      $("#showContentModal").modal("show");
+    }
+
+    function showPic(resUrl, id) {
+      var html = '<div style="width: 320px;">';
+      console.log(resUrl);
+      if (resUrl != null && resUrl != "" && resUrl != undefined) {
+        var resUrls = resUrl.split(",");
+        for (var i = 0; i < resUrls.length; i++) {
+          if (
+            resUrls[i] != null &&
+            resUrls[i] != undefined &&
+            resUrls[i] != ""
+          ) {
+            html +=
+              '<img id="imgs" src="' +
+              resUrls[i] +
+              '" style="width: 100px;height: 100px;">';
+          }
+        }
+      }
+      html += "</div>";
+      // 打开编辑弹窗
+      $("#showModal").modal("show");
+      $("#dynamicId").val(id);
+      $(".show").html(html);
+    }
+
+    function showVideo(resUrl, id) {
+      var html =
+        '<video width="320" height="240" controls autoplay><source src="' +
+        resUrl +
+        '" type="video/mp4"></video>';
+      // 打开编辑弹窗
+      $("#showModal").modal("show");
+      $("#dynamicId").val(id);
+      $(".show").html(html);
+    }
+    window.setReason = setReason;
+    window.showContent = showContent;
+    window.showPic = showPic;
+    window.showVideo = showVideo;
+    return {
+      setReason,
+      showContent,
+      showPic,
+      showVideo,
+    };
+  },
+  created() {
+    this.$nextTick(function () {
+      this.initData();
+    });
+  },
+  methods: {
+    initData() {
+      $(function () {
+        $("#table").bootstrapTable("destroy");
+        $("#table").bootstrapTable({
+          columns: [
+            //{field: 'id', title: 'id', align: 'center', width: '5%'},
+            { field: "erbanNo", title: "平台号", align: "center", width: "5%" },
+            { field: "nick", title: "昵称", align: "center", width: "5%" },
+            { field: "gender", title: "性别", align: "center", width: "5%" },
+            { field: "worldName", title: "话题", align: "center", width: "5%" },
+            {
+              field: "content",
+              title: "动态内容",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                if (isEmpty(val)) {
+                  return "-";
+                } else {
+                  if (val.length > 50) {
+                    var content =
+                      "<input type='hidden' id='input-content' value='" +
+                      val +
+                      "'>";
+                    return (
+                      val.substring(0, 50) +
+                      "..." +
+                      content +
+                      "<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showContent(this) style='margin-left: 10px;'>查看更多</a>"
+                    );
+                  } else {
+                    return val;
+                  }
+                }
+              },
+            },
+            {
+              field: "resUrl",
+              title: "图片/视频/语音",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                if (row.type == 1) {
+                  return (
+                    '<audio controls="controls"><source src="' +
+                    val +
+                    '" type="audio/mpeg"></audio>'
+                  );
+                } else if (row.type == 2) {
+                  return (
+                    "<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showPic('" +
+                    row.resUrl +
+                    "'," +
+                    row.id +
+                    ")>查看图片</button>"
+                  );
+                } else if (row.type == 3) {
+                  return (
+                    "<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showVideo('" +
+                    row.resUrl +
+                    "'," +
+                    row.id +
+                    ")>查看视频</button>"
+                  );
+                }
+              },
+            },
+            {
+              field: "createTime",
+              title: "发布时间",
+              align: "center",
+              width: "5%",
+              valign: "middle",
+              formatter: function (val, row, index) {
+                if (val) {
+                  var date = new Date(val);
+                  return date.format("yyyy-MM-dd hh:mm:00");
+                } else {
+                  return "-";
+                }
+              },
+            },
+            { field: "statusStr", title: "状态", align: "center", width: "5%" },
+            {
+              field: "updateBy",
+              title: "操作人",
+              align: "center",
+              width: "5%",
+            },
+            {
+              field: "updateTime",
+              title: "操作时间",
+              align: "center",
+              width: "5%",
+              valign: "middle",
+              formatter: function (val, row, index) {
+                if (val) {
+                  var date = new Date(val);
+                  return date.format("yyyy-MM-dd hh:mm:00");
+                } else {
+                  return "-";
+                }
+              },
+            },
+            {
+              field: "id",
+              title: "操作",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                var pass =
+                  '<button class="btn btn-sm btn-primary opt-pass" data-id=' +
+                  val +
+                  " data-status=1>通&#12288;过</button>";
+                var noPass =
+                  '<button class="btn btn-sm btn-danger opt-not-pass" data-id=' +
+                  val +
+                  " data-status=2>不通过</button>";
+                var shelve =
+                  '<button class="btn btn-sm btn-primary opt-pass" data-id=' +
+                  val +
+                  " data-status=4>上&#12288;架</button>";
+                var unshelve =
+                  '<button class="btn btn-sm btn-danger opt-not-pass" data-id=' +
+                  val +
+                  " data-status=5>下&#12288;架</button>";
+                if (row.status == 0) {
+                  return pass + "</br>" + noPass;
+                } else if (
+                  row.status == 1 ||
+                  row.status == 6 ||
+                  row.status == 4
+                ) {
+                  return unshelve;
+                } else if (
+                  row.status == 2 ||
+                  row.status == 5 ||
+                  row.status == 7
+                ) {
+                  return shelve;
+                }
+              },
+            },
+          ],
+          cache: false,
+          striped: true,
+          showRefresh: false,
+          pageSize: 10,
+          pagination: true,
+          pageList: [10, 20, 50, 100],
+          search: false,
+          sidePagination: "server", //表示服务端请求
+          //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+          //设置为limit可以获取limit, offset, search, sort, order
+          queryParamsType: "-",
+          queryParams: function queryParams(params) {
+            //设置查询参数
+            var param = {
+              pageNumber: params.pageNumber,
+              pageSize: params.pageSize,
+              erbanNo: $("#erbanNo").val(),
+              nick: $("#nick").val(),
+              status: $("#status").val(),
+              beginDate: $("#beginDate").val(),
+              endDate: $("#endDate").val(),
+              wolrdId: $("#wolrdId").val(),
+              partitionId: $("#partitionId").val(),
+            };
+            return param;
+          },
+          toolbar: "#toolbar",
+          url: "/admin/superCenter/dynamicList",
+          onLoadSuccess: function () {
+            //加载成功时执行
+            console.log("load success");
+          },
+          onLoadError: function () {
+            //加载失败时执行
+            console.log("load fail");
+          },
+        });
+
+        // 查询刷新
+        $("#btnSearch").on("click", function () {
+          TableHelper.doRefresh("#table");
+        });
+
+        //重置
+        $("#btnReset").on("click", function () {
+          $("#erbanNo").val("");
+          $("#nick").val("");
+          $("#status").val("");
+          $("#beginDate").val("");
+          $("#endDate").val("");
+          $("#wolrdId").val("");
+        });
+
+        //审核不通过/下架弹框
+        $("#table").on("click", ".opt-not-pass", function () {
+          var id = $(this).attr("data-id");
+          var status = $(this).attr("data-status");
+          if (id == "undefined") {
+            $("#tipMsg").text("id参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          if (status == "undefined") {
+            $("#tipMsg").text("状态参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          $("#dynamicId1").val(id);
+          $("#status1").val(status);
+          // 打开编辑弹窗
+          $("#notPassModal").modal("show");
+          $("#modalLabe2").text("请选择不通过的原因");
+          status = 5;
+          if (status) {
+            $("#modalLabe2").text("请选择下架的原因");
+          }
+          window.setReason();
+        });
+        //审核不通过/下架弹窗
+        $("#not-pass-save").click(function () {
+          var id = $("#dynamicId1").val();
+          if (id == "undefined") {
+            $("#tipMsg").text("id参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          var status = $("#status1").val();
+          if (status == "undefined") {
+            $("#tipMsg").text("状态参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          var reason = $("#reason").val();
+          if (reason.length <= 0) {
+            alert("请输入原因！");
+            return;
+          }
+          var text = "不通过";
+          if (status == 5) {
+            text = "下架";
+          }
+          verify(text, id, status, reason);
+        });
+
+        $("#table").on("click", ".opt-pass", function () {
+          var id = $(this).attr("data-id");
+          var status = $(this).attr("data-status");
+          if (id == "undefined") {
+            $("#tipMsg").text("id参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          if (status == "undefined") {
+            $("#tipMsg").text("状态参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          var text = "通过";
+          if (status == 4) {
+            text = "上架";
+          }
+          verify(text, id, status, "");
+        });
+        //导出
+        $("#btnExport").on("click", function () {
+          var erbanNo = $("#erbanNo").val();
+          var nick = $("#nick").val();
+          var status = $("#status").val();
+          var beginDate = $("#beginDate").val();
+          var endDate = $("#endDate").val();
+          var wolrdId = $("#wolrdId").val();
+          if (
+            isEmpty(erbanNo) &&
+            isEmpty(nick) &&
+            isEmpty(status) &&
+            isEmpty(beginDate) &&
+            isEmpty(endDate) &&
+            isEmpty(wolrdId)
+          ) {
+            $("#tipMsg").text("请输入导出条件!");
+            $("#tipModal").modal("show");
+            return;
+          }
+          $("#searchForm").submit();
+        });
+        //图片放大
+        $("#showModal").on("mouseenter", "#imgs", function (e) {
+          var src = $(this).attr("src");
+          $("#imgMask img").attr("src", src);
+          $("#imgMask").show();
+          $("#imgMask").css({
+            top: e.clientY + 20,
+          });
+        });
+        $("#showModal").on("mouseleave", "#imgs", function (e) {
+          console.log("移出");
+          $("#imgMask").hide();
+        });
+      });
+    },
+  },
+};
+
+//判断空值
+function isEmpty(data) {
+  if (data == null || data == undefined || data == "") {
+    return true;
+  }
+  return false;
+}
+//审核
+function verify(text, id, status, reason) {
+  //if (confirm("你确认【"+ text + "】该动态吗?")) {
+  showLoading();
+  $.ajax({
+    type: "post",
+    url: "/admin/superCenter/dynamicChangeStatus",
+    data: {
+      dynamicId: id,
+      status: status,
+      reason: reason,
+    },
+    dataType: "json",
+    success: function (json) {
+      hideLoading();
+      if (status == 2 || status == 5) {
+        $("#notPassModal").modal("hide");
+      }
+      if (json.success == "true") {
+        $("#tipMsg").text("操作成功");
+        $("#tipModal").modal("show");
+        TableHelper.doRefresh("#table");
+      } else {
+        $("#tipMsg").text("操作失败");
+        $("#tipModal").modal("show");
+      }
+    },
+  });
+  //}
+}
+
+</script>
+
+<style scoped>
+#imgMask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  min-width: 150px;
+  padding: 4px;
+  background: #fff;
+  z-index: 999;
+  display: none;
+}
+
+#imgMask img {
+  max-height: 600px;
+  max-width: 600px;
+  vertical-align: top;
+}
+
+.fixed-table-body {
+  height: auto !important;
+}
+</style>

src/views/superCenter/GuildInfoSuper.vue

@@ -1,5 +1,18 @@
 <template>
   <div class="box">
+    <div class="inquire">
+      <span>公会ID</span>
+      <el-input v-model="inquire.familyId"
+                placeholder=""
+                class="input"
+                type="number"></el-input>
+    </div>
+    <div class="inquire">
+      <span>会长ID</span>
+      <el-input v-model="inquire.userId"
+                placeholder=""
+                class="input"></el-input>
+    </div>
     <!-- 查询按钮 -->
     <el-button class="primary" type="primary" @click="getData()"
       >查询</el-button
@@ -58,41 +71,11 @@
            {{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}
         </template>
       </el-table-column>
-      <el-table-column align="center" label="收款账户" width="300">
+      <el-table-column
-        <template v-slot="scope">
+        prop="operator"
-          <el-button
+        align="center"
-            @click="payAccountDialogFun(scope.row)"
+        label="操作人"
-            type="text"
+      />
-            size="medium "
-          >
-            payoneer:{{
-              scope.row.payAccount.payoneer
-                ? scope.row.payAccount.payoneer
-                : "未添加"
-            }} </el-button
-          ><br />
-          <el-button
-            @click="payAccountDialogFun(scope.row)"
-            type="text"
-            size="medium "
-          >
-            USDT-ERC20:{{
-              scope.row.payAccount.usdt ? scope.row.payAccount.usdt : "未添加"
-            }} </el-button
-          ><br />
-          <el-button
-            @click="payAccountDialogFun(scope.row)"
-            type="text"
-            size="medium "
-          >
-            PayPal:{{
-              scope.row.payAccount.payPal
-                ? scope.row.payAccount.payPal
-                : "未添加"
-            }} </el-button
-          ><br />
-        </template>
-      </el-table-column>
        <el-table-column
         prop="guildContact"
         align="center"
@@ -203,10 +186,8 @@ export default {
       delDialogData: null,
       //查询所需条件对象
       inquire: {
-        familyId: undefined,
+        familyId:'',
-        userId: "",
+        userId:'',
-        referrer: "",
-        time: "",
       },
       //新增所需对象
       resource: {
@@ -234,10 +215,8 @@ export default {
     getData() {
       this.loading = true;
       pageFamily({
-        // familyId: this.inquire.familyId,
+        familyId: this.inquire.familyId,
-        // erbanNo: this.inquire.userId,
+        erbanNo: this.inquire.userId,
-        // referrer: this.inquire.referrer,
-        // familyName: this.inquire.nick,
         pageNum: this.currentPage,
         pageSize: this.pageSize,
       }).then((res) => {

src/views/superCenter/VipGiveSuper.vue

@@ -125,6 +125,10 @@ export default {
           {
             vipLevel:3, 
             vipName: "VIP3"
+          },
+          {
+            vipLevel:4, 
+            vipName: "VIP4"
           }
         ],
         value2: "",