From ef1cda986c304c2550982882a4d1e625cf853e8e Mon Sep 17 00:00:00 2001 From: "271556543@qq.com" <271556543@qq.com> Date: Thu, 4 Aug 2022 17:30:46 +0800 Subject: [PATCH] 2022-8-4 ad --- src/api/ad/index.js | 33 ++++ src/styles/index.scss | 25 +-- src/utils/request.js | 35 ++-- src/views/marketing/ad.vue | 76 ++++++-- src/views/marketing/components/addAd.vue | 219 ++++++++++++++++++++--- 5 files changed, 321 insertions(+), 67 deletions(-) create mode 100644 src/api/ad/index.js diff --git a/src/api/ad/index.js b/src/api/ad/index.js new file mode 100644 index 0000000..190b23e --- /dev/null +++ b/src/api/ad/index.js @@ -0,0 +1,33 @@ +import request from '@/utils/request' + +export function store(data){ + return request({ + method:'post', + url:'/api/admin/advertisement/store', + data + }) +} + +export function index(params){ + return request({ + method:'get', + url:'/api/admin/advertisement/index', + params + }) +} + +export function show(params){ + return request({ + method:'get', + url:'/api/admin/advertisement/show', + params + }) +} + +export function update(data){ + return request({ + method:'post', + url:'/api/admin/advertisement/update', + data + }) +} diff --git a/src/styles/index.scss b/src/styles/index.scss index d863c56..8905018 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -67,6 +67,8 @@ div:focus { } + + /*表头错行 .el-table th.gutter{ display: table-cell!important; } */ @@ -171,26 +173,17 @@ top: 41px !important; bottom: -11.5px; } -.searchFields { - display: flex; - align-items: center; -} -.searchFields .el-input__inner{ - height: 32px !important; - line-height: 32px !important; -} - -.el-menu-item{ - color: #303133 !important; -} - ::-webkit-scrollbar { - width: 4px; - height: 4px; - + width: 8px; + height: 8px; } ::-webkit-scrollbar-thumb { border-radius: 5px; background: #ddd; } + +.app-main{ + background: #EFF2F9; +} + diff --git a/src/utils/request.js b/src/utils/request.js index 99f3ca0..b781138 100644 --- a/src/utils/request.js +++ b/src/utils/request.js @@ -1,12 +1,8 @@ import axios from 'axios' -import { - MessageBox, - Message -} from 'element-ui' +import { MessageBox, Message,Loading } from 'element-ui' import store from '@/store' -import { - getToken -} from '@/utils/auth' +import { getToken } from '@/utils/auth' +let loading; // create an axios instance const service = axios.create({ @@ -19,6 +15,11 @@ const service = axios.create({ service.interceptors.request.use( config => { // do something before request is sent + loading = Loading.service({ + lock:true, + background:"rgba(0,0,0,0.4)", + text:"正在加载中..." + }) if (store.getters.token) { // let each request carry token @@ -26,7 +27,7 @@ service.interceptors.request.use( // please modify it according to the actual situation //config.headers['X-Token'] = getToken(); - config.headers['Authorization'] = "Bearer " + getToken() + config.headers['Authorization'] ="Bearer "+getToken() } return config }, @@ -42,7 +43,7 @@ service.interceptors.response.use( /** * If you want to get http information such as headers or status * Please return response => response - */ + */ /** * Determine the request status by custom code @@ -50,11 +51,11 @@ service.interceptors.response.use( * You can also judge the status by HTTP Status Code */ response => { + loading.close() const res = response.data // if the custom code is not 20000, it is judged as an error. - - if (res.hasOwnProperty("errcode")) { + if (res.errcode) { Message({ message: res.errmsg || 'Error', type: 'error', @@ -64,12 +65,11 @@ service.interceptors.response.use( // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired; if (res.errcode === 50008 || res.errcode === 50012 || res.errcode === 50014) { // to re-login - MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', - 'Confirm logout', { - confirmButtonText: 'Re-Login', - cancelButtonText: 'Cancel', - type: 'warning' - }).then(() => { + MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', { + confirmButtonText: 'Re-Login', + cancelButtonText: 'Cancel', + type: 'warning' + }).then(() => { store.dispatch('user/resetToken').then(() => { location.reload() }) @@ -81,6 +81,7 @@ service.interceptors.response.use( } }, error => { + loading.close() console.log('err' + error) // for debug Message({ message: error.message, diff --git a/src/views/marketing/ad.vue b/src/views/marketing/ad.vue index 5313ec5..8bceb0f 100644 --- a/src/views/marketing/ad.vue +++ b/src/views/marketing/ad.vue @@ -7,12 +7,13 @@
活动名称：
- +
发布系统：
@@ -27,7 +28,7 @@
- +
@@ -35,25 +36,32 @@
- +
- + + +
- + @@ -138,14 +317,14 @@ export default { .avatar-uploader-icon { font-size: 28px; color: #8c939d; - width: 128px; - height: 128px; - line-height: 128px; + width: 120px; + height: 120px; + line-height: 120px; text-align: center; } .avatar { - width: 128px; - height: 128px; + width: 120px; + height: 120px; display: block; }