diff --git a/src/router/modules/quality.ts b/src/router/modules/quality.ts
index 8da170a..59b08a9 100644
--- a/src/router/modules/quality.ts
+++ b/src/router/modules/quality.ts
@@ -356,6 +356,19 @@
           breadcrumb: true,
         },
       },
+      {
+        path: '/templatelist/:type',
+        name: 'TemplateListHandler',
+        component: () => import('@/views/quality/template/components/edit.vue'),
+        meta: {
+          title: '模板管理编辑',
+          auth: '/quality/template/manager',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/ctemplate/templatelist',
+        },
+      },
     ],
   },
 ]

diff --git a/src/router/modules/quality.ts b/src/router/modules/quality.ts
index 8da170a..59b08a9 100644
--- a/src/router/modules/quality.ts
+++ b/src/router/modules/quality.ts
@@ -356,6 +356,19 @@
           breadcrumb: true,
         },
       },
+      {
+        path: '/templatelist/:type',
+        name: 'TemplateListHandler',
+        component: () => import('@/views/quality/template/components/edit.vue'),
+        meta: {
+          title: '模板管理编辑',
+          auth: '/quality/template/manager',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/ctemplate/templatelist',
+        },
+      },
     ],
   },
 ]
diff --git a/src/views/quality/template/components/edit.vue b/src/views/quality/template/components/edit.vue
new file mode 100644
index 0000000..a31fbf8
--- /dev/null
+++ b/src/views/quality/template/components/edit.vue
@@ -0,0 +1,61 @@
+<!-- 模板管理编辑页面 -->
+<script name="TemplateHandler" lang="ts" setup>
+import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import tempalteContent from './templateContent.vue'
+const $route = useRoute()
+const $router = useRouter()
+const ruleFormRef = ref<FormInstance>() // from组件
+const dialogStatus = ref('create')
+const ruleForm = ref({
+  attachment: '',
+}) // 表单
+const rules = ref<FormRules>({
+  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
+}) // 表单验证规则
+const contentList = ref([])
+onMounted(() => {
+  contentList.value = []
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="模板管理">
+      <template #btns>
+        <el-button type="primary">
+          保存
+        </el-button>
+        <el-button type="info" @click="() => $router.go(-1)">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <detail-block title="">
+      <el-form ref="ruleFormRef" :model="ruleForm" :class="$route.path.includes('detail') ? 'isDetail' : ''" :rules="rules" label-position="right" label-width="120px" class="form" :disabled="$route.path.includes('detail')">
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="模板标识" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="模板名称" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="更新人" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="更新时间" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block>
+    <tempalte-content :data="contentList" />
+  </app-container>
+</template>

diff --git a/src/router/modules/quality.ts b/src/router/modules/quality.ts
index 8da170a..59b08a9 100644
--- a/src/router/modules/quality.ts
+++ b/src/router/modules/quality.ts
@@ -356,6 +356,19 @@
           breadcrumb: true,
         },
       },
+      {
+        path: '/templatelist/:type',
+        name: 'TemplateListHandler',
+        component: () => import('@/views/quality/template/components/edit.vue'),
+        meta: {
+          title: '模板管理编辑',
+          auth: '/quality/template/manager',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/ctemplate/templatelist',
+        },
+      },
     ],
   },
 ]
diff --git a/src/views/quality/template/components/edit.vue b/src/views/quality/template/components/edit.vue
new file mode 100644
index 0000000..a31fbf8
--- /dev/null
+++ b/src/views/quality/template/components/edit.vue
@@ -0,0 +1,61 @@
+<!-- 模板管理编辑页面 -->
+<script name="TemplateHandler" lang="ts" setup>
+import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import tempalteContent from './templateContent.vue'
+const $route = useRoute()
+const $router = useRouter()
+const ruleFormRef = ref<FormInstance>() // from组件
+const dialogStatus = ref('create')
+const ruleForm = ref({
+  attachment: '',
+}) // 表单
+const rules = ref<FormRules>({
+  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
+}) // 表单验证规则
+const contentList = ref([])
+onMounted(() => {
+  contentList.value = []
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="模板管理">
+      <template #btns>
+        <el-button type="primary">
+          保存
+        </el-button>
+        <el-button type="info" @click="() => $router.go(-1)">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <detail-block title="">
+      <el-form ref="ruleFormRef" :model="ruleForm" :class="$route.path.includes('detail') ? 'isDetail' : ''" :rules="rules" label-position="right" label-width="120px" class="form" :disabled="$route.path.includes('detail')">
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="模板标识" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="模板名称" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="更新人" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="更新时间" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block>
+    <tempalte-content :data="contentList" />
+  </app-container>
+</template>
diff --git a/src/views/quality/template/components/templateContent.vue b/src/views/quality/template/components/templateContent.vue
new file mode 100644
index 0000000..96d35db
--- /dev/null
+++ b/src/views/quality/template/components/templateContent.vue
@@ -0,0 +1,94 @@
+<!-- 模板内容管理 -->
+<script name="TempalteContent" lang="ts" setup>
+import { watch } from 'vue'
+
+const $props = defineProps({
+  data: {
+    type: Array,
+    required: true,
+  },
+})
+const list = ref([])
+watch(() => $props.data, (newVal) => {
+  console.log(newVal, 'newVal')
+  if (newVal.length) {
+    list.value = $props.data
+  }
+  else {
+    list.value.push({
+      1: '',
+      2: '',
+      3: '',
+      4: '',
+      editable: true,
+    })
+  }
+}, {
+  deep: true,
+})
+const columns = ref([
+  { text: '检查内容', value: '1', required: true },
+  { text: '检查方法', value: '2', required: true },
+  { text: '检查结果', value: '3', required: true },
+  { text: '依据(GJB2725A 质量手册、程序文件）', value: '4', required: true },
+])
+
+const handler = (type: string, index: number) => {
+
+}
+</script>
+
+<template>
+  <detail-block title="模板内容管理">
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border
+    >
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required && !$route.path.includes('detail')" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作" width="180">
+        <template #default="scope">
+          <el-button
+            v-if="!scope.row.editable"
+            size="small"
+            type="primary"
+            link
+            @click="handler('update', scope.$index)"
+          >
+            编辑
+          </el-button>
+          <el-button
+            v-if="scope.$index !== 0"
+            size="small"
+            type="danger"
+            link
+            @click="handler('delete', scope.$index)"
+          >
+            删除
+          </el-button>
+          <el-button
+            size="small"
+            type="primary"
+            link
+            @click="handler('insert', scope.$index)"
+          >
+            下方插入
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block>
+</template>

diff --git a/src/router/modules/quality.ts b/src/router/modules/quality.ts
index 8da170a..59b08a9 100644
--- a/src/router/modules/quality.ts
+++ b/src/router/modules/quality.ts
@@ -356,6 +356,19 @@
           breadcrumb: true,
         },
       },
+      {
+        path: '/templatelist/:type',
+        name: 'TemplateListHandler',
+        component: () => import('@/views/quality/template/components/edit.vue'),
+        meta: {
+          title: '模板管理编辑',
+          auth: '/quality/template/manager',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/ctemplate/templatelist',
+        },
+      },
     ],
   },
 ]
diff --git a/src/views/quality/template/components/edit.vue b/src/views/quality/template/components/edit.vue
new file mode 100644
index 0000000..a31fbf8
--- /dev/null
+++ b/src/views/quality/template/components/edit.vue
@@ -0,0 +1,61 @@
+<!-- 模板管理编辑页面 -->
+<script name="TemplateHandler" lang="ts" setup>
+import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import tempalteContent from './templateContent.vue'
+const $route = useRoute()
+const $router = useRouter()
+const ruleFormRef = ref<FormInstance>() // from组件
+const dialogStatus = ref('create')
+const ruleForm = ref({
+  attachment: '',
+}) // 表单
+const rules = ref<FormRules>({
+  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
+}) // 表单验证规则
+const contentList = ref([])
+onMounted(() => {
+  contentList.value = []
+})
+</script>
+
+<template>
+  <app-container style="overflow: hidden;">
+    <detail-page title="模板管理">
+      <template #btns>
+        <el-button type="primary">
+          保存
+        </el-button>
+        <el-button type="info" @click="() => $router.go(-1)">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <detail-block title="">
+      <el-form ref="ruleFormRef" :model="ruleForm" :class="$route.path.includes('detail') ? 'isDetail' : ''" :rules="rules" label-position="right" label-width="120px" class="form" :disabled="$route.path.includes('detail')">
+        <el-row :gutter="24" class="marg">
+          <el-col :span="6">
+            <el-form-item label="模板标识" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="模板名称" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="更新人" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="更新时间" prop="fileNo">
+              <el-input v-model.trim="ruleForm.createUserName" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-block>
+    <tempalte-content :data="contentList" />
+  </app-container>
+</template>
diff --git a/src/views/quality/template/components/templateContent.vue b/src/views/quality/template/components/templateContent.vue
new file mode 100644
index 0000000..96d35db
--- /dev/null
+++ b/src/views/quality/template/components/templateContent.vue
@@ -0,0 +1,94 @@
+<!-- 模板内容管理 -->
+<script name="TempalteContent" lang="ts" setup>
+import { watch } from 'vue'
+
+const $props = defineProps({
+  data: {
+    type: Array,
+    required: true,
+  },
+})
+const list = ref([])
+watch(() => $props.data, (newVal) => {
+  console.log(newVal, 'newVal')
+  if (newVal.length) {
+    list.value = $props.data
+  }
+  else {
+    list.value.push({
+      1: '',
+      2: '',
+      3: '',
+      4: '',
+      editable: true,
+    })
+  }
+}, {
+  deep: true,
+})
+const columns = ref([
+  { text: '检查内容', value: '1', required: true },
+  { text: '检查方法', value: '2', required: true },
+  { text: '检查结果', value: '3', required: true },
+  { text: '依据(GJB2725A 质量手册、程序文件）', value: '4', required: true },
+])
+
+const handler = (type: string, index: number) => {
+
+}
+</script>
+
+<template>
+  <detail-block title="模板内容管理">
+    <el-table
+      ref="multipleTableRef" :data="list" style="width: 100%;" border
+    >
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text"
+        align="center"
+      >
+        <template #header>
+          <span v-show="item.required && !$route.path.includes('detail')" style="color: red;">*</span><span>{{ item.text }}</span>
+        </template>
+        <template #default="scope">
+          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <el-input
+            v-if="scope.row.editable" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作" width="180">
+        <template #default="scope">
+          <el-button
+            v-if="!scope.row.editable"
+            size="small"
+            type="primary"
+            link
+            @click="handler('update', scope.$index)"
+          >
+            编辑
+          </el-button>
+          <el-button
+            v-if="scope.$index !== 0"
+            size="small"
+            type="danger"
+            link
+            @click="handler('delete', scope.$index)"
+          >
+            删除
+          </el-button>
+          <el-button
+            size="small"
+            type="primary"
+            link
+            @click="handler('insert', scope.$index)"
+          >
+            下方插入
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </detail-block>
+</template>
diff --git a/src/views/quality/template/index.vue b/src/views/quality/template/index.vue
index 4f2f375..91466ca 100644
--- a/src/views/quality/template/index.vue
+++ b/src/views/quality/template/index.vue
@@ -1,3 +1,87 @@
+<!-- 模板管理列表 -->
+<script name="TemplateList" lang="ts" setup>
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+const columns = ref<TableColumn[]>([
+  { text: '模板标识', value: 'flag', align: 'center' },
+  { text: '模板名称', value: 'name', align: 'center' },
+  { text: '更新人', value: 'user', align: 'center' },
+  { text: '更新时间', value: 'time', align: 'center' },
+])
+const tableList = ref([
+  {
+    flag: '计量模板',
+    name: '计量文件模板',
+    user: '张三',
+    time: '2023-03-01',
+  },
+])
+const loadingTable = ref(false)
+const searchList = () => {
+
+}
+const clearList = () => {
+
+}
+const $router = useRouter()
+const handler = (type: string, row: any) => {
+  $router.push({
+    path: `/templatelist/${type}`,
+  })
+}
+</script>
+
 <template>
-  模板管理
+  <app-container>
+    <search-area :need-clear="true" @search="searchList" @clear="clearList">
+      <search-item>
+        <el-input placeholder="模板名称" />
+      </search-item>
+    </search-area>
+
+    <table-container>
+      <!-- <template #btns-right>
+        <icon-button icon="icon-add" title="新建" type="primary" />
+        <icon-button icon="icon-export" title="导出" type="primary" />
+      </template> -->
+      <normal-table
+        :data="tableList" :columns="columns" :list-loading="loadingTable"
+        :is-showmulti-select="false" :is-multi="true" :pagination="false"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column
+            label="操作"
+            align="center"
+            fixed="right"
+            width="120"
+          >
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handler('update', row)"
+              >
+                编辑
+              </el-button>
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handler('detail', row)"
+              >
+                详情
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+  </app-container>
 </template>