From 3e002894641480d26de3be82d0d111ecc028cc7f Mon Sep 17 00:00:00 2001
From: cxc <quantulr@outlook.com>
Date: Tue, 19 Jul 2022 17:15:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9B=E6=96=B0=E6=9C=8D=E5=8A=A1=E3=80=81?=
 =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=96=B9=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +
 src/api/subPlatform/tenant.js                 | 100 +++++
 src/api/website/innovate.js                   |  78 ++++
 src/api/website/solution.js                   |  79 ++++
 src/components/SiteOptions/index.vue          |  87 +++++
 src/components/WangEditor/index.vue           | 120 ++++++
 .../website/innovate/navigation/index.vue     | 259 ++++++++++++
 src/views/website/innovate/service/index.vue  | 362 +++++++++++++++++
 src/views/website/solution/service/index.vue  | 367 ++++++++++++++++++
 .../website/solution/serviceCase/index.vue    | 355 +++++++++++++++++
 10 files changed, 1809 insertions(+)
 create mode 100644 src/api/subPlatform/tenant.js
 create mode 100644 src/api/website/innovate.js
 create mode 100644 src/api/website/solution.js
 create mode 100644 src/components/SiteOptions/index.vue
 create mode 100644 src/components/WangEditor/index.vue
 create mode 100644 src/views/website/innovate/navigation/index.vue
 create mode 100644 src/views/website/innovate/service/index.vue
 create mode 100644 src/views/website/solution/service/index.vue
 create mode 100644 src/views/website/solution/serviceCase/index.vue

diff --git a/package.json b/package.json
index 2e1e382..1ccc60a 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,8 @@
   "dependencies": {
     "@element-plus/icons-vue": "1.1.4",
     "@vueuse/core": "8.5.0",
+    "@wangeditor/editor": "^5.1.11",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "0.26.1",
     "echarts": "5.3.2",
     "element-plus": "2.1.8",
diff --git a/src/api/subPlatform/tenant.js b/src/api/subPlatform/tenant.js
new file mode 100644
index 0000000..47bd917
--- /dev/null
+++ b/src/api/subPlatform/tenant.js
@@ -0,0 +1,100 @@
+import request from "@/utils/request";
+
+// 租户列表
+export function tenant(data) {
+  return request({
+    url: "/admin/v1/tenant",
+    method: "post",
+    data,
+  });
+}
+// 租户添加
+export function tenantAdd(data) {
+  return request({
+    url: "/admin/v1/tenant/add",
+    method: "post",
+    data,
+  });
+}
+// 租户修改
+export function tenantEdit(data) {
+  return request({
+    url: "/admin/v1/tenant/edit",
+    method: "post",
+    data,
+  });
+}
+// 租户删除
+export function tenantDelete(data) {
+  return request({
+    url: "/admin/v1/tenant/delete",
+    method: "post",
+    data,
+  });
+}
+// 租户筛选
+export function tenantSelect(params) {
+  return request({
+    url: "/business/sysTenant/list",
+    method: "get",
+    params,
+  });
+}
+// export function tenantSelect() {
+// 	return request({
+// 		url: '/admin/v1/tenant/select',
+// 	})
+// }
+// 租户人员
+export function tenantMember(data) {
+  return request({
+    url: "/admin/v1/tenant/member",
+    method: "post",
+    data,
+  });
+}
+// 租户人员绑定 - 账号绑定
+export function tenantMemberBind(data) {
+  return request({
+    url: "/admin/v1/tenant/member/bind",
+    method: "post",
+    data,
+  });
+}
+
+export function tenantMenuList(data) {
+  return request({
+    url: "/admin/v1/tenant/menu",
+    method: "post",
+    data,
+  });
+}
+export function tenantMenuBind(data) {
+  return request({
+    url: "/admin/v1/tenant/menu/bind",
+    method: "post",
+    data,
+  });
+}
+export function tenantAuthList(data) {
+  return request({
+    url: "/admin/v1/tenant/auth",
+    method: "post",
+    data,
+  });
+}
+export function tenantAuthBind(data) {
+  return request({
+    url: "/admin/v1/tenant/auth/bind",
+    method: "post",
+    data,
+  });
+}
+
+export function userBasic(data) {
+  return request({
+    url: "/admin/v1/user/basic",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/api/website/innovate.js b/src/api/website/innovate.js
new file mode 100644
index 0000000..ec1eaae
--- /dev/null
+++ b/src/api/website/innovate.js
@@ -0,0 +1,78 @@
+import request from "@/utils/request";
+
+// 导航列表
+export function navigationList(params) {
+  return request({
+    url: "/business/innovateCategory/list",
+    method: "get",
+    params,
+  });
+}
+// 导航列表-添加
+export function navigationAdd(data) {
+  return request({
+    url: "/business/innovateCategory",
+    method: "post",
+    data,
+  });
+}
+// 导航列表-修改
+export function navigationEdit(data) {
+  return request({
+    url: "/business/innovateCategory",
+    method: "put",
+    data,
+  });
+}
+// 导航列表-删除
+export function navigationDelete(ids) {
+  return request({
+    url: `/business/innovateCategory/${ids}`,
+    method: "delete",
+  });
+}
+// 导航-下拉
+export function navigationSelect() {
+  return request({
+    url: "/admin/v1/service/innovate/kind/select",
+  });
+}
+
+// 服务列表
+export function serviceList(params) {
+  return request({
+    url: "/business/innovateService/list",
+    method: "get",
+    params,
+  });
+}
+// 服务列表-添加
+export function serviceAdd(data) {
+  return request({
+    url: "/business/innovateService",
+    method: "post",
+    data,
+  });
+}
+// 服务列表-详情
+export function serviceDetail(id) {
+  return request({
+    url: `/business/innovateService/${id}`,
+    method: "get",
+  });
+}
+// 服务列表-修改
+export function serviceEdit(data) {
+  return request({
+    url: "/business/innovateService",
+    method: "put",
+    data,
+  });
+}
+// 服务列表-删除
+export function serviceDelete(ids) {
+  return request({
+    url: `/business/innovateService/${ids}`,
+    method: "delete",
+  });
+}
diff --git a/src/api/website/solution.js b/src/api/website/solution.js
new file mode 100644
index 0000000..2a1d3c3
--- /dev/null
+++ b/src/api/website/solution.js
@@ -0,0 +1,79 @@
+import request from "@/utils/request";
+
+// 服务列表
+export function serviceList(params) {
+  return request({
+    url: "/business/solution/list",
+    method: "get",
+    params,
+  });
+}
+// 服务列表-添加
+export function serviceAdd(data) {
+  return request({
+    url: "/business/solution",
+    method: "post",
+    data,
+  });
+}
+// 服务列表-修改
+export function serviceEdit(data) {
+  return request({
+    url: "/business/solution",
+    method: "put",
+    data,
+  });
+}
+// 服务列表-删除
+export function serviceDelete(ids) {
+  return request({
+    url: `/business/solution/${ids}`,
+    method: "delete",
+  });
+}
+// 服务类型-select
+export function serviceCaseKindSelect() {
+  return request({
+    url: "/business/solution/getAllCategory",
+    method: "get",
+  });
+}
+
+// 服务案例列表
+export function serviceCaseList(params) {
+  return request({
+    url: "/business/solutionCase/list",
+    method: "get",
+    params,
+  });
+}
+// 服务案例-添加
+export function serviceCaseAdd(data) {
+  return request({
+    url: "/business/solutionCase",
+    method: "post",
+    data,
+  });
+}
+// 服务案例-详情
+export function serviceCaseDetail(id) {
+  return request({
+    url: `/business/solutionCase/${id}`,
+    method: "get",
+  });
+}
+// 服务案例-修改
+export function serviceCaseEdit(data) {
+  return request({
+    url: "/business/solutionCase",
+    method: "put",
+    data,
+  });
+}
+// 服务案例-删除
+export function serviceCaseDelete(ids) {
+  return request({
+    url: `/business/solutionCase/${ids}`,
+    method: "post",
+  });
+}
diff --git a/src/components/SiteOptions/index.vue b/src/components/SiteOptions/index.vue
new file mode 100644
index 0000000..8b9aeb3
--- /dev/null
+++ b/src/components/SiteOptions/index.vue
@@ -0,0 +1,87 @@
+<template>
+  <el-cascader
+    :size="size"
+    :style="{ width: limitWidth ? '240px' : '100%' }"
+    v-model="modelValue.tenantId"
+    clearable
+    separator="-"
+    placeholder="请选择，支持搜索"
+    :options="tenantOptions"
+    filterable
+    :props="{ emitPath: false, value: 'id', label: 'name' }"
+  ></el-cascader>
+</template>
+
+<script setup name="SiteOptions">
+import { tenantSelect } from "@/api/subPlatform/tenant";
+import { toRefs } from "vue";
+
+const tenantOptions = ref([]);
+const props = defineProps({
+  modelValue: Object,
+  size: {
+    type: String,
+    default: "small",
+  },
+  limitWidth: {
+    type: Boolean,
+    default: true,
+  },
+});
+const { limitWidth, size, modelValue } = toRefs(props);
+
+tenantSelect().then((res) => {
+  for (const key in res.rows) {
+    if (Object.hasOwnProperty.call(res.rows, key)) {
+      const item = res.rows[key];
+      tenantOptions.value.push(item);
+    }
+  }
+});
+</script>
+<!-- <script>
+import { tenantSelect } from "@/api/subPlatform/tenant";
+export default {
+  props: {
+    value: Object,
+    size: {
+      type: String,
+      default: "small",
+    },
+    limitWidth: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      tenantOptions: [],
+    };
+  },
+  // watch: {
+  //   value: {
+  //     handler(newVal, oldVal) {
+  //       if (newVal == "" || newVal == null) {
+  //         this.tenant_id = undefined;
+  //       } else {
+  //         this.tenant_id = newVal;
+  //       }
+  //     },
+  //     immediate: true,
+  //   },
+  //   tenant_id(newVal, oldVal) {
+  //     this.$emit("handleChange", newVal);
+  //   },
+  // },
+  created() {
+    tenantSelect().then((res) => {
+      for (const key in res.data) {
+        if (Object.hasOwnProperty.call(res.data, key)) {
+          const item = res.data[key];
+          this.tenantOptions.push(item);
+        }
+      }
+    });
+  },
+};
+</script> -->
diff --git a/src/components/WangEditor/index.vue b/src/components/WangEditor/index.vue
new file mode 100644
index 0000000..107973d
--- /dev/null
+++ b/src/components/WangEditor/index.vue
@@ -0,0 +1,120 @@
+<template>
+  <div :style="`border: 1px solid #ccc; width: ${width}`">
+    <Toolbar
+      style="border-bottom: 1px solid #ccc"
+      :editor="editorRef"
+      :defaultConfig="toolbarConfig"
+      :mode="mode"
+    />
+    <Editor
+      :style="`min-height: ${minHeight}; height: ${height} overflow-y: hidden`"
+      v-model="valueHtml"
+      :defaultConfig="editorConfig"
+      :mode="mode"
+      @onCreated="handleCreated"
+      @onChange="handleChange"
+    />
+  </div>
+</template>
+
+<script>
+import "@wangeditor/editor/dist/css/style.css"; // 引入 css
+import { onBeforeUnmount, ref, shallowRef, toRefs, watch } from "vue";
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+
+export default {
+  components: { Editor, Toolbar },
+  props: {
+    modelValue: {
+      type: String,
+      default: "",
+    },
+    minHeight: {
+      type: String,
+      default: "150px",
+    },
+    height: {
+      type: String,
+      default: "320px",
+    },
+    width: {
+      type: String,
+      default: "100%",
+    },
+    focus: {
+      type: Boolean,
+      default: false,
+    },
+    mode: {
+      type: String,
+      default: "default",
+    },
+  },
+  setup(props, context) {
+    // 编辑器实例，必须用 shallowRef
+    const editorRef = shallowRef();
+    // console.log(editorRef.value.getAllMenuKeys());
+    // 内容 HTML
+    const valueHtml = ref("");
+    watch(
+      () => props.modelValue,
+      (val) => {
+        valueHtml.value = val;
+      },
+      { immediate: true }
+    );
+    const { height } = toRefs(props);
+    const toolbarConfig = {
+      toolbarKeys: [
+        "bold",
+        "underline",
+        "italic",
+        "through",
+        "color",
+        "bgColor",
+        "fontSize",
+        "fontFamily",
+        "lineHeight",
+        // "emotion",
+        // "redo",
+        // "undo",
+      ],
+    };
+    const editorConfig = {
+      placeholder: "请输入内容...",
+      autoFocus: props.focus,
+      maxLength: 140,
+    };
+
+    // 组件销毁时，也及时销毁编辑器
+    onBeforeUnmount(() => {
+      const editor = editorRef.value;
+      if (editor == null) return;
+      editor.destroy();
+    });
+
+    const handleCreated = (editor) => {
+      editorRef.value = editor; // 记录 editor 实例，重要！
+    };
+
+    const handleChange = (editor) => {
+      if (editor.getHtml() === "<p><br></p>") {
+        context.emit("update:modelValue", "");
+      } else {
+        context.emit("update:modelValue", editor.getHtml());
+      }
+    };
+
+    return {
+      editorRef,
+      valueHtml,
+      mode: "default", // 或 'simple'
+      toolbarConfig,
+      editorConfig,
+      height,
+      handleCreated,
+      handleChange,
+    };
+  },
+};
+</script>
diff --git a/src/views/website/innovate/navigation/index.vue b/src/views/website/innovate/navigation/index.vue
new file mode 100644
index 0000000..0cd7413
--- /dev/null
+++ b/src/views/website/innovate/navigation/index.vue
@@ -0,0 +1,259 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryFormRef"
+      v-show="showSearch"
+      :inline="true"
+      @submit.native.prevent
+    >
+      <el-form-item label="所属站点" prop="tenantId">
+        <!-- <SiteOptions v-model="queryParams" /> -->
+        <el-select
+          v-model="queryParams.tenantId"
+          placeholder="请选择，支持搜索"
+          size="default"
+          filterable
+        >
+          <el-option
+            v-for="item in siteList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="search"
+          size="default"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="refresh" size="default" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="plus"
+          size="default"
+          @click="handleAdd"
+          >新增</el-button
+        >
+      </el-col>
+      <right-toolbar
+        v-model:showSearch="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="dataList">
+      <el-table-column label="数据编号" prop="id" align="center" />
+      <el-table-column label="导航名称" prop="title" width="120" />
+      <el-table-column label="所属站点" align="center">
+        <template #default="{ row }">
+          {{ getSiteName(row.tenantId) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center">
+        <template #default="{ row }">
+          <span>{{ row.createTime }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template #default="{ row }">
+          <el-button
+            size="small"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(row)"
+            >编辑</el-button
+          >
+          <el-button
+            size="small"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(row)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改对话框 -->
+    <el-dialog :title="title" v-model="showEditDialog" width="500px">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="所属站点" prop="tenantId">
+          <el-select
+            v-model="form.tenantId"
+            placeholder="请选择，支持搜索"
+            size="default"
+            filterable
+          >
+            <el-option
+              v-for="item in siteList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="导航名称:" prop="title">
+          <el-input v-model="form.title" placeholder="请输入导航名称" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script setup>
+import { reactive, ref, toRefs } from "vue";
+import {
+  navigationList,
+  navigationAdd,
+  navigationEdit,
+  navigationDelete,
+} from "@/api/website/innovate";
+import { cloneDeep } from "lodash";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { tenantSelect } from "@/api/subPlatform/tenant";
+const queryFormRef = ref(null);
+const dataList = ref([]);
+const loading = ref(true);
+const total = ref(0);
+const showEditDialog = ref(false);
+const formRef = ref(null);
+const siteList = ref([]); // 站点列表
+const showSearch = ref(true);
+const title = ref("");
+
+const data = reactive({
+  queryParams: {
+    title: undefined,
+    tenantId: undefined,
+    pageNum: 1,
+    pageSize: 10,
+  },
+  form: {},
+  rules: {
+    title: [{ required: true, message: "导航名称不能为空", trigger: "blur" }],
+    tenantId: [
+      {
+        required: true,
+        message: "所属站点不能为空",
+        trigger: ["blur", "change"],
+      },
+    ],
+  },
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const resetQuery = () => {
+  if (queryFormRef.value) {
+    queryFormRef.value.resetFields();
+  }
+  handleQuery();
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+const getList = async () => {
+  loading.value = true;
+  const resp = await navigationList(queryParams.value);
+  dataList.value = resp.rows;
+  total.value = resp.total;
+  loading.value = false;
+};
+
+// 获取站点列表
+const getSiteList = async () => {
+  const resp = await tenantSelect();
+  siteList.value = resp.rows;
+};
+
+const getSiteName = (tenantId) => {
+  const item = siteList.value.find((el) => {
+    return el.id === tenantId;
+  });
+  return item ? item.name : "无";
+};
+// 取消按钮
+const cancel = () => {
+  showEditDialog.value = false;
+  //   this.memberOpen = false;
+  reset();
+};
+// 表单重置
+const reset = () => {
+  form.value = {
+    id: undefined,
+    tenantId: undefined,
+    title: undefined,
+  };
+  if (formRef.value) {
+    formRef.value.resetFields();
+  }
+};
+const handleAdd = () => {
+  reset();
+  showEditDialog.value = true;
+  title.value = "新增";
+};
+const handleUpdate = (row) => {
+  reset();
+  form.value = cloneDeep(row);
+  showEditDialog.value = true;
+  title.value = "修改";
+};
+const submitForm = async () => {
+  await formRef.value.validate();
+  if (form.value.id != undefined) {
+    await navigationEdit(form.value);
+    ElMessage.success("修改成功");
+    showEditDialog.value = false;
+    getList();
+  } else {
+    await navigationAdd(form.value);
+    ElMessage.success("新增成功");
+    showEditDialog.value = false;
+    getList();
+  }
+};
+/** 删除按钮操作 */
+const handleDelete = (row) => {
+  ElMessageBox.confirm(`是否确认删除名为${row.title}的数据项？`)
+    .then(async () => {
+      await navigationDelete(row.id);
+      getList();
+      ElMessage.success("删除成功");
+    })
+    .catch(() => {});
+};
+getList();
+getSiteList();
+</script>
diff --git a/src/views/website/innovate/service/index.vue b/src/views/website/innovate/service/index.vue
new file mode 100644
index 0000000..92e54c5
--- /dev/null
+++ b/src/views/website/innovate/service/index.vue
@@ -0,0 +1,362 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryFormRef"
+      v-show="showSearch"
+      :inline="true"
+      @submit.native.prevent
+    >
+      <el-form-item label="导航名称:" prop="categoryId">
+        <el-select
+          v-model="queryParams.categoryId"
+          placeholder="请选择"
+          size="default"
+          style="width: 240px"
+          clearable
+        >
+          <el-option
+            v-for="item in categoryList"
+            :key="item.id"
+            :label="item.title"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="search"
+          size="default"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="refresh" size="default" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="plus"
+          size="default"
+          @click="handleAdd"
+          >新增</el-button
+        >
+      </el-col>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="dataList">
+      <el-table-column label="数据编号" prop="id" align="center" />
+      <el-table-column label="服务标题" prop="title" width="120" />
+      <el-table-column label="导航名称" align="center">
+        <template #default="{ row }">
+          {{ getCategoryName(row.categoryId) }}</template
+        >
+      </el-table-column>
+      <el-table-column label="所属站点" align="center">
+        <template #default="{ row }">
+          {{ getSiteName(row.tenantId) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center">
+        <template #default="{ row }">
+          <span>{{ row.createTime }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template #default="{ row }">
+          <el-button
+            size="small"
+            type="text"
+            icon="edit"
+            @click="handleUpdate(row)"
+            >编辑</el-button
+          >
+          <el-button
+            size="small"
+            type="text"
+            icon="delete"
+            @click="handleDelete(row)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 添加或修改对话框 -->
+    <el-dialog
+      :title="title"
+      v-model="showEditDialog"
+      destroy-on-close
+      width="40%"
+    >
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="所属站点" prop="tenantId">
+          <el-select
+            v-model="form.tenantId"
+            placeholder="请选择，支持搜索"
+            size="default"
+            filterable
+          >
+            <el-option
+              v-for="item in siteList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="归属导航:" prop="categoryId">
+          <el-select v-model="form.categoryId" placeholder="请选择">
+            <el-option
+              v-for="item in categoryList"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="服务标题:" prop="title">
+          <el-input v-model="form.title" placeholder="请输入服务标题" />
+        </el-form-item>
+        <el-form-item label="服务简述:" prop="description">
+          <el-input
+            v-model="form.description"
+            placeholder="请输入服务简述"
+            maxlength="20"
+          />
+        </el-form-item>
+        <el-form-item label="服务描述:" prop="content">
+          <WangEditor v-model="form.content" minHeight="150px"></WangEditor>
+          <!-- <Editor v-model="form.content" :minHeight="150" /> -->
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="Service">
+import {
+  serviceList,
+  serviceAdd,
+  serviceDetail,
+  serviceEdit,
+  serviceDelete,
+  navigationList,
+} from "@/api/website/innovate";
+
+import { tenantSelect } from "@/api/subPlatform/tenant";
+import WangEditor from "@/components/WangEditor/index.vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { reactive, ref } from "vue";
+const loading = ref(true); // 是否正在加载
+const showSearch = ref(true); // 是否显示搜索栏
+const categoryList = ref([]); //导航列表
+const queryFormRef = ref(null);
+const formRef = ref(null);
+const siteList = ref([]);
+const total = ref(0);
+const dataList = ref([]);
+
+// 弹出层标题
+const title = ref("");
+// 是否显示弹出层
+const showEditDialog = ref(false);
+
+const data = reactive({
+  queryParams: {
+    categoryId: undefined,
+    pageNum: 1,
+    pageSize: 10,
+  },
+  // 表单参数
+  form: {},
+  rules: {
+    title: [{ required: true, message: "数据名称不能为空", trigger: "blur" }],
+    description: [
+      { required: true, message: "服务简述不能为空", trigger: "blur" },
+    ],
+    content: [{ required: true, message: "服务描述不能为空", trigger: "blur" }],
+    tenantId: [
+      {
+        required: true,
+        message: "所属站点不能为空",
+        trigger: ["blur", "change"],
+      },
+    ],
+    categoryId: [
+      { required: true, message: "导航名称不能为空", trigger: "change" },
+    ],
+  },
+});
+const { queryParams, form, rules } = toRefs(data);
+
+const resetQuery = () => {
+  if (queryFormRef.value) {
+    queryFormRef.value.resetFields();
+  }
+  handleQuery();
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const getList = async () => {
+  loading.value = true;
+  const resp = await serviceList(queryParams.value);
+  dataList.value = resp.rows;
+  total.value = resp.total;
+  loading.value = false;
+};
+
+// 获取站点列表
+const getSiteList = async () => {
+  const resp = await tenantSelect();
+  siteList.value = resp.rows;
+};
+
+// 获取站点名称
+const getSiteName = (tenantId) => {
+  const item = siteList.value.find((el) => {
+    return el.id === tenantId;
+  });
+  return item ? item.name : "无";
+};
+
+// 获取分类名称
+const getCategoryName = (categoryId) => {
+  const item = categoryList.value.find((el) => {
+    return el.id === categoryId;
+  });
+  return item ? item.title : "无";
+};
+
+// 获取导航列表
+const getcategoryList = async () => {
+  const resp = await navigationList();
+  categoryList.value = resp.rows;
+};
+
+// 取消按钮
+const cancel = () => {
+  showEditDialog.value = false;
+  // memberOpen.value = false;
+  reset();
+};
+
+// 表单重置
+const reset = () => {
+  form.value = {
+    id: undefined,
+    tenantId: undefined,
+    categoryId: undefined,
+    title: undefined,
+    description: undefined,
+    content: undefined,
+    tags: undefined,
+  };
+  if (formRef.value) {
+    formRef.value.resetFields();
+  }
+};
+
+const handleAdd = () => {
+  reset();
+  showEditDialog.value = true;
+  title.value = "新增";
+};
+
+const handleUpdate = async (row) => {
+  reset();
+  const resp = await serviceDetail(row.id);
+  form.value = resp.data;
+  showEditDialog.value = true;
+  title.value = "修改";
+};
+
+const submitForm = async () => {
+  await formRef.value.validate();
+  if (form.value.id != undefined) {
+    await serviceEdit(form.value);
+    ElMessage.success("修改成功");
+    showEditDialog.value = false;
+    getList();
+  } else {
+    await serviceAdd(form.value);
+    ElMessage.success("新增成功");
+    showEditDialog.value = false;
+    getList();
+  }
+};
+
+/** 删除按钮操作 */
+const handleDelete = (row) => {
+  ElMessageBox.confirm(`是否确认删除名为${row.title}的数据项？`)
+    .then(async () => {
+      await serviceDelete(row.id);
+      getList();
+      ElMessage.success("删除成功");
+    })
+    .catch(() => {});
+};
+
+getList();
+getSiteList();
+getcategoryList();
+</script>
+
+<!-- <script>
+import {
+  serviceList,
+  serviceAdd,
+  serviceDetail,
+  serviceEdit,
+  serviceDelete,
+  navigationSelect,
+} from "@/api/website/innovate";
+
+export default {
+  data() {
+    return {
+      is_super: this.$store.getters.is_super,
+      loading: true,
+      showSearch: true,
+      categoryLists: [],
+    };
+  },
+  methods: {},
+  created() {
+    this.getList();
+    navigationSelect().then((res) => {
+      this.categoryLists = res.data;
+    });
+  },
+};
+</script> -->
diff --git a/src/views/website/solution/service/index.vue b/src/views/website/solution/service/index.vue
new file mode 100644
index 0000000..a41ead7
--- /dev/null
+++ b/src/views/website/solution/service/index.vue
@@ -0,0 +1,367 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryFormRef"
+      v-show="showSearch"
+      :inline="true"
+      @submit.native.prevent
+    >
+      <el-form-item label="数据名称" prop="title">
+        <el-input
+          v-model="queryParams.title"
+          placeholder="请输入关键字"
+          clearable
+          size="small"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="归属导航:" prop="mode">
+        <el-select
+          size="small"
+          style="width: 240px"
+          v-model="queryParams.mode"
+          placeholder="请选择"
+          clearable
+          @clear="delete queryParams.mode"
+        >
+          <el-option
+            v-for="item in modeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="所属站点" prop="tenantId">
+        <el-select
+          v-model="queryParams.tenantId"
+          placeholder="请选择，支持搜索"
+          size="small"
+          filterable
+        >
+          <el-option
+            v-for="item in siteList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </el-select>
+        <!-- <SiteOptions v-model="queryParams" /> -->
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="search"
+          size="small"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="refresh" size="small" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="plus"
+          size="small"
+          @click="handleAdd"
+          >新增</el-button
+        >
+      </el-col>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="dataList">
+      <el-table-column label="数据编号" prop="id" align="center" />
+      <el-table-column label="数据名称" prop="title" width="120" />
+      <el-table-column label="图片" align="center" width="120">
+        <template #default="{ row }">
+          <div>
+            <el-image
+              style="width: 100px; height: 100px"
+              :src="row.image"
+              fit="cover"
+            ></el-image>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="所属站点" align="center">
+        <template #default="{ row }">
+          {{ getSiteName(row.tenantId) }}
+        </template>
+      </el-table-column>
+
+      <el-table-column label="归属导航" align="center">
+        <template #default="{ row }">
+          {{ modeOptions.find((item) => item.value == row.mode).label }}
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" prop="createTime" align="center">
+        <template #default="{ row }">
+          <span>{{ row.createTime }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template #default="{ row }">
+          <el-button
+            size="small"
+            type="text"
+            icon="edit"
+            @click="handleUpdate(row)"
+            >编辑</el-button
+          >
+          <el-button
+            size="small"
+            type="text"
+            icon="delete"
+            @click="handleDelete(row)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改对话框 -->
+    <el-dialog :title="title" v-model="showEditDialog" width="500px">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="数据名称:" prop="title">
+          <el-input v-model="form.title" placeholder="请输入数据名称" />
+        </el-form-item>
+        <el-form-item label="所属站点:" prop="tenantId">
+          <SiteOptions v-model="form" />
+        </el-form-item>
+        <el-form-item label="归属导航:" prop="mode">
+          <el-select v-model="form.mode" placeholder="请选择">
+            <el-option
+              v-for="item in modeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="服务介绍:" prop="description">
+          <el-input
+            v-model="form.description"
+            placeholder="请输入服务介绍"
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          />
+        </el-form-item>
+        <el-form-item label="图片:" prop="image">
+          <ImageUpload v-model="form.image" :isShowTip="false" :limit="1" />
+        </el-form-item>
+        <!-- <el-form-item label="关联案例:" prop="name">
+          <el-cascader
+            v-model="form.tenant_id"
+            clearable
+            separator="-"
+            placeholder="请选择，支持搜索"
+            :options="caseOptions"
+            filterable
+            :props="{ emitPath: false, value: 'id', label: 'title' }"
+          ></el-cascader>
+        </el-form-item> -->
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script setup name="Service">
+import { reactive, ref, toRefs } from "vue";
+import {
+  serviceList,
+  serviceAdd,
+  serviceEdit,
+  serviceDelete,
+} from "@/api/website/solution";
+import { tenantSelect } from "@/api/subPlatform/tenant";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { cloneDeep } from "lodash";
+import SiteOptions from "@/components/SiteOptions";
+const dataList = ref([]);
+// TODO:isSuper
+// const is_super = this.$store.getters.is_super;
+const loading = ref(true);
+const siteList = ref([]); // 站点列表
+const showSearch = ref(true);
+const showEditDialog = ref(false); // 是否显示新增、修改弹窗
+const title = ref(""); // 弹窗标题
+const formRef = ref(null);
+const queryFormRef = ref(null);
+const modeOptions = ref([
+  {
+    value: "101",
+    label: "中小企业服务",
+  },
+  {
+    value: "102",
+    label: "大型企业服务",
+  },
+  {
+    value: "103",
+    label: "政府企业服务",
+  },
+  {
+    value: "104",
+    label: "科研院所服务",
+  },
+]);
+const total = ref(0);
+const data = reactive({
+  form: {},
+  rules: {
+    title: [{ required: true, message: "数据名称不能为空", trigger: "blur" }],
+    tenantId: [
+      {
+        required: true,
+        message: "归属导航不能为空",
+        trigger: ["blur", "change"],
+      },
+    ],
+    image: [
+      {
+        required: true,
+        message: "图片不能为空",
+        trigger: ["blur", "change"],
+      },
+    ],
+    mode: [
+      {
+        required: true,
+        message: "模式不能为空",
+        trigger: ["blur", "change"],
+      },
+    ],
+    description: [
+      { required: true, message: "服务介绍不能为空", trigger: "blur" },
+    ],
+  },
+  queryParams: {
+    title: undefined,
+    mode: undefined,
+    tenantId: undefined,
+    pageNum: 1,
+    pageSize: 10,
+  },
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const resetQuery = () => {
+  if (queryFormRef.value) {
+    queryFormRef.value.resetFields();
+  }
+  handleQuery();
+};
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+// 获取服务列表
+const getList = async () => {
+  loading.value = true;
+  const resp = await serviceList(queryParams.value);
+  dataList.value = resp.rows;
+  total.value = resp.total;
+  loading.value = false;
+};
+
+const getSiteList = async () => {
+  const resp = await tenantSelect();
+  siteList.value = resp.rows;
+};
+const getSiteName = (tenantId) => {
+  const item = siteList.value.find((el) => {
+    return el.id === tenantId;
+  });
+  return item ? item.name : "无";
+};
+// 取消按钮
+const cancel = () => {
+  showEditDialog.value = false;
+  memberOpen.value = false;
+  reset();
+};
+// 表单重置
+const reset = () => {
+  form.value = {
+    id: undefined,
+    tenantId: undefined,
+    title: undefined,
+    image: undefined,
+    mode: undefined,
+    description: undefined,
+  };
+  if (formRef.value) {
+    formRef.value.resetFields();
+  }
+};
+const handleAdd = () => {
+  reset();
+  showEditDialog.value = true;
+  title.value = "新增";
+};
+const handleUpdate = async (row) => {
+  // await getSiteList();
+  reset();
+  form.value = cloneDeep(row);
+  showEditDialog.value = true;
+  title.value = "修改";
+};
+const submitForm = async () => {
+  await formRef.value.validate();
+  if (form.value.id != undefined) {
+    serviceEdit(form.value).then((response) => {
+      ElMessage.success("修改成功");
+      showEditDialog.value = false;
+      getList();
+    });
+  } else {
+    serviceAdd(form.value).then((response) => {
+      ElMessage.success("新增成功");
+      showEditDialog.value = false;
+      getList();
+    });
+  }
+};
+/** 删除按钮操作 */
+const handleDelete = (row) => {
+  ElMessageBox.confirm(`是否确认删除名为${row.title}的数据项？`)
+    .then(async () => {
+      await serviceDelete(row.id);
+      getList();
+      ElMessage.success("删除成功");
+    })
+    .catch(() => {});
+};
+getList();
+getSiteList();
+</script>
diff --git a/src/views/website/solution/serviceCase/index.vue b/src/views/website/solution/serviceCase/index.vue
new file mode 100644
index 0000000..f3e84ce
--- /dev/null
+++ b/src/views/website/solution/serviceCase/index.vue
@@ -0,0 +1,355 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryFormRef"
+      v-show="showSearch"
+      :inline="true"
+      @submit.native.prevent
+    >
+      <el-form-item label="案例标题" prop="title">
+        <el-input
+          v-model="queryParams.title"
+          placeholder="请输入关键字"
+          clearable
+          size="small"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+
+      <el-form-item label="所属站点" prop="tenantId">
+        <el-select
+          v-model="queryParams.tenantId"
+          placeholder="请选择，支持搜索"
+          size="small"
+          filterable
+        >
+          <el-option
+            v-for="item in siteList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="search"
+          size="small"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="refresh" size="small" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="plus"
+          size="small"
+          @click="handleAdd"
+          >新增</el-button
+        >
+      </el-col>
+      <right-toolbar
+        v-model:showSearch="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="dataList">
+      <el-table-column label="数据编码" prop="id" align="center" />
+      <el-table-column label="案例标题" prop="title" align="center" />
+      <el-table-column label="图片" prop="image" align="center" width="120">
+        <template #default="{ row }">
+          <div>
+            <el-image
+              style="width: 100px; height: 100px"
+              :src="row.image"
+              fit="cover"
+            ></el-image>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="所属站点" align="center">
+        <template #default="{ row }"> {{ getSiteName(row.tenantId) }}</template>
+      </el-table-column>
+      <el-table-column
+        label="描述"
+        prop="description"
+        show-overflow-tooltip
+        align="center"
+      />
+      <el-table-column label="创建时间" prop="created_at" align="center">
+        <template #default="{ row }">
+          <span>{{ row.createTime }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template #default="{ row }">
+          <el-button
+            size="small"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(row)"
+            >编辑</el-button
+          >
+          <el-button
+            size="small"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(row)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改对话框 -->
+    <el-dialog :title="title" v-model="showEditDialog" width="40%">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="案例标题:" prop="title">
+          <el-input v-model="form.title" placeholder="请输入案例标题" />
+        </el-form-item>
+        <el-form-item label="描述:" prop="description">
+          <el-input
+            v-model="form.description"
+            placeholder="请输入描述"
+            maxlength="30"
+          />
+        </el-form-item>
+        <el-form-item label="图片:" prop="image">
+          <ImageUpload v-model="form.image" :isShowTip="false" :limit="1" />
+        </el-form-item>
+        <el-form-item label="所属站点:" prop="tenantId">
+          <!-- <SiteOptions v-model="form" /> -->
+          <el-select
+            v-model="form.tenantId"
+            placeholder="请选择，支持搜索"
+            size="small"
+            filterable
+          >
+            <el-option
+              v-for="item in siteList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属服务:" prop="kindId">
+          <el-cascader
+            v-model="form.kindId"
+            clearable
+            separator="-"
+            placeholder="请选择，支持搜索"
+            :options="caseOptions"
+            filterable
+            :props="{ emitPath: false, value: 'id', label: 'title' }"
+          ></el-cascader>
+        </el-form-item>
+        <el-form-item label="案例描述:" prop="content">
+          <WangEditor
+            v-model="form.content"
+            destroy-on-close
+            minHeight="150px"
+          ></WangEditor>
+          <!-- <Editor v-model="form.content" :minHeight="150" /> -->
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script setup name="serviceCase">
+import { ElMessage, ElMessageBox } from "element-plus";
+import { reactive, ref, toRefs } from "vue";
+import { tenantSelect } from "@/api/subPlatform/tenant";
+import {
+  serviceCaseList,
+  serviceCaseAdd,
+  serviceCaseDetail,
+  serviceCaseEdit,
+  serviceCaseDelete,
+  serviceCaseKindSelect,
+} from "@/api/website/solution";
+import WangEditor from "@/components/WangEditor/index.vue";
+// import SiteOptions from "@/components/SiteOptions";
+const dataList = ref([]);
+const loading = ref(true);
+const total = ref(0);
+const showEditDialog = ref(false);
+const siteList = ref([]);
+const formRef = ref(null);
+const queryFormRef = ref(null);
+const caseOptions = ref([]); // 案例分类列表
+const showSearch = ref(true);
+const title = ref("");
+//TODO:isSuper v-if
+const data = reactive({
+  queryParams: {
+    title: undefined,
+    tenantId: undefined,
+    pageNum: 1,
+    pageSize: 10,
+  },
+  form: {},
+  rules: {
+    title: [{ required: true, message: "案例标题不能为空", trigger: "blur" }],
+    description: [{ required: true, message: "描述不能为空", trigger: "blur" }],
+    image: [
+      {
+        required: true,
+        message: "图片不能为空",
+        trigger: ["blur", "change"],
+      },
+    ],
+    tenantId: [
+      {
+        required: true,
+        message: "所属站点不能为空",
+        trigger: ["blur", "change"],
+      },
+    ],
+    kindId: [
+      {
+        required: true,
+        message: "所属服务不能为空",
+        trigger: ["blur", "change"],
+      },
+    ],
+    content: [
+      {
+        required: true,
+        message: "案例描述不能为空",
+        trigger: "blur",
+      },
+    ],
+  },
+});
+const { queryParams, form, rules } = toRefs(data);
+const resetQuery = () => {
+  if (queryFormRef.value) {
+    queryFormRef.value.resetFields();
+  }
+  handleQuery();
+};
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const getList = async () => {
+  loading.value = true;
+  const resp = await serviceCaseList(queryParams.value);
+  dataList.value = resp.rows;
+  total.value = resp.total;
+  loading.value = false;
+};
+
+const getSiteList = async () => {
+  const resp = await tenantSelect();
+  siteList.value = resp.rows;
+};
+
+const getCaseKindList = async () => {
+  const resp = await serviceCaseKindSelect();
+  for (const key in resp.data) {
+    if (Object.hasOwnProperty.call(resp.data, key)) {
+      const item = { ...resp.data[key], id: parseInt(key) };
+      caseOptions.value.push(item);
+    }
+  }
+};
+// 取消按钮
+const cancel = () => {
+  showEditDialog.value = false;
+  //   memberOpen.value = false;
+  reset();
+};
+// 表单重置
+const reset = () => {
+  form.value = {
+    id: undefined,
+    tenantId: undefined,
+    kindId: undefined,
+    title: undefined,
+    image: undefined,
+    description: undefined,
+    content: "",
+  };
+  if (formRef.value) {
+    formRef.value.resetFields();
+  }
+};
+const getSiteName = (tenantId) => {
+  const item = siteList.value.find((el) => {
+    return el.id === tenantId;
+  });
+  return item ? item.name : "无";
+};
+const handleAdd = () => {
+  reset();
+  showEditDialog.value = true;
+  title.value = "新增";
+};
+const handleUpdate = async (row) => {
+  reset();
+  const resp = await serviceCaseDetail(row.id);
+  console.log(resp);
+  form.value = resp.data;
+  showEditDialog.value = true;
+  title.value = "修改";
+};
+
+const submitForm = async () => {
+  await formRef.value.validate();
+  if (form.value.id != undefined) {
+    await serviceCaseEdit(form.value);
+    ElMessage.success("修改成功");
+    showEditDialog.value = false;
+    getList();
+  } else {
+    await serviceCaseAdd(form.value);
+    ElMessage.success("新增成功");
+    showEditDialog.value = false;
+    getList();
+  }
+};
+/** 删除按钮操作 */
+const handleDelete = (row) => {
+  ElMessageBox.confirm(`是否确认删除名为${row.title}的数据项？`)
+    .then(async () => {
+      await serviceCaseDelete(row.id);
+      getList();
+      ElMessage.success("删除成功");
+    })
+    .catch(() => {});
+};
+
+getList();
+getSiteList();
+getCaseKindList();
+</script>