From 78563aa7a2a3304e872fe35094e6925a64f5b4b2 Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期二, 25 十月 2022 17:34:17 +0800
Subject: [PATCH] 案件图片展示
---
src/views/operate/message/myIndex/index.vue | 110 +++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 82 insertions(+), 28 deletions(-)
diff --git a/src/views/operate/message/myIndex/index.vue b/src/views/operate/message/myIndex/index.vue
index 24c4114..21aa6c6 100644
--- a/src/views/operate/message/myIndex/index.vue
+++ b/src/views/operate/message/myIndex/index.vue
@@ -8,19 +8,25 @@
<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>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
+ <el-select v-model="messageStatus" placeholder="璇烽�夋嫨娑堟伅鐘舵��">
+ <el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
</div>
<div class="message-kind">
<span>娑堟伅鍒嗙被:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
+ <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>
@@ -47,7 +53,7 @@
<span>{{changeTime(scope.row)}}</span>
</template>
</el-table-column>
- <el-table-column prop="targetFrom" label="鍙戝竷浜哄憳" min-width="10">
+ <el-table-column prop="targetFrom" label="鍙戝竷浜哄憳" min-width="15">
</el-table-column>
<el-table-column prop="channelCode" label="娑堟伅鍒嗙被" min-width="10">
<template slot-scope="scope">
@@ -64,7 +70,7 @@
<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-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>
@@ -80,6 +86,11 @@
<el-dialog title="娑堟伅璇︽儏" :visible.sync="dialogView" v-if="dialogView" width="45%"
:before-close="handleClose">
<MyView></MyView>
+ </el-dialog>
+ <!-- 缂栬緫椤甸潰 -->
+ <el-dialog title="缂栬緫娑堟伅" :visible.sync="dialogEdit" v-if="dialogEdit" width="80%"
+ :before-close="handleClose">
+ <MyEdit @closeDialog="closeDialog" :info="info"></MyEdit>
</el-dialog>
<!-- tools -->
<div class="tools">
@@ -101,7 +112,7 @@
<div class="pagination">
<el-pagination background :current-page="currentPage" layout="prev, pager, next"
:total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage"
- @prev-click="handlePrev" @next-click="handleNext">
+ >
</el-pagination>
</div>
</div>
@@ -113,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,
@@ -149,13 +163,63 @@
label: '鎵归噺鍒犻櫎',
}
],
- tempList: []
+ tempList: [],
+ messageStatus: 2,
+ messageKind: '00',
+ statusList: [
+ {
+ label: '鍏ㄩ儴',
+ value: 2,
+ },
+ {
+ label: '鏈彂甯�',
+ value: 0,
+ },
+ {
+ label: '宸插彂甯�',
+ value: 1,
+ }
+ ],
+ kindList: [
+ {
+ id:'00',
+ columnName:'鍏ㄩ儴',
+ },
+ {
+ id:'01',
+ columnName:'绔欏唴淇�',
+ },
+ {
+ id:'02',
+ columnName:'閭欢',
+ },
+ {
+ id:'03',
+ columnName:'鐭俊',
+ }
+ ]
}
},
created() {
- this.setTableData();
+ const {setTableData} = this
+ setTableData();
},
methods: {
+ // 鏌ヨ
+ handleSearch(){
+ const {setTableData} = this
+ setTableData();
+ },
+ // 閲嶇疆
+ handleReset(){
+
+ },
+ // 缂栬緫
+ handleEdit(data){
+ this.info = data;
+ this.dialogEdit = true;
+ },
+ // 鍒犻櫎淇℃伅
handleDelete(idarr) {
this.$confirm('纭鍒犻櫎?')
.then(_ => {
@@ -188,22 +252,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: ""
}
@@ -298,17 +362,7 @@
// 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
changeCurrentPage(page) {
this.currentPage = page;
- this.search();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.search();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.search();
+ this.setTableData();
},
// 鍏抽棴寮圭獥
handleClose(done) {
--
Gitblit v1.8.0