component_ryl_v3 1.1.70 → 1.1.90

package/README.md

@@ -88,6 +88,11 @@ Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://
     {string} cancelTextStyle - 取消按钮样式
     {string} confirmTextClass - 确定按钮类名
     {string} confirmTextStyle - 确定按钮样式
+    {boolean} switchPercentage - 是否开启转化百分比，默认开启
+    {number} percentage - 弹窗宽度需要增加的百分比值，默认0.2
+    {number} setMinScreenWidth - 设置最小屏幕宽度（像素）-- 默认1920，超过1920px时，弹窗宽度为width + (width * percentage)  和弹窗有关的宽度，一般不需要修改
+
+
 
 # 分页组件
     # 使用方法
@@ -166,3 +171,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 组件在点击图片时，图片预览组件位置问题
+    # 1.1.90 修复了 handDialog 组件在弹窗宽度添加百分比的问题

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__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-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{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-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}.jddsDialog .el-dialog__body .el-form-item:last-child{margin-bottom:0}.jddsDialog .el-dialog__headerbtn{top:-2px}.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}.defaultMsg_in .el-message-box__status{top:0;transform:none;font-size:24px!important}.defaultMsg_in .el-message-box__message p{line-height:1.5}.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-7e2271b2]{width:100%;align-items:center;justify-content:center;line-height:normal}.initNoData .inner[data-v-7e2271b2]{text-align:center}.initNoData .inner p[data-v-7e2271b2]{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" };
@@ -40,6 +40,14 @@ const _sfc_main$6 = {
       type: Number,
       default: 400
     },
+    percentage: {
+      type: Number,
+      default: 0.2
+    },
+    setMinScreenWidth: {
+      type: Number,
+      default: 1920
+    },
     center: {
       type: Boolean,
       default: true
@@ -71,6 +79,10 @@ const _sfc_main$6 = {
     confirmTextStyle: {
       type: String,
       default: ""
+    },
+    switchPercentage: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["cancel", "confirm", "update:modelValue"],
@@ -94,17 +106,30 @@ const _sfc_main$6 = {
     const save = () => {
       emit("confirm");
     };
+    const setDiaWidth = () => {
+      if (!props.switchPercentage) {
+        return props.width;
+      }
+      const screenWidth = window.innerWidth;
+      const LAPTOP_MAX_WIDTH = props.setMinScreenWidth;
+      if (screenWidth <= LAPTOP_MAX_WIDTH) {
+        return props.width;
+      } else {
+        return props.width + props.width * props.percentage;
+      }
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(unref(ElDialog), {
           "modal-class": "jddsDialog " + __props.customClass,
           modelValue: show.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => show.value = $event),
-          width: __props.width + "px",
+          width: setDiaWidth() + "px",
           "close-on-click-modal": false,
           "append-to-body": true,
           "show-close": __props.showClose,
           center: __props.center,
+          "destroy-on-close": "",
           "align-center": "",
           onClose: handleClose
         }, {
@@ -652,7 +677,7 @@ const _sfc_main$3 = {
     };
   }
 };
-const HandNoData = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0b0e3718"]]);
+const HandNoData = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7e2271b2"]]);
 /*! Element Plus v2.14.2 */
 var zh_cn_default = {
   name: "zh-cn",
@@ -933,17 +958,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.70",
+  "version": "1.1.90",
   "type": "module",
   "description": "Vue3 login form component with Element Plus",
   "main": "./dist/component_ryl_v3.js",
@@ -27,7 +27,7 @@
   "author": "",
   "license": "MIT",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vite build",
     "preview": "vite preview"
   },

package/src/App.vue

@@ -2,6 +2,8 @@
   <hand-header
     :userInfo="userInfo"
     collapse
+    :asideWidth="200"
+  :asideCollapseWidth="96"
      :defaultActive="menuActive"
     :menuList="menuList"
     ref="menuRef"
@@ -60,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>
@@ -82,9 +85,10 @@
           @cancel="exitDialog"
           @confirm="saveAccess"
           customClass="sldkslfd"
+          confirmText="保存水电费第三方"
           >
           <template #content>
-            111
+            <div style="font-size:14px;">sldldfkjsldfj lk双联单控封建势力大富科技是老大开发机</div>
           </template>
       </hand-dialog>
       <h6>询问窗口</h6>

package/src/assets/styles/common.scss

@@ -162,11 +162,11 @@
   .el-message-box__title{
     span{
       font-size: 14px;
-      font-weight: bold;
+      // font-weight: bold;
     }
   }
   .el-message-box__headerbtn{
-    top:7px;
+    // top:7px;
   }
   .el-message-box__status{
     top:0;
@@ -174,7 +174,7 @@
     font-size: 24px !important;
   }
   .el-message-box__message p{
-    line-height: normal;
+    line-height: 1.5;
   }
   .el-message-box__btns {
     button {

package/src/assets/styles/dialog.scss

@@ -3,7 +3,7 @@
     border-radius: 4px;
   }
   .el-dialog__title,.zbt {
-    font-size: 16px;
+    font-size: 14px;
     color: #272727;
     line-height: normal;
   }
@@ -13,15 +13,15 @@
     }
   }
   .el-dialog__headerbtn{
-    top:5px;
-    right: 0;
+    top:-2px;
+    // right: 0;
   }
   .btn {
     min-width: 68px;
     height: 32px;
     line-height: 32px;
     border-radius: 4px;
-    padding: 0;
+    padding: 0 12px;
   }
   .exit {
     font-size: 14px;

package/src/packages/handDialog/handDialog.vue

@@ -4,11 +4,12 @@
     <ElDialog
       :modal-class="'jddsDialog '+customClass"
       v-model="show"
-      :width="width + 'px'"
+      :width="setDiaWidth() + 'px'"
       :close-on-click-modal="false"
       :append-to-body="true"
       :show-close="showClose"
       :center="center"
+      destroy-on-close
       align-center
       @close="handleClose"
     >
@@ -79,6 +80,9 @@ import { ElDialog, ElButton } from 'element-plus'
  * @property {string} cancelTextStyle - 取消按钮样式
  * @property {string} confirmTextClass - 确定按钮类名
  * @property {string} confirmTextStyle - 确定按钮样式
+ * @property {boolean} switchPercentage - 是否开启转化百分比，默认开启
+ * @property {number} percentage - 弹窗宽度需要增加的百分比值，默认0.2
+ * @property {number} setMinScreenWidth - 设置最小屏幕宽度（像素）-- 默认1920，超过1920px时，弹窗宽度为width + (width * percentage)
  */
 const props = defineProps({
   customClass: {
@@ -113,6 +117,14 @@ const props = defineProps({
     type: Number,
     default: 400,
   },
+  percentage: {
+    type: Number,
+    default: 0.2,
+  },
+  setMinScreenWidth: {
+    type: Number,
+    default: 1920,
+  },
   center: {
     type: Boolean,
     default: true,
@@ -144,6 +156,10 @@ const props = defineProps({
   confirmTextStyle: {
     type: String,
     default: ''
+  },
+  switchPercentage: {
+    type: Boolean,
+    default: true,
   }
 })
 
@@ -201,4 +217,18 @@ const exit = () => {
 const save = () => {
   emit('confirm')
 }
+
+// 动态设置弹窗宽度,width是最小宽度，Percentage是百分比
+const setDiaWidth = () => {
+  if (!props.switchPercentage) {
+    return props.width;
+  }
+  const screenWidth = window.innerWidth;
+  const LAPTOP_MAX_WIDTH = props.setMinScreenWidth;
+  if (screenWidth <= LAPTOP_MAX_WIDTH) {
+    return props.width;
+  } else {
+    return props.width + (props.width * props.percentage);
+  }
+}
 </script>

package/src/packages/handHeader/handHeader.vue

@@ -434,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;

package/src/packages/handNoData/handNoData.vue

@@ -33,6 +33,7 @@ defineProps({
   width: 100%;
   align-items: center;
   justify-content: center;
+  line-height: normal;
   .inner{
     text-align: center;
     p{

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>