feat(m2): add SKU mapping between contract lines and license features

web/delivery-platform-ui/src/api/platform.js

@@ -438,6 +438,12 @@ export function deleteJsonTemplate(id) {
   return axios.delete(`/api/v1/integration/json-templates/${id}`);
 }
 
+// —— I15-T2 M2-F08 SKU 映射 ——————————————————————————
+export function listSkuMappings(params) { return axios.get('/api/v1/integration/sku-mappings', { params }); }
+export function createSkuMapping(contractLineId, body) { return axios.post(`/api/v1/integration/sku-mappings?contractLineId=${contractLineId}`, body); }
+export function updateSkuMapping(id, body) { return axios.put(`/api/v1/integration/sku-mappings/${id}`, body); }
+export function deleteSkuMapping(id) { return axios.delete(`/api/v1/integration/sku-mappings/${id}`); }
+
 export function listStakeholders(projectId) {
   return axios.get(`/api/v1/projects/${projectId}/stakeholders`);
 }

web/delivery-platform-ui/src/router/index.js

@@ -86,6 +86,12 @@ const routes = [
         component: () => import("../views/IntegrationIdMappingView.vue"),
         meta: { roles: ["SYS_ADMIN", "SALES"], title: "ID 映射" },
       },
+      {
+        path: "integration/sku-mappings",
+        name: "integration-sku-mappings",
+        component: () => import("../views/IntegrationSkuMappingView.vue"),
+        meta: { roles: ["SYS_ADMIN"], title: "SKU 映射" },
+      },
       {
         path: "integration/json-templates",
         name: "integration-json-templates",

web/delivery-platform-ui/src/views/IntegrationSkuMappingView.vue

@@ -0,0 +1,228 @@
+<template>
+  <el-card shadow="never">
+    <template #header>
+      <div class="toolbar">
+        <span class="title">SKU 映射</span>
+        <div class="actions">
+          <el-select v-model="filterContractLineId" placeholder="合同行" clearable filterable style="width:240px" @change="load">
+            <el-option v-for="cl in contractLines" :key="cl.id" :label="cl.name || `ID:${cl.id}`" :value="cl.id" />
+          </el-select>
+          <el-button type="primary" :loading="loading" @click="load">查询</el-button>
+          <el-button type="success" :disabled="!filterContractLineId" @click="openCreate">新建</el-button>
+        </div>
+      </div>
+    </template>
+
+    <el-table v-loading="loading" :data="rows" stripe style="width: 100%">
+      <el-table-column prop="contractLineId" label="合同行 ID" width="120" />
+      <el-table-column prop="skuCode" label="SKU 编码" min-width="120" show-overflow-tooltip />
+      <el-table-column prop="skuName" label="SKU 名称" min-width="160" show-overflow-tooltip />
+      <el-table-column prop="bitanswerProductId" label="比特产品 ID" min-width="140" show-overflow-tooltip />
+      <el-table-column prop="bitanswerTemplateId" label="比特模板 ID" min-width="140" show-overflow-tooltip />
+      <el-table-column prop="bitanswerFeatureId" label="比特特性 ID" min-width="140" show-overflow-tooltip />
+      <el-table-column prop="quantity" label="数量" width="80" />
+      <el-table-column prop="createdAt" label="创建时间" width="180" />
+      <el-table-column label="操作" width="160" fixed="right">
+        <template #default="{ row }">
+          <el-button type="primary" link @click="openEdit(row)">编辑</el-button>
+          <el-button type="danger" link @click="onDelete(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog v-model="dialogVisible" :title="dialogTitle" width="560px" destroy-on-close @closed="resetForm">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="150px">
+        <el-form-item label="合同行 ID">
+          <el-input :model-value="filterContractLineId || form.contractLineId" disabled />
+        </el-form-item>
+        <el-form-item label="SKU 编码" prop="skuCode">
+          <el-input v-model="form.skuCode" maxlength="64" placeholder="请输入 SKU 编码" />
+        </el-form-item>
+        <el-form-item label="SKU 名称" prop="skuName">
+          <el-input v-model="form.skuName" maxlength="256" placeholder="选填" />
+        </el-form-item>
+        <el-form-item label="比特产品 ID" prop="bitanswerProductId">
+          <el-input v-model="form.bitanswerProductId" maxlength="128" placeholder="选填" />
+        </el-form-item>
+        <el-form-item label="比特模板 ID" prop="bitanswerTemplateId">
+          <el-input v-model="form.bitanswerTemplateId" maxlength="128" placeholder="选填" />
+        </el-form-item>
+        <el-form-item label="比特特性 ID" prop="bitanswerFeatureId">
+          <el-input v-model="form.bitanswerFeatureId" maxlength="128" placeholder="选填" />
+        </el-form-item>
+        <el-form-item label="数量" prop="quantity">
+          <el-input-number v-model="form.quantity" :min="1" style="width:100%" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="saving" @click="submit">保存</el-button>
+      </template>
+    </el-dialog>
+  </el-card>
+</template>
+
+<script setup>
+import { ref, reactive, computed, onMounted } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { useAuthStore } from "../stores/auth";
+import { listSkuMappings, createSkuMapping, updateSkuMapping, deleteSkuMapping, listContracts } from "../api/platform";
+import { apiErrorMessage } from "../utils/apiErrorMessage";
+
+const auth = useAuthStore();
+
+const loading = ref(false);
+const saving = ref(false);
+const rows = ref([]);
+const contractLines = ref([]);
+const filterContractLineId = ref(null);
+
+const dialogVisible = ref(false);
+const editingId = ref(null);
+const formRef = ref(null);
+const form = reactive({
+  contractLineId: null,
+  skuCode: "",
+  skuName: "",
+  bitanswerProductId: "",
+  bitanswerTemplateId: "",
+  bitanswerFeatureId: "",
+  quantity: 1,
+});
+
+const rules = {
+  skuCode: [{ required: true, message: "请输入 SKU 编码", trigger: "blur" }],
+};
+
+const dialogTitle = computed(() => (editingId.value ? "编辑 SKU 映射" : "新建 SKU 映射"));
+
+onMounted(async () => {
+  auth.restoreAxiosAuth();
+  await Promise.all([loadContractLines(), load()]);
+});
+
+async function loadContractLines() {
+  try {
+    const { data } = await listContracts({ size: 200 });
+    const body = data && typeof data === "object" ? data : {};
+    contractLines.value = Array.isArray(body.content) ? body.content : [];
+  } catch { contractLines.value = []; }
+}
+
+async function load() {
+  loading.value = true;
+  try {
+    const { data } = await listSkuMappings({
+      contractLineId: filterContractLineId.value || undefined,
+    });
+    rows.value = Array.isArray(data) ? data : [];
+  } catch (e) {
+    ElMessage.error(apiErrorMessage(e, "加载 SKU 映射失败"));
+    rows.value = [];
+  } finally {
+    loading.value = false;
+  }
+}
+
+function openCreate() {
+  editingId.value = null;
+  resetForm();
+  form.contractLineId = filterContractLineId.value;
+  dialogVisible.value = true;
+}
+
+function openEdit(row) {
+  editingId.value = row.id;
+  form.contractLineId = row.contractLineId;
+  form.skuCode = row.skuCode ?? "";
+  form.skuName = row.skuName ?? "";
+  form.bitanswerProductId = row.bitanswerProductId ?? "";
+  form.bitanswerTemplateId = row.bitanswerTemplateId ?? "";
+  form.bitanswerFeatureId = row.bitanswerFeatureId ?? "";
+  form.quantity = row.quantity ?? 1;
+  dialogVisible.value = true;
+}
+
+function resetForm() {
+  form.contractLineId = null;
+  form.skuCode = "";
+  form.skuName = "";
+  form.bitanswerProductId = "";
+  form.bitanswerTemplateId = "";
+  form.bitanswerFeatureId = "";
+  form.quantity = 1;
+  formRef.value?.resetFields?.();
+}
+
+async function submit() {
+  const f = formRef.value;
+  if (!f) return;
+  try {
+    await f.validate();
+  } catch {
+    return;
+  }
+  saving.value = true;
+  const payload = {
+    skuCode: form.skuCode?.trim(),
+    skuName: form.skuName?.trim() || undefined,
+    bitanswerProductId: form.bitanswerProductId?.trim() || undefined,
+    bitanswerTemplateId: form.bitanswerTemplateId?.trim() || undefined,
+    bitanswerFeatureId: form.bitanswerFeatureId?.trim() || undefined,
+    quantity: form.quantity || 1,
+  };
+  try {
+    if (editingId.value != null) {
+      await updateSkuMapping(editingId.value, payload);
+      ElMessage.success("已保存");
+    } else {
+      await createSkuMapping(form.contractLineId, payload);
+      ElMessage.success("已创建");
+    }
+    dialogVisible.value = false;
+    await load();
+  } catch (e) {
+    ElMessage.error(apiErrorMessage(e, "保存失败"));
+  } finally {
+    saving.value = false;
+  }
+}
+
+function onDelete(row) {
+  ElMessageBox.confirm(`确定删除 SKU 映射（ID: ${row.id}）吗？`, "提示", {
+    type: "warning",
+    confirmButtonText: "删除",
+    cancelButtonText: "取消",
+  })
+    .then(async () => {
+      try {
+        await deleteSkuMapping(row.id);
+        ElMessage.success("已删除");
+        await load();
+      } catch (e) {
+        ElMessage.error(apiErrorMessage(e, "删除失败"));
+      }
+    })
+    .catch(() => {});
+}
+</script>
+
+<style scoped>
+.toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.title {
+  font-weight: 600;
+  font-size: 16px;
+}
+.actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+</style>