智能体管理的页面开发和功能开发

liudong

2024-08-05 ada965001c31dae9abb1a6cbc55becfc9f4b6eaa

 src/views/dmx/knowledgeLib/index.vue

@@ -11,7 +11,7 @@
          <addKnow @knowledgeData="knowledgeData"></addKnow>
        </div>
        <div class="lf-container-down">
          <div class="tabs">
          <a-scrollbar style="height:56rem;overflow: auto;">
            <div
              class="tab"
              v-for="(tab, index) in tabs"
@@ -29,8 +29,8 @@
                </template>
              </a-popover>
            </div>
          </a-scrollbar>
          </div>
        </div>
      </div>
      <div class="rt-container">
        <a-tabs default-active-key="1">
@@ -778,30 +778,39 @@
    padding: 0 20px 20px 20px;
    .main-container{
      display: flex;
      width: 100%;
      height: 100%;
      .lf-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        background: #ffffff;
        background: var(--color-neutral-3);
        width: 200px;
        .lf-container-top{
          display: flex;
          margin: 10px 0;
        }
        .lf-container-down{
          display: flex;
          flex-direction: column;
          box-sizing: border-box;
          width: 90%;
          height: calc(100% - 5rem);
          border: 1px solid #eeeeee;
          overflow: auto;
          padding: 10px;
          .tabs .tab {
          //height: 56rem;
          border: 1px solid var(--color-neutral-3);
          //padding: 10px;
          margin-bottom: 10px;
          //.tabs{
          //  width: 100%;
          //  height: 100%;
          //  overflow: auto;
          //}
          .tab {
            cursor: pointer;
            box-sizing: border-box;
            margin: 10px 0;
            margin: 10px 10px;
            padding:0 10px;
            color: rgba(0, 0, 0, 0.88);
            //color: var(--color-text-1);
            font-size: 14px;
            height: 40px;
            line-height: 40px;
@@ -811,15 +820,18 @@
            border: 1px solid #f0f0f0;
            border-radius: 8px;
          }
          .tabs .tab:hover {
          .tab:hover {
            border: 1px solid #ffffff;
            color: #000000;
            background: #e8e8ea;
            box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          }
          .tabs .tab.active {
          .tab.active {
            border: 1px solid #e8e8ea;
            background: #e8e8ea;
            color: #000000;
            cursor: pointer;
            box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          }
        }
      }
@@ -828,7 +840,7 @@
        //background: #626aea;
        margin-left: 20px;
        width: calc(100% - 200px);
        height: calc(100% - 5rem);
        height: 56rem;
        .rt-container-main{
          height: 76vh;
        }
@@ -838,7 +850,7 @@
          left: 0;
          width: 100%;
          height: 100%;
          background: #ffffff;
          //background: #ffffff;
          .details-header{
            display: flex;
            justify-content: space-between;