var menu_index = $('#menu_index').val(); const sharedMixin = { data() { return { menu_index: menu_index, side_menu_collapse: false, el_aside_width: "250px", side_menu_show_type: 1,/////左侧菜单收放状态,1=展开,2=收缩 breadcrumbList: [], menuList: [],///菜单列表 url: '', lastColumn: 100, languages: { list: [], symbol: '', },////语言列表///// } }, mounted() { setTimeout(() => { this.observeLastColumnWidth(); }, 100); }, created() { // this.sharedMethod() // console.log(this.$data.menu_index); // this.getMenu(); }, methods: { getLanguageList() { let that = this; let url = "/admin/login/getLanguageList.html" postRequest(url, {}).then(res => { if (res.data.code == 200) { that.languages.list = res.data.list; that.languages.symbol = res.data.list[0]['symbol'] } else { that.languages.list = []; that.languages.symbol = ''; } }); }, sharedMethod() { // 共享的方法逻辑 // console.log(1213213123123); }, /////切换语言///// switchLanguage(type) { /////提交保存到数据库默认语言类型///// /////切换语言////// window.switchLanguage(type); }, /////左侧菜单跳转///// goto_menu(url) { window.location.href = url; }, /////左侧菜单收放状态 show_side_menu() { if (this.side_menu_show_type == 1) { /////设置为收缩状态///// this.el_aside_width = "auto"; this.side_menu_show_type = 2; this.side_menu_collapse = true; } else { /////设置为展开状态///// this.el_aside_width = "250px"; this.side_menu_show_type = 1; this.side_menu_collapse = false; } }, getMenu() { let that = this; let url = "/seller/index/getMenu.html" postRequest(url, {}).then(res => { if (res.data.code == 200) { that.menuList = res.data.data; that.menu_index = menu_index this.url = new URL(window.location.href) let menus = this.getMenus(that.menuList) let home = [{ title: '首页', menu_url: '/seller/index/index.html' }] if (menus !== undefined) { if (this.url.pathname !== '/seller/index/index.html' && this.url.href !== '/seller/index/index.html') { menus = home.concat(menus) } } else { menus = home } this.breadcrumbList = menus } }); }, getMenus(menuList, arr, z) { arr = arr || [] z = z || 0 for (let i = 0; i < menuList.length; i++) { let item = menuList[i] arr[z] = item if (menuList[i].menu_url != null && menuList[i].menu_url != '') { if (this.url.pathname === menuList[i].menu_url || this.url.pathname.includes(menuList[i].menu_url.slice(0, -5))) { return arr.slice(0, z + 1) } } if (menuList[i].children && menuList[i].children.length) { let res = this.getMenus(menuList[i].children, arr, z + 1) if (res) { return res } } } }, //获取表格中最后一列的宽度 observeLastColumnWidth() { // 获取表格的 DOM 元素 if (typeof this.$refs.tableRef == 'undefined') { return false; } try { const tableHeader = this.$refs.tableRef.$el.querySelector('.el-table__header-wrapper').querySelector('colgroup'); if (tableHeader) { // 获取最后一列的 DOM 元素 const lastColumn = tableHeader.querySelector('col:last-child'); if (lastColumn) { // 创建 ResizeObserver 实例 const observer = new ResizeObserver((entries) => { for (const entry of entries) { const columnWidth = entry.contentRect.width; // 获取列宽 this.lastColumn = columnWidth; // console.log(columnWidth); } }); // 监听最后一列的宽度变化 observer.observe(lastColumn); } } } catch (error) { // console.log(error) return false; } }, //设置最后一列的对齐方式 alignValue(width) { // console.log(this.lastColumn, width); if (this.lastColumn > width) { return 'left'; } else { return 'center'; } }, curentTime() { var now = new Date(); var year = now.getFullYear(); // 年 var month = now.getMonth() + 1; // 月 var day = now.getDate(); // 日 var hh = now.getHours(); // 时 var mm = now.getMinutes(); // 分 var ss = now.getSeconds(); // 秒 var clock = year + "-"; if (month < 10) clock += "0"; clock += month + "-"; if (day < 10) clock += "0"; clock += day + " "; if (hh < 10) clock += "0"; clock += hh + ":"; if (mm < 10) clock += "0"; clock += mm + ":"; if (ss < 10) clock += "0"; clock += ss; return clock; }, } }