mod vue2 to vue3
This commit is contained in:
@@ -9,7 +9,7 @@
|
||||
:list-query="listQuery"
|
||||
@multi-actions="handleMultiAction"
|
||||
>
|
||||
<template slot="filter-content">
|
||||
<template #filter-content>
|
||||
<el-input v-model="listQuery.params.id" style="width: 200px" placeholder="搜索公告编码" class="filter-item"/>
|
||||
<el-input v-model="listQuery.params.title" style="width: 200px" placeholder="搜索公告标题" class="filter-item"/>
|
||||
<el-input v-model="listQuery.params.text" style="width: 200px" placeholder="搜索公告内容" class="filter-item" />
|
||||
@@ -17,15 +17,15 @@
|
||||
<el-date-picker style="width: 200px" placeholder="开始时间" class="filter-item"
|
||||
v-model="listQuery.params.createTime"
|
||||
type="datetime"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
></el-date-picker>
|
||||
<label>截至时间</label>
|
||||
<el-date-picker style="width: 200px" placeholder="截至时间" class="filter-item"
|
||||
v-model="listQuery.params.updateTime"
|
||||
type="datetime"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
></el-date-picker>
|
||||
<!-- <el-button class="filter-item" type="primary" icon="el-icon-plus" @click="handleAdd">
|
||||
添加
|
||||
@@ -33,25 +33,26 @@
|
||||
|
||||
|
||||
</template>
|
||||
<template slot="data-columns">
|
||||
<template #data-columns>
|
||||
<!-- <el-table-column type="selection" width="55"/>-->
|
||||
<el-table-column align="center" label="公告编号" prop="id"/>
|
||||
<template slot-scope="scope">
|
||||
<a style="color: #1890ff" @click="handleUpdate(scope.row)">{{ scope.row.id }}</a>
|
||||
</template>
|
||||
<el-table-column align="center" label="公告编号" prop="id">
|
||||
<template #default="scope">
|
||||
<a style="color: #1890ff" @click="handleUpdate(scope.row)">{{ scope.row.id }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column align="center" label="公告标题" prop="title"/>
|
||||
<el-table-column align="center" label="公告内容" prop="text"/>
|
||||
<el-table-column align="center" label="发布时间">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.createTime | xmDateFormat }}
|
||||
<template #default="scope">
|
||||
{{ $filters.xmDateFormat(scope.row.createTime) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<!-- <el-table-column align="center" label="操作">
|
||||
<template slot-scope="scope">
|
||||
<template #default="scope">
|
||||
<a @click="handleUpdate(scope.row)">
|
||||
<el-button link type="primary" size="small"
|
||||
>编辑公告内容
|
||||
@@ -64,7 +65,7 @@
|
||||
</data-table>
|
||||
|
||||
<!-- 编辑按钮按下-->
|
||||
<el-dialog :visible.sync="dialogVisible" title="编辑公告信息" width="500px">
|
||||
<el-dialog v-model="dialogVisible" title="编辑公告信息" width="500px">
|
||||
<el-form :model="formData" label-position="left" label-width="100px">
|
||||
<el-form-item label="公告编号">
|
||||
<el-input v-model="formData.id" disabled="disabled"/>
|
||||
@@ -80,14 +81,16 @@
|
||||
v-model="formData.createTime" disabled="disabled"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间"
|
||||
format="yyyy-MM-dd">
|
||||
format="YYYY-MM-DD">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleUpCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="handleSave">确 认</el-button>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="handleUpCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="handleSave">确 认</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
@@ -95,11 +98,11 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import DataTable from '@/components/DataTable'
|
||||
import MeetRole from '@/components/MeetRole'
|
||||
import DepartTreeSelect from '@/components/DepartTreeSelect'
|
||||
import DataTable from '@/components/DataTable/index.vue'
|
||||
import MeetRole from '@/components/MeetRole/index.vue'
|
||||
import DepartTreeSelect from '@/components/DepartTreeSelect/index.vue'
|
||||
import {dataFormatter} from '@/utils'
|
||||
import {saveOrUpData} from "@/api/sys/gggl/gggl";
|
||||
import {saveOrUpData} from "@/api/sys/gggl/gggl.js";
|
||||
|
||||
|
||||
export default {
|
||||
|
||||
Reference in New Issue
Block a user