From 4b1dc80c674d79da358c6091a9f281c5e66f0ada Mon Sep 17 00:00:00 2001 From: Eddie <102564160@qq.com> Date: Fri, 13 Aug 2021 15:30:40 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E8=A1=A8=E5=8D=95=E4=B8=8A?= =?UTF-8?q?=E4=BC=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/basic-setting.js | 18 +++ src/router/index.js | 5 + src/router/modules/basic-setting.js | 24 ++++ src/styles/element-ui.scss | 93 +++------------ src/utils/request.js | 12 +- src/views/basic-setting/basic-setting.vue | 110 ++++++++++++++++++ .../components/edit-dialog.vue | 39 +++---- 7 files changed, 199 insertions(+), 102 deletions(-) create mode 100644 src/api/basic-setting.js create mode 100644 src/router/modules/basic-setting.js create mode 100644 src/views/basic-setting/basic-setting.vue diff --git a/src/api/basic-setting.js b/src/api/basic-setting.js new file mode 100644 index 0000000..93ecfcd --- /dev/null +++ b/src/api/basic-setting.js @@ -0,0 +1,18 @@ +import request from '@/utils/request' + +export function getBasicSetting(params) { + return request({ + url: 'basic/setting', + method: 'get', + params: params + }) +} + +export function getBasicCreate(data) { + return request({ + url: 'basic/create', + method: 'POST', + data: data + }) +} + diff --git a/src/router/index.js b/src/router/index.js index 4018fef..bb00871 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -14,6 +14,9 @@ import memberManagement from './modules/member-management' import booksManagement from './modules/books-management' import sortManagement from './modules/sort-management' +import basicSetting from './modules/basic-setting' + + // import systemManagementRouter from './modules/system-management' @@ -83,6 +86,8 @@ export const constantRoutes = [ * the routes that need to be dynamically loaded based on user roles */ export const asyncRoutes = [ + basicSetting, + memberManagement, booksManagement, sortManagement, diff --git a/src/router/modules/basic-setting.js b/src/router/modules/basic-setting.js new file mode 100644 index 0000000..bc03447 --- /dev/null +++ b/src/router/modules/basic-setting.js @@ -0,0 +1,24 @@ +/** When your routing table is too long, you can split it into small modules **/ + +import Layout from '@/layout' + +const basicSetting = { + path: '/basic-setting', + component: Layout, + redirect: '/basic-setting', + name: 'basic-setting', + meta: { + title: '基础设置', + icon: 'el-icon-setting' + }, + children: [ + { + path: 'article', + component: () => import('@/views/basic-setting/basic-setting'), + name: 'articleManagement', + meta: { title: '基础设置' } + }, + + ] +} +export default basicSetting diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss index bf68d6f..6db028d 100644 --- a/src/styles/element-ui.scss +++ b/src/styles/element-ui.scss @@ -15,92 +15,25 @@ display: none; } -.cell { - .el-tag { - margin-right: 0; - } -} - -.small-padding { - .cell { - padding-left: 5px; - padding-right: 5px; - } -} - -.fixed-width { - .el-button--mini { - padding: 7px 10px; - min-width: 60px; - } -} - -.status-col { - .cell { - padding: 0 10px; - text-align: center; - .el-tag { - margin-right: 0; +.basic-box { + .el-form-item { + display: flex; + .el-form-item__label { + flex-shrink: 0; } - } -} - -// to fixed https://github.com/ElemeFE/element/issues/2461 -.el-dialog { - transform: none; - left: 0; - position: relative; - margin: 0 auto; -} - -// refine element ui upload -.upload-container { - .el-upload { - width: 100%; - - .el-upload-dragger { - width: 100%; - height: 200px; + .el-form-item__content { + width: 100%; + max-width: 700px; + margin-left: 0 !important; } } } -// dropdown -.el-dropdown-menu { - a { - display: block; - } -} -// fix date-picker ui bug in filter-item -.el-range-editor.el-input__inner { - display: inline-flex !important; -} -// to fix el-date-picker css style -.el-range-separator { - box-sizing: content-box; -} +.particles-js-canvas-el{ + position: absolute; + top: 0; -.head-box { - .el-input__inner { - width: 250px; - } -} - -.particles-js-canvas-el { - position: fixed; - top: 0; -} - -.dialog-area { - .el-tabs__nav-scroll { - background-color: #F9F9F9; - box-sizing: border-box; - padding: 0 24px; - } - .el-tabs__nav-wrap::after { - display: none; - } -} +} \ No newline at end of file diff --git a/src/utils/request.js b/src/utils/request.js index b3cc74b..2aa3eb9 100644 --- a/src/utils/request.js +++ b/src/utils/request.js @@ -20,9 +20,15 @@ service.interceptors.request.use( config.headers['Content-Type'] = 'application/x-www-form-urlencoded'; config.headers['api-token'] = getToken() || '' + + var formData = new FormData() + + for(let i in config.data) { + formData.append(i, JSON.stringify(config.data[i])) + } + config.data = formData - config.data = qs.stringify(config.data) // 转为formdata数据格式 return config }, error => { @@ -60,7 +66,9 @@ service.interceptors.response.use( } }, error => { - const errorMsg = error.response.data.msg + + console.log(error) + // const errorMsg = error.response.data.msg // 特殊处理401，需要验证手机号 if (error.response.data.code === 401) { diff --git a/src/views/basic-setting/basic-setting.vue b/src/views/basic-setting/basic-setting.vue new file mode 100644 index 0000000..12f7137 --- /dev/null +++ b/src/views/basic-setting/basic-setting.vue @@ -0,0 +1,110 @@ + + + + + diff --git a/src/views/sort-management/components/edit-dialog.vue b/src/views/sort-management/components/edit-dialog.vue index 491df5a..7dedfc0 100644 --- a/src/views/sort-management/components/edit-dialog.vue +++ b/src/views/sort-management/components/edit-dialog.vue @@ -60,7 +60,7 @@ export default { default: () => { return { source_platform: "", - name: "" + name: "", }; }, }, @@ -105,37 +105,36 @@ export default { }, onSubmit() { - console.log(this.formData) - + if (this.formData.name === "") return this.$message.error("请输入分类名称"); if (this.formData.source_platform === "") return this.$message.error("请选择书源"); - if (this.dialogTitle === "新增分类") { getCategoryAdd({ name: this.formData.name, - source_platform: this.formData.source_platform - }).then((res) => { - this.$emit("handle-success"); - this.$message.success('新增成功') - }).catch(err=>{ - this.$emit("handle-close"); - + source_platform: this.formData.source_platform, }) - } else { - + .then((res) => { + this.$emit("handle-success"); + this.$message.success("新增成功"); + }) + .catch((err) => { + this.$emit("handle-close"); + }); + } else { getCategoryUpdate( { name: this.formData.name, }, this.formData.source_platform - ).then((res) => { - this.$emit("handle-success"); - this.$message.success('修改成功') - }).catch(err=>{ - this.$emit("handle-close"); - - }) + ) + .then((res) => { + this.$emit("handle-success"); + this.$message.success("修改成功"); + }) + .catch((err) => { + this.$emit("handle-close"); + }); } }, },