From cc68c8e5f5b6dc17ce03b74ffb8933efe632c54d Mon Sep 17 00:00:00 2001
From: mg <maokecheng@163.com>
Date: 星期四, 03 十一月 2022 11:05:22 +0800
Subject: [PATCH] 页面导航和点位管理
---
src/views/operate/message/myIndex/index.vue | 96 +++++++++++++++++++++++++++++------------------
1 files changed, 59 insertions(+), 37 deletions(-)
diff --git a/src/views/operate/message/myIndex/index.vue b/src/views/operate/message/myIndex/index.vue
index 1c0cd18..6039ace 100644
--- a/src/views/operate/message/myIndex/index.vue
+++ b/src/views/operate/message/myIndex/index.vue
@@ -8,7 +8,7 @@
<div class="header-content">
<div class="search">
<span>杈撳叆鏌ヨ:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
+ <el-input placeholder="娑堟伅鏍囬" v-model="context"></el-input>
</div>
<div class="message-status">
<span>娑堟伅鐘舵��:</span>
@@ -19,14 +19,14 @@
</div>
<div class="message-kind">
<span>娑堟伅鍒嗙被:</span>
- <el-select v-model="messageStatus" placeholder="璇烽�夋嫨娑堟伅鍒嗙被">
- <el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value">
+ <el-select v-model="messageKind" placeholder="璇烽�夋嫨娑堟伅鍒嗙被">
+ <el-option v-for="item in kindList" :key="item.id" :label="item.columnName" :value="item.id">
</el-option>
</el-select>
</div>
<div class="find">
- <el-button type="primary" icon="el-icon-search">鏌ヨ</el-button>
- <el-button icon="el-icon-delete-solid">閲嶇疆</el-button>
+ <el-button type="primary" icon="el-icon-search" @click="handleSearch">鏌ヨ</el-button>
+ <el-button icon="el-icon-delete-solid" @click="handleReset">閲嶇疆</el-button>
</div>
</div>
</header>
@@ -69,8 +69,8 @@
<el-table-column prop="operation" label="鎿嶄綔" min-width="15">
<template slot-scope="scope">
<div class="operation">
- <el-link icon="el-icon-view" :underline="false" @click="dialogView = true">鏌ョ湅</el-link>
- <el-link icon="el-icon-edit" class="leftPx" :underline="false">缂栬緫</el-link>
+ <el-link icon="el-icon-view" :underline="false" @click="handleView(scope.row)">鏌ョ湅</el-link>
+ <el-link icon="el-icon-edit" class="leftPx" :underline="false" @click="handleEdit(scope.row)">缂栬緫</el-link>
<el-link class="leftPx" icon="el-icon-delete-solid" :underline="false"
@click="handleDelete([scope.row.id])">鍒犻櫎</el-link>
</div>
@@ -85,7 +85,12 @@
<!-- 娑堟伅璇︽儏 -->
<el-dialog title="娑堟伅璇︽儏" :visible.sync="dialogView" v-if="dialogView" width="45%"
:before-close="handleClose">
- <MyView></MyView>
+ <MyView @closeDialog="closeDialog" :myinfo="info">></MyView>
+ </el-dialog>
+ <!-- 缂栬緫椤甸潰 -->
+ <el-dialog title="缂栬緫娑堟伅" :visible.sync="dialogEdit" v-if="dialogEdit" width="80%"
+ :before-close="handleClose">
+ <MyEdit @closeDialog="closeDialog" :myDataRow="info"></MyEdit>
</el-dialog>
<!-- tools -->
<div class="tools">
@@ -119,14 +124,17 @@
import helper from '@/utils/mydate'
import MyView from './myview'
import MyCreate from './createUser'
+// 寮曞叆缂栬緫缁勪欢
+import MyEdit from './update'
export default {
components: {
- MyView, MyCreate
+ MyView, MyCreate,MyEdit
},
data() {
return {
tableData: [],
context: "",
+ dialogEdit:false,
dialogCreate: false,
dialogView: false,
totalNum: null,
@@ -156,42 +164,66 @@
}
],
tempList: [],
- messageStatus: 0,
- messageKind: 0,
+ messageStatus: 2,
+ messageKind: '00',
statusList: [
{
label: '鍏ㄩ儴',
- value: 0,
+ value: 2,
},
{
label: '鏈彂甯�',
- value: 1,
+ value: 0,
},
{
label: '宸插彂甯�',
- value: 2,
+ value: 1,
}
],
kindList: [
{
- label: '鍏ㄩ儴',
- value: 0,
+ id:'00',
+ columnName:'鍏ㄩ儴',
},
{
- label: '鍏ㄩ儴',
- value: 0,
+ id:'01',
+ columnName:'绔欏唴淇�',
},
{
- label: '鍏ㄩ儴',
- value: 0,
+ id:'02',
+ columnName:'閭欢',
},
+ {
+ id:'03',
+ columnName:'鐭俊',
+ }
]
}
},
created() {
- this.setTableData();
+ const {setTableData} = this
+ setTableData();
},
methods: {
+ // 鏌ヨ
+ handleSearch(){
+ this.setTableData();
+ },
+ // 閲嶇疆
+ handleReset(){
+
+ },
+ // 鏌ョ湅
+ handleView(data){
+ this.info = data;
+ this.dialogView = true;
+ },
+ // 缂栬緫
+ handleEdit(data){
+ this.info = data;
+ this.dialogEdit = true;
+ },
+ // 鍒犻櫎淇℃伅
handleDelete(idarr) {
this.$confirm('纭鍒犻櫎?')
.then(_ => {
@@ -224,22 +256,22 @@
// 鑾峰彇娑堟伅鏁版嵁
async getMessageList() {
let arr = [];
- const { currentPage, pageSize } = this;
+ const { currentPage, pageSize,context,messageStatus,messageKind } = this;
await this.$axios({
method: 'post',
url: 'sccg/message/list',
data: {
body: "",
- channelCode: "",
- createUser: 0,
+ channelCode: messageKind === '00' ?'':messageKind,
+ createUser: '',
current: currentPage,
- head: "",
- messageType: 0,
+ head: context,
+ messageType: "",
pageSize: pageSize,
randomCode: "",
remark: "",
sendTime: "",
- status: 0,
+ status: messageStatus === 2 ? '':messageStatus,
targetFrom: "",
targetTo: ""
}
@@ -336,16 +368,6 @@
this.currentPage = page;
this.setTableData();
},
- // // 涓婁竴椤电偣鍑讳簨浠�
- // handlePrev(page) {
- // this.currentPage = page;
- // this.search();
- // },
- // // 涓嬩竴椤电偣鍑讳簨浠�
- // handleNext(page) {
- // this.currentPage = page;
- // this.search();
- // },
// 鍏抽棴寮圭獥
handleClose(done) {
done();
--
Gitblit v1.8.0