| @@ -12,23 +12,6 @@ export function about() { | |||||
| method: 'get' | method: 'get' | ||||
| }) | }) | ||||
| } | } | ||||
| export function delLunbo(id) { | |||||
| return request({ | |||||
| url: '/index/delLunbo', | |||||
| method: 'post', | |||||
| data: { id } | |||||
| }) | |||||
| } | |||||
| /** 广告位1 */ | |||||
| export function guanggao1() { | |||||
| return request({ | |||||
| url: '/aigc/guanggao1', | |||||
| method: 'get' | |||||
| }) | |||||
| } | |||||
| export function saveGuangGao(data) { | export function saveGuangGao(data) { | ||||
| return request({ | return request({ | ||||
| url: '/index/saveGuangGao', | url: '/index/saveGuangGao', | ||||
| @@ -36,32 +19,10 @@ export function saveGuangGao(data) { | |||||
| data | data | ||||
| }) | }) | ||||
| } | } | ||||
| /** 广告位2 */ | |||||
| export function guanggao2() { | |||||
| export function saveMemeber(data) { | |||||
| return request({ | return request({ | ||||
| url: '/aigc/guanggao2', | |||||
| method: 'get' | |||||
| }) | |||||
| } | |||||
| /** 数字人形象(共用轮播) */ | |||||
| export function saveShuziren() { | |||||
| return request({ | |||||
| url: '/aigc/saveShuziren', | |||||
| method: 'get' | |||||
| }) | |||||
| } | |||||
| export function shuzirenremark() { | |||||
| return request({ | |||||
| url: '/aigc/shuzirenremark', | |||||
| method: 'get' | |||||
| }) | |||||
| } | |||||
| /** 数字人视频 */ | |||||
| export function videoSave(data) { | |||||
| return request({ | |||||
| url: '/aigc/videoSave', | |||||
| url: '/aboutUs/saveMemeber', | |||||
| method: 'post', | method: 'post', | ||||
| data | data | ||||
| }) | }) | ||||
| } | |||||
| } | |||||
| @@ -69,3 +69,10 @@ export function guanggao2() { | |||||
| method: 'get' | method: 'get' | ||||
| }) | }) | ||||
| } | } | ||||
| export function link() { | |||||
| return request({ | |||||
| url: '/index/link', | |||||
| method: 'get' | |||||
| }) | |||||
| } | |||||
| @@ -66,4 +66,4 @@ export function videoSave(data) { | |||||
| method: 'post', | method: 'post', | ||||
| data | data | ||||
| }) | }) | ||||
| } | |||||
| } | |||||
| @@ -15,13 +15,6 @@ export function saveLunbo(data) { | |||||
| }) | }) | ||||
| } | } | ||||
| export function delLunbo(id) { | |||||
| return request({ | |||||
| url: '/index/delLunbo', | |||||
| method: 'post', | |||||
| data: { id } | |||||
| }) | |||||
| } | |||||
| /** 热点新闻配置(是否显示) */ | /** 热点新闻配置(是否显示) */ | ||||
| export function hotNewsConfig() { | export function hotNewsConfig() { | ||||
| return request({ | return request({ | ||||
| @@ -89,6 +89,105 @@ export const constantRoutes = [ | |||||
| path: 'banner2', | path: 'banner2', | ||||
| component: () => import('@/views/homePage/banner2'), | component: () => import('@/views/homePage/banner2'), | ||||
| meta: { title: '广告位2' } | meta: { title: '广告位2' } | ||||
| }, | |||||
| { | |||||
| path: 'link', | |||||
| component: () => import('@/views/homePage/link'), | |||||
| meta: { title: '外链' } | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| path: '/car', | |||||
| component: Layout, | |||||
| alwaysShow: true, | |||||
| redirect: '/car/carousel', | |||||
| name: 'car', | |||||
| meta: { | |||||
| title: '汽车资讯', | |||||
| icon: 'nested' | |||||
| }, | |||||
| children: [ | |||||
| { | |||||
| path: 'carousel', | |||||
| component: () => import('@/views/car/carousel'), | |||||
| meta: { title: '轮播' } | |||||
| }, | |||||
| { | |||||
| path: 'news', | |||||
| component: () => import('@/views/car/news'), | |||||
| meta: { title: '热点新闻配置' } | |||||
| }, | |||||
| { | |||||
| path: 'banner1', | |||||
| component: () => import('@/views/car/banner1'), | |||||
| meta: { title: '广告位1' } | |||||
| }, | |||||
| { | |||||
| path: 'video', | |||||
| component: () => import('@/views/car/video'), | |||||
| meta: { title: '视频轮播' } | |||||
| }, | |||||
| { | |||||
| path: 'banner2', | |||||
| component: () => import('@/views/car/banner2'), | |||||
| meta: { title: '广告位2' } | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| path: '/yyzrb', | |||||
| component: Layout, | |||||
| alwaysShow: true, | |||||
| redirect: '/yyzrb/carousel', | |||||
| name: 'yyzrb', | |||||
| meta: { | |||||
| title: '元宇宙日爆', | |||||
| icon: 'nested' | |||||
| }, | |||||
| children: [ | |||||
| { | |||||
| path: 'carousel', | |||||
| component: () => import('@/views/yyzrb/carousel'), | |||||
| meta: { title: '轮播' } | |||||
| }, | |||||
| { | |||||
| path: 'news', | |||||
| component: () => import('@/views/yyzrb/news'), | |||||
| meta: { title: '热点新闻配置' } | |||||
| }, | |||||
| { | |||||
| path: 'banner1', | |||||
| component: () => import('@/views/yyzrb/banner1'), | |||||
| meta: { title: '广告位1' } | |||||
| }, | |||||
| { | |||||
| path: 'banner2', | |||||
| component: () => import('@/views/yyzrb/banner2'), | |||||
| meta: { title: '广告位2' } | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| path: '/about', | |||||
| component: Layout, | |||||
| alwaysShow: true, | |||||
| redirect: '/about/company', | |||||
| name: 'about', | |||||
| meta: { | |||||
| title: '关于我们', | |||||
| icon: 'nested' | |||||
| }, | |||||
| children: [ | |||||
| { | |||||
| path: 'company', | |||||
| component: () => import('@/views/about/company'), | |||||
| meta: { title: '公司介绍' } | |||||
| }, | |||||
| { | |||||
| path: 'member', | |||||
| component: () => import('@/views/about/member'), | |||||
| meta: { title: '成员介绍' } | |||||
| } | } | ||||
| ] | ] | ||||
| } | } | ||||
| @@ -0,0 +1,77 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 广告位 | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="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="remark"> | |||||
| <el-input v-model="ruleForm.remark" type="textarea"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { about } from '@/api/about' | |||||
| import { saveGuangGao } from '@/api/homePage' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { | |||||
| uploadFile | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| ruleForm: { | |||||
| id: '', | |||||
| image: '', | |||||
| title: '', | |||||
| remark: '' | |||||
| }, | |||||
| rules: { | |||||
| image: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ] | |||||
| } | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getData() | |||||
| }, | |||||
| methods: { | |||||
| getData() { | |||||
| about().then(res => { | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.image = res.image | |||||
| this.ruleForm.remark = res.remark | |||||
| this.ruleForm.title = res.title | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| saveGuangGao(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,173 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 列表查询demo | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <!--工具栏--> | |||||
| <div class="head-container"> | |||||
| <!-- <div> | |||||
| 搜索 | |||||
| <el-input v-model="query.name" prefix-icon="el-icon-search" clearable placeholder="名称" class="filter-item" | |||||
| @keyup.enter.native="crud.toQuery" /> | |||||
| <rrOperation /> | |||||
| </div> --> | |||||
| <div> | |||||
| <el-button class="filter-item" size="mini" type="primary" icon="el-icon-plus" | |||||
| @click="openSave()">新增</el-button> | |||||
| </div> | |||||
| </div> | |||||
| <!--表格渲染--> | |||||
| <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;"> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="serialNumber" label="序号" /> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="image" label="图片"> | |||||
| <template slot-scope="scope"> | |||||
| <img :src="scope.row.image" width="50px" /> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="title" label="标题" /> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="subTitle" label="副标题" /> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="remark" label="描述" /> | |||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | |||||
| <template slot-scope="scope" class="btn"> | |||||
| <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | |||||
| <el-popover placement="top" width="200" :ref="`del-${scope.$index}`"> | |||||
| <p>是否确认删除该数据?</p> | |||||
| <div style="text-align: right; margin: 0"> | |||||
| <el-button size="mini" | |||||
| @click="scope._self.$refs[`del-${scope.$index}`].doClose()">取消</el-button> | |||||
| <el-button type="primary" size="mini" @click="del(scope)">确定</el-button> | |||||
| </div> | |||||
| <el-button slot="reference" type="text" size="mini" style="margin-left:10px">删除</el-button> | |||||
| </el-popover> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <!--分页组件--> | |||||
| <pagination /> | |||||
| <!-- 新增修改弹窗 --> | |||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="序号" prop="serialNumber"> | |||||
| <el-input v-model="ruleForm.serialNumber" type="number"></el-input> | |||||
| </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="subTitle"> | |||||
| <el-input v-model="ruleForm.subTitle"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="描述" prop="remark"> | |||||
| <el-input v-model="ruleForm.remark" type="textarea"></el-input> | |||||
| </el-form-item>= | |||||
| <el-form-item> | |||||
| <el-button type="primary" :loading="loadingBtn" @click="submitForm('ruleForm')">立即创建</el-button> | |||||
| <el-button @click="resetForm('ruleForm')">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { delLunbo } from '@/api/homePage' | |||||
| import { saveMemeber } from '@/api/about' | |||||
| import CRUD, { presenter, header, crud } from '@crud/crud' | |||||
| import pagination from '@crud/Pagination' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { pagination, uploadFile }, | |||||
| mixins: [presenter(), header(), crud()], | |||||
| data() { | |||||
| return { | |||||
| dialogVisible: false, | |||||
| ruleForm: { | |||||
| image: '', | |||||
| serialNumber: '', | |||||
| title: '', | |||||
| subTitle: '', | |||||
| remark: '' | |||||
| }, | |||||
| rules: { | |||||
| name: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ], | |||||
| serialNumber: [ | |||||
| { required: true, message: '请输入序号', trigger: 'blur' } | |||||
| ], | |||||
| title: [ | |||||
| { required: true, message: '请输入标题', trigger: 'blur' } | |||||
| ], | |||||
| subTitle: [ | |||||
| { required: true, message: '请输入副标题', trigger: 'blur' } | |||||
| ] | |||||
| }, | |||||
| loadingBtn: false | |||||
| } | |||||
| }, | |||||
| cruds() { | |||||
| return CRUD({ title: '列表', url: '/aboutUs/memberList', query: {}}) | |||||
| }, | |||||
| methods: { | |||||
| openSave(item) { | |||||
| if (item) { | |||||
| this.ruleForm.id = item.id | |||||
| this.ruleForm.image = item.image | |||||
| this.ruleForm.serialNumber = item.serialNumber | |||||
| this.ruleForm.title = item.title | |||||
| this.ruleForm.subTitle = item.subTitle | |||||
| this.ruleForm.remark = item.remark | |||||
| } | |||||
| this.dialogVisible = true | |||||
| }, | |||||
| close(tag) { | |||||
| if (tag) this.crud.toQuery() | |||||
| this.dialogVisible = false | |||||
| }, | |||||
| /* 删除 */ | |||||
| del(scope) { | |||||
| delLunbo(scope.row.id).then(res => { | |||||
| this.$message({ | |||||
| message: '删除成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| this.crud.toQuery() | |||||
| scope._self.$refs[`del-${scope.$index}`].doClose() | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| this.loadingBtn = true | |||||
| saveMemeber(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| this.loadingBtn = false | |||||
| this.dialogVisible = false | |||||
| this.$refs[formName].resetFields() | |||||
| this.crud.toQuery() | |||||
| }).catch(() => { | |||||
| this.loadingBtn = false | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| }, | |||||
| resetForm(formName) { | |||||
| this.$refs[formName].resetFields() | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,83 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 广告位 | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="链接" prop="link"> | |||||
| <el-input v-model="ruleForm.link"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否新开页面打开"> | |||||
| <el-radio-group v-model="ruleForm.newOpen"> | |||||
| <el-radio :label="1">是</el-radio> | |||||
| <el-radio :label="0">否</el-radio> | |||||
| </el-radio-group> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { guanggao1 } from '@/api/car' | |||||
| import { saveGuangGao } from '@/api/homePage' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { | |||||
| uploadFile | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| ruleForm: { | |||||
| id: '', | |||||
| image: '', | |||||
| link: '', | |||||
| newOpen: '1' | |||||
| }, | |||||
| rules: { | |||||
| image: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ], | |||||
| link: [ | |||||
| { required: true, message: '请输入链接', trigger: 'blur' } | |||||
| ] | |||||
| } | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getData() | |||||
| }, | |||||
| methods: { | |||||
| getData() { | |||||
| guanggao1().then(res => { | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.image = res.image | |||||
| this.ruleForm.link = res.link | |||||
| this.ruleForm.newOpen = res.newOpen | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| saveGuangGao(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,83 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 广告位 | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="链接" prop="link"> | |||||
| <el-input v-model="ruleForm.link"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否新开页面打开"> | |||||
| <el-radio-group v-model="ruleForm.newOpen"> | |||||
| <el-radio :label="1">是</el-radio> | |||||
| <el-radio :label="0">否</el-radio> | |||||
| </el-radio-group> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { guanggao2 } from '@/api/car' | |||||
| import { saveGuangGao } from '@/api/homePage' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { | |||||
| uploadFile | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| ruleForm: { | |||||
| id: '', | |||||
| image: '', | |||||
| link: '', | |||||
| newOpen: '1' | |||||
| }, | |||||
| rules: { | |||||
| image: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ], | |||||
| link: [ | |||||
| { required: true, message: '请输入链接', trigger: 'blur' } | |||||
| ] | |||||
| } | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getData() | |||||
| }, | |||||
| methods: { | |||||
| getData() { | |||||
| guanggao2().then(res => { | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.image = res.image | |||||
| this.ruleForm.link = res.link | |||||
| this.ruleForm.newOpen = res.newOpen | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| saveGuangGao(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,176 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 列表查询demo | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <!--工具栏--> | |||||
| <div class="head-container"> | |||||
| <!-- <div> | |||||
| 搜索 | |||||
| <el-input v-model="query.name" prefix-icon="el-icon-search" clearable placeholder="名称" class="filter-item" | |||||
| @keyup.enter.native="crud.toQuery" /> | |||||
| <rrOperation /> | |||||
| </div> --> | |||||
| <div> | |||||
| <el-button class="filter-item" size="mini" type="primary" icon="el-icon-plus" | |||||
| @click="openSave()">新增</el-button> | |||||
| </div> | |||||
| </div> | |||||
| <!--表格渲染--> | |||||
| <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;"> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="serialNumber" label="序号" /> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="image" label="图片"> | |||||
| <template slot-scope="scope"> | |||||
| <img :src="scope.row.image" width="50px" /> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | |||||
| <el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | |||||
| <template slot-scope="scope"> | |||||
| {{ scope.row.newOpen === 1 ? '是' : '否' }} | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | |||||
| <template slot-scope="scope" class="btn"> | |||||
| <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | |||||
| <el-popover placement="top" width="200" :ref="`del-${scope.$index}`"> | |||||
| <p>是否确认删除该数据?</p> | |||||
| <div style="text-align: right; margin: 0"> | |||||
| <el-button size="mini" | |||||
| @click="scope._self.$refs[`del-${scope.$index}`].doClose()">取消</el-button> | |||||
| <el-button type="primary" size="mini" @click="del(scope)">确定</el-button> | |||||
| </div> | |||||
| <el-button slot="reference" type="text" size="mini" style="margin-left:10px">删除</el-button> | |||||
| </el-popover> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <!--分页组件--> | |||||
| <pagination /> | |||||
| <!-- 新增修改弹窗 --> | |||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="序号" prop="serialNumber"> | |||||
| <el-input v-model="ruleForm.serialNumber"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="链接" prop="link"> | |||||
| <el-input v-model="ruleForm.link"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否新开页面打开"> | |||||
| <el-radio-group v-model="ruleForm.newOpen"> | |||||
| <el-radio label="1">是</el-radio> | |||||
| <el-radio label="0">否</el-radio> | |||||
| </el-radio-group> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" :loading="loadingBtn" @click="submitForm('ruleForm')">立即创建</el-button> | |||||
| <el-button @click="resetForm('ruleForm')">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { delLunbo } from '@/api/homePage' | |||||
| import { saveLunbo } from '@/api/car' | |||||
| import CRUD, { presenter, header, crud } from '@crud/crud' | |||||
| import pagination from '@crud/Pagination' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { pagination, uploadFile }, | |||||
| mixins: [presenter(), header(), crud()], | |||||
| data() { | |||||
| return { | |||||
| releaseSourceList: [], | |||||
| dialogVisible: false, | |||||
| id: '', | |||||
| ruleForm: { | |||||
| image: '', | |||||
| serialNumber: '', | |||||
| link: [], | |||||
| newOpen: '1' | |||||
| }, | |||||
| rules: { | |||||
| name: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ], | |||||
| serialNumber: [ | |||||
| { required: true, message: '请输入序号', trigger: 'blur' } | |||||
| ], | |||||
| link: [ | |||||
| { required: true, message: '请输入链接', trigger: 'blur' } | |||||
| ], | |||||
| desc: [ | |||||
| { required: true, message: '请填写活动形式', trigger: 'blur' } | |||||
| ] | |||||
| }, | |||||
| loadingBtn: false | |||||
| } | |||||
| }, | |||||
| cruds() { | |||||
| return CRUD({ title: '列表', url: '/car/lunboList', query: {}}) | |||||
| }, | |||||
| methods: { | |||||
| openSave(item) { | |||||
| if (item) { | |||||
| this.ruleForm.id = item.id | |||||
| this.ruleForm.image = item.image | |||||
| this.ruleForm.serialNumber = item.serialNumber | |||||
| this.ruleForm.link = item.link | |||||
| this.ruleForm.newOpen = item.newOpen || '1' | |||||
| } | |||||
| this.dialogVisible = true | |||||
| }, | |||||
| close(tag) { | |||||
| if (tag) this.crud.toQuery() | |||||
| this.dialogVisible = false | |||||
| }, | |||||
| /* 删除 */ | |||||
| del(scope) { | |||||
| delLunbo(scope.row.id).then(res => { | |||||
| this.$message({ | |||||
| message: '删除成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| this.crud.toQuery() | |||||
| scope._self.$refs[`del-${scope.$index}`].doClose() | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| this.loadingBtn = true | |||||
| saveLunbo(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| this.loadingBtn = false | |||||
| this.dialogVisible = false | |||||
| this.$refs[formName].resetFields() | |||||
| this.crud.toQuery() | |||||
| }).catch(() => { | |||||
| this.loadingBtn = false | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| }, | |||||
| resetForm(formName) { | |||||
| this.$refs[formName].resetFields() | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,60 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 广告位 | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="ruleForm" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="是否显示"> | |||||
| <el-radio-group v-model="ruleForm.display"> | |||||
| <el-radio :label="1">是</el-radio> | |||||
| <el-radio :label="0">否</el-radio> | |||||
| </el-radio-group> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { hotNewsConfig, saveHotNewsConfig } from '@/api/car' | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| ruleForm: { | |||||
| display: '', | |||||
| id: '' | |||||
| } | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getData() | |||||
| }, | |||||
| methods: { | |||||
| getData() { | |||||
| hotNewsConfig().then(res => { | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.display = res.display | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| saveHotNewsConfig(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,146 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 列表查询demo | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <!--工具栏--> | |||||
| <div class="head-container"> | |||||
| <!-- <div> | |||||
| 搜索 | |||||
| <el-input v-model="query.name" prefix-icon="el-icon-search" clearable placeholder="名称" class="filter-item" | |||||
| @keyup.enter.native="crud.toQuery" /> | |||||
| <rrOperation /> | |||||
| </div> --> | |||||
| <div> | |||||
| <el-button class="filter-item" size="mini" type="primary" icon="el-icon-plus" | |||||
| @click="openSave()">新增</el-button> | |||||
| </div> | |||||
| </div> | |||||
| <!--表格渲染--> | |||||
| <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;"> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="serialNumber" label="序号" /> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="image" label="图片"> | |||||
| <template slot-scope="scope"> | |||||
| <img :src="scope.row.image" width="50px" /> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="title" label="标题" /> | |||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | |||||
| <template slot-scope="scope" class="btn"> | |||||
| <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <!--分页组件--> | |||||
| <pagination /> | |||||
| <!-- 新增修改弹窗 --> | |||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="序号" prop="serialNumber"> | |||||
| <el-input v-model="ruleForm.serialNumber"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="链接" prop="link"> | |||||
| <el-input v-model="ruleForm.link"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="标题" prop="title"> | |||||
| <el-input v-model="ruleForm.title"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" :loading="loadingBtn" @click="submitForm('ruleForm')">立即创建</el-button> | |||||
| <el-button @click="resetForm('ruleForm')">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { videoSave } from '@/api/car' | |||||
| import CRUD, { presenter, header, crud } from '@crud/crud' | |||||
| import pagination from '@crud/Pagination' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { pagination, uploadFile }, | |||||
| mixins: [presenter(), header(), crud()], | |||||
| data() { | |||||
| return { | |||||
| dialogVisible: false, | |||||
| id: '', | |||||
| ruleForm: { | |||||
| image: '', | |||||
| serialNumber: '', | |||||
| link: '', | |||||
| title: '' | |||||
| }, | |||||
| rules: { | |||||
| image: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ], | |||||
| serialNumber: [ | |||||
| { required: true, message: '请输入序号', trigger: 'blur' } | |||||
| ], | |||||
| link: [ | |||||
| { required: true, message: '请输入链接', trigger: 'blur' } | |||||
| ], | |||||
| title: [ | |||||
| { required: true, message: '请填写标题', trigger: 'blur' } | |||||
| ] | |||||
| }, | |||||
| loadingBtn: false | |||||
| } | |||||
| }, | |||||
| cruds() { | |||||
| return CRUD({ title: '列表', url: '/car/videoList', query: {}}) | |||||
| }, | |||||
| methods: { | |||||
| openSave(item) { | |||||
| if (item) { | |||||
| this.ruleForm.id = item.id | |||||
| this.ruleForm.image = item.image | |||||
| this.ruleForm.serialNumber = item.serialNumber | |||||
| this.ruleForm.link = item.link | |||||
| this.ruleForm.title = item.title | |||||
| } | |||||
| this.dialogVisible = true | |||||
| }, | |||||
| close(tag) { | |||||
| if (tag) this.crud.toQuery() | |||||
| this.dialogVisible = false | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| this.loadingBtn = true | |||||
| videoSave(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| this.loadingBtn = false | |||||
| this.dialogVisible = false | |||||
| this.$refs[formName].resetFields() | |||||
| this.crud.toQuery() | |||||
| }).catch(() => { | |||||
| this.loadingBtn = false | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| }, | |||||
| resetForm(formName) { | |||||
| this.$refs[formName].resetFields() | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -4,30 +4,8 @@ | |||||
| * @Description: 广告位 | * @Description: 广告位 | ||||
| --> | --> | ||||
| <template> | <template> | ||||
| <div class="app-container"> | |||||
| <!--表格渲染--> | |||||
| <el-table :data="data" style="width: 100%;"> | |||||
| <el-table-column :show-overflow-tooltip="true" align="center" prop="link" label="链接" /> | |||||
| <el-table-column :show-overflow-tooltip="true" align="center" prop="image" label="图片"> | |||||
| <template slot-scope="scope"> | |||||
| <img :src="scope.row.image" width="50px" /> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | |||||
| <template slot-scope="scope"> | |||||
| {{ scope.row.newOpen === 1 ? '是' : '否' }} | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | |||||
| <template slot-scope="scope" class="btn"> | |||||
| <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <!-- 新增修改弹窗 --> | |||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <div class="app-container"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | <el-form-item label="图片" prop="image"> | ||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | <uploadFile :url.sync="ruleForm.image" type="image" /> | ||||
| </el-form-item> | </el-form-item> | ||||
| @@ -41,11 +19,9 @@ | |||||
| </el-radio-group> | </el-radio-group> | ||||
| </el-form-item> | </el-form-item> | ||||
| <el-form-item> | <el-form-item> | ||||
| <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button> | |||||
| <el-button @click="dialogVisible = false">取消</el-button> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | </el-form-item> | ||||
| </el-form> | </el-form> | ||||
| </el-dialog> | |||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| @@ -58,9 +34,6 @@ export default { | |||||
| }, | }, | ||||
| data() { | data() { | ||||
| return { | return { | ||||
| dialogVisible: false, | |||||
| id: '', | |||||
| data: [], | |||||
| ruleForm: { | ruleForm: { | ||||
| id: '', | id: '', | ||||
| image: '', | image: '', | ||||
| @@ -83,16 +56,12 @@ export default { | |||||
| methods: { | methods: { | ||||
| getData() { | getData() { | ||||
| guanggao1().then(res => { | guanggao1().then(res => { | ||||
| this.data = [res] | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.image = res.image | |||||
| this.ruleForm.link = res.link | |||||
| this.ruleForm.newOpen = res.newOpen | |||||
| }) | }) | ||||
| }, | }, | ||||
| openSave(item) { | |||||
| this.ruleForm.id = item.id | |||||
| this.ruleForm.image = item.image | |||||
| this.ruleForm.link = item.link | |||||
| this.ruleForm.newOpen = item.newOpen | |||||
| this.dialogVisible = true | |||||
| }, | |||||
| submitForm(formName) { | submitForm(formName) { | ||||
| this.$refs[formName].validate((valid) => { | this.$refs[formName].validate((valid) => { | ||||
| if (valid) { | if (valid) { | ||||
| @@ -101,8 +70,6 @@ export default { | |||||
| message: '操作成功!', | message: '操作成功!', | ||||
| type: 'success' | type: 'success' | ||||
| }) | }) | ||||
| this.getData() | |||||
| this.dialogVisible = false | |||||
| }) | }) | ||||
| } else { | } else { | ||||
| console.log('error submit!!') | console.log('error submit!!') | ||||
| @@ -5,29 +5,7 @@ | |||||
| --> | --> | ||||
| <template> | <template> | ||||
| <div class="app-container"> | <div class="app-container"> | ||||
| <!--表格渲染--> | |||||
| <el-table :data="data" style="width: 100%;"> | |||||
| <el-table-column :show-overflow-tooltip="true" align="center" prop="link" label="链接" /> | |||||
| <el-table-column :show-overflow-tooltip="true" align="center" prop="image" label="图片"> | |||||
| <template slot-scope="scope"> | |||||
| <img :src="scope.row.image" width="50px" /> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | |||||
| <template slot-scope="scope"> | |||||
| {{ scope.row.newOpen === 1 ? '是' : '否' }} | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | |||||
| <template slot-scope="scope" class="btn"> | |||||
| <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <!-- 新增修改弹窗 --> | |||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | <el-form-item label="图片" prop="image"> | ||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | <uploadFile :url.sync="ruleForm.image" type="image" /> | ||||
| </el-form-item> | </el-form-item> | ||||
| @@ -41,11 +19,9 @@ | |||||
| </el-radio-group> | </el-radio-group> | ||||
| </el-form-item> | </el-form-item> | ||||
| <el-form-item> | <el-form-item> | ||||
| <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button> | |||||
| <el-button @click="dialogVisible = false">取消</el-button> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | </el-form-item> | ||||
| </el-form> | |||||
| </el-dialog> | |||||
| </el-form> | |||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| @@ -58,9 +34,6 @@ export default { | |||||
| }, | }, | ||||
| data() { | data() { | ||||
| return { | return { | ||||
| dialogVisible: false, | |||||
| id: '', | |||||
| data: [], | |||||
| ruleForm: { | ruleForm: { | ||||
| id: '', | id: '', | ||||
| image: '', | image: '', | ||||
| @@ -83,16 +56,12 @@ export default { | |||||
| methods: { | methods: { | ||||
| getData() { | getData() { | ||||
| guanggao2().then(res => { | guanggao2().then(res => { | ||||
| this.data = [res] | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.image = res.image | |||||
| this.ruleForm.link = res.link | |||||
| this.ruleForm.newOpen = res.newOpen | |||||
| }) | }) | ||||
| }, | }, | ||||
| openSave(item) { | |||||
| this.ruleForm.id = item.id | |||||
| this.ruleForm.image = item.image | |||||
| this.ruleForm.link = item.link | |||||
| this.ruleForm.newOpen = item.newOpen | |||||
| this.dialogVisible = true | |||||
| }, | |||||
| submitForm(formName) { | submitForm(formName) { | ||||
| this.$refs[formName].validate((valid) => { | this.$refs[formName].validate((valid) => { | ||||
| if (valid) { | if (valid) { | ||||
| @@ -101,8 +70,6 @@ export default { | |||||
| message: '操作成功!', | message: '操作成功!', | ||||
| type: 'success' | type: 'success' | ||||
| }) | }) | ||||
| this.getData() | |||||
| this.dialogVisible = false | |||||
| }) | }) | ||||
| } else { | } else { | ||||
| console.log('error submit!!') | console.log('error submit!!') | ||||
| @@ -29,7 +29,11 @@ | |||||
| </template> | </template> | ||||
| </el-table-column> | </el-table-column> | ||||
| <el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | <el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | ||||
| <el-table-column :show-overflow-tooltip="true" prop="createDate" label="创建时间" /> | |||||
| <el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | |||||
| <template slot-scope="scope"> | |||||
| {{ scope.row.newOpen === 1 ? '是' : '否' }} | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | <el-table-column label="操作" width="230" align="center" fixed="right"> | ||||
| <template slot-scope="scope" class="btn"> | <template slot-scope="scope" class="btn"> | ||||
| <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | ||||
| @@ -0,0 +1,82 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 广告位 | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="链接" prop="link"> | |||||
| <el-input v-model="ruleForm.link"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否新开页面打开"> | |||||
| <el-radio-group v-model="ruleForm.newOpen"> | |||||
| <el-radio :label="1">是</el-radio> | |||||
| <el-radio :label="0">否</el-radio> | |||||
| </el-radio-group> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { link, saveGuangGao } from '@/api/homePage' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { | |||||
| uploadFile | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| ruleForm: { | |||||
| id: '', | |||||
| image: '', | |||||
| link: '', | |||||
| newOpen: '1' | |||||
| }, | |||||
| rules: { | |||||
| image: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ], | |||||
| link: [ | |||||
| { required: true, message: '请输入链接', trigger: 'blur' } | |||||
| ] | |||||
| } | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getData() | |||||
| }, | |||||
| methods: { | |||||
| getData() { | |||||
| link().then(res => { | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.image = res.image | |||||
| this.ruleForm.link = res.link | |||||
| this.ruleForm.newOpen = res.newOpen | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| saveGuangGao(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,83 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 广告位 | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="链接" prop="link"> | |||||
| <el-input v-model="ruleForm.link"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否新开页面打开"> | |||||
| <el-radio-group v-model="ruleForm.newOpen"> | |||||
| <el-radio :label="1">是</el-radio> | |||||
| <el-radio :label="0">否</el-radio> | |||||
| </el-radio-group> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { guanggao1 } from '@/api/yyzrb' | |||||
| import { saveGuangGao } from '@/api/homePage' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { | |||||
| uploadFile | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| ruleForm: { | |||||
| id: '', | |||||
| image: '', | |||||
| link: '', | |||||
| newOpen: '1' | |||||
| }, | |||||
| rules: { | |||||
| image: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ], | |||||
| link: [ | |||||
| { required: true, message: '请输入链接', trigger: 'blur' } | |||||
| ] | |||||
| } | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getData() | |||||
| }, | |||||
| methods: { | |||||
| getData() { | |||||
| guanggao1().then(res => { | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.image = res.image | |||||
| this.ruleForm.link = res.link | |||||
| this.ruleForm.newOpen = res.newOpen | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| saveGuangGao(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,83 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 广告位 | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="链接" prop="link"> | |||||
| <el-input v-model="ruleForm.link"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否新开页面打开"> | |||||
| <el-radio-group v-model="ruleForm.newOpen"> | |||||
| <el-radio :label="1">是</el-radio> | |||||
| <el-radio :label="0">否</el-radio> | |||||
| </el-radio-group> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { guanggao2 } from '@/api/yyzrb' | |||||
| import { saveGuangGao } from '@/api/homePage' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { | |||||
| uploadFile | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| ruleForm: { | |||||
| id: '', | |||||
| image: '', | |||||
| link: '', | |||||
| newOpen: '1' | |||||
| }, | |||||
| rules: { | |||||
| image: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ], | |||||
| link: [ | |||||
| { required: true, message: '请输入链接', trigger: 'blur' } | |||||
| ] | |||||
| } | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getData() | |||||
| }, | |||||
| methods: { | |||||
| getData() { | |||||
| guanggao2().then(res => { | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.image = res.image | |||||
| this.ruleForm.link = res.link | |||||
| this.ruleForm.newOpen = res.newOpen | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| saveGuangGao(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,174 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 列表查询demo | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <!--工具栏--> | |||||
| <div class="head-container"> | |||||
| <!-- <div> | |||||
| 搜索 | |||||
| <el-input v-model="query.name" prefix-icon="el-icon-search" clearable placeholder="名称" class="filter-item" | |||||
| @keyup.enter.native="crud.toQuery" /> | |||||
| <rrOperation /> | |||||
| </div> --> | |||||
| <div> | |||||
| <el-button class="filter-item" size="mini" type="primary" icon="el-icon-plus" | |||||
| @click="openSave()">新增</el-button> | |||||
| </div> | |||||
| </div> | |||||
| <!--表格渲染--> | |||||
| <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;"> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="serialNumber" label="序号" /> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="image" label="图片"> | |||||
| <template slot-scope="scope"> | |||||
| <img :src="scope.row.image" width="50px" /> | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | |||||
| <el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | |||||
| <template slot-scope="scope"> | |||||
| {{ scope.row.newOpen === 1 ? '是' : '否' }} | |||||
| </template> | |||||
| </el-table-column> | |||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | |||||
| <template slot-scope="scope" class="btn"> | |||||
| <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | |||||
| <el-popover placement="top" width="200" :ref="`del-${scope.$index}`"> | |||||
| <p>是否确认删除该数据?</p> | |||||
| <div style="text-align: right; margin: 0"> | |||||
| <el-button size="mini" | |||||
| @click="scope._self.$refs[`del-${scope.$index}`].doClose()">取消</el-button> | |||||
| <el-button type="primary" size="mini" @click="del(scope)">确定</el-button> | |||||
| </div> | |||||
| <el-button slot="reference" type="text" size="mini" style="margin-left:10px">删除</el-button> | |||||
| </el-popover> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <!--分页组件--> | |||||
| <pagination /> | |||||
| <!-- 新增修改弹窗 --> | |||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="序号" prop="serialNumber"> | |||||
| <el-input v-model="ruleForm.serialNumber"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="链接" prop="link"> | |||||
| <el-input v-model="ruleForm.link"></el-input> | |||||
| </el-form-item> | |||||
| <el-form-item label="是否新开页面打开"> | |||||
| <el-radio-group v-model="ruleForm.newOpen"> | |||||
| <el-radio label="1">是</el-radio> | |||||
| <el-radio label="0">否</el-radio> | |||||
| </el-radio-group> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" :loading="loadingBtn" @click="submitForm('ruleForm')">立即创建</el-button> | |||||
| <el-button @click="resetForm('ruleForm')">重置</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { delLunbo } from '@/api/homePage' | |||||
| import { saveLunbo } from '@/api/yyzrb' | |||||
| import CRUD, { presenter, header, crud } from '@crud/crud' | |||||
| import pagination from '@crud/Pagination' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { pagination, uploadFile }, | |||||
| mixins: [presenter(), header(), crud()], | |||||
| data() { | |||||
| return { | |||||
| dialogVisible: false, | |||||
| ruleForm: { | |||||
| image: '', | |||||
| serialNumber: '', | |||||
| link: [], | |||||
| newOpen: '1' | |||||
| }, | |||||
| rules: { | |||||
| name: [ | |||||
| { required: true, message: '请上传图片', trigger: 'blur' } | |||||
| ], | |||||
| serialNumber: [ | |||||
| { required: true, message: '请输入序号', trigger: 'blur' } | |||||
| ], | |||||
| link: [ | |||||
| { required: true, message: '请输入链接', trigger: 'blur' } | |||||
| ], | |||||
| desc: [ | |||||
| { required: true, message: '请填写活动形式', trigger: 'blur' } | |||||
| ] | |||||
| }, | |||||
| loadingBtn: false | |||||
| } | |||||
| }, | |||||
| cruds() { | |||||
| return CRUD({ title: '列表', url: '/yuanyuzhou/lunboList', query: {}}) | |||||
| }, | |||||
| methods: { | |||||
| openSave(item) { | |||||
| if (item) { | |||||
| this.ruleForm.id = item.id | |||||
| this.ruleForm.image = item.image | |||||
| this.ruleForm.serialNumber = item.serialNumber | |||||
| this.ruleForm.link = item.link | |||||
| this.ruleForm.newOpen = item.newOpen || '1' | |||||
| } | |||||
| this.dialogVisible = true | |||||
| }, | |||||
| close(tag) { | |||||
| if (tag) this.crud.toQuery() | |||||
| this.dialogVisible = false | |||||
| }, | |||||
| /* 删除 */ | |||||
| del(scope) { | |||||
| delLunbo(scope.row.id).then(res => { | |||||
| this.$message({ | |||||
| message: '删除成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| this.crud.toQuery() | |||||
| scope._self.$refs[`del-${scope.$index}`].doClose() | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| this.loadingBtn = true | |||||
| saveLunbo(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| this.loadingBtn = false | |||||
| this.dialogVisible = false | |||||
| this.$refs[formName].resetFields() | |||||
| this.crud.toQuery() | |||||
| }).catch(() => { | |||||
| this.loadingBtn = false | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| }, | |||||
| resetForm(formName) { | |||||
| this.$refs[formName].resetFields() | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| @@ -0,0 +1,60 @@ | |||||
| <!-- | |||||
| * @Date: 2021-07-08 11:02:40 | |||||
| * @LastEditTime: 2022-07-27 10:48:43 | |||||
| * @Description: 广告位 | |||||
| --> | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <el-form :model="ruleForm" ref="ruleForm" label-width="130px" class="resetform"> | |||||
| <el-form-item label="是否显示"> | |||||
| <el-radio-group v-model="ruleForm.display"> | |||||
| <el-radio :label="1">是</el-radio> | |||||
| <el-radio :label="0">否</el-radio> | |||||
| </el-radio-group> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { hotNewsConfig, saveHotNewsConfig } from '@/api/yyzrb' | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| ruleForm: { | |||||
| display: '', | |||||
| id: '' | |||||
| } | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getData() | |||||
| }, | |||||
| methods: { | |||||
| getData() { | |||||
| hotNewsConfig().then(res => { | |||||
| this.ruleForm.id = res.id | |||||
| this.ruleForm.display = res.display | |||||
| }) | |||||
| }, | |||||
| submitForm(formName) { | |||||
| this.$refs[formName].validate((valid) => { | |||||
| if (valid) { | |||||
| saveHotNewsConfig(this.ruleForm).then(res => { | |||||
| this.$message({ | |||||
| message: '操作成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| }) | |||||
| } else { | |||||
| console.log('error submit!!') | |||||
| return false | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||