feat(控制计划)：填写模板2

src/api/system/controlPlan.js

 import request from '@/utils/request'
 
+/**
+ *  查询模板列表
+ */
 export function listTemplate(query) {
     return request({
         url: '/control/template/list',
@@ -7,3 +10,13 @@ export function listTemplate(query) {
         params: query,
     })
 }
+/**
+ *  查询表单
+ */
+export function listTemplateForm(id) {
+    return request({
+        url: '/control/template/template-form',
+        method: 'get',
+        params: id,
+    })
+}
\ No newline at end of file

src/views/controlPlan/fillTemplate/index.vue

@@ -5,7 +5,7 @@
         :model="queryParams"
         :inline="true"
     >
-      <el-form-item label="模板类型" prop="status">
+      <el-form-item label="模板类型" prop="templateType">
         <el-select
             v-model="queryParams.templateType"
             placeholder="请选择"
@@ -20,9 +20,9 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="模板编号" prop="templatecode">
+      <el-form-item label="模板编号" prop="templateCode">
         <el-input
-            v-model="queryParams.templatecode"
+            v-model="queryParams.templateCode"
             placeholder="请输入模板编号"
             clearable
             style="width: 200px"
@@ -50,14 +50,15 @@
     <el-table
         v-loading="loading"
         :data="templateList"
+        border
     >
-      <el-table-column type="index" width="55" align="center" />
-      <el-table-column label="模板类型" align="center" prop="templateType" >
+      <el-table-column label="序号" type="index" width="55" align="center" />
+      <el-table-column label="模板类型" align="center" width="125" prop="templateType" >
         <template #default="scope">
             <dict-tag :options="control_plan" :value="scope.row.templateType" />
         </template>
       </el-table-column>
-      <el-table-column label="模板编号" align="center" prop="templateCode" >
+      <el-table-column label="模板编号" align="center" width="100" prop="templateCode" >
         <template #default="scope">
           <span style="color: #1ab394">{{scope.row.templateCode}}</span>
         </template>
@@ -67,12 +68,12 @@
           <span style="color: #1ab394">{{scope.row.templateName}}</span>
         </template>
       </el-table-column>
-      <el-table-column label="表单数量" align="center" prop="formCount" >
+      <el-table-column label="表单数量" align="center" width="100" prop="formCount" >
         <template #default="scope">
           <span style="color: #1ab394">{{scope.row.formCount}}</span>
         </template>
       </el-table-column>
-      <el-table-column label="创建时间" align="center" prop="createTime">
+      <el-table-column label="创建时间" align="center"  width="180"  prop="createTime">
         <template #default="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
@@ -87,10 +88,10 @@
           <span>{{ parseTime(scope.row.updateTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="修改人" align="center" prop="updateUser"/>
+      <el-table-column label="修改人" align="center"  width="85" prop="updateBy"/>
       <el-table-column
           label="操作"
-          width="180"
+          width="300"
           align="center"
           class-name="small-padding fixed-width"
       >
@@ -109,7 +110,7 @@
               type="primary"
               icon="Edit"
               @click="handleUpdate(scope.row)"
-          >编辑</el-button
+          >编辑内容</el-button
           >
           <el-button
               v-hasPermi="['system:post:edit']"
@@ -210,7 +211,9 @@ function resetQuery() {
 function handleUpdate(row) {
 
 }
-function viewDetails(row) {}
+function viewDetails(row) {
+  proxy.$router.push({ path: '/control/fillView', query: { id: row.id} });
+}
 function restoreDefault(row) {}
 
 getList()

src/views/controlPlan/fillTemplate/view.vue

+<template>
+  <div class="app-container">
+    <div class="component-selector">
+      <el-tabs v-model="activeTab" class="demo-tabs">
+        <el-tab-pane label="关键字部件清单" name="parts">
+          <PartsComponent />
+        </el-tab-pane>
+        <el-tab-pane label="关键字、装配、检验过程清单" name="process">
+          <ProcessComponent />
+        </el-tab-pane>
+        <el-tab-pane label="COP试验和检查表" name="cop">
+          <COPComponent />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </div>
+</template>
+<script setup>
+import { listTemplateForm } from '@/api/system/controlPlan.js'
+const { proxy } = getCurrentInstance();
+function getFrom(){
+  const id = proxy.$route.query.id;
+  console.log("id:",id);
+  listTemplateForm(id).then(response => {
+      console.log("response:",response)
+      }
+  )
+}
+onMounted(() => {
+  //获取物品类型
+  getFrom();
+});
+</script>
+
+<style scoped lang="scss">
+
+</style>