添加package删除功能

zhangzengfei

2022-05-19 fec2ece4213cbf9ed43b0f969f9a05441f91aa22

 src/views/project/index.vue

@@ -74,7 +74,6 @@
      stripe
      :data="list"
      :element-loading-text="elementLoadingText"
      :height="height"
      @selection-change="setSelectRows"
      @expand-change="expandChange"
    >
@@ -84,7 +83,10 @@
            :data="props.row.pkgList"
            :show-header="false"
            style="width: 100%"
            row-class-name="expand-row"
            :highlight-current-row="false"
          >
            >
            <el-table-column prop="fileName"></el-table-column>
            <el-table-column prop="version" width="150"></el-table-column>
            <el-table-column prop="commit" width="150"></el-table-column>
@@ -100,7 +102,7 @@
            <el-table-column width="300">
              <template #default="scope">
                <el-button
                  v-show="props.row.type == 'os'"
                  v-show="props.row.type == 'os' || props.row.type == 'algo'"
                  size="small"
                  @click="handlePublish(scope.row)"
                  >发布</el-button
@@ -110,9 +112,22 @@
                >
                <el-button
                  size="small"
                  type="warning"
                  :disabled="scope.row.state === 0"
                  @click="handleRebuild(scope.row)"
                  >重置</el-button
                >

                <!-- 正在打包的任务以及自动打包的任务不允许删除 -->
                <el-button
                  size="small"
                  type="danger"
                  :disabled="
                    scope.row.createType == 0 ||
                    (scope.row.state > 0 && scope.row.state < 3)
                  "
                  @click="handleDeletePkg(scope.row)"
                  >删除</el-button
                >
              </template>
            </el-table-column>
@@ -126,15 +141,22 @@
      <el-table-column
        show-overflow-tooltip
        prop="name"
        label="项目名称"
        label="名称"
        width="150"
      ></el-table-column>
      <el-table-column
        show-overflow-tooltip
        prop="desc"
        label="描述"
      ></el-table-column>
      <el-table-column
        show-overflow-tooltip
        prop="srcUrl"
        label="项目地址"
        label="地址"
        width="500"
      ></el-table-column>
      <el-table-column show-overflow-tooltip prop="branch" label="分支">
      </el-table-column>
      <el-table-column show-overflow-tooltip prop="type" label="类型">
        <template #default="{ row }">
          <el-tag>{{ typeOptions[row.type] }}</el-tag>
@@ -156,7 +178,7 @@
      <el-table-column
        label="创建时间"
        prop="createdAt"
        width="200"
        width="150"
      ></el-table-column>
      <el-table-column label="操作" width="180px">
        <template #default="{ row }">
@@ -191,7 +213,7 @@

<script>
import { getList, deletePrj, getPkgList, buildPkg } from "@/api/project";
import { publish, download, rebuild } from "@/api/package";
import { publish, download, rebuild, deletePkg } from "@/api/package";

import TableEdit from "./components/ProjectEdit.vue";

@@ -210,7 +232,7 @@
        arm64: "arm_64",
      },
      typeOptions: {
        os: "OS基础包",
        os: "AIOS",
        sys: "系统包",
        app: "应用包",
        algo: "算法包",
@@ -360,6 +382,20 @@
        }
      });
    },
    handleDeletePkg(row) {
      if (row.id) {
        this.$baseConfirm("你确定要删除当前项吗", null, async () => {
          const { msg } = await deletePkg(row);
          this.$baseMessage(msg, "success");
          this.fetchData();
        });
      }
    },
  },
};
</script>
<style>
.el-table .expand-row {
  background-color: oldlace;
}
</style>