From 874e05bc1ba6156be1cabf740aad3156533cba65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=B0=8F=E6=9E=97?= <320730042@qq.com>
Date: Wed, 11 Sep 2024 16:33:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B7=A5=E4=BD=9C=E6=B5=81=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=EF=BC=8C=E5=88=A0=E9=99=A4=EF=BC=8C=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/workflow/index.ts                     |  43 +++
 src/api/workflow/types.ts                     |  39 +++
 src/router/index.ts                           |  11 +
 .../tyslzw/enable-tyslzw/index.vue            |   2 +-
 .../workflow/components/AddWorkflow.vue       | 259 ++++++++++++++++++
 src/views/family/operate/workflow/index.vue   | 203 ++++++++++++++
 6 files changed, 556 insertions(+), 1 deletion(-)
 create mode 100644 src/api/workflow/index.ts
 create mode 100644 src/api/workflow/types.ts
 create mode 100644 src/views/family/operate/workflow/components/AddWorkflow.vue
 create mode 100644 src/views/family/operate/workflow/index.vue

diff --git a/src/api/workflow/index.ts b/src/api/workflow/index.ts
new file mode 100644
index 0000000..6953b6d
--- /dev/null
+++ b/src/api/workflow/index.ts
@@ -0,0 +1,43 @@
+import { AxiosPromise } from "axios";
+import { PlanFilterConfigOption, WorkflowPageResult } from "@/api/workflow/types";
+import request from "@/utils/request";
+
+export function planConfigOption(): AxiosPromise<PlanFilterConfigOption[]> {
+  return request({
+    url: "/api/plan_filter_config/v1/option",
+    method: "GET",
+  });
+}
+export function addPlanFilterConfig(data: any) {
+  return request({
+    url: "/api/workflow/v1/add",
+    method: "POST",
+    data,
+  });
+}
+export function getWorkflowPage(
+  data: SelectForm
+): AxiosPromise<WorkflowPageResult> {
+  return request({
+    url: "/api/workflow/v1/page",
+    method: "POST",
+    data,
+  });
+}
+export function removeWorkflow(
+  planId: number
+): AxiosPromise<WorkflowPageResult> {
+  return request({
+    url: `/api/workflow/v1/${planId}`,
+    method: "DELETE",
+  });
+}
+export function updateWorkflowStatus(
+  planId: number,
+  status: number
+): AxiosPromise<WorkflowPageResult> {
+  return request({
+    url: `/api/workflow/v1/status/${planId}/${status}`,
+    method: "PUT",
+  });
+}
diff --git a/src/api/workflow/types.ts b/src/api/workflow/types.ts
new file mode 100644
index 0000000..b83c3ca
--- /dev/null
+++ b/src/api/workflow/types.ts
@@ -0,0 +1,39 @@
+export interface WorkFlowForm {
+  planId?: number;
+
+  startTime?: string;
+
+  endTime?: string;
+
+  maxConcurrency?: number;
+
+  planName?: string;
+
+  planDesc?: string;
+}
+
+export interface PlanFilterForm {
+  filterName: string;
+  values: string[];
+}
+export interface PlanFilterConfigOption {
+  displayName: string;
+  filterName: string;
+  options: OptionType[];
+}
+export interface WorkFlowTable {
+  planId?: number;
+
+  startTime?: string;
+
+  endTime?: string;
+
+  createTime?: string;
+
+  createUser?: string;
+
+  planName?: string;
+
+  planStatus?: number;
+}
+export type WorkflowPageResult = PageResult<WorkFlowTable[]>;
diff --git a/src/router/index.ts b/src/router/index.ts
index ca084cd..c4c07e4 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -481,6 +481,17 @@ export const constantRoutes: RouteRecordRaw[] = [
           title: "设备高级查询",
         },
       },
+      {
+        path: "/resources/workflow/add",
+        name: "AddWorkflow",
+        component: () =>
+          import("@/views/family/operate/workflow/components/AddWorkflow.vue"),
+        meta: {
+          hidden: true,
+          keepAlive: true,
+          title: "新增工作流",
+        },
+      },
     ],
   },
 ];
diff --git a/src/views/craft-order/tyslzw/enable-tyslzw/index.vue b/src/views/craft-order/tyslzw/enable-tyslzw/index.vue
index 2cb992b..fe24b31 100644
--- a/src/views/craft-order/tyslzw/enable-tyslzw/index.vue
+++ b/src/views/craft-order/tyslzw/enable-tyslzw/index.vue
@@ -502,7 +502,7 @@ const rulesParams = (): boolean => {
   return true;
 };
 const changRgModel = (value: string) => {
-  if (value != "0") {
+  if (value != "1") {
     routeShow.value = true;
     formData.value.list[0].argsValue = "";
     formData.value.list[1].argsValue = "";
diff --git a/src/views/family/operate/workflow/components/AddWorkflow.vue b/src/views/family/operate/workflow/components/AddWorkflow.vue
new file mode 100644
index 0000000..5fd6c42
--- /dev/null
+++ b/src/views/family/operate/workflow/components/AddWorkflow.vue
@@ -0,0 +1,259 @@
+<template>
+  <div class="app-container">
+    <el-card v-show="currentPage === 0" shadow="never">
+      <el-form :model="formData" ref="baseFormRef" :rules="baseRules">
+        <el-descriptions :column="2" border>
+          <template #title>
+            <div style="display: flex; align-items: center">
+              <el-icon size="15" class="mr-1">
+                <Grid />
+              </el-icon>
+              <span style="font-weight: 700; font-size: 14px; line-height: 16px"
+                >工作流基本信息</span
+              >
+            </div>
+          </template>
+          <el-descriptions-item
+            label="工作流名称"
+            label-align="left"
+            align="center"
+            label-class-name="my-label"
+            class-name="my-content"
+            width="150px"
+          >
+            <el-form-item prop="planName">
+              <el-input
+                v-model="formData.planName"
+                placeholder="请输入工作流名称"
+              />
+            </el-form-item>
+          </el-descriptions-item>
+          <el-descriptions-item
+            label="最大并发数"
+            label-align="left"
+            align="center"
+            label-class-name="my-label"
+            class-name="my-content"
+            width="150px"
+          >
+            <el-form-item prop="maxConcurrency">
+              <el-input
+                v-model.number="formData.maxConcurrency"
+                placeholder="请输入最大并发数"
+              />
+            </el-form-item>
+          </el-descriptions-item>
+          <el-descriptions-item
+            label="开始时间"
+            label-align="left"
+            align="center"
+            label-class-name="my-label"
+            class-name="my-content"
+            width="150px"
+          >
+            <el-form-item prop="startTime">
+              <div style="width: 100%">
+                <el-date-picker
+                  v-model="formData.startTime"
+                  type="datetime"
+                  style="width: 100%"
+                  placeholder="请选择开始时间"
+                  value-format="YYYY-MM-DD hh:mm:ss"
+                />
+              </div>
+            </el-form-item>
+          </el-descriptions-item>
+          <el-descriptions-item
+            label="结束时间"
+            label-align="left"
+            align="center"
+            label-class-name="my-label"
+            class-name="my-content"
+            width="150px"
+          >
+            <el-form-item prop="endTime">
+              <div style="width: 100%">
+                <el-date-picker
+                  v-model="formData.endTime"
+                  type="datetime"
+                  style="width: 100%"
+                  placeholder="请选择结束时间"
+                  value-format="YYYY-MM-DD hh:mm:ss"
+                />
+              </div>
+            </el-form-item>
+          </el-descriptions-item>
+          <el-descriptions-item
+            label="工作流描述"
+            label-align="left"
+            align="center"
+            label-class-name="my-label"
+            class-name="my-content"
+            width="150px"
+          >
+            <el-form-item prop="planDesc">
+              <el-input
+                v-model="formData.planDesc"
+                type="textarea"
+                placeholder="请输入工作流描述"
+              />
+            </el-form-item>
+          </el-descriptions-item>
+        </el-descriptions>
+      </el-form>
+      <template #footer>
+        <div class="flex justify-end">
+          <el-button type="primary" @click="nextForm(baseFormRef)"
+            >下一步
+          </el-button>
+        </div>
+      </template>
+    </el-card>
+    <el-card v-show="currentPage === 1" shadow="never">
+      <el-form :model="configForm" ref="configFormRef" v-loading="loading">
+        <el-descriptions :column="2" border>
+          <template #title>
+            <div style="display: flex; align-items: center">
+              <el-icon size="15" class="mr-1">
+                <Grid />
+              </el-icon>
+              <span style="font-weight: 700; font-size: 14px; line-height: 16px"
+                >工作流配置信息</span
+              >
+            </div>
+          </template>
+          <el-descriptions-item
+            :key="index"
+            v-for="(item, index) in configOptions"
+            :label="item.displayName"
+            label-align="left"
+            align="center"
+            label-class-name="my-label"
+            class-name="my-content"
+            width="150px"
+          >
+            <el-form-item>
+              <el-select v-model="configForm[index].values" multiple>
+                <el-option
+                  v-for="(option, index1) in item.options"
+                  :key="index1"
+                  :value="option.value"
+                  :label="option.label"
+                />
+              </el-select>
+            </el-form-item>
+          </el-descriptions-item>
+        </el-descriptions>
+      </el-form>
+      <template #footer>
+        <div class="flex justify-end">
+          <el-button type="primary" @click="currentPage = 0">上一步</el-button>
+          <el-button type="primary" @click="submitPlanForm">提交表单</el-button>
+        </div>
+      </template>
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  PlanFilterConfigOption,
+  PlanFilterForm,
+  WorkFlowForm,
+} from "@/api/workflow/types";
+import { Grid } from "@element-plus/icons-vue";
+import { FormInstance, FormRules } from "element-plus";
+import { getDomainOptions } from "@/api/domain";
+import { addPlanFilterConfig, planConfigOption } from "@/api/workflow";
+import { confirm } from "@/utils/confirm";
+
+const loading = ref<boolean>(false);
+const currentPage = ref<number>(0);
+const baseFormRef = ref<FormInstance>();
+const configFormRef = ref<FormInstance>();
+const formData = ref<WorkFlowForm>({});
+const configForm = ref<PlanFilterForm[]>([]);
+const baseRules = reactive<FormRules<WorkFlowForm>>({
+  planName: [{ required: true, message: "请输入工作流名称", trigger: "blur" }],
+  maxConcurrency: [
+    { required: true, message: "请输入最大并发数" },
+    { type: "number", message: "最大并发数必须是一个整数" },
+  ],
+  startTime: [{ required: true, message: "请选择开始时间", trigger: "blur" }],
+  endTime: [{ required: true, message: "请选择结束时间", trigger: "blur" }],
+});
+const domainOptions = ref<OptionType[]>([]);
+const configOptions = ref<PlanFilterConfigOption[]>([]);
+
+async function loadDomainOptions() {
+  await getDomainOptions().then(({ data }) => {
+    domainOptions.value = data;
+  });
+}
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  formEl.resetFields();
+};
+const nextForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  formEl.validate((valid) => {
+    if (valid) {
+      currentPage.value = 1;
+      if (domainOptions.value.length === 0) {
+        loadDomainOptions();
+      }
+    } else {
+      console.log("error submit!");
+    }
+  });
+};
+const getPlanConfigOption = () => {
+  planConfigOption().then(({ data }) => {
+    configOptions.value = data;
+    for (let i = 0; i < data.length; i++) {
+      configForm.value.push({
+        filterName: data[i].filterName,
+        values: [],
+      });
+    }
+  });
+};
+const submitPlanForm = () => {
+  confirm("确认提交表单吗", () => {
+    let data = {
+      planFilterForm: configForm.value,
+      workFlowForm: formData.value,
+    };
+    loading.value = true;
+    addPlanFilterConfig(data)
+      .then(() => {
+        ElMessage.success({ message: "操作成功", duration: 1000 });
+        currentPage.value = 0;
+        resetForm(baseFormRef.value);
+        resetForm(configFormRef.value);
+      })
+      .finally(() => {
+        loading.value = false;
+      });
+  });
+};
+onMounted(async () => {
+  await getPlanConfigOption();
+});
+</script>
+
+<style scoped>
+:deep(.my-label) {
+  width: 100px !important;
+  text-align: center !important;
+  background: var(--el-color-white) !important;
+}
+
+:deep(.el-card__body) {
+  padding: 10px 5px 0 5px;
+}
+
+:deep(.el-form-item--default) {
+  margin-bottom: 0;
+}
+</style>
diff --git a/src/views/family/operate/workflow/index.vue b/src/views/family/operate/workflow/index.vue
new file mode 100644
index 0000000..f6606d2
--- /dev/null
+++ b/src/views/family/operate/workflow/index.vue
@@ -0,0 +1,203 @@
+<template>
+  <div class="app-container">
+    <div class="search-container">
+      <el-form :model="queryForm">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="查询条件" prop="selectName">
+              <el-select
+                v-model="queryForm.selectName"
+                placeholder="请选择"
+                style="width: 240px"
+                @change="resetSelect"
+                clearable
+              >
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" v-if="queryForm.selectName !== undefined">
+            <el-form-item prop="selectValue">
+              <el-input
+                v-model="queryForm.selectValue"
+                placeholder="请输入"
+                style="width: 300px"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="buttonColSpan">
+            <el-form-item>
+              <el-button type="primary" :icon="Search" @click="handleQuery"
+                >搜索
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <el-card shadow="never">
+      <template #header>
+        <div class="flex justify-between">
+          <div style="display: flex; align-items: center">
+            <el-icon size="15"> <Grid /> </el-icon>&nbsp;<span
+              style="font-weight: 700; font-size: 14px; line-height: 16px"
+              >工作流信息</span
+            >
+          </div>
+          <div>
+            <el-button type="primary" :icon="Plus" @click="addWorkflowPage"
+              >新增</el-button
+            >
+          </div>
+        </div>
+      </template>
+      <div class="any-table">
+        <el-table :data="tableData" v-loading="loading">
+          <el-table-column align="center" label="工作流名称" prop="planName" />
+          <el-table-column align="center" label="开始时间" prop="startTime" />
+          <el-table-column align="center" label="结束时间" prop="endTime" />
+          <el-table-column align="center" label="创建时间" prop="createTime" />
+          <el-table-column align="center" label="创建人" prop="createTime" />
+          <el-table-column align="center" label="工作流状态" prop="planStatus">
+            <template #default="scope">
+              <el-tag type="primary" v-if="scope.row.planStatus === 0"
+                >初始化</el-tag
+              >
+              <el-tag type="primary" v-if="scope.row.planStatus === 1"
+                >待执行</el-tag
+              >
+              <el-tag type="primary" v-if="scope.row.planStatus === 2"
+                >执行中</el-tag
+              >
+              <el-tag type="success" v-if="scope.row.planStatus === 3"
+                >结束</el-tag
+              >
+              <el-tag type="danger" v-if="scope.row.planStatus === 4"
+                >异常结束</el-tag
+              >
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" align="center">
+            <template #default="scope">
+              <el-button
+                type="danger"
+                :icon="Delete"
+                @click="handleDelete(scope.row.planId)"
+                link
+                >删除</el-button
+              >
+              <el-button
+                type="primary"
+                v-if="scope.row.planStatus === 0"
+                :icon="Position"
+                link
+                @click="handleUpdateStatus(scope.row.planId, 1)"
+                >开始</el-button
+              >
+              <el-button
+                type="primary"
+                :icon="Position"
+                v-else
+                link
+                @click="handleUpdateStatus(scope.row.planId, 0)"
+                >停止</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-if="total > 0"
+          v-model:total="total"
+          v-model:page="queryForm.pageNum"
+          v-model:limit="queryForm.pageSize"
+          @pagination="handleQuery"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Delete, Grid, Plus, Position, Search } from "@element-plus/icons-vue";
+import { WorkFlowTable } from "@/api/workflow/types";
+import {
+  getWorkflowPage,
+  removeWorkflow,
+  updateWorkflowStatus,
+} from "@/api/workflow";
+import { confirm } from "@/utils/confirm";
+
+const queryForm = ref<SelectForm>({
+  pageNum: 1,
+  pageSize: 10,
+});
+const loading = ref<boolean>(false);
+const total = ref<number>(0);
+const router = useRouter();
+const tableData = ref<WorkFlowTable[]>([]);
+const options = ref<OptionType[]>([{ label: "工作流名称", value: "planName" }]);
+const resetSelect = () => {
+  queryForm.value.selectValue = undefined;
+};
+const buttonColSpan = computed(() => {
+  return queryForm.value.selectName === undefined ? 18 : 12;
+});
+const handleQuery = () => {
+  let selectValue = queryForm.value.selectValue;
+  if (selectValue === "" || selectValue === undefined) {
+    ElMessage.error({ message: "请选择查询条件", duration: 1000 });
+    return;
+  }
+  loading.value = true;
+  getWorkflowPage(queryForm.value)
+    .then(({ data }) => {
+      tableData.value = data.list;
+      total.value = data.total;
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+};
+const addWorkflowPage = () => {
+  router.push({
+    path: `/resources/workflow/add`,
+  });
+};
+const handleDelete = (planId: number) => {
+  confirm("确定删除吗", () => {
+    loading.value = true;
+    removeWorkflow(planId)
+      .then(() => {
+        ElMessage.success({ message: "操作成功", duration: 1000 });
+        handleQuery();
+      })
+      .finally(() => {
+        loading.value = false;
+      });
+  });
+};
+const handleUpdateStatus = (planId: number, status: number) => {
+  confirm("确定修改该工作流状态吗", () => {
+    loading.value = true;
+    updateWorkflowStatus(planId, status)
+      .then(() => {
+        ElMessage.success({ message: "操作成功", duration: 1000 });
+        handleQuery();
+      })
+      .finally(() => {
+        loading.value = false;
+      });
+  });
+};
+</script>
+
+<style scoped>
+:deep(.el-card__body) {
+  padding: 10px 0 0 0;
+}
+</style>