CCAP控制计划管理-调整编制负责人

src/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/index/cn.json

@@ -41,5 +41,13 @@
   "messageContent": "消息内容",
   "selectMessageReceiver": "选择消息接收人",
   "editMessageContent": "编辑消息内容",
-  "selectPersonnel": "选择人员"
+  "selectPersonnel": "选择人员",
+  "controlPlanNumberPrefix": "（控制计划编号：",
+  "controlPlanNumberSuffix": "）",
+  "keyPartsList": "关键零部件清单",
+  "keyProcessAssemblyInspectionList": "关键工序、装配、检验清单",
+  "copTestAndChecklist": "COP试验和检查表",
+  "compilationResponsiblePerson": "编制负责人",
+  "manufacturingCompilationResponsiblePerson": "制造编制负责人",
+  "qualityControlCompilationResponsiblePerson": "质管编制负责人"
 }

src/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/index/en.json

@@ -41,5 +41,13 @@
   "messageContent": "Message Content",
   "selectMessageReceiver": "Select Message Receiver",
   "editMessageContent": "Edit Message Content",
-  "selectPersonnel": "Select Personnel"
+  "selectPersonnel": "Select Personnel",
+  "controlPlanNumberPrefix": "(Control Plan Number: ",
+  "controlPlanNumberSuffix": ")",
+  "keyPartsList": "Key Parts List",
+  "keyProcessAssemblyInspectionList": "Key Process, Assembly and Inspection List",
+  "copTestAndChecklist": "COP Test and Checklist",
+  "compilationResponsiblePerson": "Compilation Responsible Person",
+  "manufacturingCompilationResponsiblePerson": "Manufacturing Compilation Responsible Person",
+  "qualityControlCompilationResponsiblePerson": "Quality Control Compilation Responsible Person"
 }

src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/index.vue

@@ -451,51 +451,59 @@
   <!--  调整编制负责人弹出框-->
   <el-dialog
     v-model="adjustCompilationResponsiblePersonDialogVisible"
-    title="调整编制负责人 (控制计划编号: xxxxxxxx)"
-    :width="600 + 'px'"
-    :height="600 + 'px'"
+    title="调整编制负责人"
     custom-class="my-dialog-style"
+    style="width: 950px;height: 500px;margin-top: 200px" :fullscreen="true"
   >
+    <template #header>
+      <div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ cn.adjustCompilationResponsiblePerson }} </span><span>{{ cn.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ cn.controlPlanNumberSuffix }}</span></div>
+      <div style="color: #666666;font-size: 16px;font-weight: bold"><span>{{ en.adjustCompilationResponsiblePerson }} </span><span>{{ en.controlPlanNumberPrefix }} {{ currentRow.controlPlanNumber }} {{ en.controlPlanNumberSuffix }}</span></div>
+    </template>
     <template #default>
+      <!-- 01.关键零部件清单-->
       <div>
-        <div class="tab-components">
-          <span class="components-span">01.关键零部件清单</span>
+        <div class="tab-components" style="margin-bottom: 10px">
+          <span class="components-span">01.{{cn.keyPartsList}}/{{en.keyPartsList}}</span>
         </div>
         <el-checkbox v-model="isChecked1">
-          编制负责人:
-          <el-input v-model="personInCharge1" :disabled="!isChecked1" style="width: 200px" />
-          <el-button type="primary" plain icon="user" :disabled="!isChecked1">选择人员</el-button>
+          {{cn.keyPartsList}}/{{en.keyPartsList}}：
+          <el-input v-model="personInCharge1" :disabled="!isChecked1" style="width: 200px;margin-right: 10px" />
+          <el-button type="primary" plain icon="user" :disabled="!isChecked1">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
         </el-checkbox>
       </div>
+      <!-- 02.关键工序、装配、检验清单-->
       <div>
-        <div class="tab-components">
-          <span class="components-span">02.关键工序、装配、检验清单</span>
+        <div class="tab-components" style="margin-bottom: 10px">
+          <span class="components-span">02.{{cn.keyProcessAssemblyInspectionList}}/{{en.keyProcessAssemblyInspectionList}}</span>
         </div>
         <el-checkbox v-model="isChecked2">
-          编制负责人:
-          <el-input v-model="personInCharge2" :disabled="!isChecked2" style="width: 200px" />
-          <el-button type="primary" plain icon="user" :disabled="!isChecked2">选择人员</el-button>
+          {{cn.keyPartsList}}/{{en.keyPartsList}}：
+          <el-input v-model="personInCharge2" :disabled="!isChecked2" style="width: 200px;margin-right: 10px" />
+          <el-button type="primary" plain icon="user" :disabled="!isChecked2">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
         </el-checkbox>
       </div>
+      <!-- 03.COP试验和检查表-->
       <div>
-        <div class="tab-components">
-          <span class="components-span">03.COP试验和检查表</span>
+        <div class="tab-components" style="margin-bottom: 10px">
+          <span class="components-span">03.{{cn.copTestAndChecklist}}/{{en.copTestAndChecklist}}</span>
         </div>
         <el-checkbox v-model="isChecked3">
-          制造编制负责人:
-          <el-input v-model="manufacturingPersonInCharge" :disabled="!isChecked3" style="width: 200px" />
-          <el-button type="primary" plain icon="user" :disabled="!isChecked3">选择人员</el-button>
+          {{cn.manufacturingCompilationResponsiblePerson}}/{{en.manufacturingCompilationResponsiblePerson}}：
+          <el-input v-model="manufacturingPersonInCharge" :disabled="!isChecked3" style="width: 200px;margin-right: 10px" />
+          <el-button type="primary" plain icon="user" :disabled="!isChecked3">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
         </el-checkbox>
         <el-checkbox v-model="isChecked4">
-          质管编制负责人:
-          <el-input v-model="qualityControlPersonInCharge" :disabled="!isChecked4" style="width: 200px" />
-          <el-button type="primary" plain icon="user" :disabled="!isChecked4">选择人员</el-button>
+          {{cn.qualityControlCompilationResponsiblePerson}}/{{en.qualityControlCompilationResponsiblePerson}}：
+          <el-input v-model="qualityControlPersonInCharge" :disabled="!isChecked4" style="width: 200px;margin-right: 10px" />
+          <el-button type="primary" plain icon="user" :disabled="!isChecked4">{{cn.selectPersonnel}}/{{en.selectPersonnel}}</el-button>
         </el-checkbox>
       </div>
     </template>
     <template #footer>
-      <el-button @click="adjustCompilationResponsiblePersonDialogVisible = false">取消</el-button>
-      <el-button type="primary" @click="adjustCompilationResponsiblePersonSubmitForm(row)">确定</el-button>
+      <div style="margin-top: 60px">
+      <el-button @click="adjustCompilationResponsiblePersonDialogVisible = false">{{cn.cancel}}/{{en.cancel}}</el-button>
+      <el-button type="primary" @click="adjustCompilationResponsiblePersonSubmitForm(row)">{{cn.confirm}}/{{en.confirm}}</el-button>
+      </div>
     </template>
   </el-dialog>
 
@@ -539,6 +547,7 @@ const remindDownloadForm = ref({
 const businessList = ref([]);
 const tableList = ref([]);
 const controlPlanStatusOptions = ref([]);
+const currentRow = ref(null);
 const undoDialogVisible = ref(false) //撤回提示框
 const deleteDialogVisible = ref(false) //删除提示框
 const drawer = ref(false) //提醒下载抽屉
@@ -641,6 +650,7 @@ function handleDelete(row) {
 /** 调整编制负责人按钮操作 */
 function adjustCompilationResponsiblePerson(row) {
   adjustCompilationResponsiblePersonDialogVisible.value = true
+  currentRow.value = row;
 }
 /** 提交调整编制负责人更改 */
 function adjustCompilationResponsiblePersonSubmitForm(row) {
@@ -648,11 +658,13 @@ function adjustCompilationResponsiblePersonSubmitForm(row) {
     keyPartsListPersonInCharge: personInCharge1.value,
     keyProcessListPersonInCharge: personInCharge2.value,
     manufacturingPersonInCharge: manufacturingPersonInCharge.value,
-    qualityControlPersonInCharge: qualityControlPersonInCharge.value
+    qualityControlPersonInCharge: qualityControlPersonInCharge.value,
+    controlPlanId: row.id
   };
 
   async function submitData() {
     try {
+      // 调用提交接口传formData
 
       adjustCompilationResponsiblePersonDialogVisible.value = false;
       ElMessage.success('数据提交成功');
@@ -705,6 +717,7 @@ onMounted(()=>{
 :deep(.el-pagination.is-background .el-pager li.is-active){
   background-color: #0154FB;
 }
+:deep(.el-checkbox__input.is-checked+.el-checkbox__label){}
 .tab-components{
   display: flex;
   justify-content: space-between;