<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<include file="common:title" />
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<include file="common:header" />
|
<include file="common:element-plus" />
|
<script src="/static/tinymce/js/tinymce/tinymce.min.js"></script>
|
<style>
|
.el-table th.el-table__cell,
|
.el-table td.el-table__cell,
|
.el-select,
|
.el-select__wrapper {
|
position: unset;
|
}
|
|
.el-image-viewer__img {
|
width: 50%;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div id="vue_item" v-cloak>
|
<el-container>
|
<el-aside class="el-menu-container" :width="el_aside_width">
|
<!-- 侧边菜单 -->
|
<include file="common:side_menu" />
|
</el-aside>
|
<el-container>
|
<el-header>
|
<include file="common:guide" one_word="消息管理" two_word="编辑商城消息 " />
|
</el-header>
|
<el-main>
|
<input type="hidden" id="message_id" value="{$other.id}">
|
<el-card style="width: 100%">
|
<template #header>
|
<div class="card-header"><span data-i18n="goods_management">{{message_title}}</span>
|
</div>
|
</template>
|
<el-form :rules="messageRules" ref="Form" :model="messageInfo" :before-close="closeForm" label-width="150px">
|
<el-form-item label="消息标题" prop="title">
|
<el-input v-model="messageInfo.title"></el-input>
|
</el-form-item>
|
<el-form-item label="消息类别" prop="title">
|
<el-select v-model="messageInfo.msg_category_id" placeholder="请选择消息分类" @change="handleCategory" style="width: 220px">
|
<el-option v-for="item in msgCategoryList[0]" :key="item.id" :label="item.title" :value="item.id" />
|
</el-select>
|
<el-select v-model="messageInfo.sub_msg_category_id" placeholder="请选择二级消息分类" clearable style="width: 220px; margin-left: 10px;">
|
<el-option label="默认消息类别" :value="0"></el-option>
|
<el-option v-if="curr_category_id>0" v-for="item in msgCategoryList[curr_category_id]" :key="item.id" :label="item.title" :value="item.id" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="发布时间" prop="publish_time">
|
<el-date-picker value-format="YYYY-MM-DD hh:mm:ss" type="datetime" v-model="messageInfo.publish_time" clearable
|
placeholder="请输入发布时间"></el-date-picker>
|
</el-form-item>
|
<el-form-item label="消息内容" prop="content">
|
<textarea class="textarea" :id="'tinymce-content'" v-model="messageInfo.content" style="height: 300px;"></textarea>
|
</el-form-item>
|
<template v-if="messageInfo.id && messageInfo.id>0">
|
<el-form-item label="消息附件">
|
|
<el-card style="width: 100%">
|
<template #header>
|
<div class="card-header">
|
|
<el-upload ref="upload" class="upload-demo" :show-file-list="false" :http-request="uploadAttachment" action="" :auto-upload="true">
|
<template #trigger>
|
<el-link type="primary" class="header_add_btn" icon="upload-filled" :underline="false" href="javascript:void(0)">
|
<span>上传</span>
|
</el-link>
|
</template>
|
</el-upload>
|
</div>
|
</template>
|
<el-table :data="attachmentList" v-loading="loading_attachment" border style="width: 100%" :stripe="true">
|
<el-table-column prop="title" label="文件名称" align="center">
|
<template #default="scope">
|
<el-link :href="scope.row.filename" target="_blank" type="success">{{ scope.row.title }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="filesize" label="文件大小" align="center"></el-table-column>
|
<el-table-column label="操作选项" align="center">
|
<template #default="scope">
|
<el-button icon="delete" type="danger" @click="deleteAttachment(scope.$index)"></el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-card>
|
</el-form-item>
|
</template>
|
<el-form-item>
|
<el-button type="primary" :loading="loading.addLoading" @click="submitForm">
|
<span v-if="!loading.addLoading">保 存</span>
|
<span v-else>提 交 中...</span>
|
</el-button><el-button @click="backForm">返回</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
</el-card>
|
|
</el-main>
|
</el-container>
|
</el-container>
|
</div>
|
</body>
|
<!-- 共用的方法 -->
|
<script language="JavaScript">
|
const viewPath = '{$viewPath}';
|
</script>
|
<script src="/static/vue/mixin_admin.js"></script>
|
<script src="/static/admin/js/message/create.js?v=<?php echo rand(1000,9999)?>"></script>
|
|
|
</html>
|
