CCAP编制任务处理创建

src/api/CCAPCompileTaskProcessing/CCAPCompileTaskProcessing.js

+// 查询所有事业部名称
+export function getAllBusinessUnitName() {
+  return request({
+    url: '/control/unit/list',
+    method: 'get',
+  })
+}
+// 查询所有车型代码
+export function getAllvehicleModelCode() {
+  return request({
+    url: '/control/notificationManagement/getAllModelCode',
+    method: 'get',
+  })
+}

src/locales/controlPlan/CCAPControlPlan/CCAPCompileTaskProcessing/cn.json

-{
-  "search": "搜索",
-  "reset": "重置"
-}

src/locales/controlPlan/CCAPControlPlan/CCAPCompileTaskProcessing/en.json

-{
-  "search": "search",
-  "reset": "reset"
-}

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

+{
+  "search": "搜索",
+  "reset": "重置",
+  "pleaseChoose": "请选择",
+  "pleaseEnter": "请输入",
+  "pleaseChooseOrEnter": "请选择或输入",
+  "businessDivision": "事业部",
+  "vehicleTypeCode": "车型代码",
+  "vehicleTypeSeries": "车型系列",
+  "versionNumber": "版本号",
+  "creator": "创建人",
+  "controlPlanStatus": "控制计划状态",
+  "controlPlanNumber": "控制计划编号",
+  "productionAddress": "生产地址",
+  "compilationDeadline": "编制截止日期",
+  "revisionDate": "修订日期",
+  "creationDate": "创建日期",
+  "productionPlant": "生产厂",
+  "productionSituation": "生产情况",
+  "keyPartsListFormStatus": "关键件清单表单状态",
+  "keyProcessFormStatus": "关键工序……表单状态",
+  "COPTestAndChecklistFormStatus": "COP试验和检查表表单状态",
+  "operation": "操作",
+  "serialNumber": "序号",
+  "viewHistoricalControlPlan": "查看历史控制计划",
+  "view": "查看",
+  "revoke": "撤销",
+  "adjustCompilationResponsiblePerson": "调整编制负责人",
+  "generateFile": "生成文件",
+  "remindDownload": "提醒下载",
+  "change": "变更",
+  "fineTune": "微调",
+  "delete": "删除",
+  "prompt": "提示",
+  "confirmUndoControlPlan": "确定撤销该控制计划吗?",
+  "confirmDeleteControlPlan": "确定删除该控制计划吗?",
+  "cancel": "取消",
+  "confirm": "确定",
+  "receiver": "接收人",
+  "messageTitle": "消息标题",
+  "messageContent": "消息内容",
+  "selectMessageReceiver": "选择消息接收人",
+  "editMessageContent": "编辑消息内容",
+  "selectPersonnel": "选择人员",
+  "controlPlanNumberPrefix": "（控制计划编号：",
+  "controlPlanNumberSuffix": "）",
+  "keyPartsList": "关键零部件清单",
+  "keyProcessAssemblyInspectionList": "关键工序、装配、检验清单",
+  "copTestAndChecklist": "COP试验和检查表",
+  "compilationResponsiblePerson": "编制负责人",
+  "manufacturingCompilationResponsiblePerson": "制造编制负责人",
+  "qualityControlCompilationResponsiblePerson": "质管编制负责人"
+}

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

+{
+  "search": "Search",
+  "reset": "Reset",
+  "pleaseChoose": "Please Choose",
+  "pleaseEnter": "Please Enter",
+  "pleaseChooseOrEnter": "Please choose or enter",
+  "businessDivision": "Business division",
+  "vehicleTypeCode": "Vehicle Type Code",
+  "vehicleTypeSeries": "Vehicle Type Series",
+  "versionNumber": "Version Number",
+  "creator": "Creator",
+  "controlPlanStatus": "Control Plan Status",
+  "controlPlanNumber": "Control Plan Number",
+  "productionAddress": "Production Address",
+  "compilationDeadline": "Compilation Deadline",
+  "revisionDate": "Revision Date",
+  "creationDate": "Creation Date",
+  "productionPlant": "Production Plant",
+  "productionSituation": "Production Situation",
+  "keyPartsListFormStatus": "Key Parts List Form Status",
+  "keyProcessFormStatus": "Key Process...Form Status",
+  "COPTestAndChecklistFormStatus": "COP Test and Checklist Form Status",
+  "operation": "Operation",
+  "serialNumber": "Ordinal",
+  "viewHistoricalControlPlan": "View Historical Control Plan",
+  "view": "View",
+  "revoke": "Revoke",
+  "adjustCompilationResponsiblePerson": "Adjust Compilation Responsible Person",
+  "generateFile": "Generate File",
+  "remindDownload": "Remind Download",
+  "change": "Change",
+  "fineTune": "Fine Tune",
+  "delete": "Delete",
+  "prompt": "Prompt",
+  "confirmUndoControlPlan": "Are you sure to undo this control plan?",
+  "confirmDeleteControlPlan": "Are you sure you want to delete this control plan?",
+  "cancel": "Cancel",
+  "confirm": "Confirm",
+  "receiver": "Receiver",
+  "messageTitle": "Message Title",
+  "messageContent": "Message Content",
+  "selectMessageReceiver": "Select Message Receiver",
+  "editMessageContent": "Edit Message Content",
+  "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/CCAPCompileTaskProcessing/index.vue

-<script setup>
+<template>
+  <div class="app-container">
+      <el-tabs v-model="activeTab" class="demo-tabs">
 
-</script>
+        <el-tab-pane :label="'编制中('+total+')'" name="first">
+          <el-form v-model="queryParams" ref="queryRef" :inline="true">
+            <el-row :gutter="20">
+              <!-- 事业部 -->
+              <el-col :span="8">
+                <el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId">
+                  <el-select
+                    v-model="queryParams.businessUnitId"
+                    :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+                    clearable
+                    style="width: 200px"
+                  >
+                    <el-option
+                      v-for="item in businessList"
+                      :label="item.businessUnitName"
+                      :value="item.businessUnitName"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <!-- 车型代码 -->
+              <el-col :span="8">
+                <el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode">
+                  <el-select
+                    v-model="queryParams.vehicleModelCode"
+                    :placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`"
+                    clearable
+                    filterable
+                    style="width: 200px"
+                  >
+                    <el-option
+                      v-for="item in vehicleModelCodeList"
+                      :label="item.vehicleModelCode"
+                      :value="item.vehicleModelCode"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <!-- 车型系列 -->
+              <el-col :span="8">
+                <el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries">
+                  <el-select
+                    v-model="queryParams.vehicleSeries"
+                    :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+                    clearable
+                    style="width: 200px"
+                  >
+                    <el-option
+                      v-for="dict in vehicle_model_series"
+                      :key="dict.key"
+                      :label="dict.label"
+                      :value="dict.value"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <!-- 车型公告号 -->
+              <el-col :span="8">
+                <el-form-item label="车型公告号" prop="versionNumber">
+                  <el-input
+                    v-model="queryParams.versionNumber"
+                    placeholder="A0-Z9"
+                    clearable
+                    disabled
+                    style="width: 200px"
+                  />
+                </el-form-item>
+              </el-col>
+              <!-- 版本号 -->
+              <el-col :span="8">
+                <el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber">
+                  <el-input
+                    v-model="queryParams.versionNumber"
+                    placeholder="A0-Z9"
+                    clearable
+                    disabled
+                    style="width: 200px"
+                  />
+                </el-form-item>
+              </el-col>
+              <!-- 任务状态 -->
+              <el-col :span="8">
+                <el-form-item label="任务状态" prop="productionAddress">
+                  <el-input
+                    v-model="queryParams.productionAddress"
+                    :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
+                    clearable
+                    style="width: 200px"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="button-container">
+                  <el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}/{{ en.search }}</el-button>
+                  <el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}/{{ en.reset }}</el-button>
+                </div>
+              </el-col>
+            </el-row>
+          </el-form>
+          <el-table :data="tableList">
+            <el-table-column fixed type="index" width="75" align="center" label="序号">
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.serialNumber}}</div>
+                  <div>{{en.serialNumber}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="控制计划编号" width="170" align="center" prop="controlPlanNumber" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.controlPlanNumber}}</div>
+                  <div>{{en.controlPlanNumber}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="事业部" width="150" align="center" prop="businessUnitName" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.businessDivision}}</div>
+                  <div>{{en.businessDivision}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型代码" width="150" align="center" prop="vehicleTypeCode" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.vehicleTypeCode}}</div>
+                  <div>{{en.vehicleTypeCode}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型系列" width="150" align="center" prop="vehicleTypeSeries" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.vehicleTypeSeries}}</div>
+                  <div>{{en.vehicleTypeSeries}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="版本号" width="150" align="center" prop="versionNumber" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.versionNumber}}</div>
+                  <div>{{en.versionNumber}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="生产地址" width="150" align="center" prop="productionAddress" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.productionAddress}}</div>
+                  <div>{{en.productionAddress}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="编制截止日期" width="170" align="center" prop="compilationDeadline" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.compilationDeadline}}</div>
+                  <div>{{en.compilationDeadline}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建人" width="170" align="center" prop="createBy" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.creator}}</div>
+                  <div>{{en.creator}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="任务名称" width="170" align="center" prop="renwumingcheng" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>任务名称</div>
+                  <div>renwumingcheng</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="编制负责人" width="170" align="center" prop="bianzhifuzeren" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>编制负责人</div>
+                  <div>bianzhifuzeren</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="我的处理状态" fixed="right" width="150" align="center" prop="wodechulizhaungtai" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>我的处理状态</div>
+                  <div>wodechulizhaungtai</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="任务状态" fixed="right" width="150" align="center" prop="renwuzhuangtai" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>任务状态</div>
+                  <div>renwuzhuangtai</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="控制计划状态" fixed="right" width="150" align="center" prop="controlPlanStatus" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.controlPlanStatus}}</div>
+                  <div>{{en.controlPlanStatus}}</div>
+                </div>
+              </template>
+              <template #default="scope">
+                <!--          <span :class="getStatusClass(changeControlPlanStatus(scope.row.controlPlanStatus))">{{ changeControlPlanStatus(scope.row.controlPlanStatus) }}</span>-->
+                <dict-tag :options="control_plan_status" :value="scope.row.controlPlanStatus"/>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" fixed="right"  align="center" class-name="small-padding fixed-width" width="200">
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.operation}}</div>
+                  <div>{{en.operation}}</div>
+                </div>
+              </template>
+              <template #default="scope">
+                <!-- 查看 -->
+                <el-button link type="primary" @click="handleView(scope.row)">
+                  <div>
+                    <div>{{cn.view}}</div>
+                    <div>{{en.view}}</div>
+                  </div>
+                </el-button>
+                <!-- 撤销 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_drafting' || scope.row.controlPlanStatus === 'plan_draft_completed'" link type="danger" @click="handleUndo(scope.row)">
+                  <div>
+                    <div>{{cn.revoke}}</div>
+                    <div>{{en.revoke}}</div>
+                  </div>
+                </el-button>
+                <!-- 删除 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_revoked' || scope.row.controlPlanStatus === 'plan_draft_deleted'" link type="danger" @click="handleDelete(scope.row.id)">
+                  <div>
+                    <div>{{cn.delete}}</div>
+                    <div>{{en.delete}}</div>
+                  </div>
+                </el-button>
+                <!-- 调整编制负责人 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_drafting' || scope.row.controlPlanStatus === 'plan_draft_completed'" link type="primary" @click="adjustCompilationResponsiblePerson(scope.row)">
+                  <div>
+                    <div>{{cn.adjustCompilationResponsiblePerson}}</div>
+                    <div>{{en.adjustCompilationResponsiblePerson}}</div>
+                  </div>
+                </el-button>
+                <!-- 生成文件 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="warning">
+                  <div>
+                    <div>{{cn.generateFile}}</div>
+                    <div>{{en.generateFile}}</div>
+                  </div>
+                </el-button>
+                <!-- 提醒下载 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="primary" @click="handleRemindDownload(scope.row)">
+                  <div>
+                    <div>{{cn.remindDownload}}</div>
+                    <div>{{en.remindDownload}}</div>
+                  </div>
+                </el-button>
+                <!-- 变更 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="warning" @click="handleChange(scope.row)">
+                  <div>
+                    <div>{{cn.change}}</div>
+                    <div>{{en.change}}</div>
+                  </div>
+                </el-button>
+                <!-- 微调 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="primary" @click="fineTune(scope.row)">
+                  <div>
+                    <div>{{cn.fineTune}}</div>
+                    <div>{{en.fineTune}}</div>
+                  </div>
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="total>-1"
+            :total="total"
+            v-model:page="queryParams.pageNum"
+            v-model:limit="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </el-tab-pane>
+
+        <el-tab-pane :label="'编制完成('+total+')'" name="second">
+          <el-form v-model="queryParams" ref="queryRef" :inline="true">
+            <el-row :gutter="20">
+              <!-- 事业部 -->
+              <el-col :span="8">
+                <el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId">
+                  <el-select
+                    v-model="queryParams.businessUnitId"
+                    :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+                    clearable
+                    style="width: 200px"
+                  >
+                    <el-option
+                      v-for="item in businessList"
+                      :label="item.businessUnitName"
+                      :value="item.businessUnitName"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <!-- 车型代码 -->
+              <el-col :span="8">
+                <el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode">
+                  <el-select
+                    v-model="queryParams.vehicleModelCode"
+                    :placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`"
+                    clearable
+                    filterable
+                    style="width: 200px"
+                  >
+                    <el-option
+                      v-for="item in vehicleModelCodeList"
+                      :label="item.vehicleModelCode"
+                      :value="item.vehicleModelCode"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <!-- 车型系列 -->
+              <el-col :span="8">
+                <el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries">
+                  <el-select
+                    v-model="queryParams.vehicleSeries"
+                    :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+                    clearable
+                    style="width: 200px"
+                  >
+                    <el-option
+                      v-for="dict in vehicle_model_series"
+                      :key="dict.key"
+                      :label="dict.label"
+                      :value="dict.value"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <!-- 车型公告号 -->
+              <el-col :span="8">
+                <el-form-item label="车型公告号" prop="versionNumber">
+                  <el-input
+                    v-model="queryParams.versionNumber"
+                    placeholder="A0-Z9"
+                    clearable
+                    disabled
+                    style="width: 200px"
+                  />
+                </el-form-item>
+              </el-col>
+              <!-- 版本号 -->
+              <el-col :span="8">
+                <el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber">
+                  <el-input
+                    v-model="queryParams.versionNumber"
+                    placeholder="A0-Z9"
+                    clearable
+                    disabled
+                    style="width: 200px"
+                  />
+                </el-form-item>
+              </el-col>
+              <!-- 任务状态 -->
+              <el-col :span="8">
+                <el-form-item label="任务状态" prop="productionAddress">
+                  <el-input
+                    v-model="queryParams.productionAddress"
+                    :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
+                    clearable
+                    style="width: 200px"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="button-container">
+                  <el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}/{{ en.search }}</el-button>
+                  <el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}/{{ en.reset }}</el-button>
+                </div>
+              </el-col>
+            </el-row>
+          </el-form>
+          <el-table :data="tableList">
+            <el-table-column fixed type="index" width="75" align="center" label="序号">
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.serialNumber}}</div>
+                  <div>{{en.serialNumber}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="控制计划编号" width="170" align="center" prop="controlPlanNumber" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.controlPlanNumber}}</div>
+                  <div>{{en.controlPlanNumber}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="事业部" width="150" align="center" prop="businessUnitName" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.businessDivision}}</div>
+                  <div>{{en.businessDivision}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型代码" width="150" align="center" prop="vehicleTypeCode" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.vehicleTypeCode}}</div>
+                  <div>{{en.vehicleTypeCode}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型系列" width="150" align="center" prop="vehicleTypeSeries" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.vehicleTypeSeries}}</div>
+                  <div>{{en.vehicleTypeSeries}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="版本号" width="150" align="center" prop="versionNumber" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.versionNumber}}</div>
+                  <div>{{en.versionNumber}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="生产地址" width="150" align="center" prop="productionAddress" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.productionAddress}}</div>
+                  <div>{{en.productionAddress}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="编制截止日期" width="170" align="center" prop="compilationDeadline" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.compilationDeadline}}</div>
+                  <div>{{en.compilationDeadline}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建人" width="170" align="center" prop="createBy" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.creator}}</div>
+                  <div>{{en.creator}}</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="任务名称" width="170" align="center" prop="renwumingcheng" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>任务名称</div>
+                  <div>renwumingcheng</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="编制负责人" width="170" align="center" prop="bianzhifuzeren" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>编制负责人</div>
+                  <div>bianzhifuzeren</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="我的处理状态" fixed="right" width="150" align="center" prop="wodechulizhaungtai" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>我的处理状态</div>
+                  <div>wodechulizhaungtai</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="任务状态" fixed="right" width="150" align="center" prop="renwuzhuangtai" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>任务状态</div>
+                  <div>renwuzhuangtai</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="控制计划状态" fixed="right" width="150" align="center" prop="controlPlanStatus" >
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.controlPlanStatus}}</div>
+                  <div>{{en.controlPlanStatus}}</div>
+                </div>
+              </template>
+              <template #default="scope">
+                <!--          <span :class="getStatusClass(changeControlPlanStatus(scope.row.controlPlanStatus))">{{ changeControlPlanStatus(scope.row.controlPlanStatus) }}</span>-->
+                <dict-tag :options="control_plan_status" :value="scope.row.controlPlanStatus"/>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" fixed="right"  align="center" class-name="small-padding fixed-width" width="200">
+              <template #header>
+                <div style="display: flex;flex-direction: column">
+                  <div>{{cn.operation}}</div>
+                  <div>{{en.operation}}</div>
+                </div>
+              </template>
+              <template #default="scope">
+                <!-- 查看 -->
+                <el-button link type="primary" @click="handleView(scope.row)">
+                  <div>
+                    <div>{{cn.view}}</div>
+                    <div>{{en.view}}</div>
+                  </div>
+                </el-button>
+                <!-- 撤销 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_drafting' || scope.row.controlPlanStatus === 'plan_draft_completed'" link type="danger" @click="handleUndo(scope.row)">
+                  <div>
+                    <div>{{cn.revoke}}</div>
+                    <div>{{en.revoke}}</div>
+                  </div>
+                </el-button>
+                <!-- 删除 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_revoked' || scope.row.controlPlanStatus === 'plan_draft_deleted'" link type="danger" @click="handleDelete(scope.row.id)">
+                  <div>
+                    <div>{{cn.delete}}</div>
+                    <div>{{en.delete}}</div>
+                  </div>
+                </el-button>
+                <!-- 调整编制负责人 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_drafting' || scope.row.controlPlanStatus === 'plan_draft_completed'" link type="primary" @click="adjustCompilationResponsiblePerson(scope.row)">
+                  <div>
+                    <div>{{cn.adjustCompilationResponsiblePerson}}</div>
+                    <div>{{en.adjustCompilationResponsiblePerson}}</div>
+                  </div>
+                </el-button>
+                <!-- 生成文件 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="warning">
+                  <div>
+                    <div>{{cn.generateFile}}</div>
+                    <div>{{en.generateFile}}</div>
+                  </div>
+                </el-button>
+                <!-- 提醒下载 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="primary" @click="handleRemindDownload(scope.row)">
+                  <div>
+                    <div>{{cn.remindDownload}}</div>
+                    <div>{{en.remindDownload}}</div>
+                  </div>
+                </el-button>
+                <!-- 变更 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="warning" @click="handleChange(scope.row)">
+                  <div>
+                    <div>{{cn.change}}</div>
+                    <div>{{en.change}}</div>
+                  </div>
+                </el-button>
+                <!-- 微调 -->
+                <el-button v-show="scope.row.controlPlanStatus === 'plan_draft_final_confirmed'" link type="primary" @click="fineTune(scope.row)">
+                  <div>
+                    <div>{{cn.fineTune}}</div>
+                    <div>{{en.fineTune}}</div>
+                  </div>
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="total>-1"
+            :total="total"
+            v-model:page="queryParams.pageNum"
+            v-model:limit="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </el-tab-pane>
+
+      </el-tabs>
+  </div>
 
-<template>
-CCAP编制任务处理
 </template>
 
-<style scoped lang="scss">
+<script setup>
+import { ref } from 'vue'
+import cn from '@/locales/controlPlan/CCAPControlPlan/CCAPCompileTaskProcessing/index/cn.json';
+import en from '@/locales/controlPlan/CCAPControlPlan/CCAPCompileTaskProcessing/index/en.json';
+import { useRouter } from 'vue-router'
+import { getDicts } from '@/api/system/dict/data.js'
+import { ElMessage } from 'element-plus'
+const router = useRouter()
+const { proxy } = getCurrentInstance();
+const {vehicle_model_series, control_plan_status} = proxy.useDict('vehicle_model_series','control_plan_status');
 
+const activeTab = ref('first')
+const total = ref(0);
+const queryParams = ref({
+  pageNum: 1,
+  pageSize: 10,
+  businessUnitId:null,
+  vehicleModelCode:null,
+  vehicleSeries:null,
+  versionNumber:null,
+  controlPlanStatus:null,
+  createBy:null,
+  controlPlanNumber:null,
+  productionAddress:null,
+  productionFactory:null
+});
+
+const businessList = ref([]);
+const vehicleModelCodeList = ref([])
+const tableList = ref([]);
+
+
+onMounted(()=>{
+
+})
+</script>
+
+<style scoped lang="scss">
+.button-container {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 20px;
+}
 </style>