Skip to content

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

update

上级 7c897c13
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 159 行增加 和 58 行删除
src/assets/css/base.css
浏览文件 @ 637daba9
...@@ -86,5 +86,12 @@ textarea:focus { ...@@ -86,5 +86,12 @@ textarea:focus {
} }
:root { :root {
--main-color: rgba(184, 1, 64, 1); --main-color: #1655B2;
}
.breadcrumb{
padding-bottom: 20px;
font-size: 16px;
font-weight: bold;
color: rgba(0,0,0,1);
line-height: 100%;
} }
src/assets/theme/style.scss
浏览文件 @ 637daba9
$--color-primary: rgba(184, 1, 64, 1); $--color-primary: #1655B2;
/* 改变 icon 字体路径变量，必需 */ /* 改变 icon 字体路径变量，必需 */
$--font-path: 'element-ui/lib/theme-chalk/fonts'; $--font-path: 'element-ui/lib/theme-chalk/fonts';
......
src/components/base/PageTemplate.vue 0 → 100644
浏览文件 @ 637daba9
<template>
<div class="create-box">
<template v-if="type == 1">
<div class="l-img-r-text-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/ztyw.png" />
<div class="text">文字占位文字占位文字占位文字占位文字占位文字占位文字占位文字占位</div>
</div>
</template>
<template v-if="type == '2'">
<div class="t-img-b-text">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/stxw.png" />
<div class="text">文字占位文字占位文字占位 文字占位文字占位文字占位 文字占位文字占位</div>
</div>
</template>
<template v-if="type == '3'">
<div class="c-text">文字占位文字占位文字占位文字占位文字占位文字占位文字占位文字占位文字占位文字占位文字占位</div>
</template>
</div>
</template>
<script>
export default {
props: {
type: {
type: String
}
},
data() {
return {}
},
computed: {},
methods: {}
}
</script>
<style lang="scss" scoped>
.l-img-r-text-box {
width: 280px;
padding: 14px 22px 14px 12px;
border: 1px solid #f0f0f0;
display: flex;
border-radius: 6px;
img {
width: 90px;
margin-right: 12px;
}
.text {
font-size: 12px;
color: #363636;
line-height: 17px;
}
}
.t-img-b-text {
width: 280px;
border: 1px solid #dcdfe6;
border-radius: 4px;
padding: 12px 14px 13px;
img {
width: 252px;
display: block;
}
.text {
font-size: 12px;
color: #363636;
line-height: 17px;
margin-top: 18px;
}
}
.c-text {
width: 280px;
font-size: 12px;
color: #363636;
line-height: 17px;
border-radius: 6px;
border: 1px solid #f0f0f0;
padding: 20px;
}
</style>
src/modules/banner/components/essay.vue
浏览文件 @ 637daba9
...@@ -80,7 +80,6 @@ export default { ...@@ -80,7 +80,6 @@ export default {
} }
], ],
columns: [ columns: [
{ label: 'id', prop: 'id', align: 'center' },
{ label: '封面图', slots: 'picture', align: 'center', width: '170px' }, { label: '封面图', slots: 'picture', align: 'center', width: '170px' },
{ label: '标题', prop: 'title', align: 'center' }, { label: '标题', prop: 'title', align: 'center' },
{ label: '摘要', prop: 'remark', align: 'center' }, { label: '摘要', prop: 'remark', align: 'center' },
......
src/modules/banner/views/List.vue
浏览文件 @ 637daba9
<template> <template>
<div>
<div class="breadcrumb">Banner管理</div>
<app-card class="register-box"> <app-card class="register-box">
<app-list v-bind="tableOptions" ref="list"> <app-list v-bind="tableOptions" ref="list">
<div class="line"></div> <div class="line"></div>
...@@ -23,7 +25,7 @@ ...@@ -23,7 +25,7 @@
<el-switch v-model="row.status" @change="updateStatus(row)"> </el-switch> <el-switch v-model="row.status" @change="updateStatus(row)"> </el-switch>
</template> </template>
<template v-slot:sort-select="{ row }"> <template v-slot:sort-select="{ row }">
<el-select v-model="row.sort" placeholder="请选择" @change="updateStatus(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-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select> </el-select>
</template> </template>
...@@ -33,6 +35,7 @@ ...@@ -33,6 +35,7 @@
</template> </template>
</app-list> </app-list>
</app-card> </app-card>
</div>
</template> </template>
<script> <script>
...@@ -95,17 +98,16 @@ export default { ...@@ -95,17 +98,16 @@ export default {
} }
], ],
columns: [ columns: [
{ label: 'id', prop: 'id', align: 'center' }, { label: '图片', slots: 'picture', width: '240px' },
{ label: '标题', prop: 'title', align: 'center' }, { label: '标题', prop: 'title' },
{ label: '图片', slots: 'picture', align: 'center', width: '200px' }, { label: 'id', prop: 'id' },
{ label: '创建时间', prop: 'created_time' },
{ label: '展示顺序', slots: 'sort-select' },
{ {
label: '发布状态', label: '发布状态',
slots: 'release-status', slots: 'release-status'
align: 'center'
}, },
{ label: '创建时间', prop: 'created_time', align: 'center' }, { label: '操作', slots: 'table-x' }
{ label: '排序', slots: 'sort-select', align: 'center' },
{ label: '操作', slots: 'table-x', align: 'center' }
] ]
} }
} }
......
src/modules/essay/views/Update.vue
浏览文件 @ 637daba9
...@@ -118,7 +118,7 @@ export default { ...@@ -118,7 +118,7 @@ export default {
}, },
data() { data() {
return { return {
activeName: '1', activeName: '0',
status: true, status: true,
drawer: false, drawer: false,
direction: 'rtl', direction: 'rtl',
...@@ -193,19 +193,7 @@ export default { ...@@ -193,19 +193,7 @@ export default {
return data[scope.row.type] return data[scope.row.type]
} }
}, },
{ { label: '页面模板', prop: 'layout_name', align: 'center' },
label: '页面模板',
prop: 'layout_name',
align: 'center',
computed: scope => {
const data = {
1: '左图又文字',
2: '上图下文',
3: '文本'
}
return data[scope.row.layout]
}
},
{ label: '标题', prop: 'title', align: 'center' }, { label: '标题', prop: 'title', align: 'center' },
{ label: '创建时间', prop: 'created_time', align: 'center' }, { label: '创建时间', prop: 'created_time', align: 'center' },
{ label: '操作', slots: 'table-x', align: 'center' } { label: '操作', slots: 'table-x', align: 'center' }
......
src/modules/menu/views/List.vue
浏览文件 @ 637daba9
<template> <template>
<div>
<div class="breadcrumb">菜单管理</div>
<app-card class="register-box"> <app-card class="register-box">
<app-list v-bind="tableOptions" ref="list"> <app-list v-bind="tableOptions" ref="list">
<div class="line"></div> <div class="line"></div>
...@@ -23,7 +25,7 @@ ...@@ -23,7 +25,7 @@
<el-switch v-model="row.status" @change="updateStatus(row)"> </el-switch> <el-switch v-model="row.status" @change="updateStatus(row)"> </el-switch>
</template> </template>
<template v-slot:sort-select="{ row }"> <template v-slot:sort-select="{ row }">
<el-select v-model="row.sort" placeholder="请选择" @change="updateStatus(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-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select> </el-select>
</template> </template>
...@@ -33,6 +35,7 @@ ...@@ -33,6 +35,7 @@
</template> </template>
</app-list> </app-list>
</app-card> </app-card>
</div>
</template> </template>
<script> <script>
...@@ -95,18 +98,18 @@ export default { ...@@ -95,18 +98,18 @@ export default {
} }
], ],
columns: [ columns: [
{ label: 'id', prop: 'id', align: 'center' }, { label: '菜单图标', slots: 'picture' },
{ label: '菜单图标', slots: 'picture', align: 'center', width: '50px' }, { label: '菜单名称', prop: 'title' },
{ label: '菜单名称', prop: 'title', align: 'center' }, { label: '备注', prop: 'comment' },
{ label: '备注', prop: 'comment', align: 'center' }, { label: 'id', prop: 'id' },
{ label: '创建时间', prop: 'created_time' },
{ label: '展示顺序', slots: 'sort-select' },
{ {
label: '发布状态', label: '发布状态',
slots: 'release-status', slots: 'release-status',
align: 'center' align: 'center'
}, },
{ label: '创建时间', prop: 'created_time', align: 'center' }, { label: '操作', slots: 'table-x' }
{ label: '排序', slots: 'sort-select', align: 'center' },
{ label: '操作', slots: 'table-x', align: 'center' }
] ]
} }
} }
......
src/modules/pages/components/FormType.vue
浏览文件 @ 637daba9
...@@ -65,7 +65,12 @@ ...@@ -65,7 +65,12 @@
<el-input style="width: 20%" v-model="data.offline_info"></el-input> <el-input style="width: 20%" v-model="data.offline_info"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="线下支付信息：" prop="offline_more_info" v-if="data.pay_type.includes('3')"> <el-form-item label="线下支付信息：" prop="offline_more_info" v-if="data.pay_type.includes('3')">
<v-editor style="width: 500px" :maxHeight="200" :disabled="!!$route.query.type" v-model="data.offline_more_info"></v-editor> <v-editor
style="width: 500px"
:maxHeight="200"
:disabled="!!$route.query.type"
v-model="data.offline_more_info"
></v-editor>
</el-form-item> </el-form-item>
<el-form-item label="单位优惠:"> <el-form-item label="单位优惠:">
<el-radio v-model="data.can_company" :label="1">开启</el-radio> <el-radio v-model="data.can_company" :label="1">开启</el-radio>
...@@ -266,7 +271,7 @@ export default { ...@@ -266,7 +271,7 @@ export default {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
border-left: 3px solid rgba(184, 1, 64, 1); border-left: 3px solid #1655b2;
padding-left: 7px; padding-left: 7px;
margin-bottom: 25px; margin-bottom: 25px;
} }
......
src/modules/pages/views/List.vue
浏览文件 @ 637daba9
<template> <template>
<div>
<div class="breadcrumb">页面管理</div>
<app-card class="register-box"> <app-card class="register-box">
<app-list v-bind="tableOptions" ref="list"> <app-list v-bind="tableOptions" ref="list">
<div class="line"></div> <div class="line"></div>
...@@ -19,8 +21,12 @@ ...@@ -19,8 +21,12 @@
<template v-slot:release-status="{ row }"> <template v-slot:release-status="{ row }">
<el-switch v-model="row.status" @change="updateStatus(row)"> </el-switch> <el-switch v-model="row.status" @change="updateStatus(row)"> </el-switch>
</template> </template>
<template v-slot:layout="{ row }">
<div>{{ row.layout_name }}</div>
<PageTemplate :type="row.layout"></PageTemplate>
</template>
<template v-slot:sort-select="{ row }"> <template v-slot:sort-select="{ row }">
<el-select v-model="row.sort" placeholder="请选择" @change="updateStatus(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-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select> </el-select>
</template> </template>
...@@ -30,13 +36,18 @@ ...@@ -30,13 +36,18 @@
</template> </template>
</app-list> </app-list>
</app-card> </app-card>
</div>
</template> </template>
<script> <script>
// 接口 // 接口
import { getAppList, updatePages, deletePages } from '../api' import { getAppList, updatePages, deletePages } from '../api'
import PageTemplate from '@/components/base/PageTemplate.vue'
export default { export default {
components: {
PageTemplate
},
data() { data() {
const count = [] const count = []
for (let i = 0; i < 100; i++) { for (let i = 0; i < 100; i++) {
...@@ -92,18 +103,16 @@ export default { ...@@ -92,18 +103,16 @@ export default {
} }
], ],
columns: [ columns: [
{ label: 'id', prop: 'id', align: 'center' }, { label: '页面类型', prop: 'type_name' },
{ label: '页面类型', prop: 'type_name', align: 'center' }, { label: '页面模板', slots: 'layout', width: '350px' },
{ label: '页面模板', prop: 'layout_name', align: 'center' }, { label: '页面名称', prop: 'title' },
{ label: '标题', prop: 'title', align: 'center' }, { label: '创建时间', prop: 'created_time' },
{ label: '展示顺序', slots: 'sort-select' },
{ {
label: '发布状态', label: '发布状态',
slots: 'release-status', slots: 'release-status'
align: 'center'
}, },
{ label: '创建时间', prop: 'created_time', align: 'center' }, { label: '操作', slots: 'table-x' }
{ label: '排序', slots: 'sort-select', align: 'center' },
{ label: '操作', slots: 'table-x', align: 'center' }
] ]
} }
} }
......
src/modules/pages/views/Update.vue
浏览文件 @ 637daba9
<template> <template>
<div class="create-box"> <div class="create-box">
<app-card :title="!$route.query.id ? '新建页面' : '编辑页面'"> <div class="breadcrumb">
<el-form {{ !$route.query.id ? '新建页面' : '编辑页面' }}
:model="ruleForm" </div>
ref="ruleForm" <app-card>
label-width="100px" <el-form :model="ruleForm" ref="ruleForm" label-width="100px" class="demo-ruleForm" style="width: 500px">
class="demo-ruleForm" <el-form-item label="页面名称" prop="title">
style="width: 50%; margin: 0 auto" <el-input v-model="ruleForm.title" placeholder="请填写页面名称"></el-input>
> </el-form-item>
<el-form-item label="页面类型"> <el-form-item label="页面类型">
<el-radio-group v-model="ruleForm.type"> <el-radio-group v-model="ruleForm.type">
<el-radio label="1">首页展示区</el-radio> <el-radio label="1">首页展示区</el-radio>
...@@ -16,14 +16,20 @@ ...@@ -16,14 +16,20 @@
</el-form-item> </el-form-item>
<el-form-item label="页面模板"> <el-form-item label="页面模板">
<el-radio-group v-model="ruleForm.layout"> <el-radio-group v-model="ruleForm.layout">
<el-radio label="1">左图又文字</el-radio> <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>
</div>
<div style="margin-top: 10px; padding-bottom: 10px">
<el-radio label="2">上图下文</el-radio> <el-radio label="2">上图下文</el-radio>
<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> <el-radio label="3">文本</el-radio>
<PageTemplate v-if="ruleForm.layout == '3'" type="3" style="margin-top: 10px;"></PageTemplate>
</div>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="页面名称" prop="title">
<el-input v-model="ruleForm.title"></el-input>
</el-form-item>
<el-form-item> <el-form-item>
<div style="padding-top: 20px"> <div style="padding-top: 20px">
<el-button type="primary" @click="submitForm">确认</el-button> <el-button type="primary" @click="submitForm">确认</el-button>
...@@ -37,7 +43,11 @@ ...@@ -37,7 +43,11 @@
<script> <script>
import { createPages, getDetails, updatePages } from '../api' import { createPages, getDetails, updatePages } from '../api'
import PageTemplate from '@/components/base/PageTemplate.vue'
export default { export default {
components: {
PageTemplate
},
data() { data() {
return { return {
ruleForm: { ruleForm: {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论