From ffe58e0cf73fa61d8b05de09645c5d8d89007ce5 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 16 六月 2026 15:20:52 +0800
Subject: [PATCH] 君歌 1.部署修改

---
 src/views/productionManagement/productionProcess/New.vue |  172 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 172 insertions(+), 0 deletions(-)

diff --git a/src/views/productionManagement/productionProcess/New.vue b/src/views/productionManagement/productionProcess/New.vue
index e69de29..f532f09 100644
--- a/src/views/productionManagement/productionProcess/New.vue
+++ b/src/views/productionManagement/productionProcess/New.vue
@@ -0,0 +1,172 @@
+<template>
+  <FormDialog
+    v-model="isShow"
+    title="鏂板宸ュ簭"
+    width="1000px"
+    @confirm="handleSubmit"
+    @cancel="closeModal"
+  >
+    <el-form label-width="180px" :model="formState" label-position="top" ref="formRef">
+      <el-form-item
+          label="閮ㄤ欢锛�"
+          prop="name"
+          :rules="[
+              {
+              required: true,
+              message: '璇疯緭鍏ラ儴浠�',
+            },
+            {
+              max: 100,
+              message: '鏈�澶�100涓瓧绗�',
+            }
+          ]">
+        <el-input v-model="formState.name" />
+      </el-form-item>
+      <el-form-item label="宸ュ簭缂栧彿" prop="no">
+        <el-input v-model="formState.no"  />
+      </el-form-item>
+      <el-form-item
+          label="宸ュ簭绫诲瀷"
+          prop="processType"
+          :rules="[
+              {
+              required: true,
+              message: '璇烽�夋嫨宸ュ簭绫诲瀷',
+            }
+          ]"
+      >
+        <el-select v-model="formState.processType" placeholder="璇烽�夋嫨宸ュ簭绫诲瀷" style="width: 100%">
+          <el-option v-for="item in processTypeOptions"
+                     :key="item"
+                     :label="item"
+                     :value="item" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="璁″垝宸ユ椂(灏忔椂)" prop="salaryQuota">
+        <el-input v-model="formState.salaryQuota" type="number" :step="0.5" />
+      </el-form-item>
+      <el-form-item label="璁″垝浜哄憳" prop="planPerson">
+        <el-select v-model="formState.planPerson"
+                   placeholder="璇烽�夋嫨璁″垝浜哄憳"
+                   clearable
+                   filterable
+                   style="width: 100%">
+          <el-option v-for="item in employeeOptions"
+                     :key="item.id"
+                     :label="item.staffName"
+                     :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="璁″垝鎵ц浜哄憳" prop="executor">
+        <el-select v-model="formState.executor"
+                   placeholder="璇烽�夋嫨璁″垝鎵ц浜哄憳"
+                   clearable
+                   filterable
+                   style="width: 100%">
+          <el-option v-for="item in employeeOptions"
+                     :key="item.id"
+                     :label="item.staffName"
+                     :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鏄惁璐ㄦ" prop="isQuality">
+        <el-switch v-model="formState.isQuality" :active-value="true" inactive-value="false"/>
+      </el-form-item>
+      <el-form-item label="鏄惁鍏ュ簱" prop="inbound">
+        <el-switch v-model="formState.inbound" :active-value="true" inactive-value="false"/>
+      </el-form-item>
+      <el-form-item label="鏄惁鎶ュ伐" prop="reportWork">
+        <el-switch v-model="formState.reportWork" :active-value="true" inactive-value="false"/>
+      </el-form-item>
+      <el-form-item label="澶囨敞" prop="remark">
+        <el-input v-model="formState.remark" type="textarea" />
+      </el-form-item>
+    </el-form>
+  </FormDialog>
+</template>
+
+<script setup>
+import { ref, computed, getCurrentInstance, onMounted } from "vue";
+import { add } from "@/api/productionManagement/productionProcess.js";
+import { staffOnJobListPage } from "@/api/personnelManagement/staffOnJob.js";
+import FormDialog from "@/components/Dialog/FormDialog.vue";
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    required: true,
+  },
+});
+
+const emit = defineEmits(['update:visible', 'completed']);
+
+const processTypeOptions = [
+  "鏈哄姞宸�",
+  "鍒澘鍐疯姱鍒朵綔",
+  "绠¤矾缁勫",
+  "缃愪綋杩炴帴鍙婅皟璇�",
+  "娴嬭瘯鎵撳帇",
+  "鍏朵粬",
+];
+
+const employeeOptions = ref([]);
+
+const formState = ref({
+  name: '',
+  no: '',
+  processType: '',
+  remark: '',
+  salaryQuota: '',
+  planPerson: null,
+  executor: null,
+  isQuality: false,
+  inbound: false,
+  reportWork: false,
+});
+
+const isShow = computed({
+  get() {
+    return props.visible;
+  },
+  set(val) {
+    emit('update:visible', val);
+  },
+});
+
+let { proxy } = getCurrentInstance()
+
+const closeModal = () => {
+  isShow.value = false;
+};
+
+const handleSubmit = () => {
+  proxy.$refs["formRef"].validate(valid => {
+    if (valid) {
+      add(formState.value).then(res => {
+        isShow.value = false;
+        emit('completed');
+        proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+      })
+    }
+  })
+};
+
+const loadEmployees = async () => {
+  try {
+    const res = await staffOnJobListPage({ current: -1, size: -1, staffState: 1 });
+    employeeOptions.value = res.data?.records || [];
+  } catch (error) {
+    console.error("鍔犺浇鍛樺伐鍒楄〃澶辫触", error);
+  }
+};
+
+onMounted(() => {
+  loadEmployees();
+});
+
+defineExpose({
+  closeModal,
+  handleSubmit,
+  isShow,
+});
+</script>

--
Gitblit v1.9.3