|
|
@@ -4,9 +4,11 @@
|
|
|
<head>
|
|
|
<title>采美365网-文章管理-文章列表</title>
|
|
|
<template th:replace="components/head-link"></template>
|
|
|
+ <!--element ui 样式表-->
|
|
|
+ <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
|
|
|
+ <link th:href="@{/lib/element-ui-min.css}" rel="stylesheet" type="text/css">
|
|
|
<link th:href="@{/css/base/center.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
- <link th:if="${pageId==1026}" th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
- <!-- <link th:href="@{/css/supplier-center/article/table.css(v=${version})}" rel="stylesheet" type="text/css">-->
|
|
|
+<!-- <link th:if="${pageId==1026}" th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">-->
|
|
|
<link th:href="@{/css/supplier-center/article/article-list.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
<template th:replace="components/analysis"></template>
|
|
|
</head>
|
|
|
@@ -33,38 +35,63 @@
|
|
|
<!--筛选-->
|
|
|
<div class="row">
|
|
|
<div class="hot-tip">温馨提示：发布采美文章有利于曝光您的店铺商品，提高成交量（发布并且审核通过后，可在信息中心搜索您的文章）</div>
|
|
|
- <div class="form-section">
|
|
|
- <div class="form-item">
|
|
|
- <label for="articleId" class="form-label">文章ID:</label>
|
|
|
- <input id="articleId" class="form-control" v-model="listQuery.articleId" type="text" placeholder="请输入文章ID"/>
|
|
|
+ <div class="filter-container">
|
|
|
+ <!--文章ID-->
|
|
|
+ <div class="filter-control">
|
|
|
+ <span class="label">文章ID：</span>
|
|
|
+ <el-input class="control" v-model="listQuery.articleId" placeholder="请输入文章ID" clearable></el-input>
|
|
|
</div>
|
|
|
- <div class="form-item">
|
|
|
- <label for="articleTitle" class="form-label">文章标题:</label>
|
|
|
- <input id="articleTitle" class="form-control" v-model="listQuery.title" type="text" placeholder="请输入文章标题"/>
|
|
|
+ <!--文章标题-->
|
|
|
+ <div class="filter-control">
|
|
|
+ <span class="label">文章标题：</span>
|
|
|
+ <el-input class="control" v-model="listQuery.title" placeholder="请输入文章标题" clearable></el-input>
|
|
|
</div>
|
|
|
- <div class="form-item">
|
|
|
- <label for="articleAuthor" class="form-label">发布人:</label>
|
|
|
- <input id="articleAuthor" class="form-control" v-model="listQuery.publisher" type="text" placeholder="输入发布人"/>
|
|
|
+ <!--发布人-->
|
|
|
+ <div class="filter-control">
|
|
|
+ <span class="label">发布人：</span>
|
|
|
+ <el-input class="control" v-model="listQuery.publisher" placeholder="请输入文章发布人" clearable></el-input>
|
|
|
</div>
|
|
|
- <div class="form-item">
|
|
|
- <label for="articleCate" class="form-label">文章分类:</label>
|
|
|
- <select id="articleCate" class="form-control form-select" v-model="listQuery.typeId" @change="getArticleList">
|
|
|
- <option value="">请选择</option>
|
|
|
+ <!--文章分类-->
|
|
|
+ <div class="filter-control">
|
|
|
+ <span class="label">文章分类：</span>
|
|
|
+ <el-select v-model="listQuery.typeId" @change="getArticleList" clearable>
|
|
|
+ <el-option label="全部" value=""></el-option>
|
|
|
<template v-for="(typeInfo, index) in articleTypeList">
|
|
|
- <option :value="typeInfo.typeId" :key="index">{{typeInfo.typeName}}</option>
|
|
|
+ <el-option :key="index" :label="typeInfo.typeName" :value="typeInfo.typeId"></el-option>
|
|
|
</template>
|
|
|
- </select>
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
- <div class="form-item">
|
|
|
- <label for="articleStatus" class="form-label">审核状态:</label>
|
|
|
- <select id="articleStatus" class="form-control form-select" v-model="listQuery.auditStatus" @change="handleSearchList">
|
|
|
- <option value="">全部</option>
|
|
|
- <option value="1">待审核</option>
|
|
|
- <option value="2">审核通过</option>
|
|
|
- <option value="3">审核未通过</option>
|
|
|
- </select>
|
|
|
+ <!--审核状态-->
|
|
|
+ <div class="filter-control">
|
|
|
+ <span class="label">审核状态：</span>
|
|
|
+ <el-select v-model="listQuery.auditStatus" @change="getArticleList" clearable>
|
|
|
+ <el-option label="全部" value=""></el-option>
|
|
|
+ <el-option label="待审核" :value="1"></el-option>
|
|
|
+ <el-option label="审核通过" :value="2"></el-option>
|
|
|
+ <el-option label="审核未通过" :value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
- <div class="form-item buttons">
|
|
|
+ <!--上线状态-->
|
|
|
+ <div class="filter-control">
|
|
|
+ <span class="label">上线状态：</span>
|
|
|
+ <el-select v-model="listQuery.typeId" @change="getArticleList" clearable>
|
|
|
+ <el-option label="全部" value=""></el-option>
|
|
|
+ <el-option label="待上线" :value="1"></el-option>
|
|
|
+ <el-option label="已上线" :value="2"></el-option>
|
|
|
+ <el-option label="已下线" :value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <!--状态-->
|
|
|
+ <div class="filter-control">
|
|
|
+ <span class="label">状态：</span>
|
|
|
+ <el-select v-model="listQuery.typeId" @change="getArticleList" clearable>
|
|
|
+ <el-option label="全部" value=""></el-option>
|
|
|
+ <el-option label="已发布" :value="1"></el-option>
|
|
|
+ <el-option label="保存草稿箱" :value="2"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <!--筛选按钮-->
|
|
|
+ <div class="filter-control">
|
|
|
<button class="form-button search" type="button" @click="handleSearchList">搜索</button>
|
|
|
<button class="form-button add" type="button" @click="handleAddArticle">添加</button>
|
|
|
</div>
|
|
|
@@ -157,10 +184,9 @@
|
|
|
<!-- 引入底部 -->
|
|
|
<template th:replace="components/footer"></template>
|
|
|
<template th:replace="components/foot-link"></template>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/lib/element-ui.min.js}"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/center.js(v=${version})}"></script>
|
|
|
-<script charset="utf-8" type="text/javascript"
|
|
|
- th:src="@{/js/common/serviceapi/supplier.service.js(v=${version})}"></script>
|
|
|
-<script charset="UTF-8" type="text/javascript"
|
|
|
- th:src="@{/js/supplier-center/article/article-list.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/supplier.service.js(v=${version})}"></script>
|
|
|
+<script charset="UTF-8" type="text/javascript" th:src="@{/js/supplier-center/article/article-list.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
</html>
|
喻文俊