From 123257f400a4d02f0869dac44cdb012b1926de1e Mon Sep 17 00:00:00 2001
From: liy <3101763317@qq.com>
Date: Mon, 2 Sep 2024 17:56:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=AB=E9=A1=B9=E4=BD=9C=E4=B8=9A=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E3=80=81=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/taskManager/blindboard/index.vue    | 174 +++++++++++++++++
 src/views/taskManager/breakground/index.vue   | 178 +++++++++++++++++
 .../taskManager/components/courseSteps.vue    |  73 +++++++
 src/views/taskManager/components/details.vue  | 160 ++++++++++++++++
 src/views/taskManager/confinedspace/index.vue | 177 +++++++++++++++++
 src/views/taskManager/electricity/index.vue   | 176 +++++++++++++++++
 src/views/taskManager/highwork/index.vue      | 177 +++++++++++++++++
 src/views/taskManager/hoisting/index.vue      | 178 +++++++++++++++++
 src/views/taskManager/hotWork/index.vue       | 177 +++++++++++++++++
 .../taskManager/newOpenCircuit/index.vue      | 179 ++++++++++++++++++
 10 files changed, 1649 insertions(+)
 create mode 100644 src/views/taskManager/blindboard/index.vue
 create mode 100644 src/views/taskManager/breakground/index.vue
 create mode 100644 src/views/taskManager/components/courseSteps.vue
 create mode 100644 src/views/taskManager/components/details.vue
 create mode 100644 src/views/taskManager/confinedspace/index.vue
 create mode 100644 src/views/taskManager/electricity/index.vue
 create mode 100644 src/views/taskManager/highwork/index.vue
 create mode 100644 src/views/taskManager/hoisting/index.vue
 create mode 100644 src/views/taskManager/hotWork/index.vue
 create mode 100644 src/views/taskManager/newOpenCircuit/index.vue

diff --git a/src/views/taskManager/blindboard/index.vue b/src/views/taskManager/blindboard/index.vue
new file mode 100644
index 0000000..f1dfbf2
--- /dev/null
+++ b/src/views/taskManager/blindboard/index.vue
@@ -0,0 +1,174 @@
+<template>
+  <div v-if="!isDetails" class="app-container">
+    <div class="page">
+      <el-form label-width="130px">
+        <div class="filter-container">
+          <el-form-item label="关键字1">
+            <el-input v-model="search.value1" placeholder="关键字1" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label="关键字2">
+            <el-input v-model="search.value2" placeholder="关键字2" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label-width="10px">
+            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+      <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+        <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="50" align="center" />
+        <el-table-column prop="APPLICANT" label="发起人" align="center" />
+        <el-table-column prop="GUARDIAN" label="监护人" align="center" />
+        <el-table-column prop="ACCEPT" label="验收人" align="center" />
+        <el-table-column prop="ACCEPT_CONFESS" label="接受交底人" align="center" />
+        <el-table-column prop="CONFESS" label="安全交底人" align="center" />
+        <el-table-column label="操作" align="center" width="250">
+          <template slot-scope="{row}">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="procedure(row)">流程图</el-button>
+            <el-button type="primary" icon="el-icon-document" size="mini" @click="onDetails(row.EW_RU_TASK_ID)">审批表详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-btn-group">
+        <div/>
+        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+      </div>
+    </div>
+    <CourseSteps :dialog-visible="dialogVisible" :agency-list="agencyList" :step-active="1" :step-data="stepData" @close="onClose" />
+  </div>
+  <Details v-else :EW_RU_TASK_ID="EW_RU_TASK_ID" :split-list="[2,2,2,2,2,1,3,1,1,1,1,1,1,1,1]" title="盲板抽堵安全作业票" @back="onBack" />
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import Details from '../components/details.vue'
+import CourseSteps from '../components/courseSteps.vue'
+
+export default {
+  directives: { waves },
+  components: {
+    Pagination,
+    Details,
+    CourseSteps
+  },
+  data() {
+    return {
+      total: 0,
+      isDetails: false,
+      listLoading: false,
+      dialogVisible: false,
+      search: {
+        value1: '',
+        value2: ''
+      },
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      tableHead: [],
+      varList: [],
+      stepData: [],
+      EW_RU_TASK_ID: '',
+      agencyList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.EW_RU_TASK_ID
+    },
+    procedure(row) {
+      this.listLoading = true
+      requestFN(
+        '/app/Task/getAgencyList',
+        {
+          CORP_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          ID: row.EW_RU_TASK_ID,
+          USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.agencyList = data.list
+        this.dialogVisible = !this.dialogVisible
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    onClose() {
+      this.dialogVisible = false
+    },
+    onDetails(id) {
+      this.EW_RU_TASK_ID = id
+      this.isDetails = true
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/Task/getFormList',
+        {
+          showCount: this.listQuery.limit,
+          currentPage: this.listQuery.page,
+          KEYWORD: this.search.KEYWORDS,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          TYPE_CODE: 'blindBoard'
+        }
+      ).then((data) => {
+        const resData = data.list.list
+        this.listLoading = false
+        this.varList = this.getListTableData(resData, 'TYPE_NAME', 'TYPE_DESCRIBE')
+        this.total = data.list.totalCount
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getQuery() {
+      console.log(this.search, '查詢')
+      this.listQuery.page = 1
+      this.getList()
+    },
+    goKeyReset() {
+      this.search = {
+        value1: '',
+        value2: ''
+      }
+      this.listQuery.page = 1
+      this.getList()
+    },
+    getListTableData(list, name) {
+      const newList = []
+      list.forEach(jobs => {
+        const valueData = {
+          ID: jobs.task.ID
+        }
+        jobs.jobs.forEach(item => {
+          valueData.DEPARTMENT_ID = item.DEPARTMENT_ID
+          valueData.EW_RU_TASK_ID = item.EW_RU_TASK_ID
+          valueData[item[name]] = item.USER_NAME
+        })
+        newList.push(valueData)
+      })
+      return newList
+    },
+    onBack() {
+      this.isDetails = false
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.filter-container {
+  display: flex;
+  align-items: center;
+  .search-item {
+    margin-right: 10px;
+  }
+}
+</style>
diff --git a/src/views/taskManager/breakground/index.vue b/src/views/taskManager/breakground/index.vue
new file mode 100644
index 0000000..7123302
--- /dev/null
+++ b/src/views/taskManager/breakground/index.vue
@@ -0,0 +1,178 @@
+<template>
+  <div v-if="!isDetails" class="app-container">
+    <div class="page">
+      <el-form label-width="130px">
+        <div class="filter-container">
+          <el-form-item label="关键字1">
+            <el-input v-model="search.value1" placeholder="关键字1" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label="关键字2">
+            <el-input v-model="search.value2" placeholder="关键字2" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label-width="10px">
+            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+      <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+        <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="50" align="center" />
+        <el-table-column prop="APPLICANT" label="发起人" align="center" />
+        <el-table-column prop="SAFETY_USER" label="有关部门意见" align="center" />
+        <el-table-column prop="ACCEPT_CONFESS_USER" label="接受交底人" align="center" />
+        <el-table-column prop="CONFESS_USER" label="安全交底人" align="center" />
+        <el-table-column prop="PRODUCTION_USER" label="所在单位意见" align="center" />
+        <el-table-column prop="LEADER_USER" label="审批部门意见" align="center" />
+        <el-table-column prop="GUARDIAN_USER" label="监护人" align="center" />
+        <el-table-column prop="CONSTRUCTION_USER" label="作业负责人" align="center" />
+        <el-table-column prop="ACCEPT_USER" label="完成验收" align="center" />
+        <el-table-column label="操作" align="center" width="250">
+          <template slot-scope="{row}">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="procedure(row)">流程图</el-button>
+            <el-button type="primary" icon="el-icon-document" size="mini" @click="onDetails(row.EW_RU_TASK_ID)">审批表详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-btn-group">
+        <div/>
+        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+      </div>
+    </div>
+    <CourseSteps :dialog-visible="dialogVisible" :agency-list="agencyList" :step-data="stepData" @close="onClose" />
+  </div>
+  <Details v-else :EW_RU_TASK_ID="EW_RU_TASK_ID" :split-list="[2, 1, 2, 2, 2, 2, 1, 1, 1, 1, 1]" title="动土安全作业票" @back="onBack" />
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import Details from '../components/details.vue'
+import CourseSteps from '../components/courseSteps.vue'
+
+export default {
+  directives: { waves },
+  components: {
+    Pagination,
+    Details,
+    CourseSteps
+  },
+  data() {
+    return {
+      total: 0,
+      isDetails: false,
+      listLoading: false,
+      dialogVisible: false,
+      search: {
+        value1: '',
+        value2: ''
+      },
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      tableHead: [],
+      varList: [],
+      stepData: [],
+      EW_RU_TASK_ID: '',
+      agencyList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.EW_RU_TASK_ID
+    },
+    procedure(row) {
+      this.listLoading = true
+      requestFN(
+        '/app/Task/getAgencyList',
+        {
+          CORP_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          ID: row.EW_RU_TASK_ID,
+          USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.agencyList = data.list
+        this.dialogVisible = !this.dialogVisible
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    onClose() {
+      this.dialogVisible = false
+    },
+    onDetails(id) {
+      this.EW_RU_TASK_ID = id
+      this.isDetails = true
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/Task/getFormList',
+        {
+          showCount: this.listQuery.limit,
+          currentPage: this.listQuery.page,
+          KEYWORD: this.search.KEYWORDS,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          TYPE_CODE: 'breakGround'
+        }
+      ).then((data) => {
+        const resData = data.list.list
+        this.listLoading = false
+        this.varList = this.getListTableData(resData, 'TYPE_NAME', 'TYPE_DESCRIBE')
+        this.total = data.list.totalCount
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getQuery() {
+      console.log(this.search, '查詢')
+      this.listQuery.page = 1
+      this.getList()
+    },
+    goKeyReset() {
+      this.search = {
+        value1: '',
+        value2: ''
+      }
+      this.listQuery.page = 1
+      this.getList()
+    },
+    getListTableData(list, name) {
+      const newList = []
+      list.forEach(jobs => {
+        const valueData = {
+          ID: jobs.task.ID
+        }
+        jobs.jobs.forEach(item => {
+          valueData.DEPARTMENT_ID = item.DEPARTMENT_ID
+          valueData.EW_RU_TASK_ID = item.EW_RU_TASK_ID
+          valueData[item[name]] = item.USER_NAME
+        })
+        newList.push(valueData)
+      })
+      return newList
+    },
+    onBack() {
+      this.isDetails = false
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.filter-container {
+  display: flex;
+  align-items: center;
+  .search-item {
+    margin-right: 10px;
+  }
+}
+</style>
diff --git a/src/views/taskManager/components/courseSteps.vue b/src/views/taskManager/components/courseSteps.vue
new file mode 100644
index 0000000..a99bc06
--- /dev/null
+++ b/src/views/taskManager/components/courseSteps.vue
@@ -0,0 +1,73 @@
+<script>
+export default {
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      default: false
+    },
+    stepData: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    agencyList: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    onClose() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
+
+<template>
+  <el-dialog
+    :visible.sync="dialogVisible"
+    :before-close="onClose"
+    title="提示"
+    width="70%">
+    <div class="el-steps el-steps--horizontal">
+      <div v-for="(item, index) in agencyList" :title="item.NODE_DESC" :key="item.EW_RU_JOB_ID" class="step-item el-step is-horizontal is-center">
+        <div :class="item.STEP_FLAG === '1' ? 'is-success':'is-wait'" class="el-step__head">
+          <div class="el-step__line">
+            <i v-if="item.STEP_FLAG === '1'" class="el-step__line-inner" />
+          </div>
+          <div class="el-step__icon is-text">
+            <i v-if="item.STEP_FLAG === '1'" class="el-step__icon-inner is-status el-icon-check"/>
+            <div v-else class="el-step__icon-inner">{{ index + 1 }}</div>
+          </div>
+        </div>
+        <div class="el-step__main">
+          <div :class="item.STEP_FLAG === '1' ? 'is-success':'is-wait'" class="el-step__title">{{ item.NODE_DESC }}</div>
+          <div :class="item.STEP_FLAG === '1' ? 'is-success':'is-wait'" class="el-step__description">
+            <div>{{ item.USER_NAME }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="onClose">确定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<style scoped lang="scss">
+.sign-box {
+  margin: 60px 60px 0;
+  display: flex;
+  justify-content: space-between;
+  color: red;
+}
+.step-item {
+  flex: 1;
+}
+</style>
diff --git a/src/views/taskManager/components/details.vue b/src/views/taskManager/components/details.vue
new file mode 100644
index 0000000..4b6b586
--- /dev/null
+++ b/src/views/taskManager/components/details.vue
@@ -0,0 +1,160 @@
+<script>
+import { requestFN } from '@/utils/request'
+
+export default {
+  props: {
+    EW_RU_TASK_ID: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    code: {
+      type: String,
+      default: ''
+    },
+    splitList: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      config: config,
+      form: {},
+      simpleQues: [],
+      jobsList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    goBack() {
+      this.$emit('back')
+    },
+    getData() {
+      this.listLoading = true
+      requestFN(
+        '/Task/getInfo',
+        {
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          EW_RU_TASK_ID: this.EW_RU_TASK_ID
+        }
+      ).then((data) => {
+        this.jobsList = data.list.jobs
+        this.form = this.handleArr(data.list.fromTrans)
+        this.simpleQues = this.getSimpleQues(data.list.simpleQues)
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getSimpleQues(data) {
+      data = data.map(item => {
+        if (item.answers.length > 0) {
+          item.text = item.answers.reduce((pre, cur) => {
+            return (pre.TEXT_INFO + pre.ANSWER) + ',' + (cur.TEXT_INFO + cur.ANSWER)
+          })
+        }
+        return item
+      })
+      return data
+    },
+    handleArr(arr) {
+      const res = []
+      for (let i = 0; i < this.splitList.length - 1; i++) {
+        res.push(arr.splice(0, this.splitList[i]))
+      }
+      return res
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="app-container">
+    <el-page-header content="审批表详情" @back="goBack"/>
+    <div class="level-title">
+      <h1>{{ title }}</h1>
+      <div v-if="code" class="level-code">编号:{{ code }}</div>
+    </div>
+    <table class="table-ui">
+      <tr v-for="(item, index) in form" :key="index">
+        <template v-for="child in item">
+          <td v-if="child.TYPE === 0 || child.TYPE === 5" class="bbg">{{ child.ITEM }}</td>
+          <td v-if="child.TYPE === 3" class="bbg" colspan="6">{{ child.ITEM }}</td>
+          <td v-if="child.TYPE === 0" :colspan="item.length < 2 ? 6 : item.length === 2 ? 3 : ''">{{ child.ITEM_VALUE }}</td>
+          <td v-if="child.TYPE === 1" :key="child.LINK_ID" colspan="6">
+            <div>{{ child.ITEM }}</div>
+            <div class="table-content">
+              <el-image :src="config.fileUrl + child.ITEM_VALUE" :preview-src-list="[child.ITEM_VALUE]" style="width: 100px; height: 100px"/>
+            </div>
+          </td>
+          <td v-if="child.TYPE === 5" colspan="6">
+            <div class="table-content-right">
+              <span>{{ child.ITEM }}:</span>
+              <el-image :src="config.fileUrl + child.ITEM_VALUE" :preview-src-list="[child.ITEM_VALUE]" style="width: 100px; height: 100px"/>
+            </div>
+          </td>
+          <td v-if="child.TYPE === 4" colspan="6" >
+            <table class="table-ui">
+              <template v-for="(children) in child.list">
+                <tr :key="children.EW_RU_TASK_REPORT_FORMS_ID">
+                  <template v-for="list in children.list" >
+                    <td :key="list.EW_RU_TASK_REPORT_FORMS_ID + '1'" class="bbg">{{ list.ITEM }}</td>
+                    <td :key="list.EW_RU_TASK_REPORT_FORMS_ID + '2'" colspan="2">{{ list.ITEM_VALUE }}</td>
+                  </template>
+                </tr>
+              </template>
+            </table>
+          </td>
+        </template>
+      </tr>
+      <tr>
+        <td v-if="simpleQues.length > 0" colspan="6">
+          <table class="table-ui">
+            <tr>
+              <td>序号</td>
+              <td>安全措施</td>
+              <td>是否涉及</td>
+              <td>确认人</td>
+            </tr>
+            <tr v-for="(item,index) in simpleQues" :key="index">
+              <td>{{ index }}</td>
+              <td>{{ `${item.QUESTION} ${item.text ? item.text :''}` }}</td>
+              <td>{{ item.TEXT_INFO }}</td>
+              <td>确认人</td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+      <tr v-for="item in jobsList" :key="item.EW_RU_JOB_ID">
+        <td class="bbg">{{ item.TYPE_DESCRIBE }}</td>
+        <td colspan="6">{{ item.USER_NAME }}</td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.table-content {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+}
+.table-content-right {
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-end;
+  span {
+    padding: 10px;
+  }
+}
+.bbg-head {
+  width: 100%;
+}
+</style>
diff --git a/src/views/taskManager/confinedspace/index.vue b/src/views/taskManager/confinedspace/index.vue
new file mode 100644
index 0000000..3d94fe5
--- /dev/null
+++ b/src/views/taskManager/confinedspace/index.vue
@@ -0,0 +1,177 @@
+<template>
+  <div v-if="!isDetails" class="app-container">
+    <div class="page">
+      <el-form label-width="130px">
+        <div class="filter-container">
+          <el-form-item label="关键字1">
+            <el-input v-model="search.value1" placeholder="关键字1" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label="关键字2">
+            <el-input v-model="search.value2" placeholder="关键字2" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label-width="10px">
+            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+      <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+        <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="50" align="center" />
+        <el-table-column prop="APPLICANT" label="发起人" align="center" />
+        <el-table-column prop="CONFESS_USER" label="安全交底人" align="center" />
+        <el-table-column prop="ACCEPT_CONFESS_USER" label="接受交底人" align="center" />
+        <el-table-column prop="APPROVE_USER" label="所在单位意见" align="center" />
+        <el-table-column prop="GUARDIAN_USER" label="监护人" align="center" />
+        <el-table-column prop="CONFIRM_USER" label="作业负责人" align="center" />
+        <el-table-column prop="ANALYZE_USER" label="气体检测" align="center" />
+        <el-table-column prop="ACCEPT_USER" label="完成验收" align="center" />
+        <el-table-column label="操作" align="center" width="250">
+          <template slot-scope="{row}">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="procedure(row)">流程图</el-button>
+            <el-button type="primary" icon="el-icon-document" size="mini" @click="onDetails(row.EW_RU_TASK_ID)">审批表详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-btn-group">
+        <div/>
+        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+      </div>
+    </div>
+    <CourseSteps :dialog-visible="dialogVisible" :agency-list="agencyList" :step-data="stepData" @close="onClose" />
+  </div>
+  <Details v-else :EW_RU_TASK_ID="EW_RU_TASK_ID" :split-list="[2,1,2,2,2,2,1,1,1,1]" title="受限空间安全作业票" @back="onBack" />
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import Details from '../components/details.vue'
+import CourseSteps from '../components/courseSteps.vue'
+
+export default {
+  directives: { waves },
+  components: {
+    Pagination,
+    Details,
+    CourseSteps
+  },
+  data() {
+    return {
+      total: 0,
+      isDetails: false,
+      listLoading: false,
+      dialogVisible: false,
+      search: {
+        value1: '',
+        value2: ''
+      },
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      tableHead: [],
+      varList: [],
+      stepData: [],
+      EW_RU_TASK_ID: '',
+      agencyList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.EW_RU_TASK_ID
+    },
+    procedure(row) {
+      this.listLoading = true
+      requestFN(
+        '/app/Task/getAgencyList',
+        {
+          CORP_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          ID: row.EW_RU_TASK_ID,
+          USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.agencyList = data.list
+        this.dialogVisible = !this.dialogVisible
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    onClose() {
+      this.dialogVisible = false
+    },
+    onDetails(id) {
+      this.EW_RU_TASK_ID = id
+      this.isDetails = true
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/Task/getFormList',
+        {
+          showCount: this.listQuery.limit,
+          currentPage: this.listQuery.page,
+          KEYWORD: this.search.KEYWORDS,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          TYPE_CODE: 'confinedSpace'
+        }
+      ).then((data) => {
+        const resData = data.list.list
+        this.listLoading = false
+        this.varList = this.getListTableData(resData, 'TYPE_NAME', 'TYPE_DESCRIBE')
+        this.total = data.list.totalCount
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getQuery() {
+      console.log(this.search, '查詢')
+      this.listQuery.page = 1
+      this.getList()
+    },
+    goKeyReset() {
+      this.search = {
+        value1: '',
+        value2: ''
+      }
+      this.listQuery.page = 1
+      this.getList()
+    },
+    getListTableData(list, name) {
+      const newList = []
+      list.forEach(jobs => {
+        const valueData = {
+          ID: jobs.task.ID
+        }
+        jobs.jobs.forEach(item => {
+          valueData.DEPARTMENT_ID = item.DEPARTMENT_ID
+          valueData.EW_RU_TASK_ID = item.EW_RU_TASK_ID
+          valueData[item[name]] = item.USER_NAME
+        })
+        newList.push(valueData)
+      })
+      return newList
+    },
+    onBack() {
+      this.isDetails = false
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.filter-container {
+  display: flex;
+  align-items: center;
+  .search-item {
+    margin-right: 10px;
+  }
+}
+</style>
diff --git a/src/views/taskManager/electricity/index.vue b/src/views/taskManager/electricity/index.vue
new file mode 100644
index 0000000..9f7f41f
--- /dev/null
+++ b/src/views/taskManager/electricity/index.vue
@@ -0,0 +1,176 @@
+<template>
+  <div v-if="!isDetails" class="app-container">
+    <div class="page">
+      <el-form label-width="130px">
+        <div class="filter-container">
+          <el-form-item label="关键字1">
+            <el-input v-model="search.value1" placeholder="关键字1" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label="关键字2">
+            <el-input v-model="search.value2" placeholder="关键字2" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label-width="10px">
+            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+      <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+        <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="50" align="center" />
+        <el-table-column prop="APPLICANT" label="发起人" align="center" />
+        <el-table-column prop="AUDIT_USER" label="用电单位意见" align="center" />
+        <el-table-column prop="ACCEPT_CONFESS_USER" label="接受交底人" align="center" />
+        <el-table-column prop="APPROVE_USER" label="消防、安全管理意见" align="center" />
+        <el-table-column prop="GUARDIAN_USER" label="监护人" align="center" />
+        <el-table-column prop="CONFIRM_USER" label="作业负责人" align="center" />
+        <el-table-column prop="ACCEPT_USER" label="完成验收" align="center" />
+        <el-table-column label="操作" align="center" width="250">
+          <template slot-scope="{row}">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="procedure(row)">流程图</el-button>
+            <el-button type="primary" icon="el-icon-document" size="mini" @click="onDetails(row.EW_RU_TASK_ID)">审批表详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-btn-group">
+        <div/>
+        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+      </div>
+    </div>
+    <CourseSteps :dialog-visible="dialogVisible" :agency-list="agencyList" :step-data="stepData" @close="onClose" />
+  </div>
+  <Details v-else :EW_RU_TASK_ID="EW_RU_TASK_ID" :split-list="[2, 1, 2, 2, 2, 2, 2, 2, 2, 1, 1, 1]" title="临时用电许可证" @back="onBack" />
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import Details from '../components/details.vue'
+import CourseSteps from '../components/courseSteps.vue'
+
+export default {
+  directives: { waves },
+  components: {
+    Pagination,
+    Details,
+    CourseSteps
+  },
+  data() {
+    return {
+      total: 0,
+      isDetails: false,
+      listLoading: false,
+      dialogVisible: false,
+      search: {
+        value1: '',
+        value2: ''
+      },
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      tableHead: [],
+      varList: [],
+      stepData: [],
+      agencyList: [],
+      EW_RU_TASK_ID: ''
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.EW_RU_TASK_ID
+    },
+    procedure(row) {
+      this.listLoading = true
+      requestFN(
+        '/app/Task/getAgencyList',
+        {
+          CORP_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          ID: row.EW_RU_TASK_ID,
+          USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID
+        }
+      ).then((data) => {
+        this.agencyList = data.list
+        this.dialogVisible = !this.dialogVisible
+        this.listLoading = false
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    onClose() {
+      this.dialogVisible = false
+    },
+    onDetails(id) {
+      this.EW_RU_TASK_ID = id
+      this.isDetails = true
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/Task/getFormList',
+        {
+          showCount: this.listQuery.limit,
+          currentPage: this.listQuery.page,
+          KEYWORD: this.search.KEYWORDS,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          TYPE_CODE: 'electricity'
+        }
+      ).then((data) => {
+        const resData = data.list.list
+        this.listLoading = false
+        this.varList = this.getListTableData(resData, 'TYPE_NAME', 'TYPE_DESCRIBE')
+        this.total = data.list.totalCount
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getQuery() {
+      console.log(this.search, '查詢')
+      this.listQuery.page = 1
+      this.getList()
+    },
+    goKeyReset() {
+      this.search = {
+        value1: '',
+        value2: ''
+      }
+      this.listQuery.page = 1
+      this.getList()
+    },
+    getListTableData(list, name) {
+      const newList = []
+      list.forEach(jobs => {
+        const valueData = {
+          ID: jobs.task.ID
+        }
+        jobs.jobs.forEach(item => {
+          valueData.DEPARTMENT_ID = item.DEPARTMENT_ID
+          valueData.EW_RU_TASK_ID = item.EW_RU_TASK_ID
+          valueData[item[name]] = item.USER_NAME
+        })
+        newList.push(valueData)
+      })
+      return newList
+    },
+    onBack() {
+      this.isDetails = false
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.filter-container {
+  display: flex;
+  align-items: center;
+  .search-item {
+    margin-right: 10px;
+  }
+}
+</style>
diff --git a/src/views/taskManager/highwork/index.vue b/src/views/taskManager/highwork/index.vue
new file mode 100644
index 0000000..0654562
--- /dev/null
+++ b/src/views/taskManager/highwork/index.vue
@@ -0,0 +1,177 @@
+<template>
+  <div v-if="!isDetails" class="app-container">
+    <div class="page">
+      <el-form label-width="130px">
+        <div class="filter-container">
+          <el-form-item label="关键字1">
+            <el-input v-model="search.value1" placeholder="关键字1" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label="关键字2">
+            <el-input v-model="search.value2" placeholder="关键字2" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label-width="10px">
+            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+      <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+        <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="50" align="center" />
+        <el-table-column prop="APPLICANT" label="发起人" align="center" />
+        <el-table-column prop="AUDIT_USER" label="所在单位意见" align="center" />
+        <el-table-column prop="ACCEPT_CONFESS_USER" label="接受交底人" align="center" />
+        <el-table-column prop="CONFESS_USER" label="安全交底人" align="center" />
+        <el-table-column prop="AUDIT_USER" label="审核部门意见" align="center" />
+        <el-table-column prop="GUARDIAN_USER" label="监护人" align="center" />
+        <el-table-column prop="LEADER_USER" label="作业负责人" align="center" />
+        <el-table-column prop="ACCEPT_USER" label="完成验收" align="center" />
+        <el-table-column label="操作" align="center" width="250">
+          <template slot-scope="{row}">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="procedure(row)">流程图</el-button>
+            <el-button type="primary" icon="el-icon-document" size="mini" @click="onDetails(row.EW_RU_TASK_ID)">审批表详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-btn-group">
+        <div/>
+        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+      </div>
+    </div>
+    <CourseSteps :dialog-visible="dialogVisible" :agency-list="agencyList" :step-data="stepData" @close="onClose" />
+  </div>
+  <Details v-else :EW_RU_TASK_ID="EW_RU_TASK_ID" :split-list="[2, 1, 2, 2, 2, 2, 1, 1, 1, 1]" title="高处安全作业票" @back="onBack" />
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import Details from '../components/details.vue'
+import CourseSteps from '../components/courseSteps.vue'
+
+export default {
+  directives: { waves },
+  components: {
+    Pagination,
+    Details,
+    CourseSteps
+  },
+  data() {
+    return {
+      total: 0,
+      isDetails: false,
+      listLoading: false,
+      dialogVisible: false,
+      search: {
+        value1: '',
+        value2: ''
+      },
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      tableHead: [],
+      varList: [],
+      stepData: [],
+      EW_RU_TASK_ID: '',
+      agencyList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.EW_RU_TASK_ID
+    },
+    procedure(row) {
+      this.listLoading = true
+      requestFN(
+        '/app/Task/getAgencyList',
+        {
+          CORP_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          ID: row.EW_RU_TASK_ID,
+          USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.agencyList = data.list
+        this.dialogVisible = !this.dialogVisible
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    onClose() {
+      this.dialogVisible = false
+    },
+    onDetails(id) {
+      this.EW_RU_TASK_ID = id
+      this.isDetails = true
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/Task/getFormList',
+        {
+          showCount: this.listQuery.limit,
+          currentPage: this.listQuery.page,
+          KEYWORD: this.search.KEYWORDS,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          TYPE_CODE: 'highWork'
+        }
+      ).then((data) => {
+        const resData = data.list.list
+        this.listLoading = false
+        this.varList = this.getListTableData(resData, 'TYPE_NAME', 'TYPE_DESCRIBE')
+        this.total = data.list.totalCount
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getQuery() {
+      console.log(this.search, '查詢')
+      this.listQuery.page = 1
+      this.getList()
+    },
+    goKeyReset() {
+      this.search = {
+        value1: '',
+        value2: ''
+      }
+      this.listQuery.page = 1
+      this.getList()
+    },
+    getListTableData(list, name) {
+      const newList = []
+      list.forEach(jobs => {
+        const valueData = {
+          ID: jobs.task.ID
+        }
+        jobs.jobs.forEach(item => {
+          valueData.DEPARTMENT_ID = item.DEPARTMENT_ID
+          valueData.EW_RU_TASK_ID = item.EW_RU_TASK_ID
+          valueData[item[name]] = item.USER_NAME
+        })
+        newList.push(valueData)
+      })
+      return newList
+    },
+    onBack() {
+      this.isDetails = false
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.filter-container {
+  display: flex;
+  align-items: center;
+  .search-item {
+    margin-right: 10px;
+  }
+}
+</style>
diff --git a/src/views/taskManager/hoisting/index.vue b/src/views/taskManager/hoisting/index.vue
new file mode 100644
index 0000000..1af5cb2
--- /dev/null
+++ b/src/views/taskManager/hoisting/index.vue
@@ -0,0 +1,178 @@
+<template>
+  <div v-if="!isDetails" class="app-container">
+    <div class="page">
+      <el-form label-width="130px">
+        <div class="filter-container">
+          <el-form-item label="关键字1">
+            <el-input v-model="search.value1" placeholder="关键字1" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label="关键字2">
+            <el-input v-model="search.value2" placeholder="关键字2" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label-width="10px">
+            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+      <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+        <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="50" align="center" />
+        <el-table-column prop="APPLICANT" label="发起人" align="center" />
+        <el-table-column prop="CONSTRUCTION_USER" label="所在单位意见" align="center" />
+        <el-table-column prop="ACCEPT_CONFESS_USER" label="接受交底人" align="center" />
+        <el-table-column prop="CONFESS_USER" label="安全交底人" align="center" />
+        <el-table-column prop="LEADER_USER" label="作业指挥意见" align="center" />
+        <el-table-column prop="GUARDIAN_USER" label="监护人" align="center" />
+        <el-table-column prop="APPROVE_USER" label="审批部门意见" align="center" />
+        <el-table-column prop="AUDIT_USER" label="审核部门意见" align="center" />
+        <el-table-column prop="ACCEPT_USER" label="完工验收人" align="center" />
+        <el-table-column label="操作" align="center" width="250">
+          <template slot-scope="{row}">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="procedure(row)">流程图</el-button>
+            <el-button type="primary" icon="el-icon-document" size="mini" @click="onDetails(row.EW_RU_TASK_ID)">审批表详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-btn-group">
+        <div/>
+        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+      </div>
+    </div>
+    <CourseSteps :dialog-visible="dialogVisible" :agency-list="agencyList" :step-data="stepData" @close="onClose" />
+  </div>
+  <Details v-else :EW_RU_TASK_ID="EW_RU_TASK_ID" :split-list="[2, 1, 2, 2, 2, 2, 2, 2, 1, 1, 1]" title="吊装安全作业票" @back="onBack" />
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import Details from '../components/details.vue'
+import CourseSteps from '../components/courseSteps.vue'
+
+export default {
+  directives: { waves },
+  components: {
+    Pagination,
+    Details,
+    CourseSteps
+  },
+  data() {
+    return {
+      total: 0,
+      isDetails: false,
+      listLoading: false,
+      dialogVisible: false,
+      search: {
+        value1: '',
+        value2: ''
+      },
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      tableHead: [],
+      varList: [],
+      stepData: [],
+      EW_RU_TASK_ID: '',
+      agencyList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.EW_RU_TASK_ID
+    },
+    procedure(row) {
+      this.listLoading = true
+      requestFN(
+        '/app/Task/getAgencyList',
+        {
+          CORP_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          ID: row.EW_RU_TASK_ID,
+          USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.agencyList = data.list
+        this.dialogVisible = !this.dialogVisible
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    onClose() {
+      this.dialogVisible = false
+    },
+    onDetails(id) {
+      this.EW_RU_TASK_ID = id
+      this.isDetails = true
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/Task/getFormList',
+        {
+          showCount: this.listQuery.limit,
+          currentPage: this.listQuery.page,
+          KEYWORD: this.search.KEYWORDS,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          TYPE_CODE: 'hoisting'
+        }
+      ).then((data) => {
+        const resData = data.list.list
+        this.listLoading = false
+        this.varList = this.getListTableData(resData, 'TYPE_NAME', 'TYPE_DESCRIBE')
+        this.total = data.list.totalCount
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getQuery() {
+      console.log(this.search, '查詢')
+      this.listQuery.page = 1
+      this.getList()
+    },
+    goKeyReset() {
+      this.search = {
+        value1: '',
+        value2: ''
+      }
+      this.listQuery.page = 1
+      this.getList()
+    },
+    getListTableData(list, name) {
+      const newList = []
+      list.forEach(jobs => {
+        const valueData = {
+          ID: jobs.task.ID
+        }
+        jobs.jobs.forEach(item => {
+          valueData.DEPARTMENT_ID = item.DEPARTMENT_ID
+          valueData.EW_RU_TASK_ID = item.EW_RU_TASK_ID
+          valueData[item[name]] = item.USER_NAME
+        })
+        newList.push(valueData)
+      })
+      return newList
+    },
+    onBack() {
+      this.isDetails = false
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.filter-container {
+  display: flex;
+  align-items: center;
+  .search-item {
+    margin-right: 10px;
+  }
+}
+</style>
diff --git a/src/views/taskManager/hotWork/index.vue b/src/views/taskManager/hotWork/index.vue
new file mode 100644
index 0000000..e2fdf4e
--- /dev/null
+++ b/src/views/taskManager/hotWork/index.vue
@@ -0,0 +1,177 @@
+<template>
+  <div v-if="!isDetails" class="app-container">
+    <div class="page">
+      <el-form label-width="130px">
+        <div class="filter-container">
+          <el-form-item label="关键字1">
+            <el-input v-model="search.value1" placeholder="关键字1" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label="关键字2">
+            <el-input v-model="search.value2" placeholder="关键字2" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label-width="10px">
+            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+      <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+        <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="50" align="center" />
+        <el-table-column prop="APPLICANT" label="发起人" align="center" />
+        <el-table-column prop="ISSUING_PRINCIPAL" label="动火许可签发单位" align="center" />
+        <el-table-column prop="HOT_WORK_AFTER" label="动火后现场管辖单位确认" align="center" />
+        <el-table-column prop="MONITORING_THE_CONSTRUCTION_SIT" label="延时监火" align="center" />
+        <el-table-column prop="PERSON_CONFIRM" label="现场负责人确认" align="center" />
+        <el-table-column prop="HOT_WORK" label="动火单位（部门）负责人" align="center" />
+        <el-table-column prop="SITE_DIRECTOR" label="动火许可证" align="center" />
+        <el-table-column prop="UNIT_LEADER" label="现场管辖单位负责人审核" align="center" />
+        <el-table-column label="操作" align="center" width="250">
+          <template slot-scope="{row}">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="procedure(row)">流程图</el-button>
+            <el-button type="primary" icon="el-icon-document" size="mini" @click="onDetails(row.EW_RU_TASK_ID)">审批表详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-btn-group">
+        <div/>
+        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+      </div>
+    </div>
+    <CourseSteps :dialog-visible="dialogVisible" :agency-list="agencyList" :step-data="stepData" @close="onClose" />
+  </div>
+  <Details v-else :EW_RU_TASK_ID="EW_RU_TASK_ID" :split-list="[2, 1, 2, 2, 2, 2, 1, 1, 1, 1, 1]" title="动火安全作业票" @back="onBack" />
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import Details from '../components/details.vue'
+import CourseSteps from '../components/courseSteps.vue'
+
+export default {
+  directives: { waves },
+  components: {
+    Pagination,
+    Details,
+    CourseSteps
+  },
+  data() {
+    return {
+      total: 0,
+      isDetails: false,
+      listLoading: false,
+      dialogVisible: false,
+      search: {
+        value1: '',
+        value2: ''
+      },
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      tableHead: [],
+      varList: [],
+      stepData: [],
+      EW_RU_TASK_ID: '',
+      agencyList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.EW_RU_TASK_ID
+    },
+    procedure(row) {
+      this.listLoading = true
+      requestFN(
+        '/app/Task/getAgencyList',
+        {
+          CORP_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          ID: row.EW_RU_TASK_ID,
+          USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.agencyList = data.list
+        this.dialogVisible = !this.dialogVisible
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    onClose() {
+      this.dialogVisible = false
+    },
+    onDetails(id) {
+      this.EW_RU_TASK_ID = id
+      this.isDetails = true
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/Task/getFormList',
+        {
+          showCount: this.listQuery.limit,
+          currentPage: this.listQuery.page,
+          KEYWORD: this.search.KEYWORDS,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          TYPE_CODE: 'hotWork'
+        }
+      ).then((data) => {
+        const resData = data.list.list
+        this.listLoading = false
+        this.varList = this.getListTableData(resData, 'TYPE_NAME', 'TYPE_DESCRIBE')
+        this.total = data.list.totalCount
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getQuery() {
+      console.log(this.search, '查詢')
+      this.listQuery.page = 1
+      this.getList()
+    },
+    goKeyReset() {
+      this.search = {
+        value1: '',
+        value2: ''
+      }
+      this.listQuery.page = 1
+      this.getList()
+    },
+    getListTableData(list, name) {
+      const newList = []
+      list.forEach(jobs => {
+        const valueData = {
+          ID: jobs.task.ID
+        }
+        jobs.jobs.forEach(item => {
+          valueData.DEPARTMENT_ID = item.DEPARTMENT_ID
+          valueData.EW_RU_TASK_ID = item.EW_RU_TASK_ID
+          valueData[item[name]] = item.USER_NAME
+        })
+        newList.push(valueData)
+      })
+      return newList
+    },
+    onBack() {
+      this.isDetails = false
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.filter-container {
+  display: flex;
+  align-items: center;
+  .search-item {
+    margin-right: 10px;
+  }
+}
+</style>
diff --git a/src/views/taskManager/newOpenCircuit/index.vue b/src/views/taskManager/newOpenCircuit/index.vue
new file mode 100644
index 0000000..acb363f
--- /dev/null
+++ b/src/views/taskManager/newOpenCircuit/index.vue
@@ -0,0 +1,179 @@
+<template>
+  <div v-if="!isDetails" class="app-container">
+    <div class="page">
+      <el-form label-width="130px">
+        <div class="filter-container">
+          <el-form-item label="关键字1">
+            <el-input v-model="search.value1" placeholder="关键字1" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label="关键字2">
+            <el-input v-model="search.value2" placeholder="关键字2" class="filter-item" style="width: 200px;" />
+          </el-form-item>
+          <el-form-item label-width="10px">
+            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+      <el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+        <el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="50" align="center" />
+        <el-table-column prop="APPLICANT" label="发起人" align="center" />
+        <el-table-column prop="CONSTRUCTION_USER" label="作业负责人" align="center" />
+        <el-table-column prop="ANALYZE_USER" label="气体分析人" align="center" />
+        <el-table-column prop="SAFETY_USER" label="消防、安全管理意见" align="center" />
+        <el-table-column prop="ACCEPT_CONFESS_USER" label="接受交底人" align="center" />
+        <el-table-column prop="CONFESS_USER" label="安全交底人" align="center" />
+        <el-table-column prop="LEADER_USER" label="审批部门意见" align="center" />
+        <el-table-column prop="PRODUCTION_USER" label="所在单位意见" align="center" />
+        <el-table-column prop="GUARDIAN_USER" label="监护人" align="center" />
+        <el-table-column prop="ACCEPT_USER" label="完工验收" align="center" />
+        <el-table-column label="操作" align="center" width="250">
+          <template slot-scope="{row}">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="procedure(row)">流程图</el-button>
+            <el-button type="primary" icon="el-icon-document" size="mini" @click="onDetails(row.EW_RU_TASK_ID)">审批表详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-btn-group">
+        <div/>
+        <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+      </div>
+    </div>
+    <CourseSteps :dialog-visible="dialogVisible" :agency-list="agencyList" :step-data="stepData" @close="onClose" />
+  </div>
+  <Details v-else :EW_RU_TASK_ID="EW_RU_TASK_ID" :split-list="[2, 1, 2, 2, 2, 2, 1, 1, 1, 1, 1]" title="断路安全作业票" @back="onBack" />
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import Details from '../components/details.vue'
+import CourseSteps from '../components/courseSteps.vue'
+
+export default {
+  directives: { waves },
+  components: {
+    Pagination,
+    Details,
+    CourseSteps
+  },
+  data() {
+    return {
+      total: 0,
+      isDetails: false,
+      listLoading: false,
+      dialogVisible: false,
+      search: {
+        value1: '',
+        value2: ''
+      },
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      tableHead: [],
+      varList: [],
+      stepData: [],
+      EW_RU_TASK_ID: '',
+      agencyList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.EW_RU_TASK_ID
+    },
+    procedure(row) {
+      this.listLoading = true
+      requestFN(
+        '/app/Task/getAgencyList',
+        {
+          CORP_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          ID: row.EW_RU_TASK_ID,
+          USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.agencyList = data.list
+        this.dialogVisible = !this.dialogVisible
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    onClose() {
+      this.dialogVisible = false
+    },
+    onDetails(id) {
+      this.EW_RU_TASK_ID = id
+      this.isDetails = true
+    },
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/Task/getFormList',
+        {
+          showCount: this.listQuery.limit,
+          currentPage: this.listQuery.page,
+          KEYWORD: this.search.KEYWORDS,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          TYPE_CODE: 'cutRoad'
+        }
+      ).then((data) => {
+        const resData = data.list.list
+        this.listLoading = false
+        this.varList = this.getListTableData(resData, 'TYPE_NAME', 'TYPE_DESCRIBE')
+        this.total = data.list.totalCount
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getQuery() {
+      console.log(this.search, '查詢')
+      this.listQuery.page = 1
+      this.getList()
+    },
+    goKeyReset() {
+      this.search = {
+        value1: '',
+        value2: ''
+      }
+      this.listQuery.page = 1
+      this.getList()
+    },
+    getListTableData(list, name) {
+      const newList = []
+      list.forEach(jobs => {
+        const valueData = {
+          ID: jobs.task.ID
+        }
+        jobs.jobs.forEach(item => {
+          valueData.DEPARTMENT_ID = item.DEPARTMENT_ID
+          valueData.EW_RU_TASK_ID = item.EW_RU_TASK_ID
+          valueData[item[name]] = item.USER_NAME
+        })
+        newList.push(valueData)
+      })
+      return newList
+    },
+    onBack() {
+      this.isDetails = false
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.filter-container {
+  display: flex;
+  align-items: center;
+  .search-item {
+    margin-right: 10px;
+  }
+}
+</style>