blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
liudong
2024-08-08 2f5fbb2144ca03477eb91ab36a990ea013065214 
 src/views/dmx/IntelligentAgent/index.vue


@@ -10,56 +10,57 @@


              style="width: 240px"


              @change="queryList"


            />


            <agent-config typeAngint="add"></agent-config>


          </div>


          <a-divider style="margin: 10px 0" />


          <a-row justify="space-between">


            <a-col :span="24">


              <div style="display: flex; flex-wrap: wrap">


                <div


                  class="card-wrap"


                  style="cursor: pointer"


                  @click="handleAdd"


                >


                  <a-card :bordered="false" hoverable>


                    <div style="margin-top: 30px; text-align: center">


                      <a-avatar style="background: #3370ff">


                        <icon-plus />


                      </a-avatar>


                    </div>


                    <div class="arco-card-body-content">


                      <div style="text-align: center; margin-top: 10px">


                        新建智能体


                      </div>


                      <div


                        style="


                          text-align: center;


                          margin-top: 10px;


                          font-size: 12px;


                          color: #999999;


                        "


                      >


                        通过描述角色和任务来创建你的智能体<br />


                        智能体可以调用多个工作流和工具


                      </div>


                    </div>


                    <add-agent ref="addAgents"></add-agent>


                    <!--                    <div style="position: absolute; bottom: 1rem; right: 1rem;">-->


                    <!--                      <a-space>-->


                    <!--                      </a-space>-->


                    <!--                    </div>-->


                  </a-card>


                </div>


              <a-spin :loading="loading" style="display: flex; flex-wrap: wrap" :style="{height: documentHeight + 'px'}">


<!--                <div-->


<!--                  class="card-wrap"-->


<!--                  style="cursor: pointer"-->


<!--                  @click="handleAdd"-->


<!--                >-->


<!--                  <a-card :bordered="false" hoverable>-->


<!--                    <div style="margin-top: 30px; text-align: center">-->


<!--                      <a-avatar style="background: #3370ff">-->


<!--                        <icon-plus />-->


<!--                      </a-avatar>-->


<!--                    </div>-->


<!--                    <div class="arco-card-body-content">-->


<!--                      <div style="text-align: center; margin-top: 10px">-->


<!--                        新建智能体-->


<!--                      </div>-->


<!--                      <div-->


<!--                        style="-->


<!--                          text-align: center;-->


<!--                          margin-top: 10px;-->


<!--                          font-size: 12px;-->


<!--                          color: #999999;-->


<!--                        "-->


<!--                      >-->


<!--                        通过描述角色和任务来创建你的智能体<br />-->


<!--                        智能体可以调用多个工作流和工具-->


<!--                      </div>-->


<!--                    </div>-->


<!--                    <add-agent ref="addAgents"></add-agent>-->


<!--                    &lt;!&ndash;                    <div style="position: absolute; bottom: 1rem; right: 1rem;">&ndash;&gt;-->


<!--                    &lt;!&ndash;                      <a-space>&ndash;&gt;-->


<!--                    &lt;!&ndash;                      </a-space>&ndash;&gt;-->


<!--                    &lt;!&ndash;                    </div>&ndash;&gt;-->


<!--                  </a-card>-->


<!--                </div>-->


                <div


                  class="card-wrap"


                  v-for="(item, index) of agentList"


                  :key="item.id"


                >


                  <a-card :bordered="false" hoverable>


                    <a-avatar :style="{ backgroundColor: '#3370ff' }">


                    <a-avatar :style="{ backgroundColor: '#5b99da' }">


                      <img


                        :style="{ width: '100%' }"


                        alt="dessert"


                        src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp"


                        :src="item.icon || 'https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp'"


                      />


                    </a-avatar>


                    <a-switch


@@ -90,19 +91,19 @@


                    <div style="position: absolute; bottom: 1rem; right: 1rem">


                      <a-space>


                        <span v-show="!item.off">


                          <editAgent


                          <agent-config


                            ref="editAgentKuai"


                            typeAngint="edit"


                            :formData="form"


                            @cancelModal="handleCancel"


                          ></editAgent>


                            :formData="item"


                            @queryList="queryList"


                          ></agent-config>


                        </span>


                        <a-popconfirm


                          :content="'确定删除吗'"


                          type="warning"


                          @ok="deleteItem(item)"


                        >


                          <a-button type="text" size="small">


                          <a-button type="text" >


                            <template #icon>


                              <icon-delete />


                            </template>


@@ -112,7 +113,7 @@


                    </div>


                  </a-card>


                </div>


              </div>


              </a-spin>


            </a-col>


          </a-row>


        </a-card>


@@ -122,15 +123,14 @@


</template>




<script lang="ts" setup>


  import { ref, reactive, nextTick, onBeforeMount } from 'vue';


  import addAgent from '@/views/dmx/IntelligentAgent/components/addAgent.vue';


  import editAgent from '@/views/dmx/IntelligentAgent/components/editAgent.vue';


  import { kbdocumentrm, queryKbList } from '@/api/kbList';


import { ref, reactive, nextTick, onBeforeMount, onMounted, onBeforeUnmount } from "vue";


  import { Message } from '@arco-design/web-vue';


  import { deletedialog, querydialogList } from '@/api/Agent';


  import useLoading from '@/hooks/loading';


  const { loading, setLoading } = useLoading(true);




  import EventBus from '@/utils/EventBus';


  import AgentConfig from "@/views/dmx/IntelligentAgent/components/agentConfig.vue";


  let documentHeight = window.innerHeight - 360


  let count = 5;


  const activeKey = ref(1);


  const addAgents = ref();


@@ -157,9 +157,6 @@


  };


  const handleAdd = () => {


    addAgents.value.handleClick();


  };


  const handleDelete = (key: any) => {


    data.value = data.value.filter((item) => item.key !== key);


  };




  const visible = ref(false);


@@ -212,6 +209,14 @@


  onBeforeMount(() => {


    queryList();


  });


  onMounted(()=>{


    EventBus.on('queryList',()=>{


      queryList();


    })


  })


  onBeforeUnmount(()=>{


    EventBus.off('queryList')


  })


</script>




<script lang="ts">