From 3659f582d5b787ca78f1d2a9fbafbd09a9c5bc43 Mon Sep 17 00:00:00 2001
From: dragon <3013557874@qq.com>
Date: Mon, 6 Jan 2025 17:13:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=A1=B5=E9=9D=A2=E5=BC=82?=
 =?UTF-8?q?=E5=B8=B8=E7=BC=A9=E7=9F=AD=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |    8 +
 .../world/community/DynamicVerifyView.vue     | 1216 ++++++++++-------
 2 files changed, 700 insertions(+), 524 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2002d0c..e7bae8f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -34,3 +34,11 @@ export default {
   computed: {},
 };
 </script>
+<style>
+.modal-open{
+    overflow-y: scroll;
+}
+body{
+    padding-right:0 !important;
+}
+</style>
diff --git a/src/views/world/community/DynamicVerifyView.vue b/src/views/world/community/DynamicVerifyView.vue
index 3a3a321..2e5cc78 100644
--- a/src/views/world/community/DynamicVerifyView.vue
+++ b/src/views/world/community/DynamicVerifyView.vue
@@ -1,583 +1,751 @@
 <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">
-                        <div class="col-sm-12">
-                            <label for="erbanNo" class="col-sm-1 control-label">平台号:</label>
-                            <div class="col-sm-2"><input type="text" class="form-control" name="erbanNo" id="erbanNo"></div>
+  <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"
+          >
+            <div class="col-sm-12">
+              <label for="erbanNo" class="col-sm-1 control-label"
+                >平台号:</label
+              >
+              <div class="col-sm-2">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="erbanNo"
+                  id="erbanNo"
+                />
+              </div>
 
-                            <label for="nick" class="col-sm-1 control-label">昵称:</label>
-                            <div class="col-sm-2"><input type="text" class="form-control" name="nick" id="nick"></div>
+              <label for="nick" class="col-sm-1 control-label">昵称:</label>
+              <div class="col-sm-2">
+                <input type="text" class="form-control" name="nick" id="nick" />
+              </div>
 
-                            <label for="status" class="col-sm-1 control-label">状态:</label>
-                            <div class="col-sm-2">
-                                <select name="status" id="status" data-btn-class="btn-warning" class="form-control">
-                                    <option value="" selected="selected">全部</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="col-sm-12">
-                            <label class="col-sm-1 control-label">发布时间:</label>
-                            <div class="col-sm-2"><input type="text" class="form-control" name="beginDate" id="beginDate">
-                            </div><span class="col-sm-1">至</span>
-                            <div class="col-sm-2"><input type="text" class="form-control" name="endDate" id="endDate"></div>
-
-                            <label for="wolrdId" class="col-sm-1 control-label">话题名称:</label>
-                            <div class="col-sm-2">
-                                <select name="wolrdId" id="wolrdId" data-btn-class="btn-warning" class="form-control">
-                                    <option value="" selected="selected">全部</option>
-                                    <option value="-1">动态广场</option>
-                                </select>
-                            </div>
-                        </div>
-                    </form>
-                    <div class="col-sm-12">
-                        <button id="btnSearch" class="btn btn-default">
-                            <i class="glyphicon glyphicon-search"></i>查询
-                        </button>
-                        <button id="btnReset" class="btn btn-default">
-                            <i class="glyphicon glyphicon-remove"></i>重置
-                        </button>
-                        <button id="btnExport" class="btn btn-default">
-                            <i class="glyphicon glyphicon-export"></i>导出
-                        </button>
-                    </div>
-                </div>
+              <label for="status" class="col-sm-1 control-label">状态:</label>
+              <div class="col-sm-2">
+                <select
+                  name="status"
+                  id="status"
+                  data-btn-class="btn-warning"
+                  class="form-control"
+                >
+                  <option value="" selected="selected">全部</option>
+                </select>
+              </div>
             </div>
-        </div>
-    </section>
+            <div class="col-sm-12">
+              <label class="col-sm-1 control-label">发布时间:</label>
+              <div class="col-sm-2">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="beginDate"
+                  id="beginDate"
+                />
+              </div>
+              <span class="col-sm-1">至</span>
+              <div class="col-sm-2">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="endDate"
+                  id="endDate"
+                />
+              </div>
 
-    <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>
+              <label for="wolrdId" class="col-sm-1 control-label"
+                >话题名称:</label
+              >
+              <div class="col-sm-2">
+                <select
+                  name="wolrdId"
+                  id="wolrdId"
+                  data-btn-class="btn-warning"
+                  class="form-control"
+                >
+                  <option value="" selected="selected">全部</option>
+                  <option value="-1">动态广场</option>
+                </select>
+              </div>
             </div>
+          </form>
+          <div class="col-sm-12">
+            <button id="btnSearch" class="btn btn-default">
+              <i class="glyphicon glyphicon-search"></i>查询
+            </button>
+            <button id="btnReset" class="btn btn-default">
+              <i class="glyphicon glyphicon-remove"></i>重置
+            </button>
+            <button id="btnExport" class="btn btn-default">
+              <i class="glyphicon glyphicon-export"></i>导出
+            </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>
+  </section>
 
-                        <div class="form-group">
-                            <div class="col-sm-10">
-                                <textarea name="reason" id="reason" class="form-control" rows="3"></textarea>
-                            </div>
-                        </div>
+  <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>
 
-                    </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 class="form-group">
+              <div class="col-sm-10">
+                <textarea
+                  name="reason"
+                  id="reason"
+                  class="form-control"
+                  rows="3"
+                ></textarea>
+              </div>
             </div>
+          </form>
         </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 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';
-
+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
+  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
+  format: "yyyy-mm-dd hh:ii:00",
+  autoclose: true,
+  todayBtn: true,
 });
-picker1.on('changeDate', function () {
-    var date = $('#beginDate').datetimepicker('getDate');
-    picker2.datetimepicker('setStartDate', date);
+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);
+picker2.on("changeDate", function () {
+  var date = $("#endDate").datetimepicker("getDate");
+  picker1.datetimepicker("setEndDate", date);
 });
 export default {
-    name: "DynamicVerifyView",
-    setup() {
+  name: "DynamicVerifyView",
+  setup() {
+    function setReason() {
+      if ($("#quick_reason option:selected").val() != 9) {
+        $("#reason").val($("#quick_reason option:selected").text());
+      } else {
+        $("#reason").val("");
+      }
+    }
 
-        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 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;">';
-                    }
+    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");
+        setStatusSelectOption();
+        setTypeSelectOption();
+        $("#table").bootstrapTable({
+          columns: [
+            //{field: 'id', title: 'id', align: 'center', width: '5%'},
+            {
+              field: "tmp",
+              title: "id",
+              align: "center",
+              checkbox: true,
+              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;
+                  }
                 }
-            }
-            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();
+              },
+            },
+            {
+              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(),
+            };
+            return param;
+          },
+          toolbar: "#toolbar",
+          url: "/admin/dynamic/verify/list",
+          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();
+        });
+      });
     },
-    methods: {
-        initData() {
-
-            $(function () {
-                $('#table').bootstrapTable('destroy');
-                setStatusSelectOption();
-                setTypeSelectOption();
-                $('#table').bootstrapTable({
-                    columns: [
-                        //{field: 'id', title: 'id', align: 'center', width: '5%'},
-                        { field: 'tmp', title: 'id', align: 'center', checkbox: true, 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(),
-                        };
-                        return param;
-                    },
-                    toolbar: '#toolbar',
-                    url: '/admin/dynamic/verify/list',
-                    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;
+  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/dynamic/verify/changeStatus",
-        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');
-            }
-        }
-    });
-    //}
+  //if (confirm("你确认【"+ text + "】该动态吗?")) {
+  showLoading();
+  $.ajax({
+    type: "post",
+    url: "/admin/dynamic/verify/changeStatus",
+    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");
+      }
+    },
+  });
+  //}
 }
 
 function setTypeSelectOption() {
-    $.ajax({
-        type: 'get',
-        url: "/admin/world/list",
-        data: {
-            status: 1,
-            pageNumber: 1,
-            pageSize: 1000
-        },
-        dataType: "json",
-        success: function (json) {
-            if (json.total > 0) {
-                var rows = json.rows;
-                for (var i = 0; i < rows.length; i++) {
-                    let item = rows[i];
-                    let name = item.name;
-                    if (name.startsWith('{') && name.endsWith('}')) {
-                        name = JSON.parse(name).zh;
-                    }
-                    $('#wolrdId').append('<option value="' + rows[i].id + '">' + name + '</option>');
-                }
-            }
+  $.ajax({
+    type: "get",
+    url: "/admin/world/list",
+    data: {
+      status: 1,
+      pageNumber: 1,
+      pageSize: 1000,
+    },
+    dataType: "json",
+    success: function (json) {
+      if (json.total > 0) {
+        var rows = json.rows;
+        for (var i = 0; i < rows.length; i++) {
+          let item = rows[i];
+          let name = item.name;
+          if (name.startsWith("{") && name.endsWith("}")) {
+            name = JSON.parse(name).zh;
+          }
+          $("#wolrdId").append(
+            '<option value="' + rows[i].id + '">' + name + "</option>"
+          );
         }
-    });
+      }
+    },
+  });
 }
 
 function setStatusSelectOption() {
-    $.ajax({
-        type: 'get',
-        url: "/admin/dynamic/verify/getStatus",
-        success: function (json) {
-            if (json != null && json != undefined) {
-                var rows = json;
-                for (var i = 0; i < rows.length; i++) {
-                    $('#status').append('<option value="' + rows[i].value + '">' + rows[i].key + '</option>');
-                }
-            }
+  $.ajax({
+    type: "get",
+    url: "/admin/dynamic/verify/getStatus",
+    success: function (json) {
+      if (json != null && json != undefined) {
+        var rows = json;
+        for (var i = 0; i < rows.length; i++) {
+          $("#status").append(
+            '<option value="' + rows[i].value + '">' + rows[i].key + "</option>"
+          );
         }
-    });
+      }
+    },
+  });
 }
 </script>
 
 <style scoped>
 #imgMask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    min-width: 150px;
-    padding: 4px;
-    background: #fff;
-    z-index: 999;
-    display: none;
+  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;
+  max-height: 600px;
+  max-width: 600px;
+  vertical-align: top;
 }
 
 .fixed-table-body {
-    height: auto !important;
+  height: auto !important;
 }
 </style>
\ No newline at end of file