fix: 上传组件新增删除功能，模型管理页面修改

zhangxiao

2024-08-14 dc3fb06f6d3253ddebf35fec2d805b1750086b01

 src/views/dmx/model/index.vue

@@ -42,7 +42,7 @@
                                width: '100%',
                              }"
                              alt="暂无图片"
                              :src="httpUrl + item.logo"
                              :src="item.logo ? httpUrl + item.logo : pdfImg"
                            />
                          </div>
                          <a-card :bordered="false" hoverable>
@@ -61,6 +61,9 @@
                          <div class="arco-btn-group">
                            <a-space class="btn-group">
                              <!-- <editModel></editModel> -->
                              <a-button @click="handleDeleteModel(item, 1)">
                                删除
                              </a-button>
                              <a-button
                                type="primary"
                                @click="handleEditModel(item, 1)"
@@ -83,7 +86,7 @@
                                width: '100%',
                              }"
                              alt="暂无图片"
                              :src="httpUrl + list.logo"
                              :src="list.logo ? httpUrl + list.logo : pdfImg"
                            />
                            <!--   src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp" -->
                          </div>
@@ -120,7 +123,7 @@
              </a-tabs>
            </a-col>
            <div> </div>
            <div class="box_right">
            <div class="box_right" v-if="Object.keys(tabData).length > 0">
              <!-- <div class="search_input">
                <a-input-search
                  :placeholder="$t('cardList.searchInput.placeholder')"
@@ -128,7 +131,6 @@
                />
              </div> -->
              <div>
                <!-- <addModel></addModel> -->
                <a-button type="primary" @click="handleAddModel">
                  <template #icon>
                    <icon-plus />
@@ -174,9 +176,11 @@
    deleteLlmFactory,
  } from '@/api/model';
  import { Modal, Message } from '@arco-design/web-vue';
  import { useUserStore } from '@/store';
  import { userModelState } from '@/store';

  const userStore = useUserStore();
  import pdfImg from '@/assets/images/icon-chart.png';

  const modelStore = userModelState();
  let count = 5;
  const activeKey = ref(1);
  const data = ref([
@@ -200,6 +204,7 @@
    key: {
      tags: '添加key',
      id: 1,
      live: 1,
    },
  });

@@ -211,7 +216,7 @@
    tabKey.value = val;
  };

  const httpUrl = localStorage.getItem('httpUrl');
  const httpUrl = modelStore.hrefUrl;
  const show = ref(false);
  const tabShow = ref(false);
  const title = ref('添加模式');
@@ -222,7 +227,7 @@
    title.value = '添加模型';
    editList.value.llm_factory = tabKey.value;
  };
  const editList = ref({ llm_factory: '' });
  const editList = ref<any>({ llm_factory: '' });
  //增加模型子类
  const handleAddModel = () => {
    modelType.value = 2;
@@ -250,27 +255,31 @@
  };

  //删除模型
  const handleDeleteModel = (val) => {
    Modal.confirm({
      title: '警告',
      content: '确认删除吗',
      okText: '确定',
      cancelText: '取消',
      onOk: async () => {
        const factory = tabKey.value;
        const res = await deleteLlm({
          llm_factory: tabKey.value,
          llm_name: val.name,
        });
  const handleDeleteModel = (val, type) => {
    if (type == 1) {
      handleDelete(val);
    } else {
      Modal.confirm({
        title: '警告',
        content: '确认删除吗',
        okText: '确定',
        cancelText: '取消',
        onOk: async () => {
          const factory = tabKey.value;
          const res = await deleteLlm({
            llm_factory: tabKey.value,
            llm_name: val.name,
          });

        if ((res as any).code == 0) {
          queryModel();
          tabKey.value = factory;
        } else {
        }
      },
      onCancel: () => {},
    });
          if ((res as any).code == 0) {
            queryModel();
            tabKey.value = factory;
          } else {
          }
        },
        onCancel: () => {},
      });
    }
  };

  //父级模型
@@ -282,7 +291,7 @@
    }
    if (key !== 'key') {
      const res = await deleteLlmFactory(key);
      if (res.code == 200) {
      if ((res as any).code == 200) {
        Reflect.deleteProperty(tabData.value, key);
        queryModel();
      }
@@ -290,7 +299,7 @@
  };

  const visible = ref(false);
  const formRef = ref(null);
  const formRef = ref();

  const form = reactive({
    size: 'medium',
@@ -325,6 +334,15 @@
    tabData.value = Object.assign({}, tabData.value, res.data);
  };
  queryModel();
  //返回满足条件的对象
  const filterObject = (obj, threshold) => {
    return Object.keys(obj)
      .filter((key) => obj[key] > threshold)
      .reduce((result, key) => {
        result[key] = obj[key];
        return result;
      }, {});
  };

  const refreshParentMethod = () => {
    queryModel();
@@ -413,6 +431,9 @@
      // border-radius: 0;
      // background-color: #eee;
    }
    :deep(.arco-tabs-tab-close-btn) {
      display: none;
    }
    :deep(.arco-tabs-tab-close-btn .arco-icon) {
      color: #666;
    }
@@ -436,10 +457,13 @@
  }
  .card_content {
    .card_wrap_box_img {
      min-height: 200px;
      // min-height: 200px;
      height: 200px;
      width: 100%;
      img {
        max-height: 190px;
        width: 100%; /* 或者其他固定宽度 */
        height: 100%; /* 或者其他固定高度 */
        object-fit: cover; /* 不会变形，但可能裁剪图片 */
      }
    }
    .card_wrap_box {