zyp

src/views/qw/forbiddenMessage/index.vue

@@ -1,41 +1,44 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="消息id" prop="messageId">
-        <el-input
-          v-model="queryParams.messageId"
-          placeholder="请输入消息id"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="公司名" prop="companyId">
+          <el-select filterable  v-model="queryParams.companyId" placeholder="请选择公司名" clearable size="small">
+              <el-option
+                v-for="item in companys"
+                :key="item.companyId"
+                :label="item.companyName"
+                :value="item.companyId"
+              />
+        </el-select>
       </el-form-item>
-      <el-form-item label="会话id" prop="conversationId">
+      <el-form-item label="员工" prop="companyUserName">
         <el-input
-          v-model="queryParams.conversationId"
-          placeholder="请输入会话id"
+          v-model="queryParams.companyUserName"
+          placeholder="请输入"
           clearable
           size="small"
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="员工id" prop="companyUserId">
+      <el-form-item label="账号" prop="account">
         <el-input
-          v-model="queryParams.companyUserId"
-          placeholder="请输入员工id"
+          v-model="queryParams.account"
+          placeholder="请输入"
           clearable
           size="small"
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="公司id" prop="companyId">
-        <el-input
-          v-model="queryParams.companyId"
-          placeholder="请输入公司id"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="发送时间" prop="createTimeRange">
+        <el-date-picker
+          style="width:205.4px"
+          clearable size="small"
+          v-model="createTimeRange"
+          type="daterange"
+          value-format="yyyy-MM-dd"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
       </el-form-item>
       <el-form-item>
         <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -44,25 +47,6 @@
     </el-form>
 
     <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['qw:forbiddenMessage:add']"
-        >新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['qw:forbiddenMessage:edit']"
-        >修改</el-button>
-      </el-col>
       <el-col :span="1.5">
         <el-button
           type="danger"
@@ -85,30 +69,30 @@
 	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="forbiddenMessageList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="公司id" align="center" prop="id" />
-      <el-table-column label="消息id" align="center" prop="messageId" />
-      <el-table-column label="会话id" align="center" prop="conversationId" />
-      <el-table-column label="消息体" align="center" prop="content" />
-      <el-table-column label="员工id" align="center" prop="companyUserId" />
-      <el-table-column label="公司id" align="center" prop="companyId" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+    <el-table v-loading="loading" border :data="forbiddenMessageList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="40" align="center" />
+      <el-table-column label="公司" width="200" align="center" prop="companyName" />
+      <el-table-column label="员工" width="100" align="center" prop="companyUserName" />
+      <el-table-column label="发送时间" width="200" align="center" prop="sendTime">
+        <template slot-scope="scope">
+          {{ convertTimestampToTime(scope.row.sendTime) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="提示" align="center" prop="forbiddenMessage">
+        <template slot-scope="scope">
+          <div style="font-size: 16px; color: red;">
+            {{ scope.row.forbiddenMessage }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="100" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['qw:forbiddenMessage:edit']"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['qw:forbiddenMessage:remove']"
-          >删除</el-button>
+          >查看</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -151,6 +135,7 @@
 <script>
 import { listForbiddenMessage, getForbiddenMessage, delForbiddenMessage, addForbiddenMessage, updateForbiddenMessage, exportForbiddenMessage } from "@/api/qw/forbiddenMessage";
 import Editor from '@/components/Editor';
+import { getCompanyList } from "@/api/company/company";
 
 export default {
   name: "ForbiddenMessage",
@@ -161,6 +146,8 @@ export default {
       loading: true,
       // 选中数组
       ids: [],
+      companys:[],
+      createTimeRange:[],
       // 非单个禁用
       single: true,
       // 非多个禁用
@@ -194,11 +181,34 @@ export default {
   },
   created() {
     this.getList();
+    getCompanyList().then(response => {
+      this.companys = response.data;
+    });
   },
   methods: {
+    convertTimestampToTime(timestamp) {
+    const milliseconds = timestamp * 1000; // 将时间戳乘以1000以转换为毫秒
+    // 创建一个新的Date对象，并将时间戳作为参数传入构造函数
+    const date = new Date(milliseconds);
+    // 使用Date对象的方法获取日期和时间
+    const year = date.getFullYear();
+    const month = date.getMonth() + 1;
+    const day = date.getDate();
+    const hours = date.getHours();
+    const minutes = date.getMinutes();
+    const seconds = date.getSeconds();
+    // 返回转换后的日期和时间字符串
+    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  },
     /** 查询企微违禁消息列表 */
     getList() {
       this.loading = true;
+      if(this.createTimeRange!=null&&this.createTimeRange.length==2){
+        this.queryParams.createTimeRange=this.createTimeRange[0]+"--"+this.createTimeRange[1]
+      }
+      else{
+        this.queryParams.createTimeRange=null;
+      }
       listForbiddenMessage(this.queryParams).then(response => {
         this.forbiddenMessageList = response.rows;
         this.total = response.total;