Skip to content

P
project-road-admin
提交 0ee2605e authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

update

上级 637daba9
隐藏空白字符变更
内嵌 并排
正在显示 包含 215 行增加 和 87 行删除
src/assets/css/base.css
浏览文件 @ 0ee2605e
......@@ -95,3 +95,6 @@ textarea:focus {
color: rgba(0,0,0,1);
line-height: 100%;
}
.tox-notifications-container{
display: none !important;
}
src/modules/banner/components/pages.vue
浏览文件 @ 0ee2605e
......@@ -13,6 +13,10 @@
>
</el-date-picker>
</template>
<template v-slot:layout="{ row }">
<div>{{ row.layout_name }}</div>
<PageTemplate :type="row.layout"></PageTemplate>
</template>
</app-list>
<el-button @click="confirmBanner" type="primary">确认</el-button>
</app-card>
......@@ -21,8 +25,12 @@
<script>
// 接口
import { getPagesList } from '../api'
import PageTemplate from '@/components/base/PageTemplate.vue'
export default {
components: {
PageTemplate
},
props: {
selectData: {
type: Array
......@@ -78,11 +86,10 @@ export default {
}
],
columns: [
{ label: 'id', prop: 'id', align: 'center' },
{ label: '页面类型', prop: 'type_name', align: 'center' },
{ label: '页面模板', prop: 'layout_name', align: 'center' },
{ label: '标题', prop: 'title', align: 'center' },
{ label: '创建时间', prop: 'created_time', align: 'center' }
{ label: '页面类型', prop: 'type_name' },
{ label: '页面模板', slots: 'layout', width: '350px' },
{ label: '页面名称', prop: 'title' },
{ label: '创建时间', prop: 'created_time' }
]
}
}
......
src/modules/essay/components/banner.vue
浏览文件 @ 0ee2605e
<template>
<app-card class="register-box">
<app-list @selection-change="selectionChange" v-bind="tableOptions" ref="list">
<!-- <div class="line"></div> -->
<app-list @selection-change="selectionChange" v-bind="tableOptions" ref="list">
<template v-slot:filter-time>
<el-date-picker
v-model="filterDate"
......@@ -107,7 +106,8 @@ export default {
this.createdEnd = ''
}
}
}
},
mounted() {}
}
</script>
......
src/modules/essay/components/pages.vue
浏览文件 @ 0ee2605e
......@@ -13,6 +13,10 @@
>
</el-date-picker>
</template>
<template v-slot:layout="{ row }">
<div>{{ row.layout_name }}</div>
<PageTemplate :type="row.layout"></PageTemplate>
</template>
</app-list>
<el-button @click="confirmBanner" type="primary">确认</el-button>
</app-card>
......@@ -21,8 +25,12 @@
<script>
// 接口
import { getPagesList } from '../api'
import PageTemplate from '@/components/base/PageTemplate.vue'
export default {
components: {
PageTemplate
},
props: {
selectData: {
type: Array
......@@ -79,11 +87,10 @@ export default {
],
columns: [
{ type: 'selection', prop: 'selection', align: 'center' },
{ label: 'id', prop: 'id', align: 'center' },
{ label: '页面类型', prop: 'type_name', align: 'center' },
{ label: '页面模板', prop: 'layout_name', align: 'center' },
{ label: '标题', prop: 'title', align: 'center' },
{ label: '创建时间', prop: 'created_time', align: 'center' }
{ label: '页面类型', prop: 'type_name' },
{ label: '页面模板', slots: 'layout', width: '350px' },
{ label: '页面名称', prop: 'title' },
{ label: '创建时间', prop: 'created_time' }
]
}
}
......
src/modules/essay/views/List.vue
浏览文件 @ 0ee2605e
<template>
<app-card class="register-box">
<app-list v-bind="tableOptions" ref="list">
<div class="line"></div>
<div class="btn-box">
<el-button type="primary" @click="$router.push({ path: '/essay/update' })">新建图文</el-button>
</div>
<template v-slot:filter-time>
<el-date-picker
v-model="filterDate"
@change="changeDate"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</template>
<template v-slot:picture="{ row }">
<div :style="`background-image:url(${row.picture});background-size: cover;width:170px;height:80px;`"></div>
</template>
<template v-slot:release-status="{ row }">
<el-switch v-model="row.status" @change="updateStatus(row)"> </el-switch>
</template>
<template v-slot:sort-select="{ row }">
<el-select v-model="row.sort" placeholder="请选择" @change="updateStatus(row)">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
</template>
<template v-slot:table-x="{ row }">
<el-button type="text" @click="handleEdit(row)">编辑</el-button>
<el-button type="text" @click="handleDelete(row)">删除</el-button>
</template>
</app-list>
</app-card>
<div>
<div class="breadcrumb">图文管理</div>
<app-card class="register-box">
<app-list v-bind="tableOptions" ref="list">
<div class="line"></div>
<div class="btn-box">
<el-button type="primary" @click="$router.push({ path: '/essay/update' })">新建图文</el-button>
</div>
<template v-slot:filter-time>
<el-date-picker
v-model="filterDate"
@change="changeDate"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</template>
<template v-slot:picture="{ row }">
<div :style="`background-image:url(${row.picture});background-size: cover;width:170px;height:80px;`"></div>
</template>
<template v-slot:release-status="{ row }">
<el-switch v-model="row.status" @change="updateStatus(row)"> </el-switch>
</template>
<template v-slot:sort-select="{ row }">
<el-select style="width: 70px" v-model="row.sort" placeholder="请选择" @change="updateStatus(row)">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
</template>
<template v-slot:table-x="{ row }">
<el-button type="text" @click="handleEdit(row)">编辑</el-button>
<el-button type="text" @click="handleDelete(row)">删除</el-button>
</template>
</app-list>
</app-card>
</div>
</template>
<script>
......@@ -95,19 +98,19 @@ export default {
}
],
columns: [
{ label: 'id', prop: 'id', align: 'center' },
{ label: '封面图', slots: 'picture', align: 'center', width: '170px' },
{ label: '标题', prop: 'title', align: 'center' },
{ label: '摘要', prop: 'remark', align: 'center' },
{ label: '备注', prop: 'comment', align: 'center' },
{ label: '封面图', slots: 'picture', width: '230px' },
{ label: '标题', prop: 'title' },
{ label: '摘要', prop: 'remark' },
{ label: '备注', prop: 'comment' },
{ label: 'id', prop: 'id' },
{ label: '创建时间', prop: 'created_time' },
{ label: '展示顺序', slots: 'sort-select' },
{
label: '发布状态',
slots: 'release-status',
align: 'center'
},
{ label: '创建时间', prop: 'created_time', align: 'center' },
{ label: '排序', slots: 'sort-select', align: 'center' },
{ label: '操作', slots: 'table-x', align: 'center' }
{ label: '操作', slots: 'table-x' }
]
}
}
......
src/modules/essay/views/Update.vue
浏览文件 @ 0ee2605e
<template>
<div class="create-box">
<app-card :title="!$route.query.id ? '新建菜单' : '编辑菜单'">
<div class="breadcrumb">
{{ !$route.query.id ? '新建菜单' : '编辑菜单' }}
</div>
<app-card>
<el-alert
style="width: 700px; margin-left: 30px; margin-bottom: 30px; background: rgba(158, 194, 246, 0.2)"
title="图文信息数据显示策略：跳转链接 > 正文 > 关联选择"
type="info"
show-icon
>
</el-alert>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="100px"
class="demo-ruleForm"
style="width: 80%; margin: 0 auto"
style="width: 700px"
>
<el-form-item label="封面图" prop="picture">
<upload-image v-model="ruleForm.picture"></upload-image>
</el-form-item>
<el-form-item label="标题" prop="title">
<el-input v-model="ruleForm.title"></el-input>
</el-form-item>
<el-form-item label="封面图" prop="picture">
<div class="upload-img-box">
<upload-image v-model="ruleForm.picture"></upload-image>
<div class="upload-img-tips">
<div>只能上传jpg/png文件，且不超过500kb</div>
<div>建议竖图上传尺寸 96×120</div>
<div>建议横图上传尺寸 311×120</div>
</div>
</div>
</el-form-item>
<el-form-item label="摘要">
<el-input v-model="ruleForm.remark"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="ruleForm.comment"></el-input>
</el-form-item>
<el-form-item label="跳转链接">
<el-input v-model="ruleForm.url"></el-input>
</el-form-item>
<el-form-item label="摘要">
<el-input v-model="ruleForm.remark"></el-input>
</el-form-item>
<el-form-item label="正文" prop="content">
<v-editor v-model="ruleForm.content"></v-editor>
</el-form-item>
<el-form-item label="是否启用" prop="status">
<el-switch v-model="status"></el-switch>
<el-form-item label="关联内容">
<div class="select-btn" @click="drawer = true">
<i class="el-icon-plus"></i>
<div class="text">选择内容</div>
</div>
<div class="tabs-nav">
<div @click="active = 1" :class="active == 1 ? 'li active' : 'li'">
关联banner ({{ bannerList.length }})
</div>
<div @click="active = 3" :class="active == 3 ? 'li active' : 'li'">关联功能区 ({{ menuList.length }})</div>
<div @click="active = 2" :class="active == 2 ? 'li active' : 'li'">关联页面 ({{ pagesList.length }})</div>
</div>
<app-list v-bind="bannerTableOptions" ref="list" v-if="active == 1">
<template v-slot:table-x="{ row }">
<el-button type="text" @click="handleBannerDelete(row)">删除</el-button>
</template>
<template v-slot:picture="{ row }">
<div
:style="`background-image:url(${row.picture});background-size: cover;width:200px;height:100px;`"
></div>
</template>
</app-list>
<app-list v-bind="menuTableOptions" ref="list" v-if="active == 3">
<template v-slot:table-x="{ row }">
<el-button type="text" @click="handleMenuDelete(row)">删除</el-button>
</template>
<template v-slot:picture="{ row }">
<div :style="`background-image:url(${row.picture});background-size: cover;width:50px;height:40px;`"></div>
</template>
</app-list>
<app-list v-bind="pagesTableOptions" ref="list" v-if="active == 2">
<template v-slot:table-x="{ row }">
<el-button type="text" @click="handlePagesDelete(row)">删除</el-button>
</template>
<template v-slot:layout="{ row }">
<div>{{ row.layout_name }}</div>
<PageTemplate :type="row.layout"></PageTemplate>
</template>
</app-list>
</el-form-item>
<el-form-item label="关联选择">
<!-- <el-form-item label="关联选择">
<el-button type="primary" @click="drawer = true">点击选择</el-button>
<el-card class="box-card" style="margin-top: 20px">
<div slot="header" class="clearfix">
......@@ -77,6 +131,9 @@
</template>
</app-list>
</el-card>
</el-form-item> -->
<el-form-item label="是否启用" prop="status">
<el-switch v-model="status"></el-switch>
</el-form-item>
<el-form-item>
<div style="padding-top: 20px; width: 200px; margin: 0 auto">
......@@ -108,17 +165,20 @@ import Pages from '../components/pages.vue'
import VEditor from '@/components/tinymce/Index.vue'
import UploadImage from '@/components/upload/UploadImage.vue'
import { createEssay, getDetails, updateEssay } from '../api'
import PageTemplate from '@/components/base/PageTemplate.vue'
export default {
components: {
UploadImage,
VEditor,
Banner,
Menu,
Pages
Pages,
PageTemplate
},
data() {
return {
activeName: '0',
active: 1,
activeName: '1',
status: true,
drawer: false,
direction: 'rtl',
......@@ -153,11 +213,9 @@ export default {
return {
hasPagination: false,
columns: [
{ label: 'id', prop: 'id', align: 'center' },
{ label: '标题', prop: 'title', align: 'center' },
{ label: '图片', slots: 'picture', align: 'center', width: '200px' },
{ label: '创建时间', prop: 'created_time', align: 'center' },
{ label: '操作', slots: 'table-x', align: 'center' }
{ label: '图片', slots: 'picture', width: '250px' },
{ label: '标题', prop: 'title', width: '250px' },
{ label: '操作', slots: 'table-x' }
],
data: this.bannerList
}
......@@ -166,11 +224,9 @@ export default {
return {
hasPagination: false,
columns: [
{ label: 'id', prop: 'id', align: 'center' },
{ label: '菜单图标', slots: 'picture', align: 'center', width: '50px' },
{ label: '菜单图标', slots: 'picture', align: 'center' },
{ label: '菜单名称', prop: 'title', align: 'center' },
{ label: '备注', prop: 'comment', align: 'center' },
{ label: '创建时间', prop: 'created_time', align: 'center' },
{ label: '操作', slots: 'table-x', align: 'center' }
],
data: this.menuList
......@@ -180,7 +236,6 @@ export default {
return {
hasPagination: false,
columns: [
{ label: 'id', prop: 'id', align: 'center' },
{
label: '页面类型',
prop: 'type_name',
......@@ -193,9 +248,8 @@ export default {
return data[scope.row.type]
}
},
{ label: '页面模板', prop: 'layout_name', align: 'center' },
{ label: '标题', prop: 'title', align: 'center' },
{ label: '创建时间', prop: 'created_time', align: 'center' },
{ label: '页面模板', slots: 'layout', width: '300px' },
{ label: '页面名称', prop: 'title', align: 'center' },
{ label: '操作', slots: 'table-x', align: 'center' }
],
data: this.pagesList
......@@ -227,17 +281,23 @@ export default {
// banner关联
bannerSelectionConfirm(value) {
this.drawer = false
this.bannerList = value
value.forEach(item => {
this.bannerList.push(item)
})
},
// 关联菜单
menuSelectionConfirm(value) {
this.drawer = false
this.menuList = value
value.forEach(item => {
this.menuList.push(item)
})
},
// 关联页面
pagesSelectionConfirm(value) {
this.drawer = false
this.pagesList = value
value.forEach(item => {
this.pagesList.push(item)
})
},
// 提交
submitForm() {
......@@ -302,4 +362,52 @@ export default {
}
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.upload-img-box {
display: flex;
.upload-img-tips {
margin-left: 20px;
// padding-top: 10px;
div {
font-size: 12px;
line-height: 23px;
color: #606266;
}
}
}
.select-btn {
display: flex;
justify-content: space-between;
align-items: center;
height: 32px;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 0 17px;
width: fit-content;
cursor: pointer;
i {
color: #363636;
}
.text {
font-size: 14px;
color: #161616;
margin-left: 5px;
}
}
.tabs-nav {
display: flex;
padding: 10px 0;
.li {
line-height: 40px;
box-sizing: border-box;
font-size: 14px;
color: #161616;
margin-right: 50px;
cursor: pointer;
&.active {
font-weight: 600;
color: #1655b2;
border-bottom: 1px solid #1655b2;
}
}
}
</style>
src/modules/pages/views/Update.vue
浏览文件 @ 0ee2605e
......@@ -18,15 +18,15 @@
<el-radio-group v-model="ruleForm.layout">
<div style="margin-top: 10px; padding-bottom: 10px">
<el-radio label="1">左图右文</el-radio>
<PageTemplate v-if="ruleForm.layout == '1'" type="1" style="margin-top: 10px;"></PageTemplate>
<PageTemplate v-if="ruleForm.layout == '1'" type="1" style="margin-top: 10px"></PageTemplate>
</div>
<div style="margin-top: 10px; padding-bottom: 10px">
<el-radio label="2">上图下文</el-radio>
<PageTemplate v-if="ruleForm.layout == '2'" type="2" style="margin-top: 10px;"></PageTemplate>
<PageTemplate v-if="ruleForm.layout == '2'" type="2" style="margin-top: 10px"></PageTemplate>
</div>
<div style="margin-top: 10px; padding-bottom: 10px">
<el-radio label="3">文本</el-radio>
<PageTemplate v-if="ruleForm.layout == '3'" type="3" style="margin-top: 10px;"></PageTemplate>
<PageTemplate v-if="ruleForm.layout == '3'" type="3" style="margin-top: 10px"></PageTemplate>
</div>
</el-radio-group>
</el-form-item>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论