diff --git a/src/assets/css/components/views/setting/knowledgeBase.scss b/src/assets/css/components/views/setting/knowledgeBase.scss index 06078660..073e53f5 100644 --- a/src/assets/css/components/views/setting/knowledgeBase.scss +++ b/src/assets/css/components/views/setting/knowledgeBase.scss @@ -2,13 +2,12 @@ &.list-page { height: calc(100% - 52px); } - .type-tag { display: inline-block; padding: 0 10px; background-color: #EBF7FA; color: #046ECA; - box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.02); + box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02); border-radius: 12px; } @@ -21,10 +20,457 @@ align-items: center; padding-bottom: 8px; padding-top: 20px; - margin-left: 20px; + margin-left:20px; + } + .knowledge-base__content { + display:flex; + flex-direction:row; + padding:12px 20px 20px 20px; + height:calc(100% - 52px); + .left-filter { + margin-right:20px; + width:320px; + min-width:320px; + height:100%; + display:flex; + flex-direction:column; + background: #FFFFFF; + border: 1px solid rgba(226,229,236,1); + border-radius: 4px; + overflow: auto; + .filter-title { + height:32px; + padding-left:20px; + align-items: center; + display: flex; + background: #F7F7F7; + box-shadow: 0px 1px 0px 0px rgba(226,229,236,1); + border-radius: 4px 4px 0px 0px; + font-size: 14px; + color: #353636; + font-weight: 500; + //font-family: $fontFamily !important; + } + .knowledge-filter { + display: flex; + flex-direction: column; + margin-bottom: 0px; + .filter__header { + display: flex; + flex: 0 0 32px; + align-items: center; + padding-left: 20px; + color: #666; + cursor: pointer; + margin-top:15px; + span { + font-size: 14px; + padding-left: 0px; + } + i { + font-size: 12px; + transition: all linear .1s; + transform: rotate(0) translate(0, 2px); + } + i.arrow-rotate { + transform: rotate(90deg) translate(2px, 3px); + } + .new-knowledge-filter-header-title { + //font-family: $fontFamily !important; + font-size: 14px; + color: #353636; + font-weight: 500; + } + .new-knowledge-filter-icon { + margin-left: 8px; + margin-bottom: 2px; + font-weight: bold !important; + color: #575757; + } + } + .filter__body { + padding: 0px 0 0 20px; + + .el-checkbox-group { + display: flex; + flex-direction: column; + } + .el-checkbox { + display: flex; + align-items: center; + padding: 5px 0; + margin-right: 5px; + .el-checkbox__input { + .el-checkbox__inner { + background: #F2F7F9; + border: 1px solid rgba(0,0,0,0.15); + border-radius: 2px; + } + } + .el-checkbox__input.is-checked { + .el-checkbox__inner { + border-color: #38ACD2; + background: #38ACD2; + border-radius: 2px; + } + } + .el-checkbox__input.is-focus { + .el-checkbox__inner { + border-color: #38ACD2; + } + } + + .el-checkbox__label { + width: 100%; + padding-right:15px; + padding-left:7px; + } + .filter__checkbox-label { + display: flex; + justify-content: space-between; + align-items: center; + font-weight: 400; + //font-family: NotoSansSChineseRegular !important; + color: #353636; + font-size: 14px; + .filter-label { + display: flex; + //color: #353636; + } + .filter-count { + color: #717171 !important; + } + .severity-color-block { + width: 4px; + height: 15px; + border-radius: 2px; + } + } + &:last-of-type { + padding-bottom: 0; + } + } + } + } + + .knowledge-filter:last-child { + .filter__header { + margin-top:10px !important; + } + } + } + .right-list-card { + display:flex; + flex-direction:column; + justify-content: space-between; + width: calc(100% - 50px); + max-width: calc(100% - 50px); + height:100%; + .top-tools { + display: flex; + align-items : center; + flex-direction:row; + height:28px; + //border:solid 1px red; + width:100%; + .top-tool-btn { + cursor: pointer; + height: 28px; + width: 28px; + border: 1px solid $--border-color-primary; + outline: none; + border-radius: $--button-border-radius; + background-color: $--button-gray-background-color; + transition: background-color linear .1s; + font-size:12px; + font-weight: 500; + //font-family: $fontFamily !important; + i { + font-size: 14px; + color: #575757; + margin-right:4px; + } + } + .top-tool-btn:disabled { + cursor: not-allowed; + opacity: 0.66; + i { + + } + } + .top-tool-btn:hover:not(.cn-btn-disabled) { + border: 1px solid $--border-color-primary; + background-color: $--button-gray-hover-background-color; + } + .top-tool-btn:focus:not(.cn-btn-disabled), .top-tool-btn.is-focus { + background-color: $--button-gray-active-background-color; + border: 1px solid $--border-color-primary; + i { + color: #575757; + } + } + .top-tool-btn--delete.top-tool-btn:focus:not(.cn-btn-disabled) { + background-color: $--button-gray-hover-background-color; + border-color: #FFC4B9; + i { + color: #F0745A; + } + } + .top-tool-btn--create { + background-color: #38ACD2 !important; + border-color: #2E88A6 !important; + color:#FFFFFF; + i { + color: #FFFFFF; + } + } + .top-tool-btn--create:hover { + background-color: #57B8D9 !important; + border-color: #2E88A6 !important; + color:#FFFFFF; + i { + color: #FFFFFF; + } + } + .top-tool-btn--create:focus { + background-color: #31A5CD !important; + border-color: #2E88A6 !important; + color:#FFFFFF !important; + i { + color: #FFFFFF !important; + } + } + .top-tool-btn--create:disabled { + opacity: 0.66; + background-color: #38ACD2 !important; + border-color: #2E88A6 !important; + color:#FFFFFF; + i { + color: #FFFFFF; + } + } + .top-tool-search { + display:flex; + width:242px;//calc(100% - 256px); + .el-input--small{ + line-height: 27px; + .el-input__inner { + height: 28px; + border-radius: 2px 0 0 2px; + } + } + .top-tool-btn { + border-left: none; + border-radius: 0px 2px 2px 0px !important; + } + .top-tool-btn--search:hover { + border-left: none !important; + border-radius: 0px 2px 2px 0px !important; + } + .top-tool-btn--search:focus { + border-left: none !important; + border-radius: 0px 2px 2px 0px !important; + } + } + } + .cards { + display: flex; + flex-flow:row wrap; + margin-bottom:38px; + margin-top: 30px; + width:100%; + height:calc(100% - 152px); + overflow-y:auto; + .card-item { + background: #FFFFFF; + border: 1px solid rgba(226,229,236,1); + border-radius: 4px; + width:282px; + height:218px; + margin-bottom:30px; + margin-right:30px; + display:flex; + flex-direction:column; + + .card-content { + height:calc(100% - 32px); + padding:16px; + display:flex; + flex-direction: column; + .card-title { + //font-family: NotoSansSC-Bold; + font-size: 16px; + color: #353636; + font-weight: 700; + margin-bottom:6px; + display: flex; + flex-direction: row; + justify-content: space-between; + .card-title-name { + + } + .card-title-more { + position: relative; + .el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #38ACD2; + border-color: #38ACD2; + } + .el-checkbox__input.is-checked .el-checkbox__inner::after { + left: 5px; + top: 2px; + } + .el-checkbox__inner { + border-radius: 50%; + width:16px; + height:16px; + background-color: #DEDEDE; + border-color: #DEDEDE; + z-index:1; + } + .el-checkbox__inner::after { + left: 5px; + top: 2px; + transform: rotate(45deg) scaleY(1); + + /* + + box-sizing: content-box; + content: ""; + border: 10px solid red; + border-left: 0; + border-top: 0; + height: 0.5rem; + + + width: 0.21429rem; + transform: rotate( + 45deg + ) scaleY(0); + transition: transform .15s ease-in .05s; + transform-origin: center;*/ + } + .card-operate { + background: #FFFFFF; + border: 1px solid rgba(197,197,197,1); + box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85); + border-radius: 2px; + position: absolute; + top: 20px; + right: -10px; + height: 56px; + width: 80px; + display:flex; + flex-direction: column; + padding-top:4px; + padding-bottom:4px; + font-family: Helvetica; + font-size: 12px; + font-weight: 400; + .card-title-more-delete { + z-index: 1; + line-height: 24px; + height: 24px; + background: #FFFFFF; + //box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85); + //border-radius: 2px; + padding-left: 9px; + color: #666666; + } + .card-title-more-delete:hover { + //background: #EBF1F4; + background: #F7F7F7; + color: #046ECA; + //border: 1px solid rgba(0,0,0,0.15); + } + .card-title-more-delete:active { + background: #F7F7F7; + color: #046ECA; + //border: 1px solid rgba(0,0,0,0.15); + } + .card-title-more-edit { + z-index: 1; + line-height: 24px; + height: 24px; + background: #FFFFFF; + //box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85); + //border-radius: 2px; + padding-left: 9px; + color: #666666; + } + .card-title-more-edit:hover { + background: #F7F7F7; + color: #046ECA; + //border: 1px solid rgba(0,0,0,0.15); + } + .card-title-more-edit:active { + background: #F7F7F7; + color: #046ECA; + //border: 1px solid rgba(0,0,0,0.15); + } + } + } + + } + .card-id { + //font-family: NotoSansSChineseRegular; + font-size: 12px; + color: #999999; + font-weight: 400; + margin-bottom:6px; + } + .card-desc { + //font-family: NotoSansSChineseRegular; + font-size: 12px; + color: #717171; + line-height: 18px; + font-weight: 400; + margin-bottom:12px; + } + } + .card-operate__footer { + height:40px; + //border:1px solid #7E9F54; + display:flex; + flex-direction: row; + justify-content:space-between ; + font-size: 14px; + font-weight: 400; + align-items: center; + padding-left:16px; + padding-right:16px; + padding-bottom:20px; + .card-type { + height:20px; + width: fit-content; + padding-left:11px; + padding-right:11px; + background: rgba(56,172,210,0.10); + box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.02); + border-radius: 10px; + font-size: 12px; + color: #046ECA; + font-weight: 400; + } + .card-enable { + } + } + } + .card-item__enable { + background: #FFFFFF; + border: 1px solid rgba(226,229,236,1); + box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.1); + border-radius: 4px; + } + } + .knowledge-pagination { + height:56px; + width:100%; + background: #FFFFFF; + box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.07); + } + } } } - .edit-knowledge-base { height: 100%; @@ -35,7 +481,6 @@ font-weight: 900; color: #353636; } - .edit-knowledge-base__body { display: flex; height: calc(100% - 147px); @@ -48,7 +493,6 @@ .el-step { transition: flex-basis ease-in-out .28s; } - .el-step__head { .el-step__line { top: 26px; @@ -96,7 +540,6 @@ height: 260px; } } - .el-collapse-item { min-height: 58px; position: relative; @@ -111,45 +554,37 @@ &.focusing:focus:not(:hover) { color: unset; } - .form-sub-title { padding-left: 35px; } } - [role|=tab] { display: flex; align-items: flex-start; } - .el-collapse-item__arrow { position: absolute; color: #38ACD2; font-weight: bold; } - .el-collapse-item__wrap { padding-left: 35px; border: none; } - .el-collapse-item__content { position: relative; padding-bottom: 20px; } - - .form-input .el-input__inner { + .form-input .el-input__inner{ padding-right: 50px !important; } .upload-error-tip, .preview-error-tip { color: $--color-danger; } - .upload-error-tip { margin-top: -11px; } - .el-upload { margin-top: 12px; @@ -157,7 +592,6 @@ font-size: 12px; color: #999999; } - .el-upload-dragger { width: 320px; border-radius: 2px; @@ -165,11 +599,9 @@ } } - .el-upload--error .el-upload-dragger { border-color: $--color-danger; } - .el-upload-list { .el-upload-list__item { padding: 0 5px; @@ -183,11 +615,9 @@ .el-icon-close { top: 11px; } - .el-icon-close-tip { top: 11px; } - .el-progress.el-progress--line { top: unset; } @@ -210,7 +640,6 @@ .el-form-item { margin-bottom: 12px; } - .el-form-item__content { line-height: unset; @@ -219,7 +648,6 @@ font-size: 14px; color: #353636; } - .el-textarea__inner { padding-left: 8px; } @@ -233,7 +661,6 @@ } } } - .skeleton-border { position: relative; margin-top: 12px; @@ -244,11 +671,9 @@ .skeleton-item-row:not(:nth-of-type(6)) { margin-bottom: 5px; } - .el-skeleton__item { background: #F5F8FA; } - .skeleton-tip { position: absolute; top: 50%; @@ -258,7 +683,6 @@ color: #353636; } } - .imported-tip { margin-top: 8px; margin-bottom: 4px; @@ -270,7 +694,6 @@ color: #38ACD2; } } - .imported-table-box { position: relative; height: 394px !important; @@ -281,7 +704,6 @@ &.imported-table-box--error { border-color: $--color-danger; } - .imported-table { padding: 0 12px; width: 100%; @@ -292,12 +714,10 @@ font-size: 14px; color: #353636;; } - td { font-size: 14px; color: #353636; } - .imported-data-msg, .imported-data-item, .imported-data-value { white-space: nowrap; overflow: hidden; @@ -317,7 +737,6 @@ border-radius: 2px; } } - .imported-data-msg { width: 140px; } @@ -331,11 +750,9 @@ color: #111; } } - .el-icon-success { color: #749F4D; } - .el-icon-error { color: #E26154; } @@ -386,11 +803,9 @@ border: none; font-size: 12px; } - .el-pagination .el-pager li { color: #353636; } - .el-pagination .el-pager li.active { background-color: #38ACD2; color: white; @@ -415,14 +830,13 @@ } } } - .edit-knowledge-base__footer { display: flex; align-items: center; justify-content: center; height: 60px; margin-top: 3px; - box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.10); + box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.10); .footer__btn { margin: 0 10px; @@ -438,30 +852,25 @@ cursor: pointer; transition: background-color linear .2s, color linear .1s; } - .footer__btn:hover:not(.footer__btn--disabled) { background-color: lighten(#699DC9, 10%); } - .footer__btn--light { background-color: #F5F6F7; border: 1px solid $--border-color-primary; color: #333; } - .footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) { background-color: white; border-color: lighten(#38ACD2, 40%); color: #38ACD2; } - .footer__btn--disabled { opacity: .6; cursor: default; } } } - .addTagBtn { position: absolute; bottom: 9px; @@ -492,6 +901,103 @@ } span { - font-family:NotoSansHans-Medium !important; - } + font-family:NotoSansHans-Medium !important; + } } +.del-model-hint { + display:flex; + flex-direction: column; + padding-bottom:0px !important; + width:480px !important; + height:300px !important; + .el-dialog__header{ + display: flex; + flex-direction: row; + border-bottom:1px solid #eee; + height:42px; + min-height:42px; + background: #F7F7F7; + box-shadow: 0 1px 0 0 rgba(53,54,54,0.08); + padding-left:20px; + padding-top:14px; + padding-bottom:14px; + .el-dialog__headerbtn { + display: flex !important; + flex-direction: row-reverse; + justify-content: center; + align-items: center; + font-size: 10px; + line-height: 10px; + padding-right: 5px !important; + i { + width:10px; + height:10px; + } + } + .el-dialog__title { + font-size: 14px !important; + color: #353636; + letter-spacing: 0; + font-weight: 400; + } + } + .el-dialog__body { + height:206px; + min-height:206px; + font-size: 14px; + color: #353636; + letter-spacing: 0; + line-height: 22px; + font-weight: 400; + padding-top:8px; + padding-right:20px; + padding-left:20px; + .dialog-message { + padding-left:0px !important; + padding-right:0px !important; + } + .dialog-table { + margin-top:10px; + } + .el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #38ACD2; + border-color: #38ACD2; + } + .el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #38ACD2; + border-color: #38ACD2; + } + } + .el-dialog__footer { + height:52px; + min-height:52px; + border-top:1px solid #eee; + box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07); + padding:11px 0px 12px!important; + .el-button { + padding:8px 21px !important; + line-height: 12px; + //font-family: NotoSansHans-Medium !important; + font-size: 12px; + font-weight: 500; + min-height: 28px; + } + .el-button:nth-child(1) { + margin-right:20px; + width:80px; + height:28px; + color: #353636; + background: #F5F6F7; + border: 1px solid rgba(215,215,215,1); + border-radius: 2px; + } + .el-button:nth-child(2) { + width:80px; + height:28px; + margin-right:20px; + margin-left:0px !important; + background-color:#2d8cf0; + border-color:#2d8cf0; + } + } +} \ No newline at end of file diff --git a/src/assets/css/font/iconfont.css b/src/assets/css/font/iconfont.css index fb0eca76..14ec1b9a 100644 --- a/src/assets/css/font/iconfont.css +++ b/src/assets/css/font/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "cn-icon"; /* Project id 2614877 */ - src: url('iconfont.woff2?t=1680168392586') format('woff2'), - url('iconfont.woff?t=1680168392586') format('woff'), - url('iconfont.ttf?t=1680168392586') format('truetype'); + src: url('iconfont.woff2?t=1682420421444') format('woff2'), + url('iconfont.woff?t=1682420421444') format('woff'), + url('iconfont.ttf?t=1682420421444') format('truetype'); } .cn-icon { @@ -13,6 +13,102 @@ -moz-osx-font-smoothing: grayscale; } +.cn-icon-xuanzebianji:before { + content: "\e7eb"; +} + +.cn-icon-guoqishijian:before { + content: "\e7d4"; +} + +.cn-icon-zhucejigouyouxiang:before { + content: "\e7d5"; +} + +.cn-icon-diliweizhi:before { + content: "\e7d6"; +} + +.cn-icon-xinyudengji:before { + content: "\e7d7"; +} + +.cn-icon-zhuceshijian:before { + content: "\e7d8"; +} + +.cn-icon-APPquancheng:before { + content: "\e7d9"; +} + +.cn-icon-miaoshu:before { + content: "\e7da"; +} + +.cn-icon-jishu:before { + content: "\e7db"; +} + +.cn-icon-zhuceshang:before { + content: "\e7dc"; +} + +.cn-icon-zhucejigou:before { + content: "\e7dd"; +} + +.cn-icon-yunyingshang:before { + content: "\e7de"; +} + +.cn-icon-zileibie:before { + content: "\e7df"; +} + +.cn-icon-APPmingcheng:before { + content: "\e7e0"; +} + +.cn-icon-zhuceguojia:before { + content: "\e7e1"; +} + +.cn-icon-AShao:before { + content: "\e7e2"; +} + +.cn-icon-ASziwang:before { + content: "\e7e3"; +} + +.cn-icon-leibie:before { + content: "\e7e4"; +} + +.cn-icon-a-Domainnameresolution:before { + content: "\e7e5"; +} + +.cn-icon-a-Openport:before { + content: "\e7e6"; +} + +.cn-icon-a-Securityevent:before { + content: "\e7e7"; +} + +.cn-icon-a-DNSPTR:before { + content: "\e7e8"; +} + +.cn-icon-a-Informationaggregation:before { + content: "\e7e9"; +} + +.cn-icon-a-Digitalcertificate:before { + content: "\e7ea"; +} + .cn-icon-save:before { content: "\e7d1"; } diff --git a/src/assets/css/font/iconfont.js b/src/assets/css/font/iconfont.js index 6e83f038..017baa89 100644 --- a/src/assets/css/font/iconfont.js +++ b/src/assets/css/font/iconfont.js @@ -1 +1 @@ -window._iconfont_svg_string_2614877='',function(l){var a=(a=document.getElementsByTagName("script"))[a.length-1],c=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var h,o,i,m,v,z=function(a,c){c.parentNode.insertBefore(a,c)};if(c&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(a){console&&console.log(a)}}h=function(){var a,c=document.createElement("div");c.innerHTML=l._iconfont_svg_string_2614877,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(a=document.body).firstChild?z(c,a.firstChild):a.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),h()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(i=h,m=l.document,v=!1,s(),m.onreadystatechange=function(){"complete"==m.readyState&&(m.onreadystatechange=null,t())})}function t(){v||(v=!0,i())}function s(){try{m.documentElement.doScroll("left")}catch(a){return void setTimeout(s,50)}t()}}(window); \ No newline at end of file +window._iconfont_svg_string_2614877 = '', (function (l) { var a = (a = document.getElementsByTagName('script'))[a.length - 1]; const c = a.getAttribute('data-injectcss'); var a = a.getAttribute('data-disable-injectsvg'); if (!a) { let h; let o; var i; var m; var z; const v = function (a, c) { c.parentNode.insertBefore(a, c) }; if (c && !l.__iconfont__svg__cssinject__) { l.__iconfont__svg__cssinject__ = !0; try { document.write('') } catch (a) { console && console.log(a) } }h = function () { let a; let c = document.createElement('div'); c.innerHTML = l._iconfont_svg_string_2614877, (c = c.getElementsByTagName('svg')[0]) && (c.setAttribute('aria-hidden', 'true'), c.style.position = 'absolute', c.style.width = 0, c.style.height = 0, c.style.overflow = 'hidden', c = c, (a = document.body).firstChild ? v(c, a.firstChild) : a.appendChild(c)) }, document.addEventListener ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState) ? setTimeout(h, 0) : (o = function () { document.removeEventListener('DOMContentLoaded', o, !1), h() }, document.addEventListener('DOMContentLoaded', o, !1)) : document.attachEvent && (i = h, m = l.document, z = !1, n(), m.onreadystatechange = function () { m.readyState == 'complete' && (m.onreadystatechange = null, t()) }) } function t () { z || (z = !0, i()) } function n () { try { m.documentElement.doScroll('left') } catch (a) { return void setTimeout(n, 50) }t() } }(window)) diff --git a/src/assets/css/font/iconfont.ttf b/src/assets/css/font/iconfont.ttf index c57a4eb6..eba94a9e 100644 Binary files a/src/assets/css/font/iconfont.ttf and b/src/assets/css/font/iconfont.ttf differ diff --git a/src/assets/css/font/iconfont.woff b/src/assets/css/font/iconfont.woff index e0de3ec4..ed0aff38 100644 Binary files a/src/assets/css/font/iconfont.woff and b/src/assets/css/font/iconfont.woff differ diff --git a/src/assets/css/font/iconfont.woff2 b/src/assets/css/font/iconfont.woff2 index 426705b7..2270bedc 100644 Binary files a/src/assets/css/font/iconfont.woff2 and b/src/assets/css/font/iconfont.woff2 differ diff --git a/src/components/table/setting/KnowledgeBaseTable.vue b/src/components/table/setting/KnowledgeBaseTable.vue index 0b43addf..d1410d5a 100644 --- a/src/components/table/setting/KnowledgeBaseTable.vue +++ b/src/components/table/setting/KnowledgeBaseTable.vue @@ -1,72 +1,36 @@ diff --git a/src/mixins/data-list.js b/src/mixins/data-list.js index 7ff6eced..1c77b9d4 100644 --- a/src/mixins/data-list.js +++ b/src/mixins/data-list.js @@ -38,6 +38,7 @@ export default { scrollbarWrap: null, delFlag: false, disableEdit: false, // 编辑按钮是否不可用,当选择多条记录的时候你,编辑按钮不可用 + disableDelete: true, operationWidth: '165' // 操作列宽 } }, @@ -73,15 +74,54 @@ export default { break } }, - selectionChange (objs) { - this.batchDeleteObjs = objs + checkboxStatusChange (isCheck, data) { + if (isCheck) { + const delObj = this.batchDeleteObjs.find(item => item.id === data.id) + if (delObj === undefined) { + this.batchDeleteObjs.push(data) + } + } else { + const cancleObjIndex = this.batchDeleteObjs.findIndex(item => item.id === data.id) + if (cancleObjIndex > -1) { + this.batchDeleteObjs.splice(cancleObjIndex, 1) + } + } if (this.batchDeleteObjs.length > 1) { this.disableEdit = true } else { this.disableEdit = false } + if (this.batchDeleteObjs.length >= 1) { + this.disableDelete = false + } else { + this.disableDelete = true + } }, - getTableData (params) { + selectionChange (objs) { + this.batchDeleteObjs = [] + objs.forEach(obj => { + const delObj = this.batchDeleteObjs.find(item => item.id === obj.id) + if (delObj === undefined) { + this.batchDeleteObjs.push(obj) + } + }) + if (this.batchDeleteObjs.length > 1) { + this.disableEdit = true + } else { + this.disableEdit = false + } + if (this.batchDeleteObjs.length >= 1) { + this.disableDelete = false + } else { + this.disableDelete = true + } + }, + getTableData (params, isAll, isClearType) { + if (isAll) { + this.searchLabel = null + } else if (isClearType) { + this.searchLabel.tagType = '' + } if (params) { this.searchLabel = { ...this.searchLabel, ...params } } @@ -128,6 +168,8 @@ export default { }) }).catch(e => {}) }, + delSelectionChange () { + }, delBatch () { const ids = [] if (this.batchDeleteObjs && this.batchDeleteObjs.length > 0) { @@ -157,8 +199,21 @@ export default { } }).finally(() => { this.tools.loading = false + /* + if(this.isSelectedStatus != undefined){ + this.isSelectedStatus = false + this.disableDelete = true + this.batchDeleteObjs = [] + } */ }) }).catch(() => {}) + .finally(() => { + if (this.isSelectedStatus != undefined) { + this.isSelectedStatus = false + this.disableDelete = true + this.batchDeleteObjs = [] + } + }) } }, newObject () { @@ -309,7 +364,9 @@ export default { }, dragend () { this.$nextTick(() => { - this.$refs.dataTable.$refs.dataTable.doLayout() + if (this.$refs.dataTable.$refs.dataTable) { + this.$refs.dataTable.$refs.dataTable.doLayout() + } }) }, tableDataSort (orderBy) { diff --git a/src/mixins/table.js b/src/mixins/table.js index 8180a826..34823de0 100644 --- a/src/mixins/table.js +++ b/src/mixins/table.js @@ -33,7 +33,9 @@ export default { customTableTitle (n) { if (n) { setTimeout(() => { - this.$refs.dataTable.doLayout() + if (this.$refs.dataTable) { + this.$refs.dataTable.doLayout() + } }, 200) } } @@ -107,6 +109,9 @@ export default { selectionChange (objs) { this.$emit('selectionChange', objs) }, + checkboxStatusChange (isCheck, data) { + this.$emit('checkboxStatusChange', isCheck, data) + }, dragend () { this.$nextTick(() => { this.$refs.dataTable.doLayout() diff --git a/src/views/setting/KnowledgeBase.vue b/src/views/setting/KnowledgeBase.vue index 1439987d..cb361d0c 100644 --- a/src/views/setting/KnowledgeBase.vue +++ b/src/views/setting/KnowledgeBase.vue @@ -1,55 +1,94 @@ + diff --git a/src/views/setting/KnowledgeFilter.vue b/src/views/setting/KnowledgeFilter.vue new file mode 100644 index 00000000..b7543621 --- /dev/null +++ b/src/views/setting/KnowledgeFilter.vue @@ -0,0 +1,187 @@ + + +