设计变更

src/views/design/designChange/indexEdit.vue

@@ -1,33 +1,13 @@
 <template>
-  <div class="p-4 bg-gray-50">
+  <div class="p-4 bg-gray-50 designChangeForm">
     <div class="max-w-4xl mx-auto">
-      <!-- 顶部按钮区域 -->
-      <el-card class="mb-4 rounded-lg shadow-sm bg-white border border-gray-100 transition-all hover:shadow-md">
-        <approvalButton
-          @submitForm="submitForm"
-          @approvalVerifyOpen="approvalVerifyOpen"
-          @handleApprovalRecord="handleApprovalRecord"
-          :buttonLoading="buttonLoading"
-          :id="form.id"
-          :status="form.status"
-          :pageType="routeParams.type"
-        />
-      </el-card>
       <!-- 表单区域 -->
       <el-card class="rounded-lg shadow-sm bg-white border border-gray-100 transition-all hover:shadow-md overflow-hidden">
         <div class="p-4 bg-gradient-to-r from-blue-50 to-indigo-50 border-b border-gray-100">
           <h3 class="text-lg font-semibold text-gray-800">设计变更信息</h3>
         </div>
         <div class="p-6">
-          <el-form
-            ref="leaveFormRef"
-            v-loading="loading"
-            :disabled="routeParams.type === 'view'"
-            :model="form"
-            :rules="rules"
-            label-width="100px"
-            class="space-y-4"
-          >
+          <el-form ref="leaveFormRef" :disabled="routeParams.type === 'view'" :model="form" :rules="rules" label-width="100px" class="space-y-4">
             <div class="grid grid-cols-1 gap-4">
               <el-row>
                 <el-col :span="12">
@@ -39,6 +19,25 @@
                   <el-form-item label="工程名称" prop="projectName">
                     <el-input v-model="form.projectName" placeholder="请输入工程名称" /> </el-form-item
                 ></el-col>
+                <el-col :span="12">
+                  <el-form-item label="原卷册号" prop="volumeNo">
+                    <el-select
+                      id="projectSelect"
+                      v-model="form.volumeNo"
+                      placeholder="请选择原卷册号"
+                      clearable
+                      filterable
+                      @change="handleSelect"
+                      style="width: 150px; margin-right: 20px"
+                    >
+                      <el-option
+                        v-for="project in volumeCatalogList"
+                        :key="project.volumeNumber"
+                        :label="project.volumeNumber"
+                        :value="project.volumeNumber"
+                      />
+                    </el-select> </el-form-item
+                ></el-col>
                 <el-col :span="12">
                   <el-form-item label="提出单位" prop="submitUnit">
                     <el-input v-model="form.submitUnit" placeholder="请输入提出单位" />
@@ -46,7 +45,7 @@
                 </el-col>
                 <el-col :span="12">
                   <el-form-item label="专业" prop="specialty">
-                    <el-input v-model="form.specialty" placeholder="请输入专业" />
+                    <el-input disabled v-model="form.specialty" placeholder="请输入专业" />
                   </el-form-item>
                 </el-col>
                 <el-col :span="12">
@@ -54,15 +53,12 @@
                     <el-date-picker clearable v-model="form.submitDate" type="date" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择提出日期">
                     </el-date-picker> </el-form-item
                 ></el-col>
-                <el-col :span="12">
+                <!-- <el-col :span="12">
                   <el-form-item label="卷册名称" prop="volumeName"> <el-input v-model="form.volumeName" placeholder="请输入卷册名称" /> </el-form-item
-                ></el-col>
-                <el-col :span="12">
-                  <el-form-item label="原卷册号" prop="volumeNo"> <el-input v-model="form.volumeNo" placeholder="请输入卷册号" /> </el-form-item
-                ></el-col>
+                ></el-col> -->
                 <el-col :span="12">
                   <el-form-item label="子项名称" prop="subName">
-                    <el-input v-model="form.extendDetail.subName" placeholder="请输入子项名称" /> </el-form-item
+                    <el-input disabled v-model="form.extendDetail.subName" placeholder="请输入子项名称" /> </el-form-item
                 ></el-col>
                 <el-col :span="24">
                   <el-form-item label="原设计处置" prop="designDisposal">
@@ -73,6 +69,19 @@
                     </el-radio-group>
                   </el-form-item></el-col
                 >
+                <el-col :span="24" v-if="form.extendDetail.designDisposal == 2 && form.volumeNo">
+                  <el-form-item label="选择保留文件" prop="designPhase">
+                    <el-select
+                      id="projectSelect"
+                      v-model="form.saveFile"
+                      placeholder="请选择保留文件"
+                      multiple
+                      style="width: 150px; margin-right: 20px"
+                    >
+                      <el-option v-for="project in fileVoList" :key="project.id" :label="project.fileName" :value="project.id" />
+                    </el-select>
+                  </el-form-item>
+                </el-col>
                 <el-col :span="12">
                   <el-form-item label="设计阶段" prop="designPhase">
                     <el-input v-model="form.extendDetail.designPhase" placeholder="请输入设计阶段" /> </el-form-item
@@ -133,91 +142,47 @@
             </div>
           </el-form>
         </div>
-      </el-card>
-      <!-- 提交组件 -->
-      <submitVerify ref="submitVerifyRef" :task-variables="taskVariables" @submit-callback="submitCallback" />
-      <approvalRecord ref="approvalRecordRef"></approvalRecord>
-      <!-- 流程选择对话框 -->
-      <el-dialog
-        draggable
-        v-model="dialogVisible.visible"
-        :title="dialogVisible.title"
-        :before-close="handleClose"
-        width="500"
-        class="rounded-lg shadow-lg"
-      >
-        <div class="p-4">
-          <p class="text-gray-600 mb-4">请选择要启动的流程：</p>
-          <el-select v-model="flowCode" placeholder="请选择流程" style="width: 100%">
-            <el-option v-for="item in flowCodeOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
+        <div class="flex justify-center gap-4 mt-8">
+          <el-button @click="goBack" size="large" class="px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors"
+            >返回</el-button
+          >
+          <el-button
+            type="primary"
+            size="large"
+            @click="submitForm"
+            class="px-4 py-2 bg-primary text-white rounded-md hover:bg-primary/90 transition-colors"
+            >确认</el-button
+          >
         </div>
-        <template #footer>
-          <div class="dialog-footer p-4 border-t border-gray-100 flex justify-end space-x-3">
-            <el-button @click="handleClose" class="px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors"
-              >取消</el-button
-            >
-            <el-button type="primary" @click="submitFlow()" class="px-4 py-2 bg-primary text-white rounded-md hover:bg-primary/90 transition-colors"
-              >确认</el-button
-            >
-          </div>
-        </template>
-      </el-dialog>
+      </el-card>
     </div>
   </div>
 </template>
 
 <script setup name="Leave" lang="ts">
-import { LeaveForm, LeaveQuery, LeaveVO } from '@/api/workflow/leave/types';
-import { startWorkFlow } from '@/api/workflow/task';
-import SubmitVerify from '@/components/Process/submitVerify.vue';
-import ApprovalRecord from '@/components/Process/approvalRecord.vue';
-import ApprovalButton from '@/components/Process/approvalButton.vue';
-import { StartProcessBo } from '@/api/workflow/workflowCommon/types';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 import { useUserStoreHook } from '@/store/modules/user';
-import { getDesignChange, addDesignChange, updateDesignChange } from '@/api/design/designChange';
+import { addDesignChange } from '@/api/design/designChange';
+import { listVolumeCatalog } from '@/api/design/volumeCatalog';
 const { design_change_reason_type } = toRefs<any>(proxy?.useDict('design_change_reason_type'));
-
+const route = useRoute();
+const router = useRouter();
 // 获取用户 store
 const userStore = useUserStoreHook();
 // 从 store 中获取项目列表和当前选中的项目
 const currentProject = computed(() => userStore.selectedProject);
 const buttonLoading = ref(false);
-const loading = ref(true);
+const volumeCatalogList = ref([]);
+let volumeMap = new Map();
 //路由参数
 const routeParams = ref<Record<string, any>>({});
-const flowCodeOptions = [
-  {
-    value: currentProject.value?.id + '_designchanged',
-    label: '设计变更审批'
-  }
-];
-const flowCode = ref<string>('');
-const status = ref<string>('');
-const dialogVisible = reactive<DialogOption>({
-  visible: false,
-  title: '流程定义'
-});
-//提交组件
-const submitVerifyRef = ref<InstanceType<typeof SubmitVerify>>();
-//审批记录组件
-const approvalRecordRef = ref<InstanceType<typeof ApprovalRecord>>();
-//按钮组件
-const approvalButtonRef = ref<InstanceType<typeof ApprovalButton>>();
-
 const leaveFormRef = ref<ElFormInstance>();
 const dialog = reactive({
   visible: false,
   title: '',
   isEdit: false
 });
-const submitFormData = ref<StartProcessBo>({
-  businessId: '',
-  flowCode: '',
-  variables: {}
-});
-const taskVariables = ref<Record<string, any>>({});
+const fileVoList = ref([]);
 const initFormData = {
   id: undefined,
   projectId: currentProject.value?.id,
@@ -236,6 +201,7 @@ const initFormData = {
   fileId: undefined,
   status: undefined,
   remark: undefined,
+  saveFile: undefined,
   extendDetail: {
     changeCategory: undefined,
     ImpProcedure: undefined,
@@ -262,11 +228,6 @@ const data = reactive({
   rules: {}
 });
 
-const handleClose = () => {
-  dialogVisible.visible = false;
-  flowCode.value = '';
-  buttonLoading.value = false;
-};
 const { form, rules } = toRefs(data);
 
 /** 表单重置 */
@@ -275,126 +236,63 @@ const reset = () => {
   leaveFormRef.value?.resetFields();
 };
 
-/** 获取详情 */
-const getInfo = () => {
-  loading.value = true;
-  buttonLoading.value = false;
-  nextTick(async () => {
-    const res = await getDesignChange(routeParams.value.id);
-    Object.assign(form.value, res.data);
-    if (form.value.changeReason.length > 0) {
-      form.value.changeReason = form.value.changeReason.split(',');
-    }
-    loading.value = false;
-    buttonLoading.value = false;
-  });
+//返回
+const goBack = () => {
+  proxy.$tab.closePage(route);
+  router.go(-1);
 };
-
 /** 提交按钮 */
-const submitForm = (status1: string) => {
-  status.value = status1;
+const submitForm = () => {
   var changeReason = '';
-  if (form.value.changeReason.length > 0) {
+  if (form.value.changeReason && form.value.changeReason.length > 0) {
     changeReason = form.value.changeReason.join(',');
   }
+  var saveFile = '';
+  if (form.value.saveFile && form.value.saveFile.length > 0) {
+    saveFile = form.value.saveFile.join(',');
+  }
   leaveFormRef.value?.validate(async (valid: boolean) => {
     if (valid) {
-      buttonLoading.value = true;
       var res;
-      if (form.value.id) {
-        res = await updateDesignChange({ ...form.value, changeReason }).finally(() => (buttonLoading.value = false));
-      } else {
-        res = await addDesignChange({ ...form.value, changeReason }).finally(() => (buttonLoading.value = false));
-      }
+      res = await addDesignChange({ ...form.value, changeReason, saveFile }).finally(() => (buttonLoading.value = false));
       if (res.code == 200) {
-        dialog.visible = false;
-        if (res.data.extendDetail == null) {
-          res.data.extendDetail = {
-            'changeCategory': '',
-            'ImpProcedure': '',
-            'involvingProfessions': '',
-            'subName': '',
-            'designDisposal': '',
-            'designPhase': ''
-          };
-        }
-        submit(status.value, res.data);
+        ElMessage.success('通知成功');
+        goBack();
+      } else {
+        ElMessage.error(res.msg);
       }
     }
   });
 };
-
-const submitFlow = async () => {
-  handleStartWorkFlow(form.value);
-  dialogVisible.visible = false;
+/** 查询卷册目录列表 */
+const getList = async () => {
+  const res = await listVolumeCatalog({ projectId: currentProject.value?.id, auditStatus: 'finish' });
+  volumeCatalogList.value = res.rows;
+  volumeCatalogList.value.forEach((e) => {
+    volumeMap.set(e.volumeNumber, e);
+  });
 };
-//提交申请
-const handleStartWorkFlow = async (data: LeaveForm) => {
-  try {
-    submitFormData.value.flowCode = flowCode.value;
-    submitFormData.value.businessId = data.id;
-    //流程变量
-    taskVariables.value = {
-      // leave4/5 使用的流程变量
-      userList: ['1', '3', '4'],
-      costEstimation: form.value.costEstimation
-    };
-    submitFormData.value.variables = taskVariables.value;
-    const resp = await startWorkFlow(submitFormData.value);
-    if (submitVerifyRef.value) {
-      buttonLoading.value = false;
-      submitVerifyRef.value.openDialog(resp.data.taskId);
-    }
-  } finally {
-    buttonLoading.value = false;
-  }
+const handleSelect = (val) => {
+  let obj = volumeMap.get(val);
+  console.log(obj);
+  fileVoList.value = obj.fileVoList;
+  form.value.volumeName = obj.volumeName;
+  form.value.specialty = obj.specialty;
+  form.value.extendDetail.subName = obj.designSubitem;
 };
-//审批记录
-const handleApprovalRecord = () => {
-  approvalRecordRef.value.init(form.value.id);
-};
-//提交回调
-const submitCallback = async () => {
-  await proxy.$tab.closePage(proxy.$route);
-  proxy.$router.go(-1);
-};
-//审批
-const approvalVerifyOpen = async () => {
-  submitVerifyRef.value.openDialog(routeParams.value.taskId);
-};
-const submit = async (status, data) => {
-  form.value = data;
-  if (status === 'draft') {
-    buttonLoading.value = false;
-    proxy?.$modal.msgSuccess('暂存成功');
-    proxy.$tab.closePage(proxy.$route);
-    proxy.$router.go(-1);
-  } else {
-    if ((form.value.status === 'draft' && (flowCode.value === '' || flowCode.value === null)) || routeParams.value.type === 'add') {
-      flowCode.value = flowCodeOptions[0].value;
-      dialogVisible.visible = true;
-      return;
-    }
-    //说明启动过先随意穿个参数
-    if (flowCode.value === '' || flowCode.value === null) {
-      flowCode.value = 'xx';
-    }
-    await handleStartWorkFlow(data);
-  }
-};
-
 onMounted(() => {
   nextTick(async () => {
-    routeParams.value = proxy.$route.query;
     reset();
-    loading.value = false;
-    if (routeParams.value.type === 'update' || routeParams.value.type === 'view' || routeParams.value.type === 'approval') {
-      getInfo();
-    }
+    getList();
   });
 });
 </script>
 <style scoped lang="scss">
+.designChangeForm {
+  .el-select {
+    width: 300px !important;
+  }
+}
 /* 全局样式 */
 :root {
   --primary: #409eff;