diff --git a/README.md b/README.md index 342dfc5..da58a71 100644 --- a/README.md +++ b/README.md @@ -31,15 +31,22 @@ │ ├── utils # 全局公用方法 │ ├── views # views 所有页面 │ │ ├── components # views内页面组件 +│ │ ├── content # 内容管理 +│ │ │ ├── material # 素材库 +│ │ │ ├── publish # 上屏发布 +│ │ │ ├── theme # 主题库 │ │ ├── dashboard # 首页面板内容 │ │ ├── device # 设备管理 +│ │ │ ├── config # 开关机配置 +│ │ │ ├── list # 设备列表 │ │ ├── features # 错误页面 │ │ ├── forgetPassword # 忘记密码 │ │ ├── immediateRelease # 即时发布/定时发布 -│ │ ├── materialContent # 素材库 -│ │ ├── publishContent # 上屏发布 │ │ ├── system # 权限管理 -│ │ ├── ThemeGallery # 主题库 +│ │ │ ├── dept # 机构管理 +│ │ │ ├── menu # 权限管理 +│ │ │ ├── role # 角色管理 +│ │ │ ├── user # 用户管理 │ │ ├── home # 首页 │ │ ├── login # 登录 │ ├── App.vue # 入口页面 diff --git a/src/api/device/deviceList.js b/src/api/device/deviceList.js index 88b5a99..329fb8b 100644 --- a/src/api/device/deviceList.js +++ b/src/api/device/deviceList.js @@ -8,7 +8,6 @@ export function ReqDeviceList(parameter) { params: parameter }) } -// &device_id=${device_id} // 编辑设备发起请求 export function ReqDeviceEdit(parameter) { diff --git a/src/assets/styles/adminIndex.scss b/src/assets/styles/adminIndex.scss index 75b09a9..856a062 100644 --- a/src/assets/styles/adminIndex.scss +++ b/src/assets/styles/adminIndex.scss @@ -1,17 +1,19 @@ -// start - /**修改全局的滚动条*/ /**滚动条的宽度*/ ::-webkit-scrollbar { width: 8px; } + //滚动条的滑块 ::-webkit-scrollbar-thumb { background-color: #c1c1c1; border-radius: 3px; } -img[src=""],img:not([src]){opacity:0;} +img[src=""], +img:not([src]) { + opacity: 0; +} .home_item { height: 248px; @@ -37,6 +39,7 @@ img[src=""],img:not([src]){opacity:0;} } } } + // 获取验证码 .auth_code { position: relative; @@ -78,6 +81,7 @@ img[src=""],img:not([src]){opacity:0;} } } } + // table新增按钮 .page_add { text-align: right; @@ -110,6 +114,7 @@ img[src=""],img:not([src]){opacity:0;} .col_flex { display: flex; } + // table内不同的btn .el-table { color: #333; @@ -144,6 +149,7 @@ img[src=""],img:not([src]){opacity:0;} background-color: #a7acae !important; } } + // 弹框定位居中 .el-dialog { margin-top: 0 !important; @@ -154,35 +160,43 @@ img[src=""],img:not([src]){opacity:0;} -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + // 弹框内表单统一操作 .el-dialog__body { max-height: 70vh !important; overflow-y: auto; + .el-form-item { margin-bottom: 24px; } + .el-form-item__label { line-height: 40px; color: #333; } + .el-input__inner { // width: 336px; height: 40px; line-height: 40px; } + .el-range-separator { line-height: 34px; } + .el-date-editor { width: 336px; } } + // 弹框header样式 .el-dialog__header { position: relative; padding: 20px 0; margin: 0 24px; border-bottom: 1px solid #eee; + &::before { content: ""; position: absolute; @@ -191,28 +205,26 @@ img[src=""],img:not([src]){opacity:0;} width: 44px; height: 47px; margin-top: -24px; - background: url(../images/t-zs.png) no-repeat left center; + background: url(~@/assets/images/t-zs.png) no-repeat left center; background-size: 100% 100%; } + .el-dialog__title { color: #000; } - // .el-dialog__headerbtn { - // font-size: 20px; - // top: 50%; - // right: 0; - // transform: translateY(-50%); - // } } + // 弹框底部-居中-btn样式 .el-dialog__footer { padding: 10px 0 40px 0; text-align: center; + .dialog-footer { .el-button { font-size: 14px; padding: 10px 36px; } + .el-button--default { color: #3a8aeb; border-color: #3a8aeb; @@ -220,6 +232,7 @@ img[src=""],img:not([src]){opacity:0;} } } } + // 记录弹框 .record_layer { .el-dialog__body { @@ -242,16 +255,19 @@ img[src=""],img:not([src]){opacity:0;} border: 1px solid #f0f0f0; border-radius: 6px; margin: 0 10px 10px 0; - .img_box{ + + .img_box { width: 100%; height: 148px; } + img { display: block; width: 164px; height: 140px; object-fit: cover; } + .item_player { position: absolute; top: 50%; @@ -268,15 +284,15 @@ img[src=""],img:not([src]){opacity:0;} .radio_img { width: 164px; height: 140px; - background: url(../../assets/images/t-yp.png) no-repeat #b3e8fa center; + background: url(~@/assets/images/t-yp.png) no-repeat #b3e8fa center; background-size: 98px 98px; } -.set_radio{ +.set_radio { .radio_img { width: 140px; height: 250px; - background: url(../../assets/images/t-yp.png) no-repeat #b3e8fa center; + background: url(~@/assets/images/t-yp.png) no-repeat #b3e8fa center; background-size: 98px 98px; } } @@ -304,19 +320,23 @@ img[src=""],img:not([src]){opacity:0;} height: 1px; } } + .el-range-editor--small { .el-range-separator { width: 24px; } } + // 选择设备 .step_form, .publish_layer { .el-radio-group { display: block; + .el-radio { position: relative; line-height: 40px; + .radio_tip { position: absolute; right: -45px; @@ -333,6 +353,7 @@ img[src=""],img:not([src]){opacity:0;} } } } + .select_all_tip { width: 336px; height: 32px; @@ -344,6 +365,7 @@ img[src=""],img:not([src]){opacity:0;} background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.14); } + .select_other { width: 600px; margin: -20px 0 0 100px; @@ -352,23 +374,28 @@ img[src=""],img:not([src]){opacity:0;} border: 1px solid #dcdde3; border-radius: 4px; font-size: 14px; + .other_tip { line-height: 34px; + span { display: inline-block; margin-left: 20px; } } + .el-button { padding: 5px 8px; border: none !important; } + .delt_btn { color: #fff; background-color: #ee5747 !important; } } } + .step_form, .publish_layer, .add_device_layer { @@ -379,17 +406,19 @@ img[src=""],img:not([src]){opacity:0;} margin: 18px 16px 0 0; font-size: 14px; cursor: pointer; - // color: #3a8aeb; + ::v-deep .el-icon-close { font-size: 16px; } } } + .add_device_layer { .el-dialog__body { padding: 0 20px 30px 20px; } } + // 弹框右上角多按钮 .upload_layer { .upload_list_right { @@ -401,15 +430,18 @@ img[src=""],img:not([src]){opacity:0;} font-weight: bold; color: #3a8aeb; cursor: pointer; + .upload_return { margin-left: 16px; } } } + // 主题库list .theme_img { display: flex; flex-wrap: wrap; + .theme_item { position: relative; width: 160px; @@ -418,17 +450,20 @@ img[src=""],img:not([src]){opacity:0;} border-radius: 4px; overflow: hidden; margin: 0 24px 24px 0; - .img_box{ + + .img_box { width: 100%; height: 100%; } + img { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; - &::after{ + + &::after { content: "222222"; position: absolute; left: 0; @@ -436,9 +471,10 @@ img[src=""],img:not([src]){opacity:0;} z-index: 999; } } - + } } + .cont_upload { display: flex; flex-wrap: wrap; @@ -446,6 +482,7 @@ img[src=""],img:not([src]){opacity:0;} align-content: center; border: 1px dashed #dcdde3; background: #f2f7ff; + .el-button { display: block; width: 114px; @@ -454,15 +491,19 @@ img[src=""],img:not([src]){opacity:0;} font-size: 14px; border: none; } + .cont_upload_btn { background: linear-gradient(to right, #fc8c6f, #fa544e) !important; } + .mkdir_btn, .return_btn { margin-left: 0; margin-top: 16px; } + .return_btn { + span, a { display: block; @@ -471,8 +512,10 @@ img[src=""],img:not([src]){opacity:0;} } } } + .folder { border: 1px solid #dcdde3; + .icon_bg { display: flex; align-items: center; @@ -480,16 +523,19 @@ img[src=""],img:not([src]){opacity:0;} height: 148px; background: #fff5dd; overflow: hidden; + .icon { width: 104px; height: 89px; } + img { width: 100%; height: 148px; } } } + // 素材库/主题库选中 .checked_btn { position: absolute; @@ -502,18 +548,22 @@ img[src=""],img:not([src]){opacity:0;} background-size: 24px 24px; cursor: pointer; } + .item_multi { border-color: #3a8aeb !important; + .checked_btn { background: url(~@/assets/images/selected.png) no-repeat; } } + // 主题-素材-资源格式样式 .item_format { display: flex; position: absolute; left: 0; bottom: 38px; + span { display: block; width: 47px; @@ -525,12 +575,14 @@ img[src=""],img:not([src]){opacity:0;} font-size: 12px; line-height: 18px; border-radius: 9px; + &.item_time { width: auto; padding: 0 5px; } } } + // 主题-素材-文件名样式 .file_name { height: 32px; @@ -543,47 +595,59 @@ img[src=""],img:not([src]){opacity:0;} -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; - -moz-user-select: none; /*火狐*/ - -webkit-user-select: none; /*webkit浏览器*/ - -ms-user-select: none; /*IE10*/ - -khtml-user-select: none; /*早期浏览器*/ + -moz-user-select: none; + /*火狐*/ + -webkit-user-select: none; + /*webkit浏览器*/ + -ms-user-select: none; + /*IE10*/ + -khtml-user-select: none; + /*早期浏览器*/ user-select: none; } + // 首页-主题库-按钮 .home_publish_btn { position: absolute; top: 14px; right: 26px; z-index: 999; + .el-button { padding: 8px 20px; margin-left: 20px; font-size: 14px; color: #fff; border: none; + &.el_button_red { background: linear-gradient(to right, #fc8c6f, #fa544e); } + &.el_button_green { background: linear-gradient(to right, #43c7b8, #3dd3ae); } } } + // 素材-主题库-list-上传历史/多选btn .material_btn { position: absolute; right: 24px; top: 13px; + .el-button { padding: 0 20px; height: 28px; border-color: #3a8aeb; + &:last-child { padding: 0 25px; color: #3a8aeb; } } } + // 素材-主题库-list- 多选之后操作 .multi_handle { display: flex; @@ -595,6 +659,7 @@ img[src=""],img:not([src]){opacity:0;} background: rgba(0, 0, 0, 0.5); border-radius: 4px; transform: translateX(-40%); + .mulit_btn { padding: 0 24px; height: 34px; @@ -604,19 +669,23 @@ img[src=""],img:not([src]){opacity:0;} margin: 0 24px; background-color: #fff; } + .mulit_delt_btn { background-color: #ec414d; color: #fff; } } + // 移动至 - 文件夹弹框 .wjj_layer { ::v-deep .el-dialog__body { padding: 30px 24px; } + .wjj_list { display: flex; flex-wrap: wrap; + .wjj_item { display: flex; flex-wrap: wrap; @@ -625,14 +694,17 @@ img[src=""],img:not([src]){opacity:0;} width: 96px; height: 104px; cursor: pointer; + &.wjj_item_active { background: #e8f3ff; border: 1px solid #428fec; } + .font-icon { width: 64px; height: 55px; } + .wjj_name { width: 100%; font-size: 14px; @@ -643,18 +715,17 @@ img[src=""],img:not([src]){opacity:0;} } } } -.img_box{ + +.img_box { background: url(~@/assets/images/menu_bg_02.png) no-repeat #fff; background-size: cover; } -// end - -.el-table .el-button--danger.is-disabled, -.el-button--danger.is-disabled:active, -.el-button--danger.is-disabled:focus, +.el-table .el-button--danger.is-disabled, +.el-button--danger.is-disabled:active, +.el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover { color: #fff; background-color: #ffa4a4 !important; border-color: #ffa4a4 !important; -} \ No newline at end of file +} diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss index 0dcc2cc..b3e860a 100644 --- a/src/assets/styles/sidebar.scss +++ b/src/assets/styles/sidebar.scss @@ -16,7 +16,7 @@ transition: width 0.28s; width: $sideBarWidth !important; background-color: $menuBg; - background: url(../images/menu_bg_02.png) no-repeat left bottom #fff; + background: url(~@/assets/images/menu_bg_02.png) no-repeat left bottom #fff; height: 100%; position: fixed; font-size: 0; diff --git a/src/router/routers.js b/src/router/routers.js index 37a1df2..142f00e 100644 --- a/src/router/routers.js +++ b/src/router/routers.js @@ -57,22 +57,18 @@ export const constantRouterMap = [ noCache: true } }] + }, + { + path: '/release', + component: Layout, + children: [ + { + path: '/release', + component: () => import('@/views/immediateRelease/index') + } + ] } // { - // path: '/user', - // component: Layout, - // hidden: true, - // redirect: 'noredirect', - // children: [ - // { - // path: 'menu1', - // component: (resolve) => require(['@/views/user/menu1'], resolve), - // name: '', - // meta: { title: '' } - // } - // ] - // }, - // { // path: '/system', // component: Layout, // meta: { diff --git a/src/views/components/MyAlbum.vue b/src/views/components/MyAlbum.vue index 1e8e11e..a30f602 100644 --- a/src/views/components/MyAlbum.vue +++ b/src/views/components/MyAlbum.vue @@ -3,7 +3,7 @@
- 主题库 + 主题库 我的画册 {{ currentFolder }} @@ -81,7 +81,6 @@
-
@@ -175,7 +174,7 @@ export default { this.selectContVisible = true }, breadcrumbToAlbum() { - this.$router.push('/theme') + this.$router.push('/content/topic') this.getMyAlbum() }, // 获取我的画册 list @@ -278,7 +277,7 @@ export default { floderDbClick(item, index) { this.$router.replace( { - path: '/theme', query: { folderTag: 1 } + path: '/content/topic', query: { folderTag: 1 } } ) this.currentFolder = item.name diff --git a/src/views/components/ThemeGalleryList.vue b/src/views/components/ThemeGalleryList.vue index f941792..886965f 100644 --- a/src/views/components/ThemeGalleryList.vue +++ b/src/views/components/ThemeGalleryList.vue @@ -16,11 +16,9 @@
-
-
{{ item.deposit_url | getFileFormat }} @@ -49,7 +47,6 @@ import { FetchThemeClassList, FetchThemeGallery, FetchAddToMyAlbum } from '@/api/theme/theme.js' import { getSeconds, getFileFormat } from '@/utils/index.js' // import MyAlbum from './MyAlbum' -// import List from './list2' export default { name: 'ThemeGalleryList', components: { }, @@ -153,7 +150,6 @@ export default { this.themeItemActive = tab.index if (this.themeItemActive == 2) { this.selectedListId = [] - this.$router.push('/theme') this.$emit('pf') // this.$root.bus.$emit('getMyAlbum') // this.$nextTick(function() { @@ -286,7 +282,7 @@ export default { display: block; width: 140px; height: 250px; - background: url("../../assets/images/menu_bg_02.png") no-repeat left top; + background: url("~@/assets/images/menu_bg_02.png") no-repeat left top; background-size: cover; } } diff --git a/src/views/components/materialFolder.vue b/src/views/components/materialFolder.vue deleted file mode 100644 index 06650a9..0000000 --- a/src/views/components/materialFolder.vue +++ /dev/null @@ -1,392 +0,0 @@ - - - - - diff --git a/src/views/components/upload.vue b/src/views/components/upload.vue index a3f146d..32c7d22 100644 --- a/src/views/components/upload.vue +++ b/src/views/components/upload.vue @@ -8,11 +8,9 @@ - - +
-
-
- 点击上传 - +
+ 点击上传 +
返回
@@ -66,10 +64,9 @@
diff --git a/src/views/nested/menu1/menu1-2/index.vue b/src/views/nested/menu1/menu1-2/index.vue deleted file mode 100644 index 8508f4a..0000000 --- a/src/views/nested/menu1/menu1-2/index.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/src/views/nested/menu2/index.vue b/src/views/nested/menu2/index.vue deleted file mode 100644 index b8283a2..0000000 --- a/src/views/nested/menu2/index.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue index 4cbead9..7c2eadc 100644 --- a/src/views/system/user/index.vue +++ b/src/views/system/user/index.vue @@ -162,7 +162,6 @@
{{ row.createTime | parseTime }}
-