Skip to content

M
mini-wms
Commit 1a69e666 by ningjihai
Options

通知公告UI

parent 091d82f4
正在显示 包含 103 行增加 和 96 行删除
ruoyi-admin-vue/src/views/system/notice/index.vue
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="公告标题" prop="noticeTitle">
<el-input
v-model="queryParams.noticeTitle"
placeholder="请输入公告标题"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="操作人员" prop="createBy">
<el-input
v-model="queryParams.createBy"
placeholder="请输入操作人员"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="类型" prop="noticeType">
<el-select v-model="queryParams.noticeType" placeholder="公告类型" clearable>
<el-option
v-for="dict in dict.type.sys_notice_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8"> <PageTitle>
<el-col :span="1.5"> <template #buttons>
<el-button <el-button
type="primary" type="primary"
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="mini" size="medium"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['system:notice:add']" v-hasPermi="['system:notice:add']"
>新增</el-button> >新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button <el-button
type="success" type="success"
plain plain
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="medium"
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['system:notice:edit']" v-hasPermi="['system:notice:edit']"
>修改</el-button> >修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
plain plain
icon="el-icon-delete" icon="el-icon-delete"
size="mini" size="medium"
:disabled="multiple" :disabled="multiple"
@click="handleDelete" @click="handleDelete"
v-hasPermi="['system:notice:remove']" v-hasPermi="['system:notice:remove']"
>删除</el-button> >删除</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </template>
</el-row> </PageTitle>
<div class="page-container">
<el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange"> <page-wrapper-search
<el-table-column type="selection" width="55" align="center" /> :model="queryParams"
<el-table-column label="序号" align="center" prop="noticeId" width="100" /> ref="queryForm"
<el-table-column size="small"
label="公告标题" @search="handleQuery"
align="center" @reset="resetQuery"
prop="noticeTitle" >
:show-overflow-tooltip="true" <el-form-item label="公告标题" prop="noticeTitle">
/> <el-input
<el-table-column label="公告类型" align="center" prop="noticeType" width="100"> v-model="queryParams.noticeTitle"
<template slot-scope="scope"> placeholder="请输入公告标题"
<dict-tag :options="dict.type.sys_notice_type" :value="scope.row.noticeType"/> clearable
</template> @keyup.enter.native="handleQuery"
</el-table-column> />
<el-table-column label="状态" align="center" prop="status" width="100"> </el-form-item>
<template slot-scope="scope"> <el-form-item label="操作人员" prop="createBy">
<dict-tag :options="dict.type.sys_notice_status" :value="scope.row.status"/> <el-input
</template> v-model="queryParams.createBy"
</el-table-column> placeholder="请输入操作人员"
<el-table-column label="创建者" align="center" prop="createBy" width="100" /> clearable
<el-table-column label="创建时间" align="center" prop="createTime" width="100"> @keyup.enter.native="handleQuery"
<template slot-scope="scope"> />
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> </el-form-item>
</template> <el-form-item label="类型" prop="noticeType">
</el-table-column> <el-select v-model="queryParams.noticeType" placeholder="公告类型" clearable>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-option
<template slot-scope="scope"> v-for="dict in dict.type.sys_notice_type"
<el-button :key="dict.value"
size="mini" :label="dict.label"
type="text" :value="dict.value"
icon="el-icon-edit" />
@click="handleUpdate(scope.row)" </el-select>
v-hasPermi="['system:notice:edit']" </el-form-item>
>修改</el-button> </page-wrapper-search>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:notice:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination <div class="table-container">
v-show="total>0" <el-table v-loading="loading" :data="noticeList" height="100%" @selection-change="handleSelectionChange">
:total="total" <el-table-column type="selection" width="55" align="center" fixed/>
:page.sync="queryParams.pageNum" <el-table-column label="序号" align="center" prop="noticeId" width="100" />
:limit.sync="queryParams.pageSize" <el-table-column
@pagination="getList" label="公告标题"
/> align="center"
prop="noticeTitle"
:show-overflow-tooltip="true"
/>
<el-table-column label="公告类型" align="center" prop="noticeType" width="100">
<template slot-scope="scope">
<dict-tag :options="dict.type.sys_notice_type" :value="scope.row.noticeType"/>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status" width="100">
<template slot-scope="scope">
<dict-tag :options="dict.type.sys_notice_status" :value="scope.row.status"/>
</template>
</el-table-column>
<el-table-column label="创建者" align="center" prop="createBy" width="100" />
<el-table-column label="创建时间" align="center" prop="createTime" width="100">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:notice:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:notice:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 添加或修改公告对话框 --> <!-- 添加或修改公告对话框 -->
<el-dialog :title="title" :visible.sync="open" width="780px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="780px" append-to-body>
...@@ -252,7 +257,9 @@ export default { ...@@ -252,7 +257,9 @@ export default {
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm("queryForm") this.queryParams.noticeTitle = ''
this.queryParams.createBy = ''
this.queryParams.noticeType = ''
this.handleQuery() this.handleQuery()
}, },
// 多选框选中数据 // 多选框选中数据
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论