diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
new file mode 100644
index 0000000..609ba57
--- /dev/null
+++ b/src/views/measure/source/listAdd.vue
@@ -0,0 +1,233 @@
+<script lang="ts" setup name="ListSourceAdd">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+const formInline: Ref<IlistQuery> = ref({
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+
+})
+const list = ref([{ name: '张三', address: '666', date: '777' }])
+</script>
+
+<template>
+  <div class="top-info">
+    <h4 class="title">
+      基本信息
+    </h4>
+    <div>
+      <el-button type="primary" plain>
+        导出
+      </el-button>
+      <el-button type="warning" plain>
+        关闭
+      </el-button>
+    </div>
+  </div>
+  <div class="info-content">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="100" label-position="left">
+      <el-form-item label="溯源供方编号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入溯源供方编号" />
+      </el-form-item>
+      <el-form-item label="公司名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司名称" />
+      </el-form-item>
+      <el-form-item label="公司简称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司简称" />
+      </el-form-item>
+      <el-form-item label="业务内容:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入业务内容" />
+      </el-form-item>
+      <el-form-item label="税号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入税号" />
+      </el-form-item>
+      <el-form-item label="银行账户名:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账户名" />
+      </el-form-item>
+      <el-form-item label="银行名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行名称" />
+      </el-form-item>
+      <el-form-item label="银行账号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="邮编:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮编" />
+      </el-form-item>
+      <el-form-item label="负责人:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入负责人" />
+      </el-form-item>
+      <el-form-item label="电话:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入电话" />
+      </el-form-item>
+      <el-form-item label="传真:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入传真" />
+      </el-form-item>
+      <el-form-item label="手机:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入手机" />
+      </el-form-item>
+      <el-form-item label="邮箱:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="网址:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入网址" />
+      </el-form-item>
+      <div class="info-dizhi">
+        <el-form-item label="公司地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="公司地址" />
+        </el-form-item>
+      </div>
+      <div class="info-dizhi">
+        <el-form-item label="开票用地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="开票用地址" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="公司业务范围:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入公司业务范围" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="备注:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入备注" />
+        </el-form-item>
+      </div>
+      <div class="info-appendix">
+        <el-form-item label="附件:">
+          <span>扫描件.pdf X</span>
+          <el-button>上传</el-button>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-tabs type="border-card">
+      <el-tab-pane label="人员信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            人员信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="业务记录">
+        <div class="table-top">
+          <div class="table-top-title">
+            业务记录
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="标准装置信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            标准装置信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.top-info {
+  padding: 10px 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+
+  .info-dizhi {
+    margin-right: 155px;
+  }
+}
+
+.el-select {
+  width: 9vw;
+  margin-right: 15px;
+}
+
+.info-dizhi .el-input {
+  width: 15vw;
+}
+
+.input-width .el-input {
+  width: 40vw;
+}
+
+.info-appendix span {
+  margin-right: 25px;
+}
+
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .table-top-title {
+    width: 60vw;
+    text-align: center;
+  }
+}
+</style>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
new file mode 100644
index 0000000..609ba57
--- /dev/null
+++ b/src/views/measure/source/listAdd.vue
@@ -0,0 +1,233 @@
+<script lang="ts" setup name="ListSourceAdd">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+const formInline: Ref<IlistQuery> = ref({
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+
+})
+const list = ref([{ name: '张三', address: '666', date: '777' }])
+</script>
+
+<template>
+  <div class="top-info">
+    <h4 class="title">
+      基本信息
+    </h4>
+    <div>
+      <el-button type="primary" plain>
+        导出
+      </el-button>
+      <el-button type="warning" plain>
+        关闭
+      </el-button>
+    </div>
+  </div>
+  <div class="info-content">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="100" label-position="left">
+      <el-form-item label="溯源供方编号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入溯源供方编号" />
+      </el-form-item>
+      <el-form-item label="公司名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司名称" />
+      </el-form-item>
+      <el-form-item label="公司简称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司简称" />
+      </el-form-item>
+      <el-form-item label="业务内容:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入业务内容" />
+      </el-form-item>
+      <el-form-item label="税号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入税号" />
+      </el-form-item>
+      <el-form-item label="银行账户名:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账户名" />
+      </el-form-item>
+      <el-form-item label="银行名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行名称" />
+      </el-form-item>
+      <el-form-item label="银行账号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="邮编:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮编" />
+      </el-form-item>
+      <el-form-item label="负责人:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入负责人" />
+      </el-form-item>
+      <el-form-item label="电话:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入电话" />
+      </el-form-item>
+      <el-form-item label="传真:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入传真" />
+      </el-form-item>
+      <el-form-item label="手机:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入手机" />
+      </el-form-item>
+      <el-form-item label="邮箱:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="网址:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入网址" />
+      </el-form-item>
+      <div class="info-dizhi">
+        <el-form-item label="公司地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="公司地址" />
+        </el-form-item>
+      </div>
+      <div class="info-dizhi">
+        <el-form-item label="开票用地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="开票用地址" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="公司业务范围:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入公司业务范围" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="备注:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入备注" />
+        </el-form-item>
+      </div>
+      <div class="info-appendix">
+        <el-form-item label="附件:">
+          <span>扫描件.pdf X</span>
+          <el-button>上传</el-button>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-tabs type="border-card">
+      <el-tab-pane label="人员信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            人员信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="业务记录">
+        <div class="table-top">
+          <div class="table-top-title">
+            业务记录
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="标准装置信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            标准装置信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.top-info {
+  padding: 10px 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+
+  .info-dizhi {
+    margin-right: 155px;
+  }
+}
+
+.el-select {
+  width: 9vw;
+  margin-right: 15px;
+}
+
+.info-dizhi .el-input {
+  width: 15vw;
+}
+
+.input-width .el-input {
+  width: 40vw;
+}
+
+.info-appendix span {
+  margin-right: 25px;
+}
+
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .table-top-title {
+    width: 60vw;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
new file mode 100644
index 0000000..cebfa79
--- /dev/null
+++ b/src/views/measure/source/list_interface.ts
@@ -0,0 +1,15 @@
+export interface IlistQuery {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+
+export interface IformInline {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+}
+

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
new file mode 100644
index 0000000..609ba57
--- /dev/null
+++ b/src/views/measure/source/listAdd.vue
@@ -0,0 +1,233 @@
+<script lang="ts" setup name="ListSourceAdd">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+const formInline: Ref<IlistQuery> = ref({
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+
+})
+const list = ref([{ name: '张三', address: '666', date: '777' }])
+</script>
+
+<template>
+  <div class="top-info">
+    <h4 class="title">
+      基本信息
+    </h4>
+    <div>
+      <el-button type="primary" plain>
+        导出
+      </el-button>
+      <el-button type="warning" plain>
+        关闭
+      </el-button>
+    </div>
+  </div>
+  <div class="info-content">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="100" label-position="left">
+      <el-form-item label="溯源供方编号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入溯源供方编号" />
+      </el-form-item>
+      <el-form-item label="公司名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司名称" />
+      </el-form-item>
+      <el-form-item label="公司简称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司简称" />
+      </el-form-item>
+      <el-form-item label="业务内容:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入业务内容" />
+      </el-form-item>
+      <el-form-item label="税号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入税号" />
+      </el-form-item>
+      <el-form-item label="银行账户名:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账户名" />
+      </el-form-item>
+      <el-form-item label="银行名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行名称" />
+      </el-form-item>
+      <el-form-item label="银行账号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="邮编:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮编" />
+      </el-form-item>
+      <el-form-item label="负责人:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入负责人" />
+      </el-form-item>
+      <el-form-item label="电话:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入电话" />
+      </el-form-item>
+      <el-form-item label="传真:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入传真" />
+      </el-form-item>
+      <el-form-item label="手机:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入手机" />
+      </el-form-item>
+      <el-form-item label="邮箱:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="网址:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入网址" />
+      </el-form-item>
+      <div class="info-dizhi">
+        <el-form-item label="公司地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="公司地址" />
+        </el-form-item>
+      </div>
+      <div class="info-dizhi">
+        <el-form-item label="开票用地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="开票用地址" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="公司业务范围:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入公司业务范围" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="备注:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入备注" />
+        </el-form-item>
+      </div>
+      <div class="info-appendix">
+        <el-form-item label="附件:">
+          <span>扫描件.pdf X</span>
+          <el-button>上传</el-button>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-tabs type="border-card">
+      <el-tab-pane label="人员信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            人员信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="业务记录">
+        <div class="table-top">
+          <div class="table-top-title">
+            业务记录
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="标准装置信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            标准装置信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.top-info {
+  padding: 10px 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+
+  .info-dizhi {
+    margin-right: 155px;
+  }
+}
+
+.el-select {
+  width: 9vw;
+  margin-right: 15px;
+}
+
+.info-dizhi .el-input {
+  width: 15vw;
+}
+
+.input-width .el-input {
+  width: 40vw;
+}
+
+.info-appendix span {
+  margin-right: 25px;
+}
+
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .table-top-title {
+    width: 60vw;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
new file mode 100644
index 0000000..cebfa79
--- /dev/null
+++ b/src/views/measure/source/list_interface.ts
@@ -0,0 +1,15 @@
+export interface IlistQuery {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+
+export interface IformInline {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+}
+
diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index dd1d289..28f5987 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -86,6 +86,14 @@
 const detail = (row: noticeType) => {
   detailDialog.value.initDialog(row)
 }
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -126,10 +134,10 @@
         <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
new file mode 100644
index 0000000..609ba57
--- /dev/null
+++ b/src/views/measure/source/listAdd.vue
@@ -0,0 +1,233 @@
+<script lang="ts" setup name="ListSourceAdd">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+const formInline: Ref<IlistQuery> = ref({
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+
+})
+const list = ref([{ name: '张三', address: '666', date: '777' }])
+</script>
+
+<template>
+  <div class="top-info">
+    <h4 class="title">
+      基本信息
+    </h4>
+    <div>
+      <el-button type="primary" plain>
+        导出
+      </el-button>
+      <el-button type="warning" plain>
+        关闭
+      </el-button>
+    </div>
+  </div>
+  <div class="info-content">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="100" label-position="left">
+      <el-form-item label="溯源供方编号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入溯源供方编号" />
+      </el-form-item>
+      <el-form-item label="公司名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司名称" />
+      </el-form-item>
+      <el-form-item label="公司简称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司简称" />
+      </el-form-item>
+      <el-form-item label="业务内容:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入业务内容" />
+      </el-form-item>
+      <el-form-item label="税号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入税号" />
+      </el-form-item>
+      <el-form-item label="银行账户名:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账户名" />
+      </el-form-item>
+      <el-form-item label="银行名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行名称" />
+      </el-form-item>
+      <el-form-item label="银行账号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="邮编:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮编" />
+      </el-form-item>
+      <el-form-item label="负责人:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入负责人" />
+      </el-form-item>
+      <el-form-item label="电话:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入电话" />
+      </el-form-item>
+      <el-form-item label="传真:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入传真" />
+      </el-form-item>
+      <el-form-item label="手机:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入手机" />
+      </el-form-item>
+      <el-form-item label="邮箱:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="网址:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入网址" />
+      </el-form-item>
+      <div class="info-dizhi">
+        <el-form-item label="公司地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="公司地址" />
+        </el-form-item>
+      </div>
+      <div class="info-dizhi">
+        <el-form-item label="开票用地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="开票用地址" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="公司业务范围:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入公司业务范围" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="备注:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入备注" />
+        </el-form-item>
+      </div>
+      <div class="info-appendix">
+        <el-form-item label="附件:">
+          <span>扫描件.pdf X</span>
+          <el-button>上传</el-button>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-tabs type="border-card">
+      <el-tab-pane label="人员信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            人员信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="业务记录">
+        <div class="table-top">
+          <div class="table-top-title">
+            业务记录
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="标准装置信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            标准装置信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.top-info {
+  padding: 10px 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+
+  .info-dizhi {
+    margin-right: 155px;
+  }
+}
+
+.el-select {
+  width: 9vw;
+  margin-right: 15px;
+}
+
+.info-dizhi .el-input {
+  width: 15vw;
+}
+
+.input-width .el-input {
+  width: 40vw;
+}
+
+.info-appendix span {
+  margin-right: 25px;
+}
+
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .table-top-title {
+    width: 60vw;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
new file mode 100644
index 0000000..cebfa79
--- /dev/null
+++ b/src/views/measure/source/list_interface.ts
@@ -0,0 +1,15 @@
+export interface IlistQuery {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+
+export interface IformInline {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+}
+
diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index dd1d289..28f5987 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -86,6 +86,14 @@
 const detail = (row: noticeType) => {
   detailDialog.value.initDialog(row)
 }
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -126,10 +134,10 @@
         <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>
diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
new file mode 100644
index 0000000..8ed0be5
--- /dev/null
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -0,0 +1,211 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签名名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签名负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签名描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签名编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签名编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签名名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签名负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签名描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签名描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签名图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank">附件</el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
new file mode 100644
index 0000000..609ba57
--- /dev/null
+++ b/src/views/measure/source/listAdd.vue
@@ -0,0 +1,233 @@
+<script lang="ts" setup name="ListSourceAdd">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+const formInline: Ref<IlistQuery> = ref({
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+
+})
+const list = ref([{ name: '张三', address: '666', date: '777' }])
+</script>
+
+<template>
+  <div class="top-info">
+    <h4 class="title">
+      基本信息
+    </h4>
+    <div>
+      <el-button type="primary" plain>
+        导出
+      </el-button>
+      <el-button type="warning" plain>
+        关闭
+      </el-button>
+    </div>
+  </div>
+  <div class="info-content">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="100" label-position="left">
+      <el-form-item label="溯源供方编号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入溯源供方编号" />
+      </el-form-item>
+      <el-form-item label="公司名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司名称" />
+      </el-form-item>
+      <el-form-item label="公司简称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司简称" />
+      </el-form-item>
+      <el-form-item label="业务内容:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入业务内容" />
+      </el-form-item>
+      <el-form-item label="税号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入税号" />
+      </el-form-item>
+      <el-form-item label="银行账户名:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账户名" />
+      </el-form-item>
+      <el-form-item label="银行名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行名称" />
+      </el-form-item>
+      <el-form-item label="银行账号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="邮编:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮编" />
+      </el-form-item>
+      <el-form-item label="负责人:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入负责人" />
+      </el-form-item>
+      <el-form-item label="电话:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入电话" />
+      </el-form-item>
+      <el-form-item label="传真:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入传真" />
+      </el-form-item>
+      <el-form-item label="手机:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入手机" />
+      </el-form-item>
+      <el-form-item label="邮箱:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="网址:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入网址" />
+      </el-form-item>
+      <div class="info-dizhi">
+        <el-form-item label="公司地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="公司地址" />
+        </el-form-item>
+      </div>
+      <div class="info-dizhi">
+        <el-form-item label="开票用地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="开票用地址" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="公司业务范围:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入公司业务范围" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="备注:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入备注" />
+        </el-form-item>
+      </div>
+      <div class="info-appendix">
+        <el-form-item label="附件:">
+          <span>扫描件.pdf X</span>
+          <el-button>上传</el-button>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-tabs type="border-card">
+      <el-tab-pane label="人员信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            人员信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="业务记录">
+        <div class="table-top">
+          <div class="table-top-title">
+            业务记录
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="标准装置信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            标准装置信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.top-info {
+  padding: 10px 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+
+  .info-dizhi {
+    margin-right: 155px;
+  }
+}
+
+.el-select {
+  width: 9vw;
+  margin-right: 15px;
+}
+
+.info-dizhi .el-input {
+  width: 15vw;
+}
+
+.input-width .el-input {
+  width: 40vw;
+}
+
+.info-appendix span {
+  margin-right: 25px;
+}
+
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .table-top-title {
+    width: 60vw;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
new file mode 100644
index 0000000..cebfa79
--- /dev/null
+++ b/src/views/measure/source/list_interface.ts
@@ -0,0 +1,15 @@
+export interface IlistQuery {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+
+export interface IformInline {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+}
+
diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index dd1d289..28f5987 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -86,6 +86,14 @@
 const detail = (row: noticeType) => {
   detailDialog.value.initDialog(row)
 }
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -126,10 +134,10 @@
         <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>
diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
new file mode 100644
index 0000000..8ed0be5
--- /dev/null
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -0,0 +1,211 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签名名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签名负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签名描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签名编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签名编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签名名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签名负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签名描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签名描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签名图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank">附件</el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>
diff --git a/src/views/system/tool/autograph/autograph.vue b/src/views/system/tool/autograph/autograph.vue
index f7b262f..ee76513 100644
--- a/src/views/system/tool/autograph/autograph.vue
+++ b/src/views/system/tool/autograph/autograph.vue
@@ -1,19 +1,50 @@
 <!-- 签名管理 -->
 <script lang="ts" setup>
 import { Delete } from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import tableHeader from '../../notice/table.header.vue'
-const searchQuery = reactive({
-  code: '', // 编号
-  name: '', // 名称
-  director: '', // 负责人
+import type { queryType, signType, typeofSign } from '../tool_interface'
+import addDDialog from './addDDialog.vue'
+import { deleteApi, listPageApi } from '@/api/system/tool'
+import { getDictByCode } from '@/api/system/dict'
+const searchQuery = reactive<queryType>({
+  signNo: '', // 编号
+  signName: '', // 名称
+  signDirector: '', // 负责人
   createTime: '', // 创建时间
-  limit: 0,
-  offset: 0,
+  limit: 10,
+  offset: 1,
+  signType: '',
 }) // 查询参数
 const loadingTable = ref<boolean>(false) // 表格loading
 const total = ref<number>(0) // 数据总条数
-const columns = ref([]) // 表格
+const columns = ref([
+  { text: '签名编号', value: 'signNo', align: 'center', width: '180' },
+  { text: '签名名称', value: 'signName', align: 'center', width: '150' },
+  { text: '签名负责人', value: 'signDirector', align: 'center', width: '100' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '250' },
+  { text: '描述', value: 'signDesc', align: 'center' },
+]) // 表格
 const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+// 获取类型
+const getType = async () => {
+  const res = await getDictByCode('signType')
+  searchQuery.signType = res.data.filter((item: typeofSign) => item.name === '签名')[0].value
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  listPageApi(searchQuery).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size?: number; page?: number }) => {
   if (val && val.size) {
@@ -22,40 +53,124 @@
   if (val && val.page) {
     searchQuery.offset = val.page
   }
+  getList()
 }
+// 编辑
+const edit = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '更新',
+  })
+}
+// 详情
+const detail = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '详情',
+  })
+}
+// 删除
+const remove = (row: signType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.signName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      deleteApi({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.createTime = ''
+  searchQuery.signDirector = ''
+  searchQuery.signName = ''
+  searchQuery.signNo = ''
+  getList()
+}
+
+// 新增
+const add = () => {
+  addRef.value.initDialog({
+    signType: searchQuery.signType,
+    title: '新增',
+  })
+}
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
+onMounted(() => {
+  getType().then((_) => {
+    getList()
+  })
+})
 </script>
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
-    <search-area>
+    <search-area @search="search">
       <search-item>
-        <el-input v-model="searchQuery.code" placeholder="编号" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signNo" placeholder="签章编号" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.name" placeholder="名称" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signName" placeholder="签章名称" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.director" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signDirector" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="searchQuery.createTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间" />
       </search-item>
       <template #btns>
-        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }">
+        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
           重置
         </el-button>
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary">新建</el-button>
-        <el-button type="primary">导出</el-button>
-        <el-button type="primary">打印</el-button>
+        <el-button type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button type="primary" @click="exportExcel">
+          导出
+        </el-button>
+        <el-button type="primary" @click="print">
+          打印
+        </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage">
+    <normal-table :data="list" :total="total" :columns="columns as any"
+      :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+      @change="changePage">
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -64,16 +179,23 @@
         </el-table-column>
       </template>
       <template #columns>
-        <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
-              查看
+        <el-table-column label="操作" align="center" width="250">
+          <template #default="{ row }">
+            <el-button @click="edit(row)">
+              编辑
+            </el-button>
+            <el-button @click="detail(row)">
+              详情
+            </el-button>
+            <el-button @click="remove(row)">
+              删除
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-  </AppContainer>
+    <add-d-dialog ref="addRef" @resetData="getList" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
new file mode 100644
index 0000000..609ba57
--- /dev/null
+++ b/src/views/measure/source/listAdd.vue
@@ -0,0 +1,233 @@
+<script lang="ts" setup name="ListSourceAdd">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+const formInline: Ref<IlistQuery> = ref({
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+
+})
+const list = ref([{ name: '张三', address: '666', date: '777' }])
+</script>
+
+<template>
+  <div class="top-info">
+    <h4 class="title">
+      基本信息
+    </h4>
+    <div>
+      <el-button type="primary" plain>
+        导出
+      </el-button>
+      <el-button type="warning" plain>
+        关闭
+      </el-button>
+    </div>
+  </div>
+  <div class="info-content">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="100" label-position="left">
+      <el-form-item label="溯源供方编号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入溯源供方编号" />
+      </el-form-item>
+      <el-form-item label="公司名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司名称" />
+      </el-form-item>
+      <el-form-item label="公司简称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司简称" />
+      </el-form-item>
+      <el-form-item label="业务内容:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入业务内容" />
+      </el-form-item>
+      <el-form-item label="税号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入税号" />
+      </el-form-item>
+      <el-form-item label="银行账户名:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账户名" />
+      </el-form-item>
+      <el-form-item label="银行名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行名称" />
+      </el-form-item>
+      <el-form-item label="银行账号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="邮编:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮编" />
+      </el-form-item>
+      <el-form-item label="负责人:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入负责人" />
+      </el-form-item>
+      <el-form-item label="电话:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入电话" />
+      </el-form-item>
+      <el-form-item label="传真:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入传真" />
+      </el-form-item>
+      <el-form-item label="手机:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入手机" />
+      </el-form-item>
+      <el-form-item label="邮箱:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="网址:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入网址" />
+      </el-form-item>
+      <div class="info-dizhi">
+        <el-form-item label="公司地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="公司地址" />
+        </el-form-item>
+      </div>
+      <div class="info-dizhi">
+        <el-form-item label="开票用地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="开票用地址" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="公司业务范围:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入公司业务范围" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="备注:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入备注" />
+        </el-form-item>
+      </div>
+      <div class="info-appendix">
+        <el-form-item label="附件:">
+          <span>扫描件.pdf X</span>
+          <el-button>上传</el-button>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-tabs type="border-card">
+      <el-tab-pane label="人员信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            人员信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="业务记录">
+        <div class="table-top">
+          <div class="table-top-title">
+            业务记录
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="标准装置信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            标准装置信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.top-info {
+  padding: 10px 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+
+  .info-dizhi {
+    margin-right: 155px;
+  }
+}
+
+.el-select {
+  width: 9vw;
+  margin-right: 15px;
+}
+
+.info-dizhi .el-input {
+  width: 15vw;
+}
+
+.input-width .el-input {
+  width: 40vw;
+}
+
+.info-appendix span {
+  margin-right: 25px;
+}
+
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .table-top-title {
+    width: 60vw;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
new file mode 100644
index 0000000..cebfa79
--- /dev/null
+++ b/src/views/measure/source/list_interface.ts
@@ -0,0 +1,15 @@
+export interface IlistQuery {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+
+export interface IformInline {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+}
+
diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index dd1d289..28f5987 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -86,6 +86,14 @@
 const detail = (row: noticeType) => {
   detailDialog.value.initDialog(row)
 }
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -126,10 +134,10 @@
         <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>
diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
new file mode 100644
index 0000000..8ed0be5
--- /dev/null
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -0,0 +1,211 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签名名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签名负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签名描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签名编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签名编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签名名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签名负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签名描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签名描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签名图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank">附件</el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>
diff --git a/src/views/system/tool/autograph/autograph.vue b/src/views/system/tool/autograph/autograph.vue
index f7b262f..ee76513 100644
--- a/src/views/system/tool/autograph/autograph.vue
+++ b/src/views/system/tool/autograph/autograph.vue
@@ -1,19 +1,50 @@
 <!-- 签名管理 -->
 <script lang="ts" setup>
 import { Delete } from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import tableHeader from '../../notice/table.header.vue'
-const searchQuery = reactive({
-  code: '', // 编号
-  name: '', // 名称
-  director: '', // 负责人
+import type { queryType, signType, typeofSign } from '../tool_interface'
+import addDDialog from './addDDialog.vue'
+import { deleteApi, listPageApi } from '@/api/system/tool'
+import { getDictByCode } from '@/api/system/dict'
+const searchQuery = reactive<queryType>({
+  signNo: '', // 编号
+  signName: '', // 名称
+  signDirector: '', // 负责人
   createTime: '', // 创建时间
-  limit: 0,
-  offset: 0,
+  limit: 10,
+  offset: 1,
+  signType: '',
 }) // 查询参数
 const loadingTable = ref<boolean>(false) // 表格loading
 const total = ref<number>(0) // 数据总条数
-const columns = ref([]) // 表格
+const columns = ref([
+  { text: '签名编号', value: 'signNo', align: 'center', width: '180' },
+  { text: '签名名称', value: 'signName', align: 'center', width: '150' },
+  { text: '签名负责人', value: 'signDirector', align: 'center', width: '100' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '250' },
+  { text: '描述', value: 'signDesc', align: 'center' },
+]) // 表格
 const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+// 获取类型
+const getType = async () => {
+  const res = await getDictByCode('signType')
+  searchQuery.signType = res.data.filter((item: typeofSign) => item.name === '签名')[0].value
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  listPageApi(searchQuery).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size?: number; page?: number }) => {
   if (val && val.size) {
@@ -22,40 +53,124 @@
   if (val && val.page) {
     searchQuery.offset = val.page
   }
+  getList()
 }
+// 编辑
+const edit = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '更新',
+  })
+}
+// 详情
+const detail = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '详情',
+  })
+}
+// 删除
+const remove = (row: signType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.signName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      deleteApi({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.createTime = ''
+  searchQuery.signDirector = ''
+  searchQuery.signName = ''
+  searchQuery.signNo = ''
+  getList()
+}
+
+// 新增
+const add = () => {
+  addRef.value.initDialog({
+    signType: searchQuery.signType,
+    title: '新增',
+  })
+}
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
+onMounted(() => {
+  getType().then((_) => {
+    getList()
+  })
+})
 </script>
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
-    <search-area>
+    <search-area @search="search">
       <search-item>
-        <el-input v-model="searchQuery.code" placeholder="编号" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signNo" placeholder="签章编号" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.name" placeholder="名称" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signName" placeholder="签章名称" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.director" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signDirector" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="searchQuery.createTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间" />
       </search-item>
       <template #btns>
-        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }">
+        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
           重置
         </el-button>
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary">新建</el-button>
-        <el-button type="primary">导出</el-button>
-        <el-button type="primary">打印</el-button>
+        <el-button type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button type="primary" @click="exportExcel">
+          导出
+        </el-button>
+        <el-button type="primary" @click="print">
+          打印
+        </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage">
+    <normal-table :data="list" :total="total" :columns="columns as any"
+      :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+      @change="changePage">
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -64,16 +179,23 @@
         </el-table-column>
       </template>
       <template #columns>
-        <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
-              查看
+        <el-table-column label="操作" align="center" width="250">
+          <template #default="{ row }">
+            <el-button @click="edit(row)">
+              编辑
+            </el-button>
+            <el-button @click="detail(row)">
+              详情
+            </el-button>
+            <el-button @click="remove(row)">
+              删除
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-  </AppContainer>
+    <add-d-dialog ref="addRef" @resetData="getList" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/system/tool/signature/addDDialog.vue b/src/views/system/tool/signature/addDDialog.vue
new file mode 100644
index 0000000..96c8ff6
--- /dev/null
+++ b/src/views/system/tool/signature/addDDialog.vue
@@ -0,0 +1,215 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '0',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签章名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签章负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签章描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签章编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签章编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签章名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签章名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签章负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签章负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签章描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签章描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签章图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link
+          v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank"
+        >
+          附件
+        </el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
new file mode 100644
index 0000000..609ba57
--- /dev/null
+++ b/src/views/measure/source/listAdd.vue
@@ -0,0 +1,233 @@
+<script lang="ts" setup name="ListSourceAdd">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+const formInline: Ref<IlistQuery> = ref({
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+
+})
+const list = ref([{ name: '张三', address: '666', date: '777' }])
+</script>
+
+<template>
+  <div class="top-info">
+    <h4 class="title">
+      基本信息
+    </h4>
+    <div>
+      <el-button type="primary" plain>
+        导出
+      </el-button>
+      <el-button type="warning" plain>
+        关闭
+      </el-button>
+    </div>
+  </div>
+  <div class="info-content">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="100" label-position="left">
+      <el-form-item label="溯源供方编号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入溯源供方编号" />
+      </el-form-item>
+      <el-form-item label="公司名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司名称" />
+      </el-form-item>
+      <el-form-item label="公司简称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司简称" />
+      </el-form-item>
+      <el-form-item label="业务内容:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入业务内容" />
+      </el-form-item>
+      <el-form-item label="税号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入税号" />
+      </el-form-item>
+      <el-form-item label="银行账户名:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账户名" />
+      </el-form-item>
+      <el-form-item label="银行名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行名称" />
+      </el-form-item>
+      <el-form-item label="银行账号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="邮编:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮编" />
+      </el-form-item>
+      <el-form-item label="负责人:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入负责人" />
+      </el-form-item>
+      <el-form-item label="电话:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入电话" />
+      </el-form-item>
+      <el-form-item label="传真:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入传真" />
+      </el-form-item>
+      <el-form-item label="手机:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入手机" />
+      </el-form-item>
+      <el-form-item label="邮箱:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="网址:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入网址" />
+      </el-form-item>
+      <div class="info-dizhi">
+        <el-form-item label="公司地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="公司地址" />
+        </el-form-item>
+      </div>
+      <div class="info-dizhi">
+        <el-form-item label="开票用地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="开票用地址" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="公司业务范围:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入公司业务范围" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="备注:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入备注" />
+        </el-form-item>
+      </div>
+      <div class="info-appendix">
+        <el-form-item label="附件:">
+          <span>扫描件.pdf X</span>
+          <el-button>上传</el-button>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-tabs type="border-card">
+      <el-tab-pane label="人员信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            人员信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="业务记录">
+        <div class="table-top">
+          <div class="table-top-title">
+            业务记录
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="标准装置信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            标准装置信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.top-info {
+  padding: 10px 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+
+  .info-dizhi {
+    margin-right: 155px;
+  }
+}
+
+.el-select {
+  width: 9vw;
+  margin-right: 15px;
+}
+
+.info-dizhi .el-input {
+  width: 15vw;
+}
+
+.input-width .el-input {
+  width: 40vw;
+}
+
+.info-appendix span {
+  margin-right: 25px;
+}
+
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .table-top-title {
+    width: 60vw;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
new file mode 100644
index 0000000..cebfa79
--- /dev/null
+++ b/src/views/measure/source/list_interface.ts
@@ -0,0 +1,15 @@
+export interface IlistQuery {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+
+export interface IformInline {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+}
+
diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index dd1d289..28f5987 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -86,6 +86,14 @@
 const detail = (row: noticeType) => {
   detailDialog.value.initDialog(row)
 }
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -126,10 +134,10 @@
         <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>
diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
new file mode 100644
index 0000000..8ed0be5
--- /dev/null
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -0,0 +1,211 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签名名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签名负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签名描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签名编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签名编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签名名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签名负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签名描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签名描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签名图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank">附件</el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>
diff --git a/src/views/system/tool/autograph/autograph.vue b/src/views/system/tool/autograph/autograph.vue
index f7b262f..ee76513 100644
--- a/src/views/system/tool/autograph/autograph.vue
+++ b/src/views/system/tool/autograph/autograph.vue
@@ -1,19 +1,50 @@
 <!-- 签名管理 -->
 <script lang="ts" setup>
 import { Delete } from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import tableHeader from '../../notice/table.header.vue'
-const searchQuery = reactive({
-  code: '', // 编号
-  name: '', // 名称
-  director: '', // 负责人
+import type { queryType, signType, typeofSign } from '../tool_interface'
+import addDDialog from './addDDialog.vue'
+import { deleteApi, listPageApi } from '@/api/system/tool'
+import { getDictByCode } from '@/api/system/dict'
+const searchQuery = reactive<queryType>({
+  signNo: '', // 编号
+  signName: '', // 名称
+  signDirector: '', // 负责人
   createTime: '', // 创建时间
-  limit: 0,
-  offset: 0,
+  limit: 10,
+  offset: 1,
+  signType: '',
 }) // 查询参数
 const loadingTable = ref<boolean>(false) // 表格loading
 const total = ref<number>(0) // 数据总条数
-const columns = ref([]) // 表格
+const columns = ref([
+  { text: '签名编号', value: 'signNo', align: 'center', width: '180' },
+  { text: '签名名称', value: 'signName', align: 'center', width: '150' },
+  { text: '签名负责人', value: 'signDirector', align: 'center', width: '100' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '250' },
+  { text: '描述', value: 'signDesc', align: 'center' },
+]) // 表格
 const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+// 获取类型
+const getType = async () => {
+  const res = await getDictByCode('signType')
+  searchQuery.signType = res.data.filter((item: typeofSign) => item.name === '签名')[0].value
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  listPageApi(searchQuery).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size?: number; page?: number }) => {
   if (val && val.size) {
@@ -22,40 +53,124 @@
   if (val && val.page) {
     searchQuery.offset = val.page
   }
+  getList()
 }
+// 编辑
+const edit = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '更新',
+  })
+}
+// 详情
+const detail = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '详情',
+  })
+}
+// 删除
+const remove = (row: signType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.signName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      deleteApi({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.createTime = ''
+  searchQuery.signDirector = ''
+  searchQuery.signName = ''
+  searchQuery.signNo = ''
+  getList()
+}
+
+// 新增
+const add = () => {
+  addRef.value.initDialog({
+    signType: searchQuery.signType,
+    title: '新增',
+  })
+}
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
+onMounted(() => {
+  getType().then((_) => {
+    getList()
+  })
+})
 </script>
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
-    <search-area>
+    <search-area @search="search">
       <search-item>
-        <el-input v-model="searchQuery.code" placeholder="编号" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signNo" placeholder="签章编号" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.name" placeholder="名称" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signName" placeholder="签章名称" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.director" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signDirector" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="searchQuery.createTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间" />
       </search-item>
       <template #btns>
-        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }">
+        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
           重置
         </el-button>
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary">新建</el-button>
-        <el-button type="primary">导出</el-button>
-        <el-button type="primary">打印</el-button>
+        <el-button type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button type="primary" @click="exportExcel">
+          导出
+        </el-button>
+        <el-button type="primary" @click="print">
+          打印
+        </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage">
+    <normal-table :data="list" :total="total" :columns="columns as any"
+      :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+      @change="changePage">
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -64,16 +179,23 @@
         </el-table-column>
       </template>
       <template #columns>
-        <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
-              查看
+        <el-table-column label="操作" align="center" width="250">
+          <template #default="{ row }">
+            <el-button @click="edit(row)">
+              编辑
+            </el-button>
+            <el-button @click="detail(row)">
+              详情
+            </el-button>
+            <el-button @click="remove(row)">
+              删除
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-  </AppContainer>
+    <add-d-dialog ref="addRef" @resetData="getList" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/system/tool/signature/addDDialog.vue b/src/views/system/tool/signature/addDDialog.vue
new file mode 100644
index 0000000..96c8ff6
--- /dev/null
+++ b/src/views/system/tool/signature/addDDialog.vue
@@ -0,0 +1,215 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '0',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签章名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签章负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签章描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签章编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签章编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签章名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签章名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签章负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签章负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签章描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签章描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签章图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link
+          v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank"
+        >
+          附件
+        </el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>
diff --git a/src/views/system/tool/signature/signature.vue b/src/views/system/tool/signature/signature.vue
index 0045732..4818e4b 100644
--- a/src/views/system/tool/signature/signature.vue
+++ b/src/views/system/tool/signature/signature.vue
@@ -1,19 +1,50 @@
 <!-- 签章管理 -->
 <script lang="ts" setup>
 import { Delete } from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import tableHeader from '../../notice/table.header.vue'
-const searchQuery = reactive({
-  code: '', // 编号
-  name: '', // 名称
-  director: '', // 负责人
+import type { queryType, signType, typeofSign } from '../tool_interface'
+import addDDialog from './addDDialog.vue'
+import { deleteApi, listPageApi } from '@/api/system/tool'
+import { getDictByCode } from '@/api/system/dict'
+const searchQuery = reactive<queryType>({
+  signNo: '', // 编号
+  signName: '', // 名称
+  signDirector: '', // 负责人
   createTime: '', // 创建时间
-  limit: 0,
-  offset: 0,
+  limit: 10,
+  offset: 1,
+  signType: '',
 }) // 查询参数
 const loadingTable = ref<boolean>(false) // 表格loading
 const total = ref<number>(0) // 数据总条数
-const columns = ref([]) // 表格
+const columns = ref([
+  { text: '签章编号', value: 'signNo', align: 'center', width: '180' },
+  { text: '签章名称', value: 'signName', align: 'center', width: '150' },
+  { text: '签章负责人', value: 'signDirector', align: 'center', width: '100' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '250' },
+  { text: '描述', value: 'signDesc', align: 'center' },
+]) // 表格
 const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+// 获取类型
+const getType = async () => {
+  const res = await getDictByCode('signType')
+  searchQuery.signType = res.data.filter((item: typeofSign) => item.name === '签章')[0].value
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  listPageApi(searchQuery).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size?: number; page?: number }) => {
   if (val && val.size) {
@@ -22,48 +53,124 @@
   if (val && val.page) {
     searchQuery.offset = val.page
   }
+  getList()
 }
+// 编辑
+const edit = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '更新',
+  })
+}
+// 详情
+const detail = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '详情',
+  })
+}
+// 删除
+const remove = (row: signType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.signName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      deleteApi({ id: (row.id as string) }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.createTime = ''
+  searchQuery.signDirector = ''
+  searchQuery.signName = ''
+  searchQuery.signNo = ''
+  getList()
+}
+
+// 新增
+const add = () => {
+  addRef.value.initDialog({
+    signType: searchQuery.signType,
+    title: '新增',
+  })
+}
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
+onMounted(() => {
+  getType().then((_) => {
+    getList()
+  })
+})
 </script>
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
-    <search-area>
+    <search-area @search="search">
       <search-item>
-        <el-input v-model="searchQuery.code" placeholder="编号" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signNo" placeholder="签章编号" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.name" placeholder="名称" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signName" placeholder="签章名称" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.director" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signDirector" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="searchQuery.createTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间" />
       </search-item>
       <template #btns>
-        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }">
+        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
           重置
         </el-button>
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary">
+        <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table
-      :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage"
-    >
+    <normal-table :data="list" :total="total" :columns="columns as any"
+      :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+      @change="changePage">
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -72,16 +179,23 @@
         </el-table-column>
       </template>
       <template #columns>
-        <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
-              查看
+        <el-table-column label="操作" align="center" width="250">
+          <template #default="{ row }">
+            <el-button @click="edit(row)">
+              编辑
+            </el-button>
+            <el-button @click="detail(row)">
+              详情
+            </el-button>
+            <el-button @click="remove(row)">
+              删除
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-  </AppContainer>
+    <add-d-dialog ref="addRef" @resetData="getList" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
new file mode 100644
index 0000000..609ba57
--- /dev/null
+++ b/src/views/measure/source/listAdd.vue
@@ -0,0 +1,233 @@
+<script lang="ts" setup name="ListSourceAdd">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+const formInline: Ref<IlistQuery> = ref({
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+
+})
+const list = ref([{ name: '张三', address: '666', date: '777' }])
+</script>
+
+<template>
+  <div class="top-info">
+    <h4 class="title">
+      基本信息
+    </h4>
+    <div>
+      <el-button type="primary" plain>
+        导出
+      </el-button>
+      <el-button type="warning" plain>
+        关闭
+      </el-button>
+    </div>
+  </div>
+  <div class="info-content">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="100" label-position="left">
+      <el-form-item label="溯源供方编号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入溯源供方编号" />
+      </el-form-item>
+      <el-form-item label="公司名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司名称" />
+      </el-form-item>
+      <el-form-item label="公司简称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司简称" />
+      </el-form-item>
+      <el-form-item label="业务内容:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入业务内容" />
+      </el-form-item>
+      <el-form-item label="税号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入税号" />
+      </el-form-item>
+      <el-form-item label="银行账户名:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账户名" />
+      </el-form-item>
+      <el-form-item label="银行名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行名称" />
+      </el-form-item>
+      <el-form-item label="银行账号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="邮编:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮编" />
+      </el-form-item>
+      <el-form-item label="负责人:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入负责人" />
+      </el-form-item>
+      <el-form-item label="电话:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入电话" />
+      </el-form-item>
+      <el-form-item label="传真:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入传真" />
+      </el-form-item>
+      <el-form-item label="手机:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入手机" />
+      </el-form-item>
+      <el-form-item label="邮箱:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="网址:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入网址" />
+      </el-form-item>
+      <div class="info-dizhi">
+        <el-form-item label="公司地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="公司地址" />
+        </el-form-item>
+      </div>
+      <div class="info-dizhi">
+        <el-form-item label="开票用地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="开票用地址" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="公司业务范围:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入公司业务范围" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="备注:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入备注" />
+        </el-form-item>
+      </div>
+      <div class="info-appendix">
+        <el-form-item label="附件:">
+          <span>扫描件.pdf X</span>
+          <el-button>上传</el-button>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-tabs type="border-card">
+      <el-tab-pane label="人员信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            人员信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="业务记录">
+        <div class="table-top">
+          <div class="table-top-title">
+            业务记录
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="标准装置信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            标准装置信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.top-info {
+  padding: 10px 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+
+  .info-dizhi {
+    margin-right: 155px;
+  }
+}
+
+.el-select {
+  width: 9vw;
+  margin-right: 15px;
+}
+
+.info-dizhi .el-input {
+  width: 15vw;
+}
+
+.input-width .el-input {
+  width: 40vw;
+}
+
+.info-appendix span {
+  margin-right: 25px;
+}
+
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .table-top-title {
+    width: 60vw;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
new file mode 100644
index 0000000..cebfa79
--- /dev/null
+++ b/src/views/measure/source/list_interface.ts
@@ -0,0 +1,15 @@
+export interface IlistQuery {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+
+export interface IformInline {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+}
+
diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index dd1d289..28f5987 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -86,6 +86,14 @@
 const detail = (row: noticeType) => {
   detailDialog.value.initDialog(row)
 }
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -126,10 +134,10 @@
         <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>
diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
new file mode 100644
index 0000000..8ed0be5
--- /dev/null
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -0,0 +1,211 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签名名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签名负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签名描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签名编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签名编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签名名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签名负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签名描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签名描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签名图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank">附件</el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>
diff --git a/src/views/system/tool/autograph/autograph.vue b/src/views/system/tool/autograph/autograph.vue
index f7b262f..ee76513 100644
--- a/src/views/system/tool/autograph/autograph.vue
+++ b/src/views/system/tool/autograph/autograph.vue
@@ -1,19 +1,50 @@
 <!-- 签名管理 -->
 <script lang="ts" setup>
 import { Delete } from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import tableHeader from '../../notice/table.header.vue'
-const searchQuery = reactive({
-  code: '', // 编号
-  name: '', // 名称
-  director: '', // 负责人
+import type { queryType, signType, typeofSign } from '../tool_interface'
+import addDDialog from './addDDialog.vue'
+import { deleteApi, listPageApi } from '@/api/system/tool'
+import { getDictByCode } from '@/api/system/dict'
+const searchQuery = reactive<queryType>({
+  signNo: '', // 编号
+  signName: '', // 名称
+  signDirector: '', // 负责人
   createTime: '', // 创建时间
-  limit: 0,
-  offset: 0,
+  limit: 10,
+  offset: 1,
+  signType: '',
 }) // 查询参数
 const loadingTable = ref<boolean>(false) // 表格loading
 const total = ref<number>(0) // 数据总条数
-const columns = ref([]) // 表格
+const columns = ref([
+  { text: '签名编号', value: 'signNo', align: 'center', width: '180' },
+  { text: '签名名称', value: 'signName', align: 'center', width: '150' },
+  { text: '签名负责人', value: 'signDirector', align: 'center', width: '100' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '250' },
+  { text: '描述', value: 'signDesc', align: 'center' },
+]) // 表格
 const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+// 获取类型
+const getType = async () => {
+  const res = await getDictByCode('signType')
+  searchQuery.signType = res.data.filter((item: typeofSign) => item.name === '签名')[0].value
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  listPageApi(searchQuery).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size?: number; page?: number }) => {
   if (val && val.size) {
@@ -22,40 +53,124 @@
   if (val && val.page) {
     searchQuery.offset = val.page
   }
+  getList()
 }
+// 编辑
+const edit = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '更新',
+  })
+}
+// 详情
+const detail = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '详情',
+  })
+}
+// 删除
+const remove = (row: signType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.signName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      deleteApi({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.createTime = ''
+  searchQuery.signDirector = ''
+  searchQuery.signName = ''
+  searchQuery.signNo = ''
+  getList()
+}
+
+// 新增
+const add = () => {
+  addRef.value.initDialog({
+    signType: searchQuery.signType,
+    title: '新增',
+  })
+}
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
+onMounted(() => {
+  getType().then((_) => {
+    getList()
+  })
+})
 </script>
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
-    <search-area>
+    <search-area @search="search">
       <search-item>
-        <el-input v-model="searchQuery.code" placeholder="编号" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signNo" placeholder="签章编号" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.name" placeholder="名称" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signName" placeholder="签章名称" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.director" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signDirector" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="searchQuery.createTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间" />
       </search-item>
       <template #btns>
-        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }">
+        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
           重置
         </el-button>
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary">新建</el-button>
-        <el-button type="primary">导出</el-button>
-        <el-button type="primary">打印</el-button>
+        <el-button type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button type="primary" @click="exportExcel">
+          导出
+        </el-button>
+        <el-button type="primary" @click="print">
+          打印
+        </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage">
+    <normal-table :data="list" :total="total" :columns="columns as any"
+      :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+      @change="changePage">
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -64,16 +179,23 @@
         </el-table-column>
       </template>
       <template #columns>
-        <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
-              查看
+        <el-table-column label="操作" align="center" width="250">
+          <template #default="{ row }">
+            <el-button @click="edit(row)">
+              编辑
+            </el-button>
+            <el-button @click="detail(row)">
+              详情
+            </el-button>
+            <el-button @click="remove(row)">
+              删除
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-  </AppContainer>
+    <add-d-dialog ref="addRef" @resetData="getList" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/system/tool/signature/addDDialog.vue b/src/views/system/tool/signature/addDDialog.vue
new file mode 100644
index 0000000..96c8ff6
--- /dev/null
+++ b/src/views/system/tool/signature/addDDialog.vue
@@ -0,0 +1,215 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '0',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签章名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签章负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签章描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签章编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签章编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签章名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签章名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签章负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签章负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签章描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签章描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签章图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link
+          v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank"
+        >
+          附件
+        </el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>
diff --git a/src/views/system/tool/signature/signature.vue b/src/views/system/tool/signature/signature.vue
index 0045732..4818e4b 100644
--- a/src/views/system/tool/signature/signature.vue
+++ b/src/views/system/tool/signature/signature.vue
@@ -1,19 +1,50 @@
 <!-- 签章管理 -->
 <script lang="ts" setup>
 import { Delete } from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import tableHeader from '../../notice/table.header.vue'
-const searchQuery = reactive({
-  code: '', // 编号
-  name: '', // 名称
-  director: '', // 负责人
+import type { queryType, signType, typeofSign } from '../tool_interface'
+import addDDialog from './addDDialog.vue'
+import { deleteApi, listPageApi } from '@/api/system/tool'
+import { getDictByCode } from '@/api/system/dict'
+const searchQuery = reactive<queryType>({
+  signNo: '', // 编号
+  signName: '', // 名称
+  signDirector: '', // 负责人
   createTime: '', // 创建时间
-  limit: 0,
-  offset: 0,
+  limit: 10,
+  offset: 1,
+  signType: '',
 }) // 查询参数
 const loadingTable = ref<boolean>(false) // 表格loading
 const total = ref<number>(0) // 数据总条数
-const columns = ref([]) // 表格
+const columns = ref([
+  { text: '签章编号', value: 'signNo', align: 'center', width: '180' },
+  { text: '签章名称', value: 'signName', align: 'center', width: '150' },
+  { text: '签章负责人', value: 'signDirector', align: 'center', width: '100' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '250' },
+  { text: '描述', value: 'signDesc', align: 'center' },
+]) // 表格
 const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+// 获取类型
+const getType = async () => {
+  const res = await getDictByCode('signType')
+  searchQuery.signType = res.data.filter((item: typeofSign) => item.name === '签章')[0].value
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  listPageApi(searchQuery).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size?: number; page?: number }) => {
   if (val && val.size) {
@@ -22,48 +53,124 @@
   if (val && val.page) {
     searchQuery.offset = val.page
   }
+  getList()
 }
+// 编辑
+const edit = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '更新',
+  })
+}
+// 详情
+const detail = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '详情',
+  })
+}
+// 删除
+const remove = (row: signType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.signName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      deleteApi({ id: (row.id as string) }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.createTime = ''
+  searchQuery.signDirector = ''
+  searchQuery.signName = ''
+  searchQuery.signNo = ''
+  getList()
+}
+
+// 新增
+const add = () => {
+  addRef.value.initDialog({
+    signType: searchQuery.signType,
+    title: '新增',
+  })
+}
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
+onMounted(() => {
+  getType().then((_) => {
+    getList()
+  })
+})
 </script>
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
-    <search-area>
+    <search-area @search="search">
       <search-item>
-        <el-input v-model="searchQuery.code" placeholder="编号" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signNo" placeholder="签章编号" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.name" placeholder="名称" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signName" placeholder="签章名称" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.director" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signDirector" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="searchQuery.createTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间" />
       </search-item>
       <template #btns>
-        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }">
+        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
           重置
         </el-button>
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary">
+        <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table
-      :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage"
-    >
+    <normal-table :data="list" :total="total" :columns="columns as any"
+      :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+      @change="changePage">
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -72,16 +179,23 @@
         </el-table-column>
       </template>
       <template #columns>
-        <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
-              查看
+        <el-table-column label="操作" align="center" width="250">
+          <template #default="{ row }">
+            <el-button @click="edit(row)">
+              编辑
+            </el-button>
+            <el-button @click="detail(row)">
+              详情
+            </el-button>
+            <el-button @click="remove(row)">
+              删除
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-  </AppContainer>
+    <add-d-dialog ref="addRef" @resetData="getList" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/system/tool/tool_interface.ts b/src/views/system/tool/tool_interface.ts
new file mode 100644
index 0000000..5d03845
--- /dev/null
+++ b/src/views/system/tool/tool_interface.ts
@@ -0,0 +1,31 @@
+// 签名/签章查询参数类型
+export interface queryType {
+  signNo: string // 编号
+  signName: string// 名称
+  signDirector: string // 负责人
+  createTime: string// 创建时间
+  limit: number
+  offset: number
+  signType: string
+}
+// signType类型参数
+export interface typeofSign {
+  name: string
+  value: string
+  id: string
+}
+// 签章/签名列表类型
+export interface signType {
+  createTime: string
+  id?: string
+  isDel?: number
+  minioFileName?: string
+  signDesc?: string
+  signDirector?: string
+  signName?: string
+  signNo?: string
+  signType?: string
+  updateTime?: string
+  userIdList?: null | string[]
+  title?: string
+}

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
new file mode 100644
index 0000000..e0fabe7
--- /dev/null
+++ b/src/api/system/source.ts
@@ -0,0 +1,23 @@
+/**
+ * 溯源供方请求接口
+ */
+import request from '../index'
+const prefix = '/meter'
+
+// 列表查询
+export function getSoucreList(data: object) {
+  return request({
+    url: `${prefix}/supplier/list`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getSoucreListDelete(data: object) {
+  return request({
+    url: `${prefix}/supplier/delete`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/system/tool.ts b/src/api/system/tool.ts
new file mode 100644
index 0000000..c50a242
--- /dev/null
+++ b/src/api/system/tool.ts
@@ -0,0 +1,59 @@
+import request from '../index'
+const prefix = 'system/'
+
+// 签名/签章新增
+export function addApi(data: object) {
+  return request({
+    url: `${prefix}sign/add`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章批量删除
+export function batchDelete(data: { ids: string[] }) {
+  return request({
+    url: `${prefix}sign/batchDelete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章删除
+export function deleteApi(data: { id: string }) {
+  return request({
+    url: `${prefix}sign/delete`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表
+export function listApi(data: object) {
+  return request({
+    url: `${prefix}sign/list`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章导出
+export function exportApi(data: object) {
+  return request({
+    url: `${prefix}sign/listExport`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章列表/详情（分页）
+export function listPageApi(data: object) {
+  return request({
+    url: `${prefix}sign/listPage`,
+    method: 'post',
+    data,
+  })
+}
+// 签名/签章更新
+export function updateApi(data: object) {
+  return request({
+    url: `${prefix}sign/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/measure/source/approve.vue b/src/views/measure/source/approve.vue
index 2fcdf5d..8efe918 100644
--- a/src/views/measure/source/approve.vue
+++ b/src/views/measure/source/approve.vue
@@ -1,3 +1,4 @@
 <template>
   <div>溯源供方审批</div>
 </template>
+
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index e966fb8..cad751e 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,3 +1,182 @@
+<script lang="ts" setup name="ListSource">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+import ListSourceAdd from './listAdd.vue'
+import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
+
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  supplierNo: '', // 业务内容
+  supplierName: '', // 溯源供方名称
+  businessContent: '', // 溯源供方编号
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref([])
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '溯源供方编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '溯源供方名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '业务内容',
+    value: 'businessContent',
+  },
+  {
+    text: '业务资质',
+    value: 'briefName',
+  },
+  {
+    text: '负责人',
+    value: 'director',
+  },
+  {
+    text: '联系方式',
+    value: 'mobile',
+  },
+  {
+    text: '地址',
+    value: 'companyCity',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+
+// 按钮数组
+const buttons = ref(['批量导入', '模板下载', '新建', '导出', '打印'])
+// 表格loding
+const listLoading = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getSoucreList(listQuery.value).then((response) => {
+    list.value = response.data
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => { }
+// 点击编辑/详情
+const handleEdit = (index: string, row: object) => {
+  show.value = false
+}
+// 点击删除
+const handleDelete = (index: string, row: object) => {
+  // getSoucreListDelete(row.target.id).then((res) => {
+
+  // })
+}
+// 分页
+const handleSizeChange = (val: string) => { }
+// 分页
+const handleCurrentChange = (val: string) => { }
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    supplierNo: '', // 业务内容
+    supplierName: '', // 溯源供方名称
+    businessContent: '', // 溯源供方编号
+    offset: 1,
+    limit: 20,
+  }
+}
+</script>
+
 <template>
-  <div>溯源供方列表</div>
+  <div v-if="show">
+    <app-container>
+      <search-area type="seperate" need-clear @search="searchList" @clear="clearList">
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierNo" placeholder="溯源供方编号" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.supplierName" placeholder="溯源供方名称" clearable />
+        </search-item>
+        <search-item>
+          <el-input v-model.trim="listQuery.businessContent" placeholder="业务内容" clearable />
+        </search-item>
+      </search-area>
+    </app-container>
+    <app-container>
+      <div class="table-top">
+        <h3>数据列表</h3>
+        <div>
+          <el-button v-for="(item, index) in buttons" :key="index" type="primary">
+            {{ item }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="list" style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column align="center" label="序号" width="80" type="index" />
+        <el-table-column
+          v-for="(column, index) in columns" :key="index" :label="column.text" :prop="column.value"
+          :width="column.width" align="center"
+        />
+        <el-table-column align="center" label="操作" width="240">
+          <template #default="scope">
+            <el-button size="small" type="primary" link @click="handleEdit(scope.$index, scope.row)">
+              编辑
+            </el-button>
+            <el-button size="small" link type="primary" @click="handleEdit(scope.$index, scope.row)">
+              详情
+            </el-button>
+            <el-button size="small" link type="danger" @click="handleDelete(scope.$index, scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </app-container>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="listQuery.offset" v-model:page-size="listQuery.limit"
+        :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+  <list-source-add v-else />
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
new file mode 100644
index 0000000..609ba57
--- /dev/null
+++ b/src/views/measure/source/listAdd.vue
@@ -0,0 +1,233 @@
+<script lang="ts" setup name="ListSourceAdd">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IlistQuery } from './list_interface'
+const formInline: Ref<IlistQuery> = ref({
+  businessContent: '',
+  supplierName: '',
+  supplierNo: '',
+
+})
+const list = ref([{ name: '张三', address: '666', date: '777' }])
+</script>
+
+<template>
+  <div class="top-info">
+    <h4 class="title">
+      基本信息
+    </h4>
+    <div>
+      <el-button type="primary" plain>
+        导出
+      </el-button>
+      <el-button type="warning" plain>
+        关闭
+      </el-button>
+    </div>
+  </div>
+  <div class="info-content">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="100" label-position="left">
+      <el-form-item label="溯源供方编号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入溯源供方编号" />
+      </el-form-item>
+      <el-form-item label="公司名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司名称" />
+      </el-form-item>
+      <el-form-item label="公司简称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入公司简称" />
+      </el-form-item>
+      <el-form-item label="业务内容:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入业务内容" />
+      </el-form-item>
+      <el-form-item label="税号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入税号" />
+      </el-form-item>
+      <el-form-item label="银行账户名:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账户名" />
+      </el-form-item>
+      <el-form-item label="银行名称:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行名称" />
+      </el-form-item>
+      <el-form-item label="银行账号:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="邮编:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮编" />
+      </el-form-item>
+      <el-form-item label="负责人:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入负责人" />
+      </el-form-item>
+      <el-form-item label="电话:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入电话" />
+      </el-form-item>
+      <el-form-item label="传真:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入传真" />
+      </el-form-item>
+      <el-form-item label="手机:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入手机" />
+      </el-form-item>
+      <el-form-item label="邮箱:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入邮箱" />
+      </el-form-item>
+      <el-form-item label="网址:">
+        <el-input v-model="formInline.businessContent" placeholder="请输入网址" />
+      </el-form-item>
+      <div class="info-dizhi">
+        <el-form-item label="公司地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="公司地址" />
+        </el-form-item>
+      </div>
+      <div class="info-dizhi">
+        <el-form-item label="开票用地址:">
+          <el-select v-model="formInline.supplierNo" placeholder="国别">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="省">
+            <el-option label="Zone one" value="shanghai" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="市">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-select v-model="formInline.supplierNo" placeholder="区/县">
+            <el-option label="Zone one" value="shanghai" />
+            <el-option label="Zone two" value="beijing" />
+          </el-select>
+          <el-input v-model="formInline.businessContent" placeholder="开票用地址" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="公司业务范围:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入公司业务范围" />
+        </el-form-item>
+      </div>
+      <div class="input-width">
+        <el-form-item label="备注:">
+          <el-input v-model="formInline.businessContent" placeholder="请输入备注" />
+        </el-form-item>
+      </div>
+      <div class="info-appendix">
+        <el-form-item label="附件:">
+          <span>扫描件.pdf X</span>
+          <el-button>上传</el-button>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-tabs type="border-card">
+      <el-tab-pane label="人员信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            人员信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="业务记录">
+        <div class="table-top">
+          <div class="table-top-title">
+            业务记录
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="标准装置信息">
+        <div class="table-top">
+          <div class="table-top-title">
+            标准装置信息
+          </div>
+          <div class="table-top-button">
+            <el-button>删除行</el-button>
+            <el-button>增加行</el-button>
+          </div>
+        </div>
+        <el-table :data="list" border style="width: 100%;">
+          <el-table-column prop="date" label="Date" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="address" label="Address" />
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.top-info {
+  padding: 10px 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .title {
+    width: 75%;
+    text-align: center;
+  }
+}
+
+.info-content {
+  padding: 15px;
+
+  .info-dizhi {
+    margin-right: 155px;
+  }
+}
+
+.el-select {
+  width: 9vw;
+  margin-right: 15px;
+}
+
+.info-dizhi .el-input {
+  width: 15vw;
+}
+
+.input-width .el-input {
+  width: 40vw;
+}
+
+.info-appendix span {
+  margin-right: 25px;
+}
+
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .table-top-title {
+    width: 60vw;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
new file mode 100644
index 0000000..cebfa79
--- /dev/null
+++ b/src/views/measure/source/list_interface.ts
@@ -0,0 +1,15 @@
+export interface IlistQuery {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+
+export interface IformInline {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+}
+
diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index dd1d289..28f5987 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -86,6 +86,14 @@
 const detail = (row: noticeType) => {
   detailDialog.value.initDialog(row)
 }
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -126,10 +134,10 @@
         <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>
diff --git a/src/views/system/tool/autograph/addDDialog.vue b/src/views/system/tool/autograph/addDDialog.vue
new file mode 100644
index 0000000..8ed0be5
--- /dev/null
+++ b/src/views/system/tool/autograph/addDDialog.vue
@@ -0,0 +1,211 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签名名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签名负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签名描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签名编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签名编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签名名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签名负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签名负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签名描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签名描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签名图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank">附件</el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>
diff --git a/src/views/system/tool/autograph/autograph.vue b/src/views/system/tool/autograph/autograph.vue
index f7b262f..ee76513 100644
--- a/src/views/system/tool/autograph/autograph.vue
+++ b/src/views/system/tool/autograph/autograph.vue
@@ -1,19 +1,50 @@
 <!-- 签名管理 -->
 <script lang="ts" setup>
 import { Delete } from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import tableHeader from '../../notice/table.header.vue'
-const searchQuery = reactive({
-  code: '', // 编号
-  name: '', // 名称
-  director: '', // 负责人
+import type { queryType, signType, typeofSign } from '../tool_interface'
+import addDDialog from './addDDialog.vue'
+import { deleteApi, listPageApi } from '@/api/system/tool'
+import { getDictByCode } from '@/api/system/dict'
+const searchQuery = reactive<queryType>({
+  signNo: '', // 编号
+  signName: '', // 名称
+  signDirector: '', // 负责人
   createTime: '', // 创建时间
-  limit: 0,
-  offset: 0,
+  limit: 10,
+  offset: 1,
+  signType: '',
 }) // 查询参数
 const loadingTable = ref<boolean>(false) // 表格loading
 const total = ref<number>(0) // 数据总条数
-const columns = ref([]) // 表格
+const columns = ref([
+  { text: '签名编号', value: 'signNo', align: 'center', width: '180' },
+  { text: '签名名称', value: 'signName', align: 'center', width: '150' },
+  { text: '签名负责人', value: 'signDirector', align: 'center', width: '100' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '250' },
+  { text: '描述', value: 'signDesc', align: 'center' },
+]) // 表格
 const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+// 获取类型
+const getType = async () => {
+  const res = await getDictByCode('signType')
+  searchQuery.signType = res.data.filter((item: typeofSign) => item.name === '签名')[0].value
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  listPageApi(searchQuery).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size?: number; page?: number }) => {
   if (val && val.size) {
@@ -22,40 +53,124 @@
   if (val && val.page) {
     searchQuery.offset = val.page
   }
+  getList()
 }
+// 编辑
+const edit = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '更新',
+  })
+}
+// 详情
+const detail = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '详情',
+  })
+}
+// 删除
+const remove = (row: signType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.signName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      deleteApi({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.createTime = ''
+  searchQuery.signDirector = ''
+  searchQuery.signName = ''
+  searchQuery.signNo = ''
+  getList()
+}
+
+// 新增
+const add = () => {
+  addRef.value.initDialog({
+    signType: searchQuery.signType,
+    title: '新增',
+  })
+}
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
+onMounted(() => {
+  getType().then((_) => {
+    getList()
+  })
+})
 </script>
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
-    <search-area>
+    <search-area @search="search">
       <search-item>
-        <el-input v-model="searchQuery.code" placeholder="编号" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signNo" placeholder="签章编号" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.name" placeholder="名称" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signName" placeholder="签章名称" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.director" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signDirector" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="searchQuery.createTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间" />
       </search-item>
       <template #btns>
-        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }">
+        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
           重置
         </el-button>
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary">新建</el-button>
-        <el-button type="primary">导出</el-button>
-        <el-button type="primary">打印</el-button>
+        <el-button type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button type="primary" @click="exportExcel">
+          导出
+        </el-button>
+        <el-button type="primary" @click="print">
+          打印
+        </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage">
+    <normal-table :data="list" :total="total" :columns="columns as any"
+      :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+      @change="changePage">
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -64,16 +179,23 @@
         </el-table-column>
       </template>
       <template #columns>
-        <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
-              查看
+        <el-table-column label="操作" align="center" width="250">
+          <template #default="{ row }">
+            <el-button @click="edit(row)">
+              编辑
+            </el-button>
+            <el-button @click="detail(row)">
+              详情
+            </el-button>
+            <el-button @click="remove(row)">
+              删除
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-  </AppContainer>
+    <add-d-dialog ref="addRef" @resetData="getList" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/system/tool/signature/addDDialog.vue b/src/views/system/tool/signature/addDDialog.vue
new file mode 100644
index 0000000..96c8ff6
--- /dev/null
+++ b/src/views/system/tool/signature/addDDialog.vue
@@ -0,0 +1,215 @@
+<!-- 新增通知公告弹窗 -->
+<script lang="ts" setup name="addNotice">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import type { signType } from '../tool_interface'
+import { getUserList } from '@/api/system/user'
+import { uploadApi } from '@/api/system/notice'
+import { addApi, listPageApi, updateApi } from '@/api/system/tool'
+import type { userType } from '@/views/system/user/user_interface'
+const emits = defineEmits(['resetData'])
+const ruleFormRef = ref<FormInstance>() // from组件
+const ruleForm = reactive<signType>({
+  userIdList: [], // 可使用人列表
+  signType: '', // 类型
+  signName: '', // 名称
+  signDirector: '', // 负责人
+  minioFileName: '', // 上传文件名
+  signDesc: '', // 描述
+  signNo: '',
+  createTime: '',
+  id: '0',
+}) // 表单
+const title = ref('')
+const rules = ref<FormRules>({
+  userIdList: [{ required: true, message: '可使用人列表不能为空', trigger: 'blur' }],
+  signName: [{ required: true, message: '签章名称不能为空', trigger: 'blur' }],
+  signDirector: [{ required: true, message: '签章负责人不能为空', trigger: 'blur' }],
+  minioFileName: [{ required: true, message: '上传文件不能为空', trigger: 'blur' }],
+  signDesc: [{ required: true, message: '签章描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const userList = ref<userType[]>([]) // 可使用人列表
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+const getuser = () => {
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+} // 获取可使用人列表
+// 弹窗初始化
+const initDialog = (row: signType) => {
+  title.value = row.title as string
+  ruleForm.signNo = ''
+  ruleForm.signName = ''
+  ruleForm.createTime = ''
+  ruleForm.signDesc = ''
+  ruleForm.minioFileName = ''
+  ruleForm.userIdList = []
+  ruleForm.signDirector = ''
+  dialogVisible.value = true
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+  if (row.title === '新增') {
+    // 新增
+    ruleFormRef.value?.resetFields()
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+  }
+  else if (row.title === '更新') {
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    // ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    ruleForm.id = row.id
+    ruleForm.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+    // 修改
+  }
+  else {
+    // 详情
+    ruleForm.signNo = row.signNo
+    ruleForm.signName = row.signName
+    ruleForm.createTime = row.createTime
+    ruleForm.signDesc = row.signDesc
+    ruleForm.minioFileName = row.minioFileName
+    ruleForm.userIdList = row.userIdList
+    ruleForm.signDirector = row.signDirector
+    // 获取详情列表
+    listPageApi({ ...row }).then((res) => {
+      ruleForm.userIdList = res.data.rows[0].userIdList
+    })
+  }
+  ruleForm.signType = row.signType
+  getuser()
+}
+defineExpose({ initDialog })
+// 关闭弹窗
+const close = () => {
+  dialogVisible.value = false
+  emits('resetData')
+}
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (title.value === '新增') {
+        addApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('新增成功')
+            close()
+          }
+        })
+      }
+      else {
+        updateApi(ruleForm).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success('更新成功')
+            close()
+          }
+        })
+      }
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    uploadApi(fd).then((res) => {
+      if (res.code === 200) {
+        ruleForm.minioFileName = res.data[0]
+        ElMessage.success('上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="title" width="50%" append-to-body @close="resetForm">
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="签章编号" prop="signNo">
+            <el-input v-model.trim="ruleForm.signNo" placeholder="签章编号" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签章名称" prop="signName">
+            <el-input v-model.trim="ruleForm.signName" placeholder="签章名称" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="创建时间" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.createTime" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="签章负责人" prop="signDirector">
+            <el-input v-model.trim="ruleForm.signDirector" placeholder="签章负责人" :disabled="title === '详情'" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="签章描述" prop="signDesc">
+        <el-input v-model.trim="ruleForm.signDesc" placeholder="签章描述" :disabled="title === '详情'" />
+      </el-form-item>
+      <el-form-item label="可使用人" prop="userIdList">
+        <el-select v-model="ruleForm.userIdList" placeholder="请选择可使用人" multiple :disabled="title === '详情'">
+          <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
+      </el-form-item> -->
+      <el-form-item label="签章图片" prop="minioFileName">
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" :disabled="title === '详情'" @click="upload">
+          上传
+        </el-button>
+        <el-link
+          v-if="title === '详情'" :href="baseUrl + ruleForm.minioFileName" type="primary"
+          target="_blank"
+        >
+          附件
+        </el-link>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+      </el-form-item>
+      <el-form-item>
+        <el-button v-if="title !== '详情'" type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>
diff --git a/src/views/system/tool/signature/signature.vue b/src/views/system/tool/signature/signature.vue
index 0045732..4818e4b 100644
--- a/src/views/system/tool/signature/signature.vue
+++ b/src/views/system/tool/signature/signature.vue
@@ -1,19 +1,50 @@
 <!-- 签章管理 -->
 <script lang="ts" setup>
 import { Delete } from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import tableHeader from '../../notice/table.header.vue'
-const searchQuery = reactive({
-  code: '', // 编号
-  name: '', // 名称
-  director: '', // 负责人
+import type { queryType, signType, typeofSign } from '../tool_interface'
+import addDDialog from './addDDialog.vue'
+import { deleteApi, listPageApi } from '@/api/system/tool'
+import { getDictByCode } from '@/api/system/dict'
+const searchQuery = reactive<queryType>({
+  signNo: '', // 编号
+  signName: '', // 名称
+  signDirector: '', // 负责人
   createTime: '', // 创建时间
-  limit: 0,
-  offset: 0,
+  limit: 10,
+  offset: 1,
+  signType: '',
 }) // 查询参数
 const loadingTable = ref<boolean>(false) // 表格loading
 const total = ref<number>(0) // 数据总条数
-const columns = ref([]) // 表格
+const columns = ref([
+  { text: '签章编号', value: 'signNo', align: 'center', width: '180' },
+  { text: '签章名称', value: 'signName', align: 'center', width: '150' },
+  { text: '签章负责人', value: 'signDirector', align: 'center', width: '100' },
+  { text: '创建时间', value: 'createTime', align: 'center', width: '250' },
+  { text: '描述', value: 'signDesc', align: 'center' },
+]) // 表格
 const list = ref([]) // 表格数据
+const addRef = ref() // 添加/编辑/详情/组件
+// 获取类型
+const getType = async () => {
+  const res = await getDictByCode('signType')
+  searchQuery.signType = res.data.filter((item: typeofSign) => item.name === '签章')[0].value
+}
+// 获取数据列表
+const getList = () => {
+  loadingTable.value = true
+  listPageApi(searchQuery).then((res) => {
+    if (res.code === 200) {
+      list.value = res.data.rows
+      total.value = res.data.total
+    }
+    loadingTable.value = false
+  }).catch((_) => {
+    loadingTable.value = false
+  })
+}
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size?: number; page?: number }) => {
   if (val && val.size) {
@@ -22,48 +53,124 @@
   if (val && val.page) {
     searchQuery.offset = val.page
   }
+  getList()
 }
+// 编辑
+const edit = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '更新',
+  })
+}
+// 详情
+const detail = (row: signType) => {
+  addRef.value.initDialog({
+    ...row,
+    signType: searchQuery.signType,
+    title: '详情',
+  })
+}
+// 删除
+const remove = (row: signType) => {
+  ElMessageBox.confirm(
+    `确认删除${row.signName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      deleteApi({ id: (row.id as string) }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          getList()
+        }
+      })
+    })
+}
+// 搜索
+const search = () => {
+  getList()
+}
+// 重置
+const reset = () => {
+  searchQuery.createTime = ''
+  searchQuery.signDirector = ''
+  searchQuery.signName = ''
+  searchQuery.signNo = ''
+  getList()
+}
+
+// 新增
+const add = () => {
+  addRef.value.initDialog({
+    signType: searchQuery.signType,
+    title: '新增',
+  })
+}
+// 导出
+const exportExcel = () => {
+
+}
+// 打印
+const print = () => {
+
+}
+onMounted(() => {
+  getType().then((_) => {
+    getList()
+  })
+})
 </script>
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
-    <search-area>
+    <search-area @search="search">
       <search-item>
-        <el-input v-model="searchQuery.code" placeholder="编号" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signNo" placeholder="签章编号" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.name" placeholder="名称" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signName" placeholder="签章名称" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.director" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+        <el-input v-model="searchQuery.signDirector" placeholder="负责人" clearable class="w-50 m-2 normal-input" />
+      </search-item>
+      <search-item>
+        <el-date-picker v-model="searchQuery.createTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间" />
       </search-item>
       <template #btns>
-        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }">
+        <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
           重置
         </el-button>
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary">
+        <el-button type="primary" @click="add">
           新建
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportExcel">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="print">
           打印
         </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table
-      :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage"
-    >
+    <normal-table :data="list" :total="total" :columns="columns as any"
+      :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+      @change="changePage">
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -72,16 +179,23 @@
         </el-table-column>
       </template>
       <template #columns>
-        <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
-              查看
+        <el-table-column label="操作" align="center" width="250">
+          <template #default="{ row }">
+            <el-button @click="edit(row)">
+              编辑
+            </el-button>
+            <el-button @click="detail(row)">
+              详情
+            </el-button>
+            <el-button @click="remove(row)">
+              删除
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-  </AppContainer>
+    <add-d-dialog ref="addRef" @resetData="getList" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/system/tool/tool_interface.ts b/src/views/system/tool/tool_interface.ts
new file mode 100644
index 0000000..5d03845
--- /dev/null
+++ b/src/views/system/tool/tool_interface.ts
@@ -0,0 +1,31 @@
+// 签名/签章查询参数类型
+export interface queryType {
+  signNo: string // 编号
+  signName: string// 名称
+  signDirector: string // 负责人
+  createTime: string// 创建时间
+  limit: number
+  offset: number
+  signType: string
+}
+// signType类型参数
+export interface typeofSign {
+  name: string
+  value: string
+  id: string
+}
+// 签章/签名列表类型
+export interface signType {
+  createTime: string
+  id?: string
+  isDel?: number
+  minioFileName?: string
+  signDesc?: string
+  signDirector?: string
+  signName?: string
+  signNo?: string
+  signType?: string
+  updateTime?: string
+  userIdList?: null | string[]
+  title?: string
+}
diff --git a/src/views/system/user/listUser.vue b/src/views/system/user/listUser.vue
index 6c9c338..87ef699 100644
--- a/src/views/system/user/listUser.vue
+++ b/src/views/system/user/listUser.vue
@@ -35,8 +35,6 @@
 const loadingTable = ref<boolean>(false)
 const loadingTree = ref<boolean>(false)
 const resetPwdFlag = ref<string>('111111')
-const logTypeList = ref(null)
-const listLoading = ref(true)
 const defaultProps = {
   children: 'children',
   label: 'name',
@@ -186,16 +184,6 @@
     ElMessage.error('必须选中一项')
   }
 }
-// 改变每页条数
-const handleSizeChange = (val: number) => {
-  listQuery.limit = val
-  fetchData('')
-}
-// 改变当前页数
-const handleCurrentChange = (val: number) => {
-  listQuery.offset = val
-  fetchData('')
-}
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: changePageType) => {
   if (val && val.size) {