From 085fa2fb257e9f11f8f6d34bf12e2dc281c36b4d Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期四, 09 二月 2023 11:28:21 +0800
Subject: [PATCH] 2023/2/9 肖辉 修改部门管理
---
src/views/operate/management/message/index.vue | 638 +++++++++++++++++++++++++++++++--------------------------
1 files changed, 345 insertions(+), 293 deletions(-)
diff --git a/src/views/operate/management/message/index.vue b/src/views/operate/management/message/index.vue
index bf74671..bf39969 100644
--- a/src/views/operate/management/message/index.vue
+++ b/src/views/operate/management/message/index.vue
@@ -1,320 +1,372 @@
<template>
- <div class="message">
- <header>
- <div class="header-title">绛涢�夋潯浠�</div>
- <div class="header-content">
- <div class="search">
- <span>ID:</span>
- <el-input placeholder="ID" v-model="context"></el-input>
- </div>
- <div class="status">
- <span>鐭俊鐘舵��:</span>
- <el-radio-group v-model="status">
- <el-radio :label="0">寰呭鏍�</el-radio>
- <el-radio :label="1">宸插鏍�</el-radio>
- </el-radio-group>
- </div>
- <div class="btns">
- <el-button type="primary" icon="el-icon-search" @click="handleSearch">鏌ヨ</el-button>
- <el-button icon="el-icon-delete-solid">閲嶇疆</el-button>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <div class="main-title">
- 鏁版嵁鍒楄〃
- </div>
- <!-- 鏁版嵁灞曠ず -->
- <MyTable :tableOption="tableOption" :tableData="tableData" :pageShow="false">
- <template #operation="info">
- <el-link :underline="false" style="color:#4b9bb7">缂栬緫</el-link>
- </template>
- </MyTable>
- <div class="tools">
- <div class="funs">
- <div class="funsItem funs-sp">
-
- </div>
- <div class="funsItem funs-sp">
-
- </div>
- <div class="funsItem">
- </div>
- </div>
- <div class="pagination">
- <el-pagination background :current-page="currentPage" layout="prev, pager, next"
- :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage"
- >
- </el-pagination>
- </div>
- </div>
-
- </div>
- </main>
- <footer>
-
- </footer>
- </div>
+ <div class="message">
+ <header>
+ <div class="header-title">绛涢�夋潯浠�</div>
+ <div class="header-content">
+ <div class="search">
+ <span>ID:</span>
+ <el-input placeholder="璇疯緭鍏D" v-model="context"></el-input>
+ </div>
+ <div class="status">
+ <span>鐭俊鐘舵��:</span>
+ <el-radio-group v-model="status" @input="getMessageAuditList">
+ <el-radio :label="0">寰呭鏍�</el-radio>
+ <el-radio :label="1">宸插鏍�</el-radio>
+ </el-radio-group>
+ </div>
+ <div class="btns">
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ @click="getMessageAuditList"
+ >鏌ヨ</el-button
+ >
+ <el-button icon="el-icon-delete-solid" @click="handleReset"
+ >閲嶇疆</el-button
+ >
+ </div>
+ </div>
+ </header>
+ <main>
+ <div class="main-content">
+ <div class="main-title">鏁版嵁鍒楄〃</div>
+ <!-- 鏁版嵁灞曠ず -->
+ <MyTable
+ :tableOption="tableOption"
+ :tableData="tableData"
+ :pageShow="false"
+ >
+ <template #operation="info">
+ <el-link
+ :underline="false"
+ style="color: #4b9bb7"
+ @click="handleCheckSms(info)"
+ >瀹℃牳</el-link
+ >
+ </template>
+ <template #time="{ timeobj }">
+ <span>{{ changeUpdateTime(timeobj.row.updateTime) }}</span>
+ </template>
+ </MyTable>
+ <div class="tools">
+ <div class="funs">
+ <div class="funsItem funs-sp"></div>
+ <div class="funsItem funs-sp"></div>
+ <div class="funsItem"></div>
+ </div>
+ <div class="pagination">
+ <el-pagination
+ background
+ :current-page="currentPage"
+ layout="prev, pager, next"
+ :total="totalNum"
+ :page-size="pageSize"
+ @current-change="changeCurrentPage"
+ >
+ </el-pagination>
+ </div>
+ </div>
+ <!-- 瀹℃牳椤甸潰 -->
+ <el-dialog
+ :visible.sync="dialogCheckSms"
+ width="60%"
+ title="娑堟伅璇︽儏"
+ :before-close="handleClose"
+ >
+ <MyCheckSms
+ v-if="dialogCheckSms"
+ :messageData="messageData"
+ @closeDialog="closeDialog"
+ ></MyCheckSms>
+ </el-dialog>
+ </div>
+ </main>
+ <footer></footer>
+ </div>
</template>
<script>
-import MyTable from '@/components/Table';
-import { myDownLoad } from '@/utils/helper';
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("shortMessage");
+import helper from "@/utils/mydate";
+import MyTable from "@/components/Table";
+import MyCheckSms from "./checkSms";
export default {
- components: {
- MyTable
+ components: {
+ MyTable,
+ MyCheckSms,
+ },
+ data() {
+ return {
+ tableData: [],
+ dialogCheckSms: false,
+ messageData: {},
+ totalNum: null,
+ context: "",
+ status: 0,
+ list: [],
+ pageSize: 10,
+ currentPage: 1,
+ tableOption: {
+ group: [
+ {
+ label: "ID",
+ type: "text",
+ prop: "messageId",
+ "min-width": 8,
+ },
+ {
+ label: "鐭俊鏍囬",
+ type: "text",
+ prop: "title",
+ "min-width": 12,
+ },
+ {
+ label: "鐭俊鍐呭",
+ type: "text",
+ prop: "body",
+ "min-width": 12,
+ },
+ {
+ label: "鐭俊绛惧悕",
+ type: "text",
+ prop: "ipAddress",
+ "min-width": 10,
+ },
+ {
+ label: "瀹℃牳鐘舵��",
+ type: "text",
+ prop: "auditStatusText",
+ "min-width": 12,
+ },
+ {
+ label: "鏇存柊鏃堕棿",
+ type: "time",
+ prop: "updateTime",
+ "min-width": 12,
+ },
+ {
+ label: "鏇存柊浜�",
+ type: "text",
+ prop: "realAuditText",
+ "min-width": 8,
+ },
+ {
+ label: "鎿嶄綔",
+ type: "operation",
+ prop: "operation",
+ "min-width": 15,
+ },
+ ],
+ },
+ };
+ },
+ created() {
+ this.getMessageAuditList();
+ },
+ methods: {
+ // 閲嶇疆
+ handleReset() {
+ this.context = "";
+ this.status = 0;
+ this.getMessageAuditList();
},
- data() {
- return {
- tableData: [],
- totalNum: null,
- context: "",
- status:0,
- list: [],
- pageSize: 10,
- currentPage: 1,
- tableOption: {
- group: [
- {
- label: 'ID',
- type: 'text',
- prop: 'messageId',
- 'min-width':8
- },
- {
- label: '鐭俊鏍囬',
- type: 'text',
- prop: 'title',
- 'min-width':12
- },
- {
- label: '鐭俊鍐呭',
- type: 'text',
- prop: 'body',
- 'min-width':12
- },
- {
- label: '鐭俊绛惧悕',
- type: 'text',
- prop: 'ipAddress',
- 'min-width':10
- },
- {
- label: '瀹℃牳鐘舵��',
- type: 'text',
- prop: 'auditStatus',
- 'min-width':12
- },
- {
- label: '鏇存柊鏃堕棿',
- type: 'time',
- prop: 'updateTime',
- 'min-width':12
- },
- {
- label: '鏇存柊浜�',
- type: 'text',
- prop: 'auditText',
- 'min-width':8
- },
- {
- label: '鎿嶄綔',
- type: 'operation',
- prop: 'operation',
- 'min-width':15
- },
- ]
- },
- }
- },
- created() {
- const { setTableData } = this;
- setTableData();
- },
- methods: {
- handleSearch(){
- const {setTableData} = this
- setTableData();
- },
- // 璁剧疆琛ㄦ牸鏁版嵁
- async setTableData() {
- const arr = await this.getMessageAuditList();
- this.tableData = arr.records;
- this.totalNum = arr.total;
+ // 鑾峰彇娑堟伅鏁版嵁
+ getMessageAuditList() {
+ this.$axios({
+ method: "post",
+ url: "sccg/message_audit/list",
+ data: {
+ messageId: this.context,
+ auditId: this.auditId,
+ auditStatus: this.status,
+ current: this.currentPage,
+ pageSize: this.pageSize,
},
- // 鑾峰彇娑堟伅鏁版嵁
- async getMessageAuditList() {
- let arr = [];
- const { currentPage, pageSize,context,status} = this;
- await this.$axios({
- method: 'post',
- url: 'sccg/message_audit/list',
- data: {
- messageId: context,
- auditStatus:status,
- current: currentPage,
- pageSize: pageSize
- }
- })
- .then(res => {
- arr = res.data;
- })
- return arr;
- },
- // 寮圭獥鍏抽棴
- handleClose(done) {
- this.$confirm('纭鍏抽棴?')
- .then(_ => {
- done();
- })
- },
- ...mapActions(['getMessageList']),
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- }
-}
+ })
+ .then((res) => {
+ const { records, total } = res.data;
+ this.tableData = records;
+ this.totalNum = total;
+ })
+ .catch((err) => this.$message.error(err));
+ },
+ // 寮圭獥鍏抽棴
+ handleClose(done) {
+ this.$confirm("纭鍏抽棴?").then((_) => {
+ done();
+ });
+ },
+ // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
+ changeCurrentPage(page) {
+ this.currentPage = page;
+ this.getMessageAuditList();
+ },
+ // 鍘诲鏍�
+ handleCheckSms(info) {
+ this.messageData = info.info.row;
+ if (info.info.row.auditStatus === 1) {
+ this.$message({ message: "璇ユ秷鎭凡琚鏍革紒" });
+ this.dialogCheckSms = false;
+ } else {
+ this.dialogCheckSms = true;
+ }
+ },
+ // 鑾峰彇褰撳墠鐧诲綍鐢ㄦ埛淇℃伅
+ getLoginUserInfo() {
+ const name = sessionStorage.getItem("name");
+ this.$axios({
+ method: "get",
+ url: "sccg/admin/info?name=" + name,
+ }).then((res) => {
+ this.auditId = res.data.userId;
+ });
+ },
+ // 鍏抽棴dialog
+ closeDialog({ flag, index }) {
+ this.dialogCheckSms = flag;
+ if (index === 1) {
+ this.setTableData();
+ }
+ },
+ // 鏀瑰彉鏇存柊鏃堕棿
+ changeUpdateTime(time) {
+ if (time) {
+ return helper(time);
+ }
+ return "";
+ },
+ },
+};
</script>
<style lang="scss" scoped>
.message {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
+ text-align: left;
+ padding: 10px 20px;
+ color: #4b9bb7;
+ border: 1px solid #ccc;
+ header {
+ background-color: white;
+ .header-title {
+ line-height: 40px;
+ //padding: 0 20px;
+ border-bottom: 1px solid #4b9bb7;
+ }
+ .header-content {
+ //padding: 0 40px;
+ display: flex;
+ line-height: 100px;
+ justify-content: space-between;
+ align-items: center;
- header {
- background-color: #09152f;
- border: 1pox solid #fff;
- .header-title{
- line-height: 40px;
- padding: 0 20px;
- border-bottom: 1px solid #4b9bb7;
+ .search {
+ display: flex;
+ justify-content: flex-start;
+
+ span {
+ flex: 1;
}
- .header-content {
- padding: 0 40px;
- display: flex;
- line-height: 100px;
- justify-content: space-between;
- align-items: center;
- .search {
- display: flex;
- justify-content: flex-start;
+ .el-input {
+ flex: 2;
+ color: #1d3f57;
- span {
- flex: 1;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
-
- }
+ &::v-deep .el-input__inner {
+ // background-color: #09152f;
+ //border: 1px solid #17324c;
+ }
}
+ }
+ }
+ }
+
+ main {
+ background-color: #ffffff;
+ margin-top: 20px;
+ padding-bottom: 50px;
+
+ .main-title {
+ line-height: 60px;
+ padding: 10px 20px;
}
- main {
- background-color: #09152f;
- margin-top: 20px;
- padding-bottom: 50px;
- border: 1pox solid #fff;
+ .tools {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 20px;
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
+ .funs {
+ display: flex;
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
+ .funsItem {
+ line-height: 28px;
+ display: flex;
+ align-items: center;
+ border: 1px solid #17324c;
+ border-radius: 4px;
+ font-size: 12px;
+ margin-left: 10px;
- .funs {
- display: flex;
+ .el-checkbox {
+ width: 80px;
+ padding: 0 10px;
+ }
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
+ .el-select {
+ width: 120px;
+ }
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
+ &::v-deep .el-input__inner {
+ border: none;
+ // background-color: #09152f;
+ }
- .el-select {
- width: 120px;
- }
+ &:hover {
+ border: 1px solid #4b9bb7;
+ }
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
-
- &:hover {
- border: 1px solid #4b9bb7;
- }
-
- &:hover .el-checkbox {
- color: #4b9bb7;
- }
- }
-
- }
-
- .pagination {
- margin-top: 50px;
- display: flex;
- line-height: 50px;
- justify-content: center;
-
- .el-pagination {
-
- &::v-deep li,
- &::v-deep .btn-prev,
- &::v-deep .btn-next {
- background-color: #071f39;
- color: #4b9bb7;
- }
-
- &::v-deep .active {
- background-color: #409eff;
- color: #fff;
- }
- }
- }
- }
-
- .el-table {
+ &:hover .el-checkbox {
color: #4b9bb7;
- font-size: 10px;
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
+ }
}
+ }
+
+ .pagination {
+ margin-top: 50px;
+ display: flex;
+ line-height: 50px;
+ justify-content: center;
+
+ .el-pagination {
+ &::v-deep li,
+ &::v-deep .btn-prev,
+ &::v-deep .btn-next {
+ // background-color: #071f39;
+ color: #4b9bb7;
+ }
+
+ &::v-deep .active {
+ background-color: #409eff;
+ color: #fff;
+ }
+ }
+ }
}
+
+ .el-table {
+ // color: #4b9bb7;
+ // font-size: 10px;
+
+ .operation {
+ display: flex;
+
+ .line {
+ padding: 0 5px;
+ }
+ color: var(--operation-color);
+ span:hover {
+ cursor: pointer;
+ }
+ }
+ }
+ }
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0