|
@@ -2,24 +2,28 @@
|
|
|
<div class="p-3">
|
|
<div class="p-3">
|
|
|
<div class="bg-fff flex1 ov-hd d-flex flex-cln" v-show="showSearch">
|
|
<div class="bg-fff flex1 ov-hd d-flex flex-cln" v-show="showSearch">
|
|
|
<div class="pd-16 border-bottom">
|
|
<div class="pd-16 border-bottom">
|
|
|
- <div class="f-s-20 c-333 f-w-7 mb-10">公告发布</div>
|
|
|
|
|
|
|
+ <div class="f-s-20 c-333 f-w-7 mb-10">资讯发布</div>
|
|
|
<div class="d-flex">
|
|
<div class="d-flex">
|
|
|
<div class="mr-40">
|
|
<div class="mr-40">
|
|
|
- <el-button @click="router.push({ path: 'noticeAdd' })" type="primary">新增公告</el-button>
|
|
|
|
|
|
|
+ <el-button @click="router.push({ path: 'noticeAdd' })" type="primary">新增资讯</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="flex1 ov-hd d-flex j-ed">
|
|
<div class="flex1 ov-hd d-flex j-ed">
|
|
|
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
|
|
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
|
|
|
<el-form-item label="标题" prop="newsTitle">
|
|
<el-form-item label="标题" prop="newsTitle">
|
|
|
- <el-input v-model="queryParams.newsTitle" placeholder="请输入标题" clearable style="width: 180px" @keyup.enter="handleQuery" />
|
|
|
|
|
|
|
+ <el-input v-model="queryParams.newsTitle" placeholder="请输入标题" clearable style="width: 180px"
|
|
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="发布时间" prop="dateRange">
|
|
|
|
|
|
|
+ <el-form-item label="创建时间" prop="dateRange">
|
|
|
<div class="d-flex" style="width: 180px">
|
|
<div class="d-flex" style="width: 180px">
|
|
|
- <DateRange v-model="queryParams.dateRange" v-model:start-date="queryParams.startDate" v-model:end-date="queryParams.endDate"></DateRange>
|
|
|
|
|
|
|
+ <DateRange v-model="queryParams.dateRange" v-model:start-date="queryParams.startDate"
|
|
|
|
|
+ v-model:end-date="queryParams.endDate"></DateRange>
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="状态" prop="newsStatus">
|
|
<el-form-item label="状态" prop="newsStatus">
|
|
|
- <el-select style="width: 140px" v-model="queryParams.newsStatus" clearable placeholder="请选择状态">
|
|
|
|
|
- <el-option v-for="item in news_status" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
|
|
|
|
+ <el-select style="width: 140px" v-model="queryParams.newsStatus" clearable
|
|
|
|
|
+ placeholder="请选择状态">
|
|
|
|
|
+ <el-option v-for="item in news_status" :key="item.value" :label="item.label"
|
|
|
|
|
+ :value="item.value" />
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
@@ -32,15 +36,20 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="d-flex flex1 ov-hd flex-cln pd-16">
|
|
<div class="d-flex flex1 ov-hd flex-cln pd-16">
|
|
|
- <div class="pd-8"></div>
|
|
|
|
|
|
|
+ <div class="d-flex j-sb mb-16">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <searchTabs v-model="queryParams.newsType" @change="handleQuery" :list="new_type" key-label="label"
|
|
|
|
|
+ key-value="value" :isNum="false"></searchTabs>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
<div class="flex1 ov-hd">
|
|
<div class="flex1 ov-hd">
|
|
|
<vxe-table :loading="loading" border :data="dataList" min-height="0" max-height="100%">
|
|
<vxe-table :loading="loading" border :data="dataList" min-height="0" max-height="100%">
|
|
|
<vxe-column title="序号" align="center" type="seq" width="60" />
|
|
<vxe-column title="序号" align="center" type="seq" width="60" />
|
|
|
- <vxe-column title="公告标题" align="center" field="newsTitle" :formatter="colNoData" width="400" />
|
|
|
|
|
|
|
+ <vxe-column title="资讯标题" align="center" field="newsTitle" :formatter="colNoData" width="400" />
|
|
|
<vxe-column title="发布时间" align="center" field="publishTime" :formatter="colNoData" />
|
|
<vxe-column title="发布时间" align="center" field="publishTime" :formatter="colNoData" />
|
|
|
<vxe-column title="来源" align="center" field="newsOrigin" :formatter="colNoData" />
|
|
<vxe-column title="来源" align="center" field="newsOrigin" :formatter="colNoData" />
|
|
|
- <!-- <vxe-column title="浏览量" align="center" field="publishTime" :formatter="colNoData" /> -->
|
|
|
|
|
- <vxe-column title="类型" align="center" field="newsType">
|
|
|
|
|
|
|
+ <vxe-column title="浏览量" align="center" field="viewCount" />
|
|
|
|
|
+ <vxe-column title="类型" align="center" field="newsType">
|
|
|
<template #default="{ row }">
|
|
<template #default="{ row }">
|
|
|
<dict-tag :options="new_type" :value="row.newsType" />
|
|
<dict-tag :options="new_type" :value="row.newsType" />
|
|
|
</template>
|
|
</template>
|
|
@@ -54,7 +63,8 @@
|
|
|
</vxe-column>
|
|
</vxe-column>
|
|
|
<vxe-column title="操作" width="250" align="center" fixed="right">
|
|
<vxe-column title="操作" width="250" align="center" fixed="right">
|
|
|
<template #default="{ row }">
|
|
<template #default="{ row }">
|
|
|
- <el-button type="text" size="small" @click="row.newsStatus === '1' ? unpublishNews(row) : publishNews(row)">
|
|
|
|
|
|
|
+ <el-button type="text" size="small"
|
|
|
|
|
+ @click="row.newsStatus === '1' ? unpublishNews(row) : publishNews(row)">
|
|
|
{{ row.newsStatus === '1' ? '下架' : '上架' }}
|
|
{{ row.newsStatus === '1' ? '下架' : '上架' }}
|
|
|
</el-button>
|
|
</el-button>
|
|
|
<el-button type="text" size="small" @click="editNews(row)">编辑</el-button>
|
|
<el-button type="text" size="small" @click="editNews(row)">编辑</el-button>
|
|
@@ -64,7 +74,8 @@
|
|
|
</vxe-column>
|
|
</vxe-column>
|
|
|
</vxe-table>
|
|
</vxe-table>
|
|
|
</div>
|
|
</div>
|
|
|
- <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
|
|
|
|
|
|
+ <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
|
|
|
|
|
+ @pagination="getList" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -74,9 +85,10 @@
|
|
|
import { colNoData } from '@/utils/noData';
|
|
import { colNoData } from '@/utils/noData';
|
|
|
import { publishNews as publishNewsApi, unpublishNews as unpublishNewsApi, removeNews, fetchNewsList } from '@/api/dgtmedicine/news';
|
|
import { publishNews as publishNewsApi, unpublishNews as unpublishNewsApi, removeNews, fetchNewsList } from '@/api/dgtmedicine/news';
|
|
|
import { DateRange } from '@/views/models/index';
|
|
import { DateRange } from '@/views/models/index';
|
|
|
|
|
+import { searchTabs } from '@/views/models';
|
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
-const { news_status,new_type } = toRefs<any>(proxy?.useDict('news_status','new_type'));
|
|
|
|
|
|
|
+const { news_status, new_type } = toRefs<any>(proxy?.useDict('news_status', 'new_type'));
|
|
|
const loading = ref(true);
|
|
const loading = ref(true);
|
|
|
const showSearch = ref(true);
|
|
const showSearch = ref(true);
|
|
|
const total = ref(0);
|
|
const total = ref(0);
|
|
@@ -92,7 +104,8 @@ const data = reactive<any>({
|
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
|
type: '1',
|
|
type: '1',
|
|
|
newsTitle: '',
|
|
newsTitle: '',
|
|
|
- newsStatus: ''
|
|
|
|
|
|
|
+ newsStatus: '',
|
|
|
|
|
+ newsType:'10'
|
|
|
},
|
|
},
|
|
|
rules: {}
|
|
rules: {}
|
|
|
});
|
|
});
|
|
@@ -122,7 +135,7 @@ const resetQuery = () => {
|
|
|
|
|
|
|
|
/** 编辑新闻 */
|
|
/** 编辑新闻 */
|
|
|
const editNews = (row) => {
|
|
const editNews = (row) => {
|
|
|
- router.push({ path: `noticeAdd`, query: { id: row.id ,title:'新增公告'} });
|
|
|
|
|
|
|
+ router.push({ path: `noticeAdd`, query: { id: row.id, title: '新增资讯' } });
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
/** 删除新闻 */
|
|
/** 删除新闻 */
|
|
@@ -142,7 +155,7 @@ const deleteNews = async (row) => {
|
|
|
|
|
|
|
|
/** 查看新闻详情 */
|
|
/** 查看新闻详情 */
|
|
|
const viewNewsDetail = (row) => {
|
|
const viewNewsDetail = (row) => {
|
|
|
- router.push({ path: `noticeAdd`, query: { id: row.id, disable: '1' ,title:'公告详情'} });
|
|
|
|
|
|
|
+ router.push({ path: `noticeAdd`, query: { id: row.id, disable: '1', title: '资讯详情' } });
|
|
|
};
|
|
};
|
|
|
/** 上架新闻 */
|
|
/** 上架新闻 */
|
|
|
const publishNews = async (row) => {
|
|
const publishNews = async (row) => {
|