WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改整体布局

Browse Source
This commit is contained in:
qq787203167
2022-02-25 19:14:37 +08:00
parent e91eba2511
commit 027246fb4f
8 changed files with 118 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/public/color.less
Vendored
+2 -2
View File
@@ -3570,7 +3570,7 @@ mark {
}
.ant-card {
color: rgba(0, 0, 0, 0.65);
background: #fff;
//background: #fff;
border-radius: 2px;
}
.ant-card-hoverable:hover {
@@ -5092,7 +5092,7 @@ form .ant-upload {
border-bottom-left-radius: 0;
}
.ant-layout {
background: #f0f2f5;
//background: #f0f2f5;
}
.ant-layout-header {
background: #001529;
jero-web/src/App.vue
+41 -41
View File
@@ -1,7 +1,7 @@
<template>
<a-config-provider :locale="locale">
<div id="app">
<router-view v-if="isRouterAlive" />
<router-view v-if="isRouterAlive"/>
</div>
</a-config-provider>
</template>
@@ -11,19 +11,20 @@
import enquireScreen from '@/utils/device'
import moment from 'moment'
import 'moment/locale/zh-cn'
moment.locale('zh-cn')
const EN = 'en-us'
const ZH = 'zh-cn'
export default {
data () {
data() {
return {
locale: zhCN,
isRouterAlive:true
isRouterAlive: true
}
},
created () {
created() {
let that = this
enquireScreen(deviceType => {
// tablet
@@ -35,67 +36,66 @@
else if (deviceType === 1) {
that.$store.commit('TOGGLE_DEVICE', 'mobile')
that.$store.dispatch('setSidebar', false)
}
else {
} else {
that.$store.commit('TOGGLE_DEVICE', 'desktop')
that.$store.dispatch('setSidebar', true)
}
})
// 默认中文
localStorage.lang == undefined ? localStorage.setItem("language", "zh-cn") : "";
localStorage.lang == undefined ? localStorage.setItem('language', 'zh-cn') : ''
// 自己配置多语言适配
this.$root.Bus.$on("switchLanguage", value => {
let router_path = this.$route.path;
this.$root.Bus.$on('switchLanguage', value => {
let router_path = this.$route.path
switch (value) {
case "zh-cn":
localStorage.setItem("language", "zh-cn");
break;
case "en-us":
localStorage.setItem("language", "en-us");
break;
case 'zh-cn':
localStorage.setItem('language', 'zh-cn')
break
case 'en-us':
localStorage.setItem('language', 'en-us')
break
}
// 刷新页面
this.isRouterAlive = false; //先关闭，
this.isRouterAlive = false //先关闭，
this.$nextTick(function() {
this.isRouterAlive = true; //再打开
});
this.isRouterAlive = true //再打开
})
// 系统组件适配
let lang = localStorage.language;
if (lang == "zh-cn") {
this.locale = zhCN;
moment.locale("zh-cn");
} else if (lang == "en-us") {
this.locale = enUS;
moment.locale("en-us");
let lang = localStorage.language
if (lang == 'zh-cn') {
this.locale = zhCN
moment.locale('zh-cn')
} else if (lang == 'en-us') {
this.locale = enUS
moment.locale('en-us')
}
});
})
},
mounted() {
},
watch:{
$route:function(val) {
this.$nextTick(() => {
if (document.getElementsByClassName('ant-card-body').length > 0){
this.$watermark.set('fanqiangqiang 范强强')
}
})
}
},
computed:{
watch: {
$route: function(val) {
this.$nextTick(() => {
this.$watermark.set('fanqiangqiang 范强强')
})
}
},
computed: {},
methods:{
}
methods: {}
}
</script>
<style>
body{
font-family: "Blue Sky Noto"!important;
body {
font-family: "Blue Sky Noto" !important;
}
#app {
height: 100%;
}
.ant-layout {
background: transparent !important;
}
</style>
jero-web/src/assets/watermark.js
+1 -1
View File
@@ -12,7 +12,7 @@ let setWatermark = (str) => {
cans.textAlign = 'left'
cans.textBaseline = 'Middle'
cans.fillText(str, 10,120)
document.getElementsByClassName('ant-card-body')[0].style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
document.getElementsByClassName('ant-layout-content')[0].style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
return id
}
jero-web/src/components/layouts/TabLayout.vue
+10 -3
View File
@@ -20,7 +20,7 @@
<!-- </a-tab-pane>-->
<!-- </a-tabs>-->
<!-- style="margin: 12px 12px 0;"-->
<Tabcrumbs />
<Tabcrumbs v-if="isTrue"/>
<div>
<!-- update-begin-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 -->
<keep-alive v-if="multipage">
@@ -83,7 +83,14 @@
} else {
return this.$store.state.app.multipage
}
}
},
isTrue(){
if (this.$route.path == '/docManage/library/detail'){
return false
}else{
return true
}
},
},
created() {
if (this.$route.path != indexKey) {
@@ -440,7 +447,7 @@
.ant-card {
z-index: 999;
background: #fff;
background: transparent!important;
}
.ant-input{
background: transparent !important;
jero-web/src/components/layouts/Tabcrumbs.vue
+17 -7
View File
@@ -1,7 +1,7 @@
<template>
<div class="box">
<span class="box-text">
文档管理
<span class="box-text">
{{Navigation}}
</span>
<span class="box-text-content" v-if="subNavigation">
<img src="~@/assets/dayu.png" alt="">
@@ -17,17 +17,28 @@
name: 'Tabcrumbs',
data() {
return {
Navigation: '',
subNavigation: ''
Navigation: '文档管理',
subNavigation: null
}
},
watch: {
'$route': function(val) {
this.subNavigation = val.meta.title
if (val.meta.title == '首页') {
this.Navigation = val.meta.title
this.subNavigation = null
} else {
this.subNavigation = val.meta.title
}
}
},
mounted() {
this.subNavigation = this.$route.meta.title
if (this.$route.meta.title == '首页') {
this.Navigation = this.$route.meta.title
this.subNavigation = null
} else {
this.subNavigation = this.$route.meta.title
}
},
methods: {}
}
@@ -38,7 +49,6 @@
width: 100%;
height: 72px;
line-height: 92px;
background: #fff;
padding: 0 24px;
box-sizing: border-box;
}
jero-web/src/components/page/GlobalLayout.vue
+29 -16
View File
@@ -65,14 +65,14 @@
/>
<!-- layout content -->
<a-layout-content :style="{ height: '100%', paddingTop: fixedHeader ? '59px' : '0' }">
<a-layout-content :style="{ height: '100%', paddingTop: fixedHeader ? '59px' : '0' , 'background': '#fff'}">
<slot></slot>
</a-layout-content>
<!-- layout footer -->
<!-- <a-layout-footer style="padding: 0px">-->
<!-- <global-footer/>-->
<!-- </a-layout-footer>-->
<!-- <a-layout-footer style="padding: 0px">-->
<!-- <global-footer/>-->
<!-- </a-layout-footer>-->
</a-layout>
<!-- update-start---- author:os_chengtgen -- date:20190830 -- for:issues/463 -编译主题颜色已生效，但还一直转圈，显示主题 正在编译 ---- -->
@@ -99,7 +99,7 @@
components: {
SideMenu,
GlobalHeader,
GlobalFooter,
GlobalFooter
// update-start---- author:os_chengtgen -- date:20190830 -- for:issues/463 -编译主题颜色已生效，但还一直转圈，显示主题 正在编译 ------
// // SettingDrawer
// 注释这个因为在个人设置模块已经加载了SettingDrawer页面
@@ -110,7 +110,7 @@
data() {
return {
collapsed: false,
activeMenu:{},
activeMenu: {},
menus: []
}
},
@@ -133,7 +133,7 @@
this.menus = this.permissionMenuList
//--update-begin----author:liusq---date:20210223------for:关于测边菜单遮挡内容问题详细说明 #2255
this.collapsed=!this.sidebarOpened;
this.collapsed = !this.sidebarOpened
//--update-begin----author:liusq---date:20210223------for:关于测边菜单遮挡内容问题详细说明 #2255
// 根据后台配置菜单，重新排序加载路由信息
@@ -156,21 +156,21 @@
}
},
//update-begin-author:taoyan date:20190430 for:动态路由title显示配置的菜单title而不是其对应路由的title
myMenuSelect(value){
myMenuSelect(value) {
//此处触发动态路由被点击事件
this.findMenuBykey(this.menus,value.key)
this.$emit("dynamicRouterShow",value.key,this.activeMenu.meta.title)
this.findMenuBykey(this.menus, value.key)
this.$emit('dynamicRouterShow', value.key, this.activeMenu.meta.title)
// update-begin-author:sunjianlei date:20191223 for: 修复刷新后菜单Tab名字显示异常
let storeKey = 'route:title:' + this.activeMenu.path
this.$ls.set(storeKey, this.activeMenu.meta.title)
// update-end-author:sunjianlei date:20191223 for: 修复刷新后菜单Tab名字显示异常
},
findMenuBykey(menus,key){
for(let i of menus){
if(i.path==key){
this.activeMenu = {...i}
}else if(i.children && i.children.length>0){
this.findMenuBykey(i.children,key)
findMenuBykey(menus, key) {
for (let i of menus) {
if (i.path == key) {
this.activeMenu = { ...i }
} else if (i.children && i.children.length > 0) {
this.findMenuBykey(i.children, key)
}
}
}
@@ -207,14 +207,17 @@
* ant-table-wrapper
* 覆盖的表格手机模式样式，如果想修改在手机上表格最低宽度，可以在这里改动
*/
.ant-table-wrapper {
.ant-table-content {
overflow-y: auto;
}
.ant-table-body {
min-width: 800px;
}
}
.sidemenu {
.ant-header-fixedHeader {
@@ -226,12 +229,14 @@
.topmenu {
/* 必须为 topmenu 才能启用流式布局 */
&.content-width-Fluid {
.header-index-wide {
margin-left: 0;
}
}
}
.header, .top-nav-header-index {
.user-wrapper .action {
padding: 0 12px;
@@ -272,7 +277,9 @@
width: 100%;
}
}
/* 必须为 topmenu 才能启用流式布局 */
&.content-width-Fluid {
.header-index-wide {
max-width: unset;
@@ -405,6 +412,7 @@
}
}
}
//
}
}
@@ -479,6 +487,7 @@
float: right;
height: 59px;
overflow: hidden;
.action:hover {
background-color: rgba(0, 0, 0, 0.05);
}
@@ -511,6 +520,7 @@
}
}
}
.header-index-wide .header-index-left .trigger:hover {
background: rgba(255, 255, 255, 0.3);
}
@@ -545,8 +555,10 @@
background-color: rgb(0, 21, 41);
}
}
&.light {
box-shadow: none;
.ant-drawer-content {
background-color: #fff;
}
@@ -659,6 +671,7 @@
padding-right: 8px;
width: auto;
}
.ant-form-item-control {
height: 32px;
line-height: 32px;
jero-web/src/views/documentManage/library/docDetail/index.vue
+15 -13
View File
@@ -177,7 +177,7 @@
let query = {
pageNo: this.pageNo,
pageSize: this.pageSize,
documentId:this.$route.query.id
documentId: this.$route.query.id
}
this.loading = true
getAction(this.url.list, query).then((res) => {
@@ -185,7 +185,7 @@
this.dataSource = res.result.records
this.total = res.result.total
this.loading = false
}else{
} else {
this.loading = false
}
})
@@ -198,14 +198,14 @@
this.pageSize = pageSize
this.bussLogList()
},
DocumentSplitting(){
this.$router.push({
path:'/docManage/splite',
query:{
serial_number:this.$route.query.serial_number
}
})
},
DocumentSplitting() {
this.$router.push({
path: '/docManage/splite',
query: {
serial_number: this.$route.query.serial_number
}
})
}
}
}
</script>
@@ -213,15 +213,16 @@
@import '~@assets/less/common.less';
.doc-detail {
padding: 20px;
padding: 0 8px;
box-sizing: border-box;
.doc-detail-wrap {
.doc-detail-header {
height: 50px;
width: 100%;
height: 44px;
display: flex;
justify-content: space-between;
border-bottom: 2px #eff1f3 solid;
.doc-detail-title {
display: inline-block;
text-overflow: ellipsis;
@@ -335,6 +336,7 @@
}
}
}
.page {
text-align: right;
margin-top: 20px;
jero-web/src/views/documentManage/library/index.vue
+3
View File
@@ -272,4 +272,7 @@
<style scoped>
@import '~@assets/less/common.less';
ddd{
background: #fff;
}
</style>