<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<include file="common:title" />
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<include file="common:element-plus" />
|
</head>
|
|
<body>
|
<div id="vue_item" v-cloak>
|
<el-container>
|
<el-aside class="el-menu-container" :width="el_aside_width">
|
<!-- 侧边菜单 -->
|
<include file="common:side_menu" />
|
</el-aside>
|
<el-container>
|
<el-header>
|
<include file="common:guide" one_word="在线留言" two_word="官网留言 " />
|
</el-header>
|
<el-main>
|
<el-card style="width: 100%">
|
<template #header>
|
<div class="card-header">官网留言({{count}})</div>
|
</template>
|
<el-form :model="searchForm" label-width="auto" size="large">
|
<el-input v-model="searchForm.kw" placeholder="请输入标题" style="width: 300px;" clearable></el-input>
|
 
|
<el-button type="success" icon="Search" @click="getOnlineMessageList()">搜索</el-button>
|
</el-form>
|
<br />
|
<el-table :data="list" border style="width: 100%;position: relative;z-index: 0 !important;" ref="tableRef">
|
<el-table-column prop="name" label="姓名" width="180" show-overflow-tooltip align="center"></el-table-column>
|
<el-table-column prop="phone" label="电话" show-overflow-tooltip width="180" align="center"></el-table-column>
|
<el-table-column prop="email" label="邮箱" width="180" align="center"></el-table-column>
|
<el-table-column prop="subject" label="主题" width="180" align="center"></el-table-column>
|
<el-table-column prop="message" label="内容" align="left"></el-table-column>
|
<el-table-column prop="create_time" label="提交时间" width="180" align="center">
|
<template #default="scope">
|
{{formatDate(scope.row.create_time)}}
|
</template>
|
</el-table-column>
|
<el-table-column label="状态" width="150" align="center">
|
<template #default="scope">
|
<el-switch @change="updateExt(scope.row,'status')" v-model="scope.row.status" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ccc" :active-value="1" :inactive-value="0" inline-prompt active-text="已处理" inactive-text="未处理" />
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="searchForm.page" :page-sizes="[20, 30, 40, 50]" :page-size="searchForm.limit" layout="total, sizes, prev, pager, next" :total="count">
|
</el-pagination>
|
</el-card>
|
</el-main>
|
</el-container>
|
</el-container>
|
</div>
|
</body>
|
<!-- 共用的方法 -->
|
<script language="JavaScript">
|
const viewPath = '{$viewPath}';
|
</script>
|
<script src="/static/vue/mixin_admin.js"></script>
|
<script src="/static/admin/js/online_message/index.js?v=<?php echo rand(1000,9999)?>"></script>
|
|
|
</html>
|
