diff --git a/src/assets/notice.jpg b/src/assets/notice.jpg
new file mode 100644
index 0000000..025f012
--- /dev/null
+++ b/src/assets/notice.jpg
Binary files differ

diff --git a/src/assets/notice.jpg b/src/assets/notice.jpg
new file mode 100644
index 0000000..025f012
--- /dev/null
+++ b/src/assets/notice.jpg
Binary files differ
diff --git a/src/icons/svg/icon-data-preentry.svg b/src/icons/svg/icon-data-preentry.svg
new file mode 100644
index 0000000..8c4f622
--- /dev/null
+++ b/src/icons/svg/icon-data-preentry.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1684374533584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1119" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M51.2 921.6h921.6a51.2 51.2 0 0 1 0 102.4H51.2a51.2 51.2 0 0 1 0-102.4zM470.8864 186.0096l217.2416 217.1904-468.992 468.992-218.88 1.6896 1.6896-218.9824 468.9408-468.8896zM765.184 30.72l72.3968 72.448a102.4 102.4 0 0 1 0 144.7936l-108.5952 108.5952-217.2416-217.1904L620.3392 30.72a102.4 102.4 0 0 1 144.8448 0z"  p-id="1120"></path></svg>

diff --git a/src/assets/notice.jpg b/src/assets/notice.jpg
new file mode 100644
index 0000000..025f012
--- /dev/null
+++ b/src/assets/notice.jpg
Binary files differ
diff --git a/src/icons/svg/icon-data-preentry.svg b/src/icons/svg/icon-data-preentry.svg
new file mode 100644
index 0000000..8c4f622
--- /dev/null
+++ b/src/icons/svg/icon-data-preentry.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1684374533584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1119" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M51.2 921.6h921.6a51.2 51.2 0 0 1 0 102.4H51.2a51.2 51.2 0 0 1 0-102.4zM470.8864 186.0096l217.2416 217.1904-468.992 468.992-218.88 1.6896 1.6896-218.9824 468.9408-468.8896zM765.184 30.72l72.3968 72.448a102.4 102.4 0 0 1 0 144.7936l-108.5952 108.5952-217.2416-217.1904L620.3392 30.72a102.4 102.4 0 0 1 144.8448 0z"  p-id="1120"></path></svg>
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index a1d26d0..075180a 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -148,6 +148,12 @@
       component: () => import('@/views/factoryManager/safeManage/list.vue'), // Parent router-view
       name: 'SafeManageList',
       meta: { title: '安全生产管理', permission: ['/safeManage/list'] }
+    },
+    {
+      path: '/dataPreentryList',
+      component: () => import('@/views/factoryManager/dataPreentry/list.vue'), // Parent router-view
+      name: 'DataPreentry',
+      meta: { title: '安全生产管理', permission: ['/dataPreentry/list'] }
     }
   ]
 },

diff --git a/src/assets/notice.jpg b/src/assets/notice.jpg
new file mode 100644
index 0000000..025f012
--- /dev/null
+++ b/src/assets/notice.jpg
Binary files differ
diff --git a/src/icons/svg/icon-data-preentry.svg b/src/icons/svg/icon-data-preentry.svg
new file mode 100644
index 0000000..8c4f622
--- /dev/null
+++ b/src/icons/svg/icon-data-preentry.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1684374533584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1119" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M51.2 921.6h921.6a51.2 51.2 0 0 1 0 102.4H51.2a51.2 51.2 0 0 1 0-102.4zM470.8864 186.0096l217.2416 217.1904-468.992 468.992-218.88 1.6896 1.6896-218.9824 468.9408-468.8896zM765.184 30.72l72.3968 72.448a102.4 102.4 0 0 1 0 144.7936l-108.5952 108.5952-217.2416-217.1904L620.3392 30.72a102.4 102.4 0 0 1 144.8448 0z"  p-id="1120"></path></svg>
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index a1d26d0..075180a 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -148,6 +148,12 @@
       component: () => import('@/views/factoryManager/safeManage/list.vue'), // Parent router-view
       name: 'SafeManageList',
       meta: { title: '安全生产管理', permission: ['/safeManage/list'] }
+    },
+    {
+      path: '/dataPreentryList',
+      component: () => import('@/views/factoryManager/dataPreentry/list.vue'), // Parent router-view
+      name: 'DataPreentry',
+      meta: { title: '安全生产管理', permission: ['/dataPreentry/list'] }
     }
   ]
 },
diff --git a/src/views/factoryManager/components/addWellDialog.vue b/src/views/factoryManager/components/addWellDialog.vue
new file mode 100644
index 0000000..57cd4af
--- /dev/null
+++ b/src/views/factoryManager/components/addWellDialog.vue
@@ -0,0 +1,204 @@
+<!-- 新增、编辑井（数据预录入使用） -->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :close-on-click-modal="false" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-well-code="right" label-width="120px">
+      <el-form-item label="所属项目" prop="project">
+        <el-select v-model="form.project" placeholder="请选择" @change="changeSelectProject">
+          <el-option
+            v-for="item in projectList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井编号" prop="wellNo">
+        <el-input v-model.trim="form.wellNo" placeholder="井编号" clearable/>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井名称" prop="wellName">
+        <el-input v-model.trim="form.wellName" placeholder="井名称" clearable/>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井类型" prop="wellType">
+        <el-select v-model="form.wellType" filterable placeholder="井类型" clearable value="" >
+          <el-option
+            v-for="item in wellTypeList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="位置" prop="wellPosition">
+        <el-input v-model.trim="form.wellPosition" placeholder="位置" clearable/>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">提交</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'AddUserDialog',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        phone: '', // 手机号
+        name: '', // 名称
+        keyword: '111111', // 密码
+        project: '', // 所在项目
+        id: '' // 主键
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        detail: '详情'
+      }, // 表头显示标题
+      rules: {
+        wellNo: [{ required: true, message: '井编号不能为空', trigger: ['blur', 'change'] }],
+        wellType: [{ required: true, message: '井类型不能为空', trigger: ['blur', 'change'] }],
+        project: [{ required: true, message: '所属项目不能为空', trigger: ['blur', 'change'] }],
+        wellName: [{ required: true, message: '井名称不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      projectList: [
+        {
+          value: '1',
+          label: '项目1'
+        },
+        {
+          value: '2',
+          label: '项目2'
+        },
+        {
+          value: '3',
+          label: '项目3'
+        }
+      ],
+      wellTypeList: [
+        {
+          id: '1',
+          name: '液位井'
+        },
+        {
+          id: '2',
+          name: '燃气井'
+        }
+      ]
+    }
+  },
+  created() {
+    // this.fetchPrincipalList()
+    // this.fetchDeptList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus // 类型 新增create 编辑update 详情detail
+      this.dialogFormVisible = dialogFormVisible // 对话框显隐
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          wellNo: row.wellNo, // 井编号
+          wellName: row.wellName, // 井名称
+          wellType: row.wellType, // 井类型
+          wellPosition: row.wellPosition, // 位置
+          project: row.project, // 所在项目
+          id: row.id
+        }
+        console.log(this.form)
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        wellNo: '', // 井编号
+        wellName: '', // 井名称
+        wellType: '', // 井类型
+        wellPosition: '', // 位置
+        project: '', // 所在项目
+        id: '' // 主键
+      }
+    },
+    // 点击提交
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          // 在这里注意如果密码是空的话，就默认111111
+          // addDeviceType(this.form.productName, this.form.productModel, this.form.machineVersion,
+          //   this.form.hardwareVersion, this.form.softwareVersion, this.form.designArchive,
+          //   this.form.batchFiling, this.form.status, this.form.principal,
+          //   this.form.kpi, this.form.quotaSummary, this.quotaSummaryFile, this.form.communicationVersion,
+          //   this.form.productType).then(response => {
+          //   if (response.code === 200) {
+          //     this.$confirm('新增成功，是否继续新增?', '提示', {
+          //       confirmButtonText: '是',
+          //       cancelButtonText: '否',
+          //       type: 'info'
+          //     }).then(() => {
+          //       this.resetForm()
+          //       this.$nextTick(() => {
+          //         this.$refs['dataForm'].clearValidate()
+          //       })
+          //     }).catch(() => {
+          //       this.$emit('watchChild')
+          //       this.dialogFormVisible = false
+          //     })
+          //   }
+          // })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        // 在这里注意如果密码是空的话，就默认111111
+        if (valid) {
+          // updateDeviceType(this.form.id, this.form.productName, this.form.productModel, this.form.machineVersion,
+          //   this.form.hardwareVersion, this.form.softwareVersion, this.form.designArchive,
+          //   this.form.batchFiling, this.form.status, this.form.principal,
+          //   this.form.kpi, this.form.quotaSummary, this.quotaSummaryFile, this.form.communicationVersion,
+          //   this.form.productType).then(response => {
+          //   if (response.code === 200) {
+          //     this.$message.success('修改成功')
+          //     this.$emit('watchChild')
+          //     this.dialogFormVisible = false
+          //   }
+          // })
+        }
+      })
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    },
+    // 所在项目选中值发生变化
+    changeSelectProject(val) {
+      console.log(val)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+  .el-date-editor{
+    width: 100%;
+  }
+</style>

diff --git a/src/assets/notice.jpg b/src/assets/notice.jpg
new file mode 100644
index 0000000..025f012
--- /dev/null
+++ b/src/assets/notice.jpg
Binary files differ
diff --git a/src/icons/svg/icon-data-preentry.svg b/src/icons/svg/icon-data-preentry.svg
new file mode 100644
index 0000000..8c4f622
--- /dev/null
+++ b/src/icons/svg/icon-data-preentry.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1684374533584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1119" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M51.2 921.6h921.6a51.2 51.2 0 0 1 0 102.4H51.2a51.2 51.2 0 0 1 0-102.4zM470.8864 186.0096l217.2416 217.1904-468.992 468.992-218.88 1.6896 1.6896-218.9824 468.9408-468.8896zM765.184 30.72l72.3968 72.448a102.4 102.4 0 0 1 0 144.7936l-108.5952 108.5952-217.2416-217.1904L620.3392 30.72a102.4 102.4 0 0 1 144.8448 0z"  p-id="1120"></path></svg>
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index a1d26d0..075180a 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -148,6 +148,12 @@
       component: () => import('@/views/factoryManager/safeManage/list.vue'), // Parent router-view
       name: 'SafeManageList',
       meta: { title: '安全生产管理', permission: ['/safeManage/list'] }
+    },
+    {
+      path: '/dataPreentryList',
+      component: () => import('@/views/factoryManager/dataPreentry/list.vue'), // Parent router-view
+      name: 'DataPreentry',
+      meta: { title: '安全生产管理', permission: ['/dataPreentry/list'] }
     }
   ]
 },
diff --git a/src/views/factoryManager/components/addWellDialog.vue b/src/views/factoryManager/components/addWellDialog.vue
new file mode 100644
index 0000000..57cd4af
--- /dev/null
+++ b/src/views/factoryManager/components/addWellDialog.vue
@@ -0,0 +1,204 @@
+<!-- 新增、编辑井（数据预录入使用） -->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :close-on-click-modal="false" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-well-code="right" label-width="120px">
+      <el-form-item label="所属项目" prop="project">
+        <el-select v-model="form.project" placeholder="请选择" @change="changeSelectProject">
+          <el-option
+            v-for="item in projectList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井编号" prop="wellNo">
+        <el-input v-model.trim="form.wellNo" placeholder="井编号" clearable/>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井名称" prop="wellName">
+        <el-input v-model.trim="form.wellName" placeholder="井名称" clearable/>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井类型" prop="wellType">
+        <el-select v-model="form.wellType" filterable placeholder="井类型" clearable value="" >
+          <el-option
+            v-for="item in wellTypeList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="位置" prop="wellPosition">
+        <el-input v-model.trim="form.wellPosition" placeholder="位置" clearable/>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">提交</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'AddUserDialog',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        phone: '', // 手机号
+        name: '', // 名称
+        keyword: '111111', // 密码
+        project: '', // 所在项目
+        id: '' // 主键
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        detail: '详情'
+      }, // 表头显示标题
+      rules: {
+        wellNo: [{ required: true, message: '井编号不能为空', trigger: ['blur', 'change'] }],
+        wellType: [{ required: true, message: '井类型不能为空', trigger: ['blur', 'change'] }],
+        project: [{ required: true, message: '所属项目不能为空', trigger: ['blur', 'change'] }],
+        wellName: [{ required: true, message: '井名称不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      projectList: [
+        {
+          value: '1',
+          label: '项目1'
+        },
+        {
+          value: '2',
+          label: '项目2'
+        },
+        {
+          value: '3',
+          label: '项目3'
+        }
+      ],
+      wellTypeList: [
+        {
+          id: '1',
+          name: '液位井'
+        },
+        {
+          id: '2',
+          name: '燃气井'
+        }
+      ]
+    }
+  },
+  created() {
+    // this.fetchPrincipalList()
+    // this.fetchDeptList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus // 类型 新增create 编辑update 详情detail
+      this.dialogFormVisible = dialogFormVisible // 对话框显隐
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          wellNo: row.wellNo, // 井编号
+          wellName: row.wellName, // 井名称
+          wellType: row.wellType, // 井类型
+          wellPosition: row.wellPosition, // 位置
+          project: row.project, // 所在项目
+          id: row.id
+        }
+        console.log(this.form)
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        wellNo: '', // 井编号
+        wellName: '', // 井名称
+        wellType: '', // 井类型
+        wellPosition: '', // 位置
+        project: '', // 所在项目
+        id: '' // 主键
+      }
+    },
+    // 点击提交
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          // 在这里注意如果密码是空的话，就默认111111
+          // addDeviceType(this.form.productName, this.form.productModel, this.form.machineVersion,
+          //   this.form.hardwareVersion, this.form.softwareVersion, this.form.designArchive,
+          //   this.form.batchFiling, this.form.status, this.form.principal,
+          //   this.form.kpi, this.form.quotaSummary, this.quotaSummaryFile, this.form.communicationVersion,
+          //   this.form.productType).then(response => {
+          //   if (response.code === 200) {
+          //     this.$confirm('新增成功，是否继续新增?', '提示', {
+          //       confirmButtonText: '是',
+          //       cancelButtonText: '否',
+          //       type: 'info'
+          //     }).then(() => {
+          //       this.resetForm()
+          //       this.$nextTick(() => {
+          //         this.$refs['dataForm'].clearValidate()
+          //       })
+          //     }).catch(() => {
+          //       this.$emit('watchChild')
+          //       this.dialogFormVisible = false
+          //     })
+          //   }
+          // })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        // 在这里注意如果密码是空的话，就默认111111
+        if (valid) {
+          // updateDeviceType(this.form.id, this.form.productName, this.form.productModel, this.form.machineVersion,
+          //   this.form.hardwareVersion, this.form.softwareVersion, this.form.designArchive,
+          //   this.form.batchFiling, this.form.status, this.form.principal,
+          //   this.form.kpi, this.form.quotaSummary, this.quotaSummaryFile, this.form.communicationVersion,
+          //   this.form.productType).then(response => {
+          //   if (response.code === 200) {
+          //     this.$message.success('修改成功')
+          //     this.$emit('watchChild')
+          //     this.dialogFormVisible = false
+          //   }
+          // })
+        }
+      })
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    },
+    // 所在项目选中值发生变化
+    changeSelectProject(val) {
+      console.log(val)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+  .el-date-editor{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/factoryManager/components/safeBookDialog.vue b/src/views/factoryManager/components/safeBookDialog.vue
new file mode 100644
index 0000000..6112249
--- /dev/null
+++ b/src/views/factoryManager/components/safeBookDialog.vue
@@ -0,0 +1,70 @@
+<!-- 安全生产责任书详情 -->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :close-on-click-modal="false" append-to-body class="safe-book-dialog">
+    <h4>安全生产责任书</h4>
+    <el-image
+      :src="require('../../../assets/notice.jpg')"
+      :preview-src-list="[require('../../../assets/notice.jpg'), nameImgUrl]"
+    />
+    <h4>签名图片</h4>
+    <el-image
+      :src="nameImgUrl"
+      :preview-src-list="[require('../../../assets/notice.jpg'), nameImgUrl]"
+    />
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="cancel">确认</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'AddUserDialog',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        detail: '详情'
+      }, // 表头显示标题
+      bookUrl: '../../../assets/notice.jpg', // 安全生产责任书图片
+      nameImgUrl: '' // 签名图片
+    }
+  },
+  created() {
+    this.fetchPrincipalList()
+    this.fetchDeptList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus // 类型 新增create 编辑update 详情detail
+      this.dialogFormVisible = dialogFormVisible // 对话框显隐
+      this.nameImgUrl = row.img
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+  .el-date-editor{
+    width: 100%;
+  }
+</style>
+<style lang="scss">
+.safe-book-dialog {
+  .el-dialog__body {
+    max-height: 380px;
+    overflow: auto;
+  }
+}
+</style>

diff --git a/src/assets/notice.jpg b/src/assets/notice.jpg
new file mode 100644
index 0000000..025f012
--- /dev/null
+++ b/src/assets/notice.jpg
Binary files differ
diff --git a/src/icons/svg/icon-data-preentry.svg b/src/icons/svg/icon-data-preentry.svg
new file mode 100644
index 0000000..8c4f622
--- /dev/null
+++ b/src/icons/svg/icon-data-preentry.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1684374533584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1119" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M51.2 921.6h921.6a51.2 51.2 0 0 1 0 102.4H51.2a51.2 51.2 0 0 1 0-102.4zM470.8864 186.0096l217.2416 217.1904-468.992 468.992-218.88 1.6896 1.6896-218.9824 468.9408-468.8896zM765.184 30.72l72.3968 72.448a102.4 102.4 0 0 1 0 144.7936l-108.5952 108.5952-217.2416-217.1904L620.3392 30.72a102.4 102.4 0 0 1 144.8448 0z"  p-id="1120"></path></svg>
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index a1d26d0..075180a 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -148,6 +148,12 @@
       component: () => import('@/views/factoryManager/safeManage/list.vue'), // Parent router-view
       name: 'SafeManageList',
       meta: { title: '安全生产管理', permission: ['/safeManage/list'] }
+    },
+    {
+      path: '/dataPreentryList',
+      component: () => import('@/views/factoryManager/dataPreentry/list.vue'), // Parent router-view
+      name: 'DataPreentry',
+      meta: { title: '安全生产管理', permission: ['/dataPreentry/list'] }
     }
   ]
 },
diff --git a/src/views/factoryManager/components/addWellDialog.vue b/src/views/factoryManager/components/addWellDialog.vue
new file mode 100644
index 0000000..57cd4af
--- /dev/null
+++ b/src/views/factoryManager/components/addWellDialog.vue
@@ -0,0 +1,204 @@
+<!-- 新增、编辑井（数据预录入使用） -->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :close-on-click-modal="false" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-well-code="right" label-width="120px">
+      <el-form-item label="所属项目" prop="project">
+        <el-select v-model="form.project" placeholder="请选择" @change="changeSelectProject">
+          <el-option
+            v-for="item in projectList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井编号" prop="wellNo">
+        <el-input v-model.trim="form.wellNo" placeholder="井编号" clearable/>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井名称" prop="wellName">
+        <el-input v-model.trim="form.wellName" placeholder="井名称" clearable/>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井类型" prop="wellType">
+        <el-select v-model="form.wellType" filterable placeholder="井类型" clearable value="" >
+          <el-option
+            v-for="item in wellTypeList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="位置" prop="wellPosition">
+        <el-input v-model.trim="form.wellPosition" placeholder="位置" clearable/>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">提交</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'AddUserDialog',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        phone: '', // 手机号
+        name: '', // 名称
+        keyword: '111111', // 密码
+        project: '', // 所在项目
+        id: '' // 主键
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        detail: '详情'
+      }, // 表头显示标题
+      rules: {
+        wellNo: [{ required: true, message: '井编号不能为空', trigger: ['blur', 'change'] }],
+        wellType: [{ required: true, message: '井类型不能为空', trigger: ['blur', 'change'] }],
+        project: [{ required: true, message: '所属项目不能为空', trigger: ['blur', 'change'] }],
+        wellName: [{ required: true, message: '井名称不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      projectList: [
+        {
+          value: '1',
+          label: '项目1'
+        },
+        {
+          value: '2',
+          label: '项目2'
+        },
+        {
+          value: '3',
+          label: '项目3'
+        }
+      ],
+      wellTypeList: [
+        {
+          id: '1',
+          name: '液位井'
+        },
+        {
+          id: '2',
+          name: '燃气井'
+        }
+      ]
+    }
+  },
+  created() {
+    // this.fetchPrincipalList()
+    // this.fetchDeptList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus // 类型 新增create 编辑update 详情detail
+      this.dialogFormVisible = dialogFormVisible // 对话框显隐
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          wellNo: row.wellNo, // 井编号
+          wellName: row.wellName, // 井名称
+          wellType: row.wellType, // 井类型
+          wellPosition: row.wellPosition, // 位置
+          project: row.project, // 所在项目
+          id: row.id
+        }
+        console.log(this.form)
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        wellNo: '', // 井编号
+        wellName: '', // 井名称
+        wellType: '', // 井类型
+        wellPosition: '', // 位置
+        project: '', // 所在项目
+        id: '' // 主键
+      }
+    },
+    // 点击提交
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          // 在这里注意如果密码是空的话，就默认111111
+          // addDeviceType(this.form.productName, this.form.productModel, this.form.machineVersion,
+          //   this.form.hardwareVersion, this.form.softwareVersion, this.form.designArchive,
+          //   this.form.batchFiling, this.form.status, this.form.principal,
+          //   this.form.kpi, this.form.quotaSummary, this.quotaSummaryFile, this.form.communicationVersion,
+          //   this.form.productType).then(response => {
+          //   if (response.code === 200) {
+          //     this.$confirm('新增成功，是否继续新增?', '提示', {
+          //       confirmButtonText: '是',
+          //       cancelButtonText: '否',
+          //       type: 'info'
+          //     }).then(() => {
+          //       this.resetForm()
+          //       this.$nextTick(() => {
+          //         this.$refs['dataForm'].clearValidate()
+          //       })
+          //     }).catch(() => {
+          //       this.$emit('watchChild')
+          //       this.dialogFormVisible = false
+          //     })
+          //   }
+          // })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        // 在这里注意如果密码是空的话，就默认111111
+        if (valid) {
+          // updateDeviceType(this.form.id, this.form.productName, this.form.productModel, this.form.machineVersion,
+          //   this.form.hardwareVersion, this.form.softwareVersion, this.form.designArchive,
+          //   this.form.batchFiling, this.form.status, this.form.principal,
+          //   this.form.kpi, this.form.quotaSummary, this.quotaSummaryFile, this.form.communicationVersion,
+          //   this.form.productType).then(response => {
+          //   if (response.code === 200) {
+          //     this.$message.success('修改成功')
+          //     this.$emit('watchChild')
+          //     this.dialogFormVisible = false
+          //   }
+          // })
+        }
+      })
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    },
+    // 所在项目选中值发生变化
+    changeSelectProject(val) {
+      console.log(val)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+  .el-date-editor{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/factoryManager/components/safeBookDialog.vue b/src/views/factoryManager/components/safeBookDialog.vue
new file mode 100644
index 0000000..6112249
--- /dev/null
+++ b/src/views/factoryManager/components/safeBookDialog.vue
@@ -0,0 +1,70 @@
+<!-- 安全生产责任书详情 -->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :close-on-click-modal="false" append-to-body class="safe-book-dialog">
+    <h4>安全生产责任书</h4>
+    <el-image
+      :src="require('../../../assets/notice.jpg')"
+      :preview-src-list="[require('../../../assets/notice.jpg'), nameImgUrl]"
+    />
+    <h4>签名图片</h4>
+    <el-image
+      :src="nameImgUrl"
+      :preview-src-list="[require('../../../assets/notice.jpg'), nameImgUrl]"
+    />
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="cancel">确认</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'AddUserDialog',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        detail: '详情'
+      }, // 表头显示标题
+      bookUrl: '../../../assets/notice.jpg', // 安全生产责任书图片
+      nameImgUrl: '' // 签名图片
+    }
+  },
+  created() {
+    this.fetchPrincipalList()
+    this.fetchDeptList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus // 类型 新增create 编辑update 详情detail
+      this.dialogFormVisible = dialogFormVisible // 对话框显隐
+      this.nameImgUrl = row.img
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+  .el-date-editor{
+    width: 100%;
+  }
+</style>
+<style lang="scss">
+.safe-book-dialog {
+  .el-dialog__body {
+    max-height: 380px;
+    overflow: auto;
+  }
+}
+</style>
diff --git a/src/views/factoryManager/dataPreentry/list.vue b/src/views/factoryManager/dataPreentry/list.vue
new file mode 100644
index 0000000..c927b6b
--- /dev/null
+++ b/src/views/factoryManager/dataPreentry/list.vue
@@ -0,0 +1,268 @@
+<!-- 小程序用户管理列表 -->
+<template>
+  <div class="app-container">
+    <!--筛选条件-->
+    <div class="search-div">
+      <el-form ref="selectForm" :inline="true" :model="listQuery" class="form-container">
+        <el-row>
+          <el-form-item class="selectForm-container-item">
+            <el-input v-model.trim="listQuery.wellNo" placeholder="井编号" clearable/>
+          </el-form-item>
+          <el-form-item class="selectForm-container-item">
+            <el-select v-model="listQuery.wellType" filterable placeholder="井类型" clearable value="" >
+              <el-option
+                v-for="item in wellTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item class="selectForm-container-item">
+            <el-select v-model="listQuery.project" filterable placeholder="所属项目" clearable value="" >
+              <el-option
+                v-for="item in projectList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item class="selectForm-container-item">
+            <el-input v-model.trim="listQuery.wellPosition" placeholder="位置" clearable/>
+          </el-form-item>
+          <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">查询</el-button>
+        </el-row>
+      </el-form>
+    </div>
+    <!--查询结果Table显示-->
+    <div>
+      <el-row class="table-title">
+        <el-col :span="15"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+        <el-button style=" float:right;margin:7px 3px;" size="small" @click="batchImport">批量导入数据</el-button>
+        <el-button style=" float:right;margin:7px 3px;" size="small" @click="add">新增数据</el-button>
+      </el-row>
+      <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
+        <el-table-column :index="indexMethod" align="center" type="index" label="序号" width="55"/>
+        <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span :class="column.class">{{ scope.row[column.value] }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="120">
+          <template slot-scope="scope">
+            <el-button type="text" @click="edit(scope.row)">编辑</el-button>
+            <el-button type="text" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!--分页-->
+    <div class="pagination-container">
+      <el-pagination
+        :current-page="listQuery.offset"
+        :page-sizes="[10,20,30]"
+        :page-size="listQuery.limit"
+        :total="total"
+        align="center"
+        layout="total, sizes, prev, pager, next"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"/>
+    </div>
+    <AddWellDialog v-show="dialogFormVisible" ref="addWellDialogRef" @watchChild="fetchData"/>
+  </div>
+</template>
+
+<script>
+import DownloadTemplate from '@/components/DownloadTemplate/index'
+import AddWellDialog from '../components/AddWellDialog.vue'
+export default {
+  name: 'ListQuality',
+  components: { DownloadTemplate, AddWellDialog },
+  data() {
+    return {
+      fileList: [], // 批量导入
+      qualityfilename: 'repairsImp.xlsx',
+      projectList: [
+        {
+          id: '1',
+          name: '项目1'
+        },
+        {
+          id: '2',
+          name: '项目2'
+        },
+        {
+          id: '3',
+          name: '项目3'
+        }
+      ],
+      wellTypeList: [
+        {
+          id: '1',
+          name: '燃气井'
+        },
+        {
+          id: '2',
+          name: '液位井'
+        }
+      ],
+      listQuery: {
+        wellNo: '', // 井编号
+        wellType: '', // 井类型
+        wellPosition: '', // 位置
+        project: '', // 所在项目
+        offset: 1,
+        limit: 10
+      }, // 筛选条件
+      columns: [
+        {
+          text: '井编号',
+          value: 'wellNo',
+          align: 'center'
+        },
+        {
+          text: '井名称',
+          value: 'wellName',
+          align: 'center'
+        },
+        {
+          text: '井类型',
+          value: 'wellType',
+          align: 'center'
+        },
+        {
+          text: '位置',
+          value: 'wellPosition',
+          align: 'center'
+        },
+        {
+          text: '所属项目',
+          value: 'project',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      multipleSelection: [], // 多选
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      editShow: false, // 是否显示编辑框
+      dialogFormVisible: false, // 是否显示编辑框
+      exportDialogVisible: false // 导出弹窗显隐
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    closeDialog() {
+      this.exportDialogVisible = false
+    },
+    // 查询数据
+    search() {
+      console.log(this.listQuery)
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      // this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.list = [
+        {
+          id: '1',
+          wellNo: '123',
+          wellName: '井1',
+          wellType: '燃气井',
+          project: '1',
+          wellPosition: '天安门'
+        },
+        {
+          id: '2',
+          wellNo: '456',
+          wellName: '井2',
+          wellType: '液位井',
+          project: '2',
+          wellPosition: '长安街'
+        }
+      ]
+      // getLogList(this.listQuery).then(response => {
+      //   this.list = response.data.rows
+      //   this.total = parseInt(response.data.total)
+      this.listLoading = false
+      // })
+    },
+    // 制作表格序号
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 改变页容量
+    handleSizeChange(val) {
+      this.listQuery.limit = val
+      this.fetchData()
+    },
+    // 改变当前页
+    handleCurrentChange(val) {
+      this.listQuery.offset = val
+      this.fetchData()
+    },
+    // 多选触发方法
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    // 点击新增
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.addWellDialogRef.initDialog('create', this.dialogFormVisible)
+    },
+    // 点击编辑
+    edit(row) {
+      this.dialogFormVisible = true
+      this.$refs.addWellDialogRef.initDialog('update', this.dialogFormVisible, row)
+    },
+    // 点击删除
+    del(row) {
+
+    },
+    // 点击批量导入
+    batchImport() {
+
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+  .upload-btn{
+    display: inline;
+  }
+</style>

diff --git a/src/assets/notice.jpg b/src/assets/notice.jpg
new file mode 100644
index 0000000..025f012
--- /dev/null
+++ b/src/assets/notice.jpg
Binary files differ
diff --git a/src/icons/svg/icon-data-preentry.svg b/src/icons/svg/icon-data-preentry.svg
new file mode 100644
index 0000000..8c4f622
--- /dev/null
+++ b/src/icons/svg/icon-data-preentry.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1684374533584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1119" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M51.2 921.6h921.6a51.2 51.2 0 0 1 0 102.4H51.2a51.2 51.2 0 0 1 0-102.4zM470.8864 186.0096l217.2416 217.1904-468.992 468.992-218.88 1.6896 1.6896-218.9824 468.9408-468.8896zM765.184 30.72l72.3968 72.448a102.4 102.4 0 0 1 0 144.7936l-108.5952 108.5952-217.2416-217.1904L620.3392 30.72a102.4 102.4 0 0 1 144.8448 0z"  p-id="1120"></path></svg>
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index a1d26d0..075180a 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -148,6 +148,12 @@
       component: () => import('@/views/factoryManager/safeManage/list.vue'), // Parent router-view
       name: 'SafeManageList',
       meta: { title: '安全生产管理', permission: ['/safeManage/list'] }
+    },
+    {
+      path: '/dataPreentryList',
+      component: () => import('@/views/factoryManager/dataPreentry/list.vue'), // Parent router-view
+      name: 'DataPreentry',
+      meta: { title: '安全生产管理', permission: ['/dataPreentry/list'] }
     }
   ]
 },
diff --git a/src/views/factoryManager/components/addWellDialog.vue b/src/views/factoryManager/components/addWellDialog.vue
new file mode 100644
index 0000000..57cd4af
--- /dev/null
+++ b/src/views/factoryManager/components/addWellDialog.vue
@@ -0,0 +1,204 @@
+<!-- 新增、编辑井（数据预录入使用） -->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :close-on-click-modal="false" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-well-code="right" label-width="120px">
+      <el-form-item label="所属项目" prop="project">
+        <el-select v-model="form.project" placeholder="请选择" @change="changeSelectProject">
+          <el-option
+            v-for="item in projectList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井编号" prop="wellNo">
+        <el-input v-model.trim="form.wellNo" placeholder="井编号" clearable/>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井名称" prop="wellName">
+        <el-input v-model.trim="form.wellName" placeholder="井名称" clearable/>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="井类型" prop="wellType">
+        <el-select v-model="form.wellType" filterable placeholder="井类型" clearable value="" >
+          <el-option
+            v-for="item in wellTypeList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="selectForm-container-item" label="位置" prop="wellPosition">
+        <el-input v-model.trim="form.wellPosition" placeholder="位置" clearable/>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">提交</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'AddUserDialog',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        phone: '', // 手机号
+        name: '', // 名称
+        keyword: '111111', // 密码
+        project: '', // 所在项目
+        id: '' // 主键
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        detail: '详情'
+      }, // 表头显示标题
+      rules: {
+        wellNo: [{ required: true, message: '井编号不能为空', trigger: ['blur', 'change'] }],
+        wellType: [{ required: true, message: '井类型不能为空', trigger: ['blur', 'change'] }],
+        project: [{ required: true, message: '所属项目不能为空', trigger: ['blur', 'change'] }],
+        wellName: [{ required: true, message: '井名称不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      projectList: [
+        {
+          value: '1',
+          label: '项目1'
+        },
+        {
+          value: '2',
+          label: '项目2'
+        },
+        {
+          value: '3',
+          label: '项目3'
+        }
+      ],
+      wellTypeList: [
+        {
+          id: '1',
+          name: '液位井'
+        },
+        {
+          id: '2',
+          name: '燃气井'
+        }
+      ]
+    }
+  },
+  created() {
+    // this.fetchPrincipalList()
+    // this.fetchDeptList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus // 类型 新增create 编辑update 详情detail
+      this.dialogFormVisible = dialogFormVisible // 对话框显隐
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          wellNo: row.wellNo, // 井编号
+          wellName: row.wellName, // 井名称
+          wellType: row.wellType, // 井类型
+          wellPosition: row.wellPosition, // 位置
+          project: row.project, // 所在项目
+          id: row.id
+        }
+        console.log(this.form)
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        wellNo: '', // 井编号
+        wellName: '', // 井名称
+        wellType: '', // 井类型
+        wellPosition: '', // 位置
+        project: '', // 所在项目
+        id: '' // 主键
+      }
+    },
+    // 点击提交
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          // 在这里注意如果密码是空的话，就默认111111
+          // addDeviceType(this.form.productName, this.form.productModel, this.form.machineVersion,
+          //   this.form.hardwareVersion, this.form.softwareVersion, this.form.designArchive,
+          //   this.form.batchFiling, this.form.status, this.form.principal,
+          //   this.form.kpi, this.form.quotaSummary, this.quotaSummaryFile, this.form.communicationVersion,
+          //   this.form.productType).then(response => {
+          //   if (response.code === 200) {
+          //     this.$confirm('新增成功，是否继续新增?', '提示', {
+          //       confirmButtonText: '是',
+          //       cancelButtonText: '否',
+          //       type: 'info'
+          //     }).then(() => {
+          //       this.resetForm()
+          //       this.$nextTick(() => {
+          //         this.$refs['dataForm'].clearValidate()
+          //       })
+          //     }).catch(() => {
+          //       this.$emit('watchChild')
+          //       this.dialogFormVisible = false
+          //     })
+          //   }
+          // })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        // 在这里注意如果密码是空的话，就默认111111
+        if (valid) {
+          // updateDeviceType(this.form.id, this.form.productName, this.form.productModel, this.form.machineVersion,
+          //   this.form.hardwareVersion, this.form.softwareVersion, this.form.designArchive,
+          //   this.form.batchFiling, this.form.status, this.form.principal,
+          //   this.form.kpi, this.form.quotaSummary, this.quotaSummaryFile, this.form.communicationVersion,
+          //   this.form.productType).then(response => {
+          //   if (response.code === 200) {
+          //     this.$message.success('修改成功')
+          //     this.$emit('watchChild')
+          //     this.dialogFormVisible = false
+          //   }
+          // })
+        }
+      })
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    },
+    // 所在项目选中值发生变化
+    changeSelectProject(val) {
+      console.log(val)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+  .el-date-editor{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/factoryManager/components/safeBookDialog.vue b/src/views/factoryManager/components/safeBookDialog.vue
new file mode 100644
index 0000000..6112249
--- /dev/null
+++ b/src/views/factoryManager/components/safeBookDialog.vue
@@ -0,0 +1,70 @@
+<!-- 安全生产责任书详情 -->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :close-on-click-modal="false" append-to-body class="safe-book-dialog">
+    <h4>安全生产责任书</h4>
+    <el-image
+      :src="require('../../../assets/notice.jpg')"
+      :preview-src-list="[require('../../../assets/notice.jpg'), nameImgUrl]"
+    />
+    <h4>签名图片</h4>
+    <el-image
+      :src="nameImgUrl"
+      :preview-src-list="[require('../../../assets/notice.jpg'), nameImgUrl]"
+    />
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="cancel">确认</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'AddUserDialog',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        detail: '详情'
+      }, // 表头显示标题
+      bookUrl: '../../../assets/notice.jpg', // 安全生产责任书图片
+      nameImgUrl: '' // 签名图片
+    }
+  },
+  created() {
+    this.fetchPrincipalList()
+    this.fetchDeptList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus // 类型 新增create 编辑update 详情detail
+      this.dialogFormVisible = dialogFormVisible // 对话框显隐
+      this.nameImgUrl = row.img
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+  .el-date-editor{
+    width: 100%;
+  }
+</style>
+<style lang="scss">
+.safe-book-dialog {
+  .el-dialog__body {
+    max-height: 380px;
+    overflow: auto;
+  }
+}
+</style>
diff --git a/src/views/factoryManager/dataPreentry/list.vue b/src/views/factoryManager/dataPreentry/list.vue
new file mode 100644
index 0000000..c927b6b
--- /dev/null
+++ b/src/views/factoryManager/dataPreentry/list.vue
@@ -0,0 +1,268 @@
+<!-- 小程序用户管理列表 -->
+<template>
+  <div class="app-container">
+    <!--筛选条件-->
+    <div class="search-div">
+      <el-form ref="selectForm" :inline="true" :model="listQuery" class="form-container">
+        <el-row>
+          <el-form-item class="selectForm-container-item">
+            <el-input v-model.trim="listQuery.wellNo" placeholder="井编号" clearable/>
+          </el-form-item>
+          <el-form-item class="selectForm-container-item">
+            <el-select v-model="listQuery.wellType" filterable placeholder="井类型" clearable value="" >
+              <el-option
+                v-for="item in wellTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item class="selectForm-container-item">
+            <el-select v-model="listQuery.project" filterable placeholder="所属项目" clearable value="" >
+              <el-option
+                v-for="item in projectList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item class="selectForm-container-item">
+            <el-input v-model.trim="listQuery.wellPosition" placeholder="位置" clearable/>
+          </el-form-item>
+          <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">查询</el-button>
+        </el-row>
+      </el-form>
+    </div>
+    <!--查询结果Table显示-->
+    <div>
+      <el-row class="table-title">
+        <el-col :span="15"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+        <el-button style=" float:right;margin:7px 3px;" size="small" @click="batchImport">批量导入数据</el-button>
+        <el-button style=" float:right;margin:7px 3px;" size="small" @click="add">新增数据</el-button>
+      </el-row>
+      <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
+        <el-table-column :index="indexMethod" align="center" type="index" label="序号" width="55"/>
+        <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span :class="column.class">{{ scope.row[column.value] }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="120">
+          <template slot-scope="scope">
+            <el-button type="text" @click="edit(scope.row)">编辑</el-button>
+            <el-button type="text" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!--分页-->
+    <div class="pagination-container">
+      <el-pagination
+        :current-page="listQuery.offset"
+        :page-sizes="[10,20,30]"
+        :page-size="listQuery.limit"
+        :total="total"
+        align="center"
+        layout="total, sizes, prev, pager, next"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"/>
+    </div>
+    <AddWellDialog v-show="dialogFormVisible" ref="addWellDialogRef" @watchChild="fetchData"/>
+  </div>
+</template>
+
+<script>
+import DownloadTemplate from '@/components/DownloadTemplate/index'
+import AddWellDialog from '../components/AddWellDialog.vue'
+export default {
+  name: 'ListQuality',
+  components: { DownloadTemplate, AddWellDialog },
+  data() {
+    return {
+      fileList: [], // 批量导入
+      qualityfilename: 'repairsImp.xlsx',
+      projectList: [
+        {
+          id: '1',
+          name: '项目1'
+        },
+        {
+          id: '2',
+          name: '项目2'
+        },
+        {
+          id: '3',
+          name: '项目3'
+        }
+      ],
+      wellTypeList: [
+        {
+          id: '1',
+          name: '燃气井'
+        },
+        {
+          id: '2',
+          name: '液位井'
+        }
+      ],
+      listQuery: {
+        wellNo: '', // 井编号
+        wellType: '', // 井类型
+        wellPosition: '', // 位置
+        project: '', // 所在项目
+        offset: 1,
+        limit: 10
+      }, // 筛选条件
+      columns: [
+        {
+          text: '井编号',
+          value: 'wellNo',
+          align: 'center'
+        },
+        {
+          text: '井名称',
+          value: 'wellName',
+          align: 'center'
+        },
+        {
+          text: '井类型',
+          value: 'wellType',
+          align: 'center'
+        },
+        {
+          text: '位置',
+          value: 'wellPosition',
+          align: 'center'
+        },
+        {
+          text: '所属项目',
+          value: 'project',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      multipleSelection: [], // 多选
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      editShow: false, // 是否显示编辑框
+      dialogFormVisible: false, // 是否显示编辑框
+      exportDialogVisible: false // 导出弹窗显隐
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    closeDialog() {
+      this.exportDialogVisible = false
+    },
+    // 查询数据
+    search() {
+      console.log(this.listQuery)
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      // this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.list = [
+        {
+          id: '1',
+          wellNo: '123',
+          wellName: '井1',
+          wellType: '燃气井',
+          project: '1',
+          wellPosition: '天安门'
+        },
+        {
+          id: '2',
+          wellNo: '456',
+          wellName: '井2',
+          wellType: '液位井',
+          project: '2',
+          wellPosition: '长安街'
+        }
+      ]
+      // getLogList(this.listQuery).then(response => {
+      //   this.list = response.data.rows
+      //   this.total = parseInt(response.data.total)
+      this.listLoading = false
+      // })
+    },
+    // 制作表格序号
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 改变页容量
+    handleSizeChange(val) {
+      this.listQuery.limit = val
+      this.fetchData()
+    },
+    // 改变当前页
+    handleCurrentChange(val) {
+      this.listQuery.offset = val
+      this.fetchData()
+    },
+    // 多选触发方法
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    // 点击新增
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.addWellDialogRef.initDialog('create', this.dialogFormVisible)
+    },
+    // 点击编辑
+    edit(row) {
+      this.dialogFormVisible = true
+      this.$refs.addWellDialogRef.initDialog('update', this.dialogFormVisible, row)
+    },
+    // 点击删除
+    del(row) {
+
+    },
+    // 点击批量导入
+    batchImport() {
+
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+  .upload-btn{
+    display: inline;
+  }
+</style>
diff --git a/src/views/factoryManager/safeManage/list.vue b/src/views/factoryManager/safeManage/list.vue
index c7509bc..e810635 100644
--- a/src/views/factoryManager/safeManage/list.vue
+++ b/src/views/factoryManager/safeManage/list.vue
@@ -73,16 +73,16 @@
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"/>
     </div>
-    <AddUserDialog v-show="dialogFormVisible" ref="addUserDialogRef" @watchChild="fetchData"/>
+    <SafeBookDialog v-show="dialogFormVisible" ref="safeBookDialogRef" @watchChild="fetchData"/>
   </div>
 </template>
 
 <script>
 import DownloadTemplate from '@/components/DownloadTemplate/index'
-import AddUserDialog from '../components/addUserDialog.vue'
+import SafeBookDialog from '../components/safeBookDialog.vue'
 export default {
   name: 'ListQuality',
-  components: { DownloadTemplate, AddUserDialog },
+  components: { DownloadTemplate, SafeBookDialog },
   data() {
     return {
       daterange: [], // 签署日期范围
@@ -104,6 +104,7 @@
         name: '', // 项目名称
         beginTime: '', // 签署开始日期
         endTime: '', // 签署结束日期
+        project: '', // 所属项目
         offset: 1,
         limit: 10
       }, // 筛选条件
@@ -230,6 +231,11 @@
     handleCurrentChange(val) {
       this.listQuery.offset = val
       this.fetchData()
+    },
+    // 点击详情
+    detail(row) {
+      this.dialogFormVisible = true
+      this.$refs.safeBookDialogRef.initDialog('detail', this.dialogFormVisible, row)
     }
   }
 }