CCAP历史控制计划-CCAP历史控制计划-创建

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

+{
+  "search": "搜索",
+  "reset": "重置",
+  "pleaseChoose": "请选择",
+  "pleaseEnter": "请输入",
+  "businessDivision": "事业部",
+  "vehicleTypeCode": "车型代码",
+  "vehicleTypeSeries": "车型系列",
+  "versionNumber": "版本号",
+  "creator": "创建人",
+  "controlPlanStatus": "控制计划状态",
+  "controlPlanNumber": "控制计划编号",
+  "productionAddress": "生产地址",
+  "compilationDeadline": "编制截止日期",
+  "revisionDate": "修订日期",
+  "creationDate": "创建日期",
+  "productionPlant": "生产厂",
+  "productionSituation": "生产情况",
+  "keyPartsListFormStatus": "关键件清单表单状态",
+  "keyProcessFormStatus": "关键工序……表单状态",
+  "COPTestAndChecklistFormStatus": "COP试验和检查表表单状态",
+  "operation": "操作",
+  "serialNumber": "序号",
+  "viewHistoricalControlPlan": "查看历史控制计划"
+}

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

+{
+  "search": "Search",
+  "reset": "Reset",
+  "pleaseChoose": "Please Choose",
+  "pleaseEnter": "Please 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"
+}

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

 <template>
-  历史控制计划
+  <div class="app-container">
+    <el-form v-model="queryParams" ref="queryRef" :inline="true" >
+      <!-- 事业部 -->
+      <el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="status">
+        <el-select
+          v-model="queryParams"
+          :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+          clearable
+          style="width: 200px"
+        >
+          <el-option
+            v-for="dict in businessList"
+            :label="dict.businessUnitName"
+            :value="dict.id"
+          />
+        </el-select>
+      </el-form-item>
+      <!-- 车型代码 -->
+      <el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="status">
+        <el-select
+          v-model="queryParams"
+          :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+          clearable
+          style="width: 200px"
+        >
+          <el-option
+            v-for="dict in businessList"
+            :label="dict.businessUnitName"
+            :value="dict.id"
+          />
+        </el-select>
+      </el-form-item>
+      <!-- 车型系列 -->
+      <el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="status">
+        <el-select
+          v-model="queryParams"
+          :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
+          clearable
+          style="width: 200px"
+        >
+          <el-option
+            v-for="dict in businessList"
+            :label="dict.businessUnitName"
+            :value="dict.id"
+          />
+        </el-select>
+      </el-form-item>
+      <!-- 生产地址 -->
+      <el-form-item :label="`${cn.productionAddress}/${en.productionAddress}`" prop="templateCode">
+        <el-input
+          v-model="queryParams"
+          :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
+          clearable
+          style="width: 200px"
+        />
+      </el-form-item>
+      <!-- 版本号 -->
+      <el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="templateCode">
+        <el-input
+          v-model="queryParams"
+          placeholder="A0-Z9"
+          clearable
+          disabled
+          style="width: 200px"
+        />
+      </el-form-item>
+      <!-- 创建人 -->
+      <el-form-item :label="`${cn.creator}/${en.creator}`" prop="templateCode">
+        <el-input
+          v-model="queryParams"
+          :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
+          clearable
+          style="width: 200px"
+        />
+      </el-form-item>
+      <!-- 生产厂 -->
+      <el-form-item :label="`${cn.productionPlant}/${en.productionPlant}`" prop="templateCode">
+        <el-input
+          v-model="queryParams"
+          :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
+          clearable
+          style="width: 200px"
+        />
+      </el-form-item>
+      <!-- 搜索、重置 按钮 -->
+      <el-form-item>
+        <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>
+      </el-form-item>
+    </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="updateTime" >
+        <template #header>
+          <div style="display: flex;flex-direction: column">
+            <div>{{cn.revisionDate}}</div>
+            <div>{{en.revisionDate}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建日期" width="170" align="center" prop="createTime" >
+        <template #header>
+          <div style="display: flex;flex-direction: column">
+            <div>{{cn.creationDate}}</div>
+            <div>{{en.creationDate}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="生产厂" width="170" align="center" prop="productionFactory" >
+        <template #header>
+          <div style="display: flex;flex-direction: column">
+            <div>{{cn.productionPlant}}</div>
+            <div>{{en.productionPlant}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="生产情况" width="170" align="center" prop="productionStatus" >
+        <template #header>
+          <div style="display: flex;flex-direction: column">
+            <div>{{cn.productionSituation}}</div>
+            <div>{{en.productionSituation}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="关键件清单表单状态" fixed="right" width="190" align="center" prop="keyPartsListTaskStatus" >
+        <template #header>
+          <div style="display: flex;flex-direction: column">
+            <div>{{cn.keyPartsListFormStatus}}</div>
+            <div>{{en.keyPartsListFormStatus}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="关键工序……表单状态" fixed="right" width="190" align="center" prop="keyProcessTaskStatus" >
+        <template #header>
+          <div style="display: flex;flex-direction: column">
+            <div>{{cn.keyProcessFormStatus}}</div>
+            <div>{{en.keyProcessFormStatus}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="COP试验和检查表表单状态" fixed="right" width="250" align="center" prop="copTestAndInspectionTaskStatus" >
+        <template #header>
+          <div style="display: flex;flex-direction: column">
+            <div>{{cn.COPTestAndChecklistFormStatus}}</div>
+            <div>{{en.COPTestAndChecklistFormStatus}}</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>
+      </el-table-column>
+      <el-table-column label="操作" fixed="right"  align="center" class-name="small-padding fixed-width">
+        <template #header>
+          <div style="display: flex;flex-direction: column">
+            <div>{{cn.operation}}</div>
+            <div>{{en.operation}}</div>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+
 </template>
 
 <script setup>
 
+import cn from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/history/cn.json'
+import en from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/history/en.json'
 </script>
 
 <style scoped lang="scss">

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

@@ -50,8 +50,9 @@
       <el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="templateCode">
         <el-input
           v-model="queryParams.businessUnitId"
-          :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
+          placeholder="A0-Z9"
           clearable
+          disabled
           style="width: 200px"
         />
       </el-form-item>
@@ -252,8 +253,8 @@ import {
   getCCAPPlanList
 } from "@/api/CCAPControlPlanManagement/CCAPControlPlanManagement.js";
 import { ref } from 'vue'
-import cn from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/cn.json';
-import en from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/en.json';
+import cn from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/index/cn.json';
+import en from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/index/en.json';
 import { useRouter } from 'vue-router'
 const router = useRouter()
 const { proxy } = getCurrentInstance();