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

liudong

2024-08-05 0c1919a61a5ba447ee5ab45d487decd9355da98a

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

 src/views/dmx/IntelligentAgent/components/editAgent.vue

@@ -21,16 +21,16 @@
  >
  <div class="main-container">
    <div class="main-container-lf">
      <div style="padding: 10px;font-size: 16px;">智能体配置</div>
      <div style="padding: 10px;font-size: 16px;background: var(--color-neutral-3);">智能体配置</div>
      <div style="display: flex;width: 100%;" :style="{height:height}">
        <div style="width: 50%;height: 100%">
          <div style="padding: 10px;font-size: 12px;color: #2a2a2b;">智能体画像</div>
          <div>
            <a-textarea v-model="system" placeholder="" disabled style="height: 400px;color: #666666"  />
            <a-textarea v-model="system" placeholder="" disabled style="height: 400px;"  />
          </div>

        </div>
        <div style="width: 50%;border: 1px solid var(--color-neutral-3);">
        <div style="width: 50%;border: 1px solid var(--color-neutral-3);background:  var(--color-neutral-3)">
          <a-form ref="formRef" :rules="rules" :model="form" @submit="handleSubmit"  layout="vertical" >
            <a-collapse :default-active-key="['1']">
              <a-collapse-item header="基础信息" key="0" v-if="typeAngint == 'edit'">
@@ -39,20 +39,20 @@
              <a-collapse-item header="AI模型配置" key="1">
                <a-space direction="vertical" size="large">
                  <a-select :size="'large'" v-model="form.llm_id" :style="{width:'25rem'}" placeholder="请选择 ...">
                    <a-optgroup  :label="index" v-for="(item,index) in modelList" :key=index>
                    <a-optgroup
                      :label="index"
                      v-for="(item, index) in modelList"
                      :key="index"
                    >
                      <a-option
                        v-for="(obj) in item"
                        :key='obj.fid'
                        v-for="obj in item"
                        :key="obj.fid"
                        :disabled="!obj.available"
                        :value="obj.llm_id"
                      >
                        <a-option
                          v-for="obj in item"
                          :key="obj.fid"
                          :value="obj.llm_id"
                        >
                          {{ obj.llm_name }}
                        </a-option>
                      </a-optgroup>
                        {{ obj.llm_name }}
                      </a-option>
                    </a-optgroup>
                    </a-select>
                  </a-space>
                </a-collapse-item>

 src/views/dmx/knowledgeLib/index.vue

@@ -377,6 +377,7 @@
      <excel v-if="documenttype == 'excel'" :previewSrc="previewSrc"></excel>
      <txtPdf v-if="documenttype == 'txtPdf'" :previewSrc="previewSrc"></txtPdf>
    </a-modal>
    </div>
  </div>
</template>


 src/views/dmx/knowledgeLib/tool.vue

@@ -509,13 +509,14 @@
      //color: #2a2a2b!important;
    }
  }
  .groupMain{
  .groupMain {
    width: 100%;
    height: 500px;
    overflow: auto;
    display: flex;
    justify-content: center;
    .groupList{

    .groupList {
      display: flex;
      padding: 24px;
      border-radius: 8px;
@@ -523,7 +524,8 @@
      border: 1px solid var(--color-neutral-3);
      margin-bottom: 20px;
      overflow: auto;
      .groupList-content{

      .groupList-content {
        width: 700px;
        //height: 100px;
        overflow: auto;
@@ -538,12 +540,14 @@

      }
    }

    .groupMain {
      width: 100%;
      height: 500px;
      overflow: auto;
      display: flex;
      justify-content: center;

      .groupList {
        display: flex;
        padding: 24px;
@@ -552,6 +556,7 @@
        border: 1px solid #f0f0f0;
        margin-bottom: 20px;
        overflow: auto;

        .groupList-content {
          width: 700px;
          //height: 100px;
@@ -566,4 +571,5 @@
        }
      }
    }
  }
</style>