caimei365
/
caimei365-www


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
							<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title>采美365网-文章列表</title>
    <template th:replace="components/head-link"></template>
    <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/article-edit.css(v=${version})}" charset="UTF-8" rel="stylesheet"
          type="text/css">
    <template th:replace="components/analysis"></template>
</head>
<body>
<input type="hidden" th:value="${coreServer}" id="coreServer">
<!-- 引用头部 -->
<template th:replace="components/header"></template>

<!-- 我的采美 -->
<div id="articleEdit" class="article-edit">
    <div class="navLayout" v-cloak>
        <div class="crumbs" v-if="isPC">
            <span>我的采美</span>
            <span>&gt;</span>
            <span>文章管理</span>
            <span>&gt;</span>
            <span>添加文章</span>
        </div>
        <div class="wrap clear">
            <!--左侧导航-->
            <template th:replace="supplier-center/components/tableft"></template>
            <div class="right-box right">
                <div class="row">
                    <div class="top-tip">温馨提示：多发布文章，有利于曝光您的产品以及提高您产品的销售量，文章发布并且审核通过后<br/>可在信息中心搜索您的文章</div>
                    <form class="form">
                        <!-- 标题 -->
                        <div class="form-item" required prop="title">
                            <label for="title" class="form-label"><em>*</em>标题:</label>
                            <input id="title" name="title" class="form-control" placeholder="请输入文章标题"
                                   v-model="formData.title"/>
                            <template v-if="validData['title'] && !validData['title'].valid">
                                <div class="errTips" v-html="validData['title'].message"></div>
                            </template>
                        </div>
                        <!-- 文章标签 -->
                        <div class="form-item" required prop="label">
                            <label for="tag" class="form-label"><em>*</em>文章标签:</label>
                            <input id="tag" name="label" class="form-control" placeholder="多个标签请用英文逗号( , )分割，例如：美白,祛痘"
                                   v-model="formData.label"/>
                            <template v-if="validData['label'] && !validData['label'].valid">
                                <div class="errTips" v-html="validData['label'].message"></div>
                            </template>
                        </div>
                        <!-- 预选标签列表 -->
                        <div class="tag-list">
                            <div v-for="(label, index) in articleLabels" class="tag"
                                 :class="{active: checkLabel(index)}" @click.stop="labelClick(index)">{{label}}<span
                                    class="close">×</span></div>
                        </div>
                        <!-- 新增标签 -->
                        <div class="control-group">
                            <input id="tagName" name="addLabel" class="form-control tagName" placeholder="请输入标签名"
                                   v-model="addLabelName"/>
                            <button class="form-button addTag" type="button" @click.stop="addLabel">添加</button>
                        </div>
                        <!-- SEO关键词 -->
                        <div class="form-item" required prop="keyword">
                            <label for="keyword" class="form-label"><em>*</em>SEO关键词:</label>
                            <input id="keyword" type="text" name="keyword" class="form-control" placeholder="请输入SEO关键词"
                                   v-model="formData.keyword"/>
                            <template v-if="validData['keyword'] && !validData['keyword'].valid">
                                <div class="errTips" v-html="validData['keyword'].message"></div>
                            </template>
                        </div>
                        <!-- 发布人 -->
                        <div class="form-item" required prop="publisher">
                            <label for="postAuthor" class="form-label"><em>*</em>发布人:</label>
                            <input id="postAuthor" name="publisher" class="form-control" placeholder="请输入发布人"
                                   v-model="formData.publisher"/>
                            <template v-if="validData['publisher'] && !validData['publisher'].valid">
                                <div class="errTips" v-html="validData['publisher'].message"></div>
                            </template>
                        </div>
                        <!-- 来源 -->
                        <div class="form-item">
                            <label for="source" class="form-label"><em>*</em>来源:</label>
                            <input id="source" name="source" class="form-control" placeholder="请输入文章来源"
                                   v-model="formData.source"/>
                            <template v-if="validData['source'] && !validData['source'].valid">
                                <div class="errTips" v-html="validData['source'].message"></div>
                            </template>
                        </div>
                        <!-- 推荐语 -->
                        <div class="form-item" required prop="recommendContent">
                            <label for="desc" class="form-label"><em>*</em>推荐语（描述）:</label>
                            <textarea id="desc" name="recommendContent" placeholder="请输入推荐语" rows="4"
                                      v-model="formData.recommendContent" class="form-control"></textarea>
                            <template v-if="validData['recommendContent'] && !validData['recommendContent'].valid">
                                <div class="errTips" v-html="validData['recommendContent'].message"></div>
                            </template>
                        </div>
                        <!-- 文章内容 -->
                        <div class="form-item" required prop="articleContent">
                            <label class="form-label"><em>*</em>文章内容:</label>
                            <div id="editor"></div>
                            <template v-if="validData['articleContent'] && !validData['articleContent'].valid">
                                <div class="errTips" v-html="validData['articleContent'].message"></div>
                            </template>
                        </div>
                        <!-- 文章分类 -->
                        <div class="form-item" required prop="typeId">
                            <label for="category" class="form-label"><em>*</em>文章分类:</label>
                            <select id="category" name="typeId" class="form-control form-select"
                                    v-model="formData.typeId">
                                <option value="">请选择</option>
                                <template v-for="(typeInfo, index) in articleTypeList">
                                    <option :value="typeInfo.typeId" :key="index">{{typeInfo.typeName}}</option>
                                </template>
                            </select>
                            <template v-if="validData['typeId'] && !validData['typeId'].valid">
                                <div class="errTips" v-html="validData['typeId'].message"></div>
                            </template>
                        </div>
                        <!-- 引导图 -->
                        <div class="form-item" required prop="guidanceImage">
                            <label class="form-label"><em>*</em>引导图:</label>
                            <label for="cover" class="upload-control">
                                <template v-if="!formData.guidanceImage">
                                    <span>+</span>
                                    <span>添加图片</span>
                                </template>
                                <img :src="formData.guidanceImage" alt="guidanceImage" v-show="formData.guidanceImage">
                            </label>
                            <input type="file" name="guidanceImage" id="cover" class="form-control" hidden
                                   @change="fileInputChange(event)"/>
                            <template v-if="validData['guidanceImage'] && !validData['guidanceImage'].valid">
                                <div class="errTips" v-html="validData['guidanceImage'].message"></div>
                            </template>
                        </div>
                        <!-- 状态 -->
                        <div class="form-item radio-group" required prop="status">
                            <div class="form-label"><em>*</em>状态:</div>
                            <div class="radio-control">
                                <input id="on" type="radio" value="1" name="status" v-model="formData.status"/>
                                <label for="on" class="radio">启用</label>
                            </div>
                            <div class="radio-control">
                                <input id="off" type="radio" value="0" name="status" v-model="formData.status"/>
                                <label for="off" class="radio">停用</label>
                            </div>
                        </div>
                        <div class="form-item btns">
                            <button class="btn break" @click="handleBack">返回</button>
                            <button class="btn submit" @click="handleSave">保存</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" th:src="@{/lib/wangEditor.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/formMixin.js(v=${version})}"></script>
<script charset="UTF-8" type="text/javascript"
        th:src="@{/js/supplier-center/article/uploadMixin.js(v=${version})}"></script>
<script charset="UTF-8" type="text/javascript"
        th:src="@{/js/supplier-center/article/article-edit.js(v=${version})}"></script>
</body>
</html>