component_ryl_v3 1.1.60 → 1.1.80

package/README.md

@@ -21,7 +21,8 @@ Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://
     {Object} menuList - 导航列表（包含name系统名称和list菜单列表）
     {string} defaultActive - 默认选中的菜单路径
     {boolean} collapse - 是否启用折叠功能
-    {number} width - 侧边栏宽度
+    {number} asideWidth - 侧边栏宽度 - 展开时宽度
+    {number} asideCollapseWidth - 侧边栏宽度 - 收起时宽度
     {number} contentWidth - 内容模块宽度
     {boolean} showDefaltOpen - 是否默认展开所有菜单项
     * 暴露方法（通过 ref 调用）
@@ -164,3 +165,5 @@ Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://
 # 更新版本的信息
     # 1.1.40 handHeader 组件布局更改，去掉了 getMainHeight 和 loadImg 方法，不需要了
     # 1.1.60 修改了主题颜色 #06f 为 #0C73FF
+    # 1.1.70 修复了 handHeader 组件在滚动时宽度问题,菜单栏收起时宽度问题
+    # 1.1.80 修复了 handSeeImg 组件在点击图片时，图片预览组件位置问题

package/dist/component_ryl_v3.js

@@ -1,5 +1,5 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";*:not(svg),#app,html,body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:12px}a{text-decoration:none;color:#5a5a5a}li{list-style:none}.flex{display:-webkit-flex;display:flex;display:-moz-box;display:-ms-flexbox}.flex_row{flex-direction:row}.flex_col{flex-direction:column}.initTextarea>.el-textarea__inner{resize:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#c2c2c2}::-webkit-scrollbar-corner{background:transparent}.common_show_scroll::-webkit-scrollbar-thumb{background:#c2c2c2}.tinymce-editor-JustOne *:not(h1,h2,h3,h4,h5,h6){font-size:inherit}.tinymce-editor-JustOne h1{font-size:32px}.tinymce-editor-JustOne h2{font-size:28px}.tinymce-editor-JustOne h3{font-size:24px}.tinymce-editor-JustOne h4{font-size:20px}.tinymce-editor-JustOne h5{font-size:16px}.tinymce-editor-JustOne h6{font-size:12px}.jddsDialog.el-dialog{border-radius:4px}.jddsDialog .el-dialog__title,.jddsDialog .zbt{font-size:16px;color:#272727;line-height:normal}.jddsDialog .el-dialog__body .el-form-item:last-child{margin-bottom:0}.jddsDialog .el-dialog__headerbtn{top:5px;right:0}.jddsDialog .btn{min-width:68px;height:32px;line-height:32px;border-radius:4px;padding:0}.jddsDialog .exit{font-size:14px}.jddsDialog .header-title{display:flex;align-items:center}.jddsDialog.el-dialog--center .header-title{justify-content:center}.JD_table.el-table:before{height:0!important}.JD_table.el-table{width:100%}.JD_table.el-table th,.JD_table.el-table th.el-table__cell{background:#f8fafc;padding:0;height:40px;line-height:40px;border-bottom:none!important}.JD_table.el-table th .cell,.JD_table.el-table th.el-table__cell .cell{font-weight:400;color:#999;text-align:left;white-space:nowrap}.JD_table.el-table td,.JD_table.el-table td.el-table__cell{padding:0;height:48px;line-height:48px}.JD_table.el-table td .cell,.JD_table.el-table td.el-table__cell .cell{line-height:normal}.el-table--group,.el-table--border{border:none!important}.el-table--group:after,.el-table--border:after{width:0!important}.el-table--border .el-table__cell,.el-table--border td{border-right:none!important}.el-table--border th.el-table__cell{border-right:1px solid #ebeef5!important}.el-table__header,.el-table__empty-block,.el-table__body{width:100%!important}.el-sub-menu__title{text-align:left!important}.el-sub-menu .el-menu-item{min-width:auto!important;padding-left:46px!important;position:relative}.el-sub-menu .el-menu-item:after{content:"";width:4px;height:4px;background:#7c878e;border-radius:50%;position:absolute;top:17px;left:26px}.el-sub-menu .el-menu .el-sub-menu .el-sub-menu__title{padding-left:46px!important}.el-sub-menu .el-menu .el-menu .el-menu-item{padding-left:60px!important}.el-sub-menu .el-menu .el-menu .el-menu-item:after{left:46px!important}.el-menu{border-right:none!important}.el-menu-item,.el-sub-menu__title{height:38px!important;line-height:38px!important;margin-top:2px}.el-menu-item *,.el-sub-menu__title *{vertical-align:middle}.el-submenu__title i.el-sub-menu__icon-arrow{color:#c0c5c7;font-weight:700}.el-message-box{width:400px!important}.initMsg_in{padding:20px 0!important}.initMsg_in .el-message-box__header{padding:0!important}.initMsg_in .el-message-box__header .el-message-box__headerbtn{display:none}.initMsg_in .el-message-box__header .el-message-box__status{font-size:50px!important}.initMsg_in .el-message-box__content{padding:20px 30px!important}.initMsg_in .el-message-box__content .el-message-box__message{letter-spacing:1px}.initMsg_in .el-message-box__btns{padding:0!important}.initMsg_in .el-message-box__btns button{min-width:100px;height:40px;border-radius:4px}.initMsg_in .el-message-box__btns button:nth-child(2){margin-left:20px!important}.defaultMsg_in .el-message-box__container{align-items:flex-start}.defaultMsg_in .el-message-box__title span{font-size:14px;font-weight:700}.defaultMsg_in .el-message-box__headerbtn{top:7px}.defaultMsg_in .el-message-box__status{top:0;transform:none;font-size:24px!important}.defaultMsg_in .el-message-box__btns button{min-width:68px;height:32px;border-radius:4px;border:none}.ieBro{position:fixed;padding:10px;z-index:9999;top:0;left:0;right:0;background:#fffade;border:1px solid #f9d878;justify-content:space-between}.ieBro span,.ieBro a{font-size:12px}.ieBro .color{text-decoration:underline}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks):before{content:""!important}.mainMenu[data-v-e79ba81c]{display:inline-block;position:relative}.mainMenu .elbadge[data-v-e79ba81c]{color:red;font-style:normal}.mainMenu .elbadge.hot[data-v-e79ba81c]:after{display:inline-block;content:"";width:8px;height:8px;background-color:red;border-radius:100%;transform:scale(.9);position:absolute;top:10px;right:-10px}.mainMenu .elbadge.new[data-v-e79ba81c]:after{display:inline-block;content:"new";background-color:red;color:#fff;padding:0 4px 1px;line-height:16px;border-radius:4px;transform:scale(.9);position:absolute;top:6px;right:-32px}.mainMenu .elbadge.run[data-v-e79ba81c]{display:inline-block;color:#fff;background-color:red;min-width:20px;padding:0 2px;text-align:center;height:16px;line-height:16px;border-radius:4px;animation:changeRun 1.5s ease-in-out 0s infinite}.mainMenu .elbadge.num[data-v-e79ba81c]{display:inline-block;background-color:red;color:#fff;width:20px;text-align:center;height:16px;line-height:16px;border-radius:4px;transform:scale(.9);position:absolute;top:6px;right:-22px}.mainMenu .elbadge.num.nine[data-v-e79ba81c]{width:26px;right:-28px}.mainMenu .elbadge.num.nine em[data-v-e79ba81c]{position:relative;top:-4px}.el-menu-item span[data-v-e79ba81c],.el-sub-menu__title span[data-v-e79ba81c]{font-size:14px}.handHeaderContent{position:relative;z-index:999;height:100vh}.handHeaderContent .el-container.is-vertical{position:relative}.handHeaderContent .inner_header{padding:0;background:#fff;justify-content:space-between;align-items:center;height:50px!important}.handHeaderContent .inner_header .colSpan{width:60px;background-color:transparent;justify-content:center;align-items:center}.handHeaderContent .inner_header .colSpan .hide{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA2hJREFUeF7t3Vtu5DAMRFFlZ9nZzKwsS0ugTBswGnnYLkqkVddAkC+1Q9YBrXb68dJae28cth14AYBt9p+FA8A7fwCY5w8AALAJtDbAHsA6fjaB5vEDAADcB/A2wB7AO3+eBprnDwAAcB/A2gB7AOv4eRpoHv9/AK/2XTBuQAfAYdwBABiHv70gxLwF3uUzAbzz/9wEchh3AADG4bMHMA8fAABgD+BugD2AuQAAAMC8A+blMwEAYN4B8/IrTIC/rbX+w5HQgWwAW/AASAg/+0ZQD/1Pa+0fEyAp/cfnA2ScfQu/nxsAGQk8zplxCdiHD4DE8DMuAc/hKwB4LWMAnpkT4KvwVQBvAT2wfohZAL4LHwDJ/GYA+Cl8ACwO4LfwAbAwgCPhA2BRAEfDB8CCAM6ED4DFAJwNHwALAbgSPgAWAXA1fAAsAEAJHwA3B6CGD4AbA4gIHwA3BRAVPgBuCCAyfADcDEB0+AC4EYAR4SsAklu3xumP/jt4VPgASHZ0BMDI8AFQHMDo8AFQGMCM8AFQFMCs8AFQEMDM8AFQDMDs8AFQCEBG+AAoAiArfAAUAJAZPgAAwLuDMw1sdwIzpwBvD08UsL8VnIUAAEUA9D8jAwEACgHIQACAYgBmIwBAQQAzEQCgKIBZCABQGMAMBAAoDmA0AgDcAMBIBFcB9E8J40OiRDxHXhO4P8WI+wQAEENUlp8FMGISAEBJUFx7BUA0AgCIISrLrwKIRAAAJUFxrQIgCgEAxBCV5SqACAQAUBIU10YAUBEAQAxRWR4FQEEAACVBcW0kgKsIACCGqCyPBnAFAQCUBMW1IwCcRQAAMURl+SgAZxAAQElQXDsSwFEEABBDVJaPBnAEAQCUBMW1MwD8hgAAYojK8lkAfkKgAFBqZ23CF0dGfm0cAQZ0YOYE2P7cZwRXJ0BA+TxEBoDnywEAEh1mAdgjAIApgA3B/ndiKzxPnTkB9nuCvi/gSOhABQAJZXPKrQMAMLcAAACYd8C8fCYAAMw7YF4+EwAA5h0wL58JAADzDpiXzwQAgHkHzMtnAgDAvAPm5fcJ0D9sicO0Ax3Au2ntlP14VTAAjCkwAYzD76UDAADsAZwNMAGc0+cSYJ4+AADAJcDcAAAAwLMAZwNMAOf02QSapw8AAHAJMDcAAHMAH9uzwUGCPXdSAAAAAElFTkSuQmCC) no-repeat;background-size:contain;cursor:pointer;transition:all .2s}.handHeaderContent .inner_header .colSpan .hide.rotate{transform:rotate(180deg)}.handHeaderContent .inner_header .saasInfo .img{align-items:center;justify-content:center;height:50px;margin-right:20px;cursor:pointer}.handHeaderContent .inner_header .saasInfo .img:hover .dropDown{display:block}.handHeaderContent .inner_header .saasInfo .img img{width:33px;height:33px;border-radius:50%;margin-right:5px;border:1px solid #eff2f5}.handHeaderContent .dropDown{position:absolute;right:10px;top:50px;width:170px;background:#fff;box-shadow:0 0 4px #1919191a;border-radius:2px;display:none;z-index:999}.handHeaderContent .dropDown .san{display:inline-block;width:10px;height:10px;border:1px solid #fff;border-top-style:none;border-right-style:none;transform:rotate(135deg);position:absolute;top:-4px;right:38px;background:#fff}.handHeaderContent .dropDown .user{padding:11px;align-items:center;border-bottom:1px solid #f5f5f5}.handHeaderContent .dropDown .user span{line-height:normal;font-size:14px}.handHeaderContent .dropDown .exit{font-size:14px;line-height:39px;height:39px;border-top:1px solid #EFF2F5;text-align:center;padding:0;color:#5a5a5a}.handHeaderContent .aside{height:100%;transition:all .2s;overflow:overlay;z-index:999;position:relative}.handHeaderContent .aside .init-el-menu{padding-bottom:38px}.handHeaderContent .aside.hideMenu .el-tooltip{text-align:center}.handHeaderContent .aside.hideMenu .el-submenu__title{text-align:center!important}.handHeaderContent .aside.hideMenu i.iconfont{margin-right:0}.handHeaderContent .aside.hideMenu .deldom,.handHeaderContent .aside.hideMenu .el-submenu__icon-arrow{display:none}.handHeaderContent .aside i.iconfont{font-size:18px;display:inline-block;width:18px;margin-right:8px;color:#747c81}.handHeaderContent .main{padding:0;background-color:#eff2f5}.handHeaderContent .main.scrollX{overflow-x:scroll}.handHeaderContent .main .content_mar{padding:18px 18px 0;display:flex;flex-direction:column;height:calc(100vh - 18px)}.handHeaderContent .main .contentTop{flex-shrink:0}.handHeaderContent .main .inner_content{background-color:#fff;flex:1;border-radius:4px}.handHeaderContent .main .inner_content.normal{background-color:transparent!important}.handHeaderContent .inner_footer{flex-shrink:0;color:#666;text-align:center;padding:18px 0;height:32px;justify-content:center}@keyframes changeRun{0%{transform:translateY(0) scale(.9)}25%{transform:translateY(-6px) scale(.9)}50%{transform:translateY(0) scale(.9)}75%{transform:translateY(-2px) scale(.9)}to{transform:translateY(0) scale(.9)}}.initNoData[data-v-0b0e3718]{width:100%;align-items:center;justify-content:center}.initNoData .inner[data-v-0b0e3718]{text-align:center}.initNoData .inner p[data-v-0b0e3718]{color:#666;margin-top:12px;line-height:normal}.initPaging[data-v-1d8ef8c9] .el-select__placeholder{text-align:center}.previewFix[data-v-14d38dc6]{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background-color:#00000080;display:flex;justify-content:center;align-items:center}.previewFix img[data-v-14d38dc6]{max-width:98%;max-height:98%}.status_search[data-v-64ce971a]{display:inline-block}.status_search span[data-v-64ce971a]{min-width:40px;height:30px;padding:0 10px;display:inline-block;text-align:center;line-height:30px;border:1px solid #d9d9d9;border-right:1px solid transparent;cursor:pointer}.status_search span[data-v-64ce971a]:first-child{border-radius:2px 0 0 2px}.status_search span[data-v-64ce971a]:last-child{border-radius:0 2px 2px 0;border-right:1px solid #d9d9d9}.status_search .active[data-v-64ce971a]{background:#0c73ff;color:#fff;border-color:#0c73ff}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-import { ref, watch, openBlock, createElementBlock, createVNode, unref, withCtx, renderSlot, Fragment, normalizeStyle, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createBlock, createElementVNode, resolveComponent, renderList, computed, onMounted, nextTick } from "vue";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";*:not(svg),#app,html,body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:12px}a{text-decoration:none;color:#5a5a5a}li{list-style:none}.flex{display:-webkit-flex;display:flex;display:-moz-box;display:-ms-flexbox}.flex_row{flex-direction:row}.flex_col{flex-direction:column}.initTextarea>.el-textarea__inner{resize:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#c2c2c2}::-webkit-scrollbar-corner{background:transparent}.common_show_scroll::-webkit-scrollbar-thumb{background:#c2c2c2}.tinymce-editor-JustOne *:not(h1,h2,h3,h4,h5,h6){font-size:inherit}.tinymce-editor-JustOne h1{font-size:32px}.tinymce-editor-JustOne h2{font-size:28px}.tinymce-editor-JustOne h3{font-size:24px}.tinymce-editor-JustOne h4{font-size:20px}.tinymce-editor-JustOne h5{font-size:16px}.tinymce-editor-JustOne h6{font-size:12px}.jddsDialog.el-dialog{border-radius:4px}.jddsDialog .el-dialog__title,.jddsDialog .zbt{font-size:14px;color:#272727;line-height:normal;font-weight:700}.jddsDialog .el-dialog__body .el-form-item:last-child{margin-bottom:0}.jddsDialog .el-dialog__headerbtn{top:5px;right:0}.jddsDialog .btn{min-width:68px;height:32px;line-height:32px;border-radius:4px;padding:0 12px}.jddsDialog .exit{font-size:14px}.jddsDialog .header-title{display:flex;align-items:center}.jddsDialog.el-dialog--center .header-title{justify-content:center}.JD_table.el-table:before{height:0!important}.JD_table.el-table{width:100%}.JD_table.el-table th,.JD_table.el-table th.el-table__cell{background:#f8fafc;padding:0;height:40px;line-height:40px;border-bottom:none!important}.JD_table.el-table th .cell,.JD_table.el-table th.el-table__cell .cell{font-weight:400;color:#999;text-align:left;white-space:nowrap}.JD_table.el-table td,.JD_table.el-table td.el-table__cell{padding:0;height:48px;line-height:48px}.JD_table.el-table td .cell,.JD_table.el-table td.el-table__cell .cell{line-height:normal}.el-table--group,.el-table--border{border:none!important}.el-table--group:after,.el-table--border:after{width:0!important}.el-table--border .el-table__cell,.el-table--border td{border-right:none!important}.el-table--border th.el-table__cell{border-right:1px solid #ebeef5!important}.el-table__header,.el-table__empty-block,.el-table__body{width:100%!important}.el-sub-menu__title{text-align:left!important}.el-sub-menu .el-menu-item{min-width:auto!important;padding-left:46px!important;position:relative}.el-sub-menu .el-menu-item:after{content:"";width:4px;height:4px;background:#7c878e;border-radius:50%;position:absolute;top:17px;left:26px}.el-sub-menu .el-menu .el-sub-menu .el-sub-menu__title{padding-left:46px!important}.el-sub-menu .el-menu .el-menu .el-menu-item{padding-left:60px!important}.el-sub-menu .el-menu .el-menu .el-menu-item:after{left:46px!important}.el-menu{border-right:none!important}.el-menu-item,.el-sub-menu__title{height:38px!important;line-height:38px!important;margin-top:2px}.el-menu-item *,.el-sub-menu__title *{vertical-align:middle}.el-submenu__title i.el-sub-menu__icon-arrow{color:#c0c5c7;font-weight:700}.el-message-box{width:400px!important}.initMsg_in{padding:20px 0!important}.initMsg_in .el-message-box__header{padding:0!important}.initMsg_in .el-message-box__header .el-message-box__headerbtn{display:none}.initMsg_in .el-message-box__header .el-message-box__status{font-size:50px!important}.initMsg_in .el-message-box__content{padding:20px 30px!important}.initMsg_in .el-message-box__content .el-message-box__message{letter-spacing:1px}.initMsg_in .el-message-box__message p{line-height:normal}.initMsg_in .el-message-box__btns{padding:0!important}.initMsg_in .el-message-box__btns button{min-width:100px;height:40px;border-radius:4px}.initMsg_in .el-message-box__btns button:nth-child(2){margin-left:20px!important}.defaultMsg_in .el-message-box__container{align-items:flex-start}.defaultMsg_in .el-message-box__title span{font-size:14px;font-weight:700}.defaultMsg_in .el-message-box__headerbtn{top:7px}.defaultMsg_in .el-message-box__status{top:0;transform:none;font-size:24px!important}.defaultMsg_in .el-message-box__message p{line-height:normal}.defaultMsg_in .el-message-box__btns button{min-width:68px;height:32px;border-radius:4px;border:none}.ieBro{position:fixed;padding:10px;z-index:9999;top:0;left:0;right:0;background:#fffade;border:1px solid #f9d878;justify-content:space-between}.ieBro span,.ieBro a{font-size:12px}.ieBro .color{text-decoration:underline}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks):before{content:""!important}.mainMenu[data-v-e79ba81c]{display:inline-block;position:relative}.mainMenu .elbadge[data-v-e79ba81c]{color:red;font-style:normal}.mainMenu .elbadge.hot[data-v-e79ba81c]:after{display:inline-block;content:"";width:8px;height:8px;background-color:red;border-radius:100%;transform:scale(.9);position:absolute;top:10px;right:-10px}.mainMenu .elbadge.new[data-v-e79ba81c]:after{display:inline-block;content:"new";background-color:red;color:#fff;padding:0 4px 1px;line-height:16px;border-radius:4px;transform:scale(.9);position:absolute;top:6px;right:-32px}.mainMenu .elbadge.run[data-v-e79ba81c]{display:inline-block;color:#fff;background-color:red;min-width:20px;padding:0 2px;text-align:center;height:16px;line-height:16px;border-radius:4px;animation:changeRun 1.5s ease-in-out 0s infinite}.mainMenu .elbadge.num[data-v-e79ba81c]{display:inline-block;background-color:red;color:#fff;width:20px;text-align:center;height:16px;line-height:16px;border-radius:4px;transform:scale(.9);position:absolute;top:6px;right:-22px}.mainMenu .elbadge.num.nine[data-v-e79ba81c]{width:26px;right:-28px}.mainMenu .elbadge.num.nine em[data-v-e79ba81c]{position:relative;top:-4px}.el-menu-item span[data-v-e79ba81c],.el-sub-menu__title span[data-v-e79ba81c]{font-size:14px}.handHeaderContent{position:relative;z-index:999;height:100vh}.handHeaderContent .el-container.is-vertical{position:relative}.handHeaderContent .inner_header{padding:0;background:#fff;justify-content:space-between;align-items:center;height:50px!important}.handHeaderContent .inner_header .colSpan{width:60px;background-color:transparent;justify-content:center;align-items:center}.handHeaderContent .inner_header .colSpan .hide{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA2hJREFUeF7t3Vtu5DAMRFFlZ9nZzKwsS0ugTBswGnnYLkqkVddAkC+1Q9YBrXb68dJae28cth14AYBt9p+FA8A7fwCY5w8AALAJtDbAHsA6fjaB5vEDAADcB/A2wB7AO3+eBprnDwAAcB/A2gB7AOv4eRpoHv9/AK/2XTBuQAfAYdwBABiHv70gxLwF3uUzAbzz/9wEchh3AADG4bMHMA8fAABgD+BugD2AuQAAAMC8A+blMwEAYN4B8/IrTIC/rbX+w5HQgWwAW/AASAg/+0ZQD/1Pa+0fEyAp/cfnA2ScfQu/nxsAGQk8zplxCdiHD4DE8DMuAc/hKwB4LWMAnpkT4KvwVQBvAT2wfohZAL4LHwDJ/GYA+Cl8ACwO4LfwAbAwgCPhA2BRAEfDB8CCAM6ED4DFAJwNHwALAbgSPgAWAXA1fAAsAEAJHwA3B6CGD4AbA4gIHwA3BRAVPgBuCCAyfADcDEB0+AC4EYAR4SsAklu3xumP/jt4VPgASHZ0BMDI8AFQHMDo8AFQGMCM8AFQFMCs8AFQEMDM8AFQDMDs8AFQCEBG+AAoAiArfAAUAJAZPgAAwLuDMw1sdwIzpwBvD08UsL8VnIUAAEUA9D8jAwEACgHIQACAYgBmIwBAQQAzEQCgKIBZCABQGMAMBAAoDmA0AgDcAMBIBFcB9E8J40OiRDxHXhO4P8WI+wQAEENUlp8FMGISAEBJUFx7BUA0AgCIISrLrwKIRAAAJUFxrQIgCgEAxBCV5SqACAQAUBIU10YAUBEAQAxRWR4FQEEAACVBcW0kgKsIACCGqCyPBnAFAQCUBMW1IwCcRQAAMURl+SgAZxAAQElQXDsSwFEEABBDVJaPBnAEAQCUBMW1MwD8hgAAYojK8lkAfkKgAFBqZ23CF0dGfm0cAQZ0YOYE2P7cZwRXJ0BA+TxEBoDnywEAEh1mAdgjAIApgA3B/ndiKzxPnTkB9nuCvi/gSOhABQAJZXPKrQMAMLcAAACYd8C8fCYAAMw7YF4+EwAA5h0wL58JAADzDpiXzwQAgHkHzMtnAgDAvAPm5fcJ0D9sicO0Ax3Au2ntlP14VTAAjCkwAYzD76UDAADsAZwNMAGc0+cSYJ4+AADAJcDcAAAAwLMAZwNMAOf02QSapw8AAHAJMDcAAHMAH9uzwUGCPXdSAAAAAElFTkSuQmCC) no-repeat;background-size:contain;cursor:pointer;transition:all .2s}.handHeaderContent .inner_header .colSpan .hide.rotate{transform:rotate(180deg)}.handHeaderContent .inner_header .saasInfo .img{align-items:center;justify-content:center;height:50px;margin-right:20px;cursor:pointer}.handHeaderContent .inner_header .saasInfo .img:hover .dropDown{display:block}.handHeaderContent .inner_header .saasInfo .img img{width:33px;height:33px;border-radius:50%;margin-right:5px;border:1px solid #eff2f5}.handHeaderContent .dropDown{position:absolute;right:10px;top:50px;width:170px;background:#fff;box-shadow:0 0 4px #1919191a;border-radius:2px;display:none;z-index:999}.handHeaderContent .dropDown .san{display:inline-block;width:10px;height:10px;border:1px solid #fff;border-top-style:none;border-right-style:none;transform:rotate(135deg);position:absolute;top:-4px;right:38px;background:#fff}.handHeaderContent .dropDown .user{padding:11px;align-items:center;border-bottom:1px solid #f5f5f5}.handHeaderContent .dropDown .user span{line-height:normal;font-size:14px}.handHeaderContent .dropDown .exit{font-size:14px;line-height:39px;height:39px;border-top:1px solid #EFF2F5;text-align:center;padding:0;color:#5a5a5a}.handHeaderContent .aside{height:100%;transition:all .2s;overflow:overlay;z-index:999;position:relative}.handHeaderContent .aside .init-el-menu{padding-bottom:38px}.handHeaderContent .aside.hideMenu .el-tooltip{text-align:center}.handHeaderContent .aside.hideMenu .el-menu-item .el-menu-tooltip__trigger,.handHeaderContent .aside.hideMenu .el-sub-menu__title{justify-content:center}.handHeaderContent .aside.hideMenu i.iconfont{margin-right:0}.handHeaderContent .aside.hideMenu .deldom,.handHeaderContent .aside.hideMenu .el-submenu__icon-arrow{display:none}.handHeaderContent .aside i.iconfont{font-size:18px;display:inline-block;width:18px;margin-right:8px;color:#747c81}.handHeaderContent .main{padding:0;background-color:#eff2f5}.handHeaderContent .main.scrollX{overflow-x:scroll}.handHeaderContent .main .content_mar{display:flex;flex-direction:column;height:100vh}.handHeaderContent .main .contentTop{flex-shrink:0}.handHeaderContent .main .inner_content{background-color:#fff;flex:1;border-radius:4px}.handHeaderContent .main .inner_content.normal{background-color:transparent!important}.handHeaderContent .inner_footer{flex-shrink:0;color:#666;text-align:center;padding:18px 0;height:32px;justify-content:center}@keyframes changeRun{0%{transform:translateY(0) scale(.9)}25%{transform:translateY(-6px) scale(.9)}50%{transform:translateY(0) scale(.9)}75%{transform:translateY(-2px) scale(.9)}to{transform:translateY(0) scale(.9)}}.initNoData[data-v-0b0e3718]{width:100%;align-items:center;justify-content:center}.initNoData .inner[data-v-0b0e3718]{text-align:center}.initNoData .inner p[data-v-0b0e3718]{color:#666;margin-top:12px;line-height:normal}.initPaging[data-v-1d8ef8c9] .el-select__placeholder{text-align:center}.previewFix[data-v-535f3daf]{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background-color:#00000080;display:flex;justify-content:center;align-items:center}.previewFix img[data-v-535f3daf]{max-width:50%;max-height:50%}.status_search[data-v-64ce971a]{display:inline-block}.status_search span[data-v-64ce971a]{min-width:40px;height:30px;padding:0 10px;display:inline-block;text-align:center;line-height:30px;border:1px solid #d9d9d9;border-right:1px solid transparent;cursor:pointer}.status_search span[data-v-64ce971a]:first-child{border-radius:2px 0 0 2px}.status_search span[data-v-64ce971a]:last-child{border-radius:0 2px 2px 0;border-right:1px solid #d9d9d9}.status_search .active[data-v-64ce971a]{background:#0c73ff;color:#fff;border-color:#0c73ff}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { ref, watch, openBlock, createElementBlock, createVNode, unref, withCtx, renderSlot, Fragment, normalizeStyle, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createBlock, createElementVNode, resolveComponent, renderList, computed, onMounted, nextTick, Teleport } from "vue";
 import { ElDialog, ElButton, ElMenuItem, ElSubMenu, ElContainer, ElAside, ElMenu, ElMain, ElHeader, ElIcon, ElConfigProvider, ElPagination, ElMessageBox } from "element-plus";
 import { ArrowDown } from "@element-plus/icons-vue";
 const _hoisted_1$6 = { class: "header-title" };
@@ -371,10 +371,14 @@ const _sfc_main$4 = {
       type: Boolean,
       default: false
     },
-    width: {
+    asideWidth: {
       type: Number,
       default: 180
     },
+    asideCollapseWidth: {
+      type: Number,
+      default: 64
+    },
     contentWidth: {
       type: Number,
       default: 1200
@@ -401,9 +405,9 @@ const _sfc_main$4 = {
     const minWidth = ref(props.contentWidth);
     const localDefaultActive = ref(props.defaultActive);
     const completeWidth = computed(() => {
-      return hideMenu.value ? "64px" : `${props.width}px`;
+      return hideMenu.value ? `${props.asideCollapseWidth}px` : `${props.asideWidth}px`;
     });
-    let mainDefalutWidth = document.body.clientWidth - props.width;
+    let mainDefalutWidth = document.body.clientWidth - props.asideWidth;
     const debounce2 = (fn, delay = 200) => {
       let timer = null;
       return function() {
@@ -452,11 +456,12 @@ const _sfc_main$4 = {
           innerHeader.setAttribute("style", `min-width:${minWidth.value}px;`);
         }
         if (contentMar) {
-          contentMar.setAttribute("style", `min-width:${minWidth.value - 36}px;`);
+          contentMar.setAttribute("style", `min-width:${minWidth.value}px;`);
         }
       } else {
         if (innerHeader) {
           innerHeader.removeAttribute("style");
+          contentMar.removeAttribute("style");
         }
         if (contentMar) {
           contentMar.removeAttribute("style");
@@ -483,12 +488,12 @@ const _sfc_main$4 = {
     };
     onMounted(() => {
       const windowWidth = window.screen.availWidth;
-      minWidth.value = windowWidth > minWidth.value ? minWidth.value - props.width : windowWidth - props.width;
+      minWidth.value = windowWidth > minWidth.value ? minWidth.value - props.asideWidth : windowWidth - props.asideWidth;
       browser();
       nextTick(() => {
         setMinWidth(mainDefalutWidth);
         window.addEventListener("resize", debounce2(() => {
-          mainDefalutWidth = document.body.clientWidth - props.width;
+          mainDefalutWidth = document.body.clientWidth - props.asideWidth;
           setMinWidth(mainDefalutWidth);
         }));
       });
@@ -928,17 +933,19 @@ const _sfc_main$1 = {
       openPreview
     });
     return (_ctx, _cache) => {
-      return show.value ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "previewFix",
-        onClick: _cache[0] || (_cache[0] = ($event) => exitPreview($event))
-      }, [
-        createElementVNode("img", { src: src.value }, null, 8, _hoisted_1$1)
-      ])) : createCommentVNode("", true);
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        show.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "previewFix",
+          onClick: _cache[0] || (_cache[0] = ($event) => exitPreview($event))
+        }, [
+          createElementVNode("img", { src: src.value }, null, 8, _hoisted_1$1)
+        ])) : createCommentVNode("", true)
+      ]);
     };
   }
 };
-const HandSeeImg = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-14d38dc6"]]);
+const HandSeeImg = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-535f3daf"]]);
 const _hoisted_1 = { class: "status_search" };
 const _hoisted_2 = ["onClick"];
 const _sfc_main = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "component_ryl_v3",
   "private": false,
-  "version": "1.1.60",
+  "version": "1.1.80",
   "type": "module",
   "description": "Vue3 login form component with Element Plus",
   "main": "./dist/component_ryl_v3.js",

package/src/App.vue

@@ -2,10 +2,13 @@
   <hand-header
     :userInfo="userInfo"
     collapse
+    :asideWidth="200"
+  :asideCollapseWidth="96"
      :defaultActive="menuActive"
     :menuList="menuList"
     ref="menuRef"
     :menuColor="menuColor"
+    @exitSystem="outSystem"
   >
     <template #headElseTitle>
       <div style="color:#fff;text-align:center;font-size:20px;">
@@ -15,16 +18,30 @@
     <template #headElseInfo>
       这是头部补充的内容
     </template>
-    <template #headElseInfoRight>
-      工单
-          <div class="dropDown initWork">
-            <em class="san"></em>
-            <a
-              class="color"
-              target="_blank"
-              >提交工单</a
-            >
-          </div>
+      <template #headElseInfoRight>
+      <!-- <div class="saasInfo flex"> -->
+        <li>
+          <a :href="'/'" target="_blank" class="home">
+            <svg class="icon" aria-hidden="true" style="width:24px;height: 24px;">
+              <use xlink:href="#icon-shouye2"></use></svg>首页
+          </a>
+        </li>
+        <li>
+          <a :href="'/work/index'" target="_blank" class="work">
+            <svg class="icon" aria-hidden="true" style="width:24px;height: 24px;">
+              <use xlink:href="#icon-gongdan1"></use></svg>工单
+            <div class="dropDown initWork">
+              <em class="san"></em>
+              <a
+                :href="'/work/subAdvise'"
+                class="color"
+                target="_blank"
+                >提交工单</a
+              >
+            </div>
+          </a>
+        </li>
+      <!-- </div> -->
     </template>
     <template #headElseHand>
       <ul>
@@ -45,6 +62,7 @@
       <hand-tab :list="[{ label: '全部', value: 'all' }, { label: '待处理是的', value: 'pending' }, { label: '已处理', value: 'processed' }]" @getStatus="getStatus" />
       <h6>图片预览</h6>
       <img src="https://img.alicdn.com/bao/uploaded/i3/2206588314948/O1CN01KjFgoO1mQEsQjnFbC_!!2206588314948-0-C2M.jpg" alt="" style="width:60px;height: 60px;" @click="openPreview($event.target.currentSrc)">
+      <img src="https://v2-saas-1259468876.cos.ap-shanghai.myqcloud.com/system/saas/product/中控.png" alt="" style="width:60px;height: 60px;" @click="openPreview($event.target.currentSrc)">
       <hand-see-img ref="handSeeImgRef" />
       <h6>分页</h6>
       <div>
@@ -67,6 +85,7 @@
           @cancel="exitDialog"
           @confirm="saveAccess"
           customClass="sldkslfd"
+          confirmText="保存水电费第三方"
           >
           <template #content>
             111
@@ -214,7 +233,8 @@ const openConfirm = () => {
   handConfirmNew({
     text: '塑料袋建设路口封建势力扩大发啦建设<br />路口塑料袋口就蓝思科技法律思考就发了上课动静分离上课杜绝浪费收到了开发',
     type:2,
-    title:'提示'
+    title:'提示',
+    dangerouslyUseHTMLString: true,
   }).then(() => {
     console.log('确认删除')
   }).catch(() => {
@@ -252,4 +272,7 @@ onMounted(() => {
 })
 //#endregion 菜单组件
 const inputNumber = ref('')
+const outSystem = () => {
+  console.log('退出系统')
+}
 </script>

package/src/assets/styles/common.scss

@@ -139,6 +139,9 @@
       letter-spacing: 1px;
     }
   }
+  .el-message-box__message p{
+    line-height: normal;
+  }
   .el-message-box__btns {
     padding: 0 !important;
     button {
@@ -170,6 +173,9 @@
     transform: none;
     font-size: 24px !important;
   }
+  .el-message-box__message p{
+    line-height: normal;
+  }
   .el-message-box__btns {
     button {
       min-width: 68px;

package/src/assets/styles/dialog.scss

@@ -3,9 +3,10 @@
     border-radius: 4px;
   }
   .el-dialog__title,.zbt {
-    font-size: 16px;
+    font-size: 14px;
     color: #272727;
     line-height: normal;
+    font-weight: bold;
   }
   .el-dialog__body .el-form-item {
     &:last-child {
@@ -21,7 +22,7 @@
     height: 32px;
     line-height: 32px;
     border-radius: 4px;
-    padding: 0;
+    padding: 0 12px;
   }
   .exit {
     font-size: 14px;

package/src/packages/handHeader/handHeader.vue

@@ -95,7 +95,8 @@ import sidebarItem from './sidebarItem.vue'
  * @property {Object} menuList - 导航列表（包含name系统名称和list菜单列表）
  * @property {string} defaultActive - 默认选中的菜单路径
  * @property {boolean} collapse - 是否启用折叠功能
- * @property {number} width - 侧边栏宽度
+ * @property {number} asideWidth - 侧边栏宽度 - 展开时宽度
+ * @property {number} asideCollapseWidth - 侧边栏宽度 - 收起时宽度
  * @property {number} contentWidth - 内容模块宽度
  * @property {Object} userInfo - 用户信息
  * @property {boolean} showDefaltOpen - 是否默认展开所有菜单项
@@ -113,10 +114,14 @@ const props = defineProps({
     type: Boolean,
     default: false
   },
-  width: {
+  asideWidth: {
     type: Number,
     default: 180
   },
+  asideCollapseWidth: {
+    type: Number,
+    default: 64
+  },
   contentWidth: {
     type: Number,
     default: 1200
@@ -153,14 +158,14 @@ const localDefaultActive = ref(props.defaultActive)  // 本地默认选中菜单
  * @returns {string} 宽度值
  */
 const completeWidth = computed(() => {
-  return hideMenu.value ? '64px' : `${props.width}px`
+  return hideMenu.value ? `${props.asideCollapseWidth}px` : `${props.asideWidth}px`
 })
 
 /**
  * 主模块默认宽度
  * @type {number}
  */
-let mainDefalutWidth = document.body.clientWidth - props.width
+let mainDefalutWidth = document.body.clientWidth - props.asideWidth
 
 /**
  * 函数防抖
@@ -236,17 +241,17 @@ const setMinWidth = (width) => {
   
   const innerHeader = document.querySelector(".main_container .inner_header")
   const contentMar = document.querySelector(".main_container .content_mar")
-  
   if (isScrollX.value) {
     if (innerHeader) {
       innerHeader.setAttribute("style", `min-width:${minWidth.value}px;`)
     }
     if (contentMar) {
-      contentMar.setAttribute("style", `min-width:${minWidth.value - 36}px;`)
+      contentMar.setAttribute("style", `min-width:${minWidth.value}px;`)
     }
   } else {
     if (innerHeader) {
       innerHeader.removeAttribute("style")
+      contentMar.removeAttribute("style")
     }
     if (contentMar) {
       contentMar.removeAttribute("style")
@@ -298,7 +303,7 @@ const closeIETips = () => {
  */
 onMounted(() => {
   const windowWidth = window.screen.availWidth
-  minWidth.value = windowWidth > minWidth.value ? (minWidth.value - props.width) : (windowWidth - props.width)
+  minWidth.value = windowWidth > minWidth.value ? (minWidth.value - props.asideWidth) : (windowWidth - props.asideWidth)
   
   browser()
   
@@ -306,7 +311,7 @@ onMounted(() => {
     setMinWidth(mainDefalutWidth)
     // 监听窗口大小变化
     window.addEventListener('resize', debounce(() => {
-      mainDefalutWidth = document.body.clientWidth - props.width
+      mainDefalutWidth = document.body.clientWidth - props.asideWidth
       setMinWidth(mainDefalutWidth)
     }))
   })
@@ -429,8 +434,12 @@ defineExpose({
       .el-tooltip{
         text-align: center;
       }
-      .el-submenu__title{
-        text-align: center !important;
+      .el-menu-item .el-menu-tooltip__trigger{
+        justify-content: center;
+      }
+      .el-sub-menu__title{
+        // text-align: center !important;
+        justify-content: center;
       }
       i.iconfont{
         margin-right: 0;
@@ -454,10 +463,9 @@ defineExpose({
       overflow-x: scroll;
     }
     .content_mar{
-      padding: 18px 18px 0;
       display: flex;
       flex-direction: column;
-      height: calc(100vh - 18px);
+      height: 100vh;
     }
     .contentTop {
       flex-shrink: 0;

package/src/packages/handSeeImg/handSeeImg.vue

@@ -1,8 +1,10 @@
 <template>
   <!-- 图片预览遮罩层 -->
-  <div class="previewFix" v-if="show" @click="exitPreview($event)">
-    <img :src="src" />
-  </div>
+  <teleport to="body">
+    <div class="previewFix" v-if="show" @click="exitPreview($event)">
+      <img :src="src" />
+    </div>
+  </teleport>
 </template>
 
 <script setup>
@@ -71,10 +73,9 @@ defineExpose({
   display: flex;
   justify-content: center;
   align-items: center;
-  
   img{
-      max-width: 98%;
-      max-height: 98%;
+      max-width: 50%;
+      max-height: 50%;
   }
 }
 </style>