智能体列表查询

liudong

2024-08-13 ffdde4d7d6a1bfc071816e358942370bdfafbb9a

智能体列表查询

 src/api/Agent.ts

@@ -32,3 +32,40 @@
export function deletedialog(params) {
  return axios.post('/api/v1/dialog/rm', params);
}


// agent列表接口
export function queryCanvasList(params) {
  return axios.get('/api/v1/canvas/list', {
    params,
  });
}






























 src/views/dmx/IntelligentAgent/index.vue

@@ -26,6 +26,7 @@
                  "
                  :style="{ height: documentHeight + 'px' }"
                >
<!--                  智能体列表-->
                  <div
                    class="card-wrap"
                    v-for="(item, index) of agentList"
@@ -93,6 +94,66 @@
                      </div>
                    </a-card>
                  </div>
<!--                  agent列表-->
                  <div
                    class="card-wrap"
                    v-for="(item, index) of agentNewList"
                    :key="item.id"
                  >
                    <a-card :bordered="false" hoverable>
                      <a-avatar :style="{ backgroundColor: '#5b99da' }">
                        <img
                          :style="{ width: '100%' }"
                          alt="dessert"
                          :src="item.avatar || imgSrc"
                        />
                      </a-avatar>
<!--                      <a-switch-->
<!--                        v-model="item.off"-->
<!--                        style="position: absolute; top: 10px; right: 10px"-->
<!--                        size="medium"-->
<!--                        @change="handleChange(item)"-->
<!--                      >-->
<!--                        <template #checked> 上线 </template>-->
<!--                        <template #unchecked> 下线 </template>-->
<!--                      </a-switch>-->
                      <div class="arco-card-body-content">
                        <div class="arco-card-body-content-top">
                          <span style="font-size: 18px; font-weight: 900">
                            {{ item.title }}
                          </span>
                        </div>
<!--                        <div class="arco-card-body-content-down">-->
<!--                          {{ item.prompt_config.prologue }}-->
<!--                        </div>-->
                      </div>
                      <div
                        style="position: absolute; bottom: 1.4rem; left: 1rem"
                      >
                        <icon-calendar-clock />
                        <span style="font-size: 12px;margin-left: 10px">
                        {{ parseTime(item.create_date) }}
                        </span>
                      </div>
<!--                      <div-->
<!--                        style="position: absolute; bottom: 1rem; right: 1rem"-->
<!--                      >-->
<!--                        <a-space>-->
<!--                          <a-popconfirm-->
<!--                            :content="'确定删除吗'"-->
<!--                            type="warning"-->
<!--                            @ok="deleteItem(item)"-->
<!--                          >-->
<!--                            <a-button type="text">-->
<!--                              <template #icon>-->
<!--                                <icon-delete />-->
<!--                              </template>-->
<!--                            </a-button>-->
<!--                          </a-popconfirm>-->
<!--                        </a-space>-->
<!--                      </div>-->
                    </a-card>
                  </div>
                </a-scrollbar>
                <!--                <div-->
                <!--                  class="card-wrap"-->
@@ -147,36 +208,21 @@
    onBeforeUnmount,
  } from 'vue';
  import { Message } from '@arco-design/web-vue';
  import { deletedialog, querydialogList } from '@/api/Agent';
  import { deletedialog, queryCanvasList, 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';
  import logo from '../../../assets/images/model.png';
  import { documentHeight } from '@/utils';
  import { documentHeight, parseTime } from "@/utils";
  // console.log(documentHeight,'高度');
  let count = 5;
  const activeKey = ref(1);
  const addAgents = ref();
  const editAgentKuai = ref();
  const imgSrc = ref(logo);
  const agentList = ref([
    // {
    //   key: 2,
    //   title: '内容质检',
    //   content: 'Content of Tab Panel 2',
    // },
    // {
    //   key: 3,
    //   title: '开通服务',
    //   content: 'Content of Tab Panel 3',
    // },
    // {
    //   key: 4,
    //   title: '规则预置',
    //   content: 'Content of Tab Panel 4',
    // },
  ]);
  const agentList = ref([]);
  const agentNewList = ref([]);
  const changeTabs = (val) => {
    activeKey.value = val;
  };
@@ -209,6 +255,25 @@
    }
  };


  const queryCanvas = async (params = {}) => {
    setLoading(true);
    try {
      const { data } = await queryCanvasList(params);
      console.log(data, 'agent');
      agentNewList.value = data.map((item) => {
        return {
          ...item,
          off: true,
        };
      });
    } catch (err) {
      // you can report use errorHandler or other
    } finally {
      setLoading(false);
    }
  };

  const deleteItem = async (row) => {
    console.log(row);
    let data = await deletedialog({ dialog_ids: [row.id] });
@@ -225,14 +290,9 @@
  const handleCancel = () => {
    queryList();
  };
  const handleSubmit = ({ values, errors }) => {
    this.$refs.formRef.validate().then((res, a, b) => {
      debugger;
      console.log('values', values);
    });
  };
  onBeforeMount(() => {
    queryList();
    queryCanvas();
  });
  onMounted(() => {
    EventBus.on('queryList', () => {

 src/views/dmx/knowledgeLib/index.vue

@@ -217,7 +217,7 @@
                  :size="size"
                  @page-change="onPageChange"
                  :max-height='documentHeight'
                  :scroll="{x: 1000, y: documentHeight }"
                  :scroll="{x: 1000}"
                  :row-selection="{
                    type: 'checkbox',
                    showCheckedAll: true,
@@ -247,31 +247,31 @@
                  <template #run="{ record }">
                    <div style="display: flex;align-items: center;">
                      <div style="width: 100px">
                        <a-popover title="Title" v-if="record.run == '4'">
                        <a-popover title="" v-if="record.run == '4'">
                          <a-tag :loading="record.loading" :color="'blue'" border>{{ $t("dmx.list.complete") }}</a-tag>
                          <template #content>
                            <p></p>
                          </template>
                        </a-popover>
                        <a-popover title="Title" v-if="record.run == '3'">
                        <a-popover title="" v-if="record.run == '3'">
                          <a-tag :loading="record.loading" :color="'blue'" border>{{ $t("dmx.list.complete") }}</a-tag>
                          <template #content>
                            <p></p>
                          </template>
                        </a-popover>
                        <a-popover title="Title" v-if="record.run == '1'">
                        <a-popover title="" v-if="record.run == '1'">
                          <a-tag :loading="record.loading" :color="'blue'" border>解析中...</a-tag>
                          <template #content>
                            <p></p>
                          </template>
                        </a-popover>
                        <a-popover title="Title" v-if="record.run == '2'">
                        <a-popover title="" v-if="record.run == '2'">
                          <a-tag :loading="record.loading" :color="'gold'" border>{{ $t("dmx.list.cancel") }}</a-tag>
                          <template #content>
                            <p></p>
                          </template>
                        </a-popover>
                        <a-popover title="Title" v-if="record.run == '0'">
                        <a-popover title="" v-if="record.run == '0'">
                          <a-tag :loading="record.loading" :color="'green'" border>{{ $t("dmx.list.NotStarted") }}
                          </a-tag>
                          <template #content>