fix: 修改上传问题

zhangxiao

2024-08-09 00d600d4c8445b6729007f50ed7038deb84a13f6

 src/views/dmx/IntelligentAgent/index.vue

@@ -3,7 +3,7 @@
    <Breadcrumb :items="['大模型', '智能体管理']" />
    <a-row :gutter="20" align="stretch">
      <a-col :span="24">
        <a-card class="general-card" :title="$t('智能体管理')">
        <a-card class="general-card" :title="$t('')" style="padding-top: 50px">
          <div style="display: flex; justify-content: right">
            <a-input-search
              :placeholder="$t('cardList.searchInput.placeholder')"
@@ -15,7 +15,72 @@
          <a-divider style="margin: 10px 0" />
          <a-row justify="space-between">
            <a-col :span="24">
              <div style="display: flex; flex-wrap: wrap">
              <a-spin :loading="loading" style="width: 100%">
                <a-scrollbar style="display: flex; flex-wrap: wrap;align-content: flex-start;overflow: auto;" :style="{height: documentHeight + 'px'}">
                  <div
                    class="card-wrap"
                    v-for="(item, index) of agentList"
                    :key="item.id"
                  >
                    <a-card :bordered="false" hoverable>
                      <a-avatar :style="{ backgroundColor: '#5b99da' }">
                        <img
                          :style="{ width: '100%' }"
                          alt="dessert"
                          :src="item.icon || 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.name }}
                        </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-user />
                        <span style="font-size: 12px">
                        <!--                      {{ item.name }}-->
                      </span>
                      </div>
                      <div style="position: absolute; bottom: 1rem; right: 1rem">
                        <a-space>
                        <span v-show="!item.off">
                          <agent-config
                            ref="editAgentKuai"
                            typeAngint="edit"
                            :formData="item"
                            @queryList="queryList"
                          ></agent-config>
                        </span>
                          <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"-->
<!--                  style="cursor: pointer"-->
@@ -50,70 +115,7 @@
<!--                    &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' }">
                      <img
                        :style="{ width: '100%' }"
                        alt="dessert"
                        src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp"
                      />
                    </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.name }}
                        </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-user />
                      <span style="font-size: 12px">
                        <!--                      {{ item.name }}-->
                      </span>
                    </div>
                    <div style="position: absolute; bottom: 1rem; right: 1rem">
                      <a-space>
                        <span v-show="!item.off">
                          <agent-config
                            ref="editAgentKuai"
                            typeAngint="edit"
                            :formData="item"
                            @queryList="queryList"
                          ></agent-config>
                        </span>
                        <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>
              </div>
              </a-spin>
            </a-col>
          </a-row>
        </a-card>
@@ -130,11 +132,14 @@
  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";
// 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,