fix: 只能体修改样式

zhangxiao

2024-08-12 88b1281f51f590f88ae581d2a14b877da9439250

 src/views/dmx/IntelligentAgent/index.vue

@@ -16,7 +16,15 @@
          <a-row justify="space-between">
            <a-col :span="24">
              <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'}">
                <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"
@@ -49,13 +57,17 @@
                          {{ item.prompt_config.prologue }}
                        </div>
                      </div>
                      <div style="position: absolute; bottom: 1.4rem; left: 1rem">
                      <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">
                      <div
                        style="position: absolute; bottom: 1rem; right: 1rem"
                      >
                        <a-space>
                        <span v-show="!item.off">
                          <agent-config
@@ -125,15 +137,22 @@
</template>

<script lang="ts" setup>
import { ref, reactive, nextTick, onBeforeMount, onMounted, onBeforeUnmount } from "vue";
  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";
  import logo from "../../../assets/images/model.png";
  import { documentHeight } from "@/utils";
  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);
@@ -217,11 +236,11 @@
  onMounted(()=>{
    EventBus.on('queryList',()=>{
      queryList();
    })
  })
    });
  });
  onBeforeUnmount(()=>{
    EventBus.off('queryList')
  })
    EventBus.off('queryList');
  });
</script>

<script lang="ts">
@@ -340,7 +359,7 @@
      text-align: center;
    }
    .arco-card-body-content-down {
      text-align: center;
      // text-align: center;
      margin-top: 10px;
      font-size: 12px;
      color: #999999;