From 9cb5bf025cf9440de0a0ac7f1b5ae7685210bb2f Mon Sep 17 00:00:00 2001
From: wanggongfeng <1305282856@qq.com>
Date: Tue, 11 Jan 2022 17:37:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BB=B6=E6=9C=9F=E8=AE=B0=E5=BD=95=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E7=94=9F=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(cherry picked from commit 9c9abd963c92e55ea800c2701b24107950ca7148)
---
 src/views/modules/events/item-deal-handle.vue |  10 +-
 src/views/modules/events/item-deal-list.vue   | 271 ++++++++++--------
 .../events/item-delay-check-dialog.vue        |  90 ++++++
 .../modules/events/item-delay-dialog.vue      | 114 ++++++++
 .../modules/events/item-delay-log-dialog.vue  |  63 ++++
 .../itemfusingdelayrecord-add-or-update.vue   | 159 ++++++++++
 .../modules/events/itemfusingdelayrecord.vue  |  94 ++++++
 7 files changed, 670 insertions(+), 131 deletions(-)
 create mode 100644 src/views/modules/events/item-delay-check-dialog.vue
 create mode 100644 src/views/modules/events/item-delay-dialog.vue
 create mode 100644 src/views/modules/events/item-delay-log-dialog.vue
 create mode 100644 src/views/modules/events/itemfusingdelayrecord-add-or-update.vue
 create mode 100644 src/views/modules/events/itemfusingdelayrecord.vue

diff --git a/src/views/modules/events/item-deal-handle.vue b/src/views/modules/events/item-deal-handle.vue
index affba143..c2e5901e 100644
--- a/src/views/modules/events/item-deal-handle.vue
+++ b/src/views/modules/events/item-deal-handle.vue
@@ -49,14 +49,14 @@ export default {
         itemId: '',
         state: '',
         reason: '',
-        delayStartTime:'',
-        delayEndTime:''
+        delayStartTime: '',
+        delayEndTime: ''
       },
       time: [],
       isAble: false,
       pickerBeginDateBefore: {
         disabledDate: (time) => {
-          let beginDateVal = this.dataForm.delayEndTime;
+          let beginDateVal = this.dataForm.delayEndTime
           if (beginDateVal) {
             return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
           }
@@ -64,12 +64,12 @@ export default {
       },
       pickerBeginDateAfter: {
         disabledDate: (time) => {
-          let EndDateVal = this.dataForm.delayStartTime;
+          let EndDateVal = this.dataForm.delayStartTime
           if (EndDateVal) {
             return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
           }
         }
-      },
+      }
     }
   },
   computed: {
diff --git a/src/views/modules/events/item-deal-list.vue b/src/views/modules/events/item-deal-list.vue
index 6ff35124..bb3fccd9 100644
--- a/src/views/modules/events/item-deal-list.vue
+++ b/src/views/modules/events/item-deal-list.vue
@@ -191,7 +191,9 @@
                         >{{ $t('deal') }}
                         </el-button
                         >
-                        <el-button type="text" size="small" @click="openHandle(scope.row.id)">{{ '操作' }}</el-button>
+                        <!--<el-button type="text" size="small" @click="openHandle(scope.row.id)">{{ '操作' }}</el-button>-->
+                        <el-button :disabled="scope.row.isDelay === '1'" type="text" size="small" @click="openDialogHandle(scope.row.id)">{{ '延期' }}</el-button>
+                        <el-button :disabled="scope.row.isDelay !== '1'" type="text" size="small" @click="openLogHandle(scope.row.id)">{{ '延期记录' }}</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -206,138 +208,155 @@
             >
             </el-pagination>
             <!-- 弹窗, 新增 / 修改 -->
-            <detail
-                    v-if="detailVisible"
-                    ref="detail"
-                    @refreshDataList="getDataList"
-            ></detail>
+            <detail v-if="detailVisible" ref="detail" @refreshDataList="getDataList"></detail>
             <item-deal-handle v-if="handleVisible" ref="itemDealHandle" @refreshDataList="getDataList"></item-deal-handle>
+            <item-delay-dialog  v-if="handleDialogVisible" ref="itemDelayDialog" @refreshDataList="getDataList"></item-delay-dialog>
+            <item-delay-log-dialog  v-if="handleLogDialogVisible" ref="itemDelayLogDialog" @refreshDataList="getDataList"></item-delay-log-dialog>
         </div>
     </el-card>
 </template>
 
 <script>
-    import mixinViewModule from '@/mixins/view-module'
-    import Detail from './item-deal-detail'
-    import ItemDealHandle from './item-deal-handle'
+import mixinViewModule from '@/mixins/view-module'
+import Detail from './item-deal-detail'
+import ItemDealHandle from './item-deal-handle'
+import ItemDelayDialog from './item-delay-dialog'
+import ItemDelayLogDialog from './item-delay-log-dialog'
+export default {
+  mixins: [mixinViewModule],
+  name: 'ItemDealList',
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/events/item/page',
+        getDataListIsPage: true,
+        exportURL: '/events/item/unexport'
+      },
+      detailVisible: false,
+      dataForm: {
+        id: '',
+        itemState: '0',
+        startTime: '',
+        endTime: '',
+        streetId: '',
+        communityId: '',
+        gridId: '',
+        itemCode: '',
+        itemContent: '',
+        nickName: '',
+        mobile: ''
 
-    export default {
-        mixins: [mixinViewModule],
-        name: 'ItemDealList',
-        data() {
-            return {
-                mixinViewModuleOptions: {
-                    getDataListURL: '/events/item/page',
-                    getDataListIsPage: true,
-                  exportURL: '/events/item/unexport'
-                },
-                detailVisible: false,
-                dataForm: {
-                    id: '',
-                    itemState: '0',
-                    startTime: '',
-                    endTime: '',
-                    streetId: '',
-                    communityId: '',
-                    gridId: '',
-                    itemCode: '',
-                    itemContent: '',
-                    nickName: '',
-                    mobile: ''
-
-                },
-                handleVisible:false,
-                ids: [],
-                options: [],
-            pickerBeginDateBefore: {
-                disabledDate: (time) => {
-                let beginDateVal = this.dataForm.endTime;
-                if (beginDateVal) {
-                    return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
-                }
-                }
-            },
-            pickerBeginDateAfter: {
-                disabledDate: (time) => {
-                let EndDateVal = this.dataForm.startTime;
-                if (EndDateVal) {
-                    return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
-                }
-                }
-            },
-            }
-        },
-        components: {
-            Detail,
-            ItemDealHandle
-        },
-        created: function () {
-            this.getOptions()
-        },
-        watch: {
-            ids: function (val) {
-                if (val.length === 0) {
-                    this.dataForm.streetId = ''
-                    this.dataForm.communityId = ''
-                    this.dataForm.gridId = ''
-                }
-                if (val.length === 1) {
-                    this.dataForm.streetId = this.ids[0]
-                    this.dataForm.communityId = ''
-                    this.dataForm.gridId = ''
-                }
-                if (val.length === 2) {
-                    this.dataForm.streetId = this.ids[0]
-                    this.dataForm.communityId = this.ids[1]
-                    this.dataForm.gridId = ''
-                }
-                if (val.length === 3) {
-                    this.dataForm.streetId = this.ids[0]
-                    this.dataForm.communityId = this.ids[1]
-                    this.dataForm.gridId = this.ids[2]
-                }
-            }
-        },
-        methods: {
-            dealAction(id) {
-                this.$parent.selectComponent = 'ItemDealDetailView'
-                this.$router.push({path: '/events-item-deal', query: {id: id}})
-            },
-            getOptions() {
-                this.$http
-                    .get(`/sys/user/deptOptions/getByLoginUser`)
-                    .then(({data: res}) => {
-                        if (res.code !== 0) {
-                            return this.$message.error(res.msg)
-                        }
-                        this.options = res.data.options
-                    })
-                    .catch(() => {
-                    })
-            },
-            btKeyUpItemCode (e) {
-                e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
-                this.dataForm.itemCode = e.target.value
-            },
-            btKeyUpItemContent (e) {
-                e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
-                this.dataForm.itemContent = e.target.value
-            },
-            btKeyUpNickName (e) {
-                e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
-                this.dataForm.nickName = e.target.value
-            },
-            btKeyUpMobile (e) {
-                e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
-                this.dataForm.mobile = e.target.value
-            },
-            openHandle (id) {
-                this.handleVisible = true
-                this.$nextTick(() => {
-                    this.$refs.itemDealHandle.dataForm.id = id
-                    this.$refs.itemDealHandle.init()
-                })
-            }
+      },
+      handleVisible: false,
+      handleDialogVisible: false,
+      handleLogDialogVisible: false,
+      ids: [],
+      options: [],
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dataForm.endTime
+          if (beginDateVal) {
+            return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
+          }
+        }
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          let EndDateVal = this.dataForm.startTime
+          if (EndDateVal) {
+            return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
+          }
         }
+      }
+    }
+  },
+  components: {
+    Detail,
+    ItemDealHandle,
+    ItemDelayDialog,
+    ItemDelayLogDialog
+  },
+  created: function () {
+    this.getOptions()
+  },
+  watch: {
+    ids: function (val) {
+      if (val.length === 0) {
+        this.dataForm.streetId = ''
+        this.dataForm.communityId = ''
+        this.dataForm.gridId = ''
+      }
+      if (val.length === 1) {
+        this.dataForm.streetId = this.ids[0]
+        this.dataForm.communityId = ''
+        this.dataForm.gridId = ''
+      }
+      if (val.length === 2) {
+        this.dataForm.streetId = this.ids[0]
+        this.dataForm.communityId = this.ids[1]
+        this.dataForm.gridId = ''
+      }
+      if (val.length === 3) {
+        this.dataForm.streetId = this.ids[0]
+        this.dataForm.communityId = this.ids[1]
+        this.dataForm.gridId = this.ids[2]
+      }
+    }
+  },
+  methods: {
+    dealAction (id) {
+      this.$parent.selectComponent = 'ItemDealDetailView'
+      this.$router.push({ path: '/events-item-deal', query: { id: id } })
+    },
+    getOptions () {
+      this.$http
+        .get(`/sys/user/deptOptions/getByLoginUser`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.options = res.data.options
+        })
+        .catch(() => {
+        })
+    },
+    btKeyUpItemCode (e) {
+      e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+      this.dataForm.itemCode = e.target.value
+    },
+    btKeyUpItemContent (e) {
+      e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+      this.dataForm.itemContent = e.target.value
+    },
+    btKeyUpNickName (e) {
+      e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+      this.dataForm.nickName = e.target.value
+    },
+    btKeyUpMobile (e) {
+      e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+      this.dataForm.mobile = e.target.value
+    },
+    // openHandle (id) {
+    //   this.handleVisible = true
+    //   this.$nextTick(() => {
+    //     this.$refs.itemDealHandle.dataForm.id = id
+    //     this.$refs.itemDealHandle.init()
+    //   })
+    // },
+    openDialogHandle (id) {
+      this.handleDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.itemDelayDialog.dataForm.itemId = id
+        this.$refs.itemDelayDialog.init()
+      })
+    },
+    openLogHandle (id) {
+      this.handleLogDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.itemDelayLogDialog.dataForm.itemId = id
+        this.$refs.itemDelayLogDialog.init()
+      })
     }
+  }
+}
 </script>
diff --git a/src/views/modules/events/item-delay-check-dialog.vue b/src/views/modules/events/item-delay-check-dialog.vue
new file mode 100644
index 00000000..2453eabd
--- /dev/null
+++ b/src/views/modules/events/item-delay-check-dialog.vue
@@ -0,0 +1,90 @@
+<template>
+  <el-dialog :visible.sync="visible" title="延期操作" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form  :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+      <el-form-item label="审核" prop="handleState" label-width="80px">
+        <el-select v-model="dataForm.handleState" placeholder="请选择">
+          <el-option label="通过" value="1"> </el-option>
+          <el-option label="驳回" value="2"> </el-option>
+        </el-select>
+      </el-form-item>
+      <br>
+      <el-form-item label="审核理由" prop="handleReason">
+        <el-input
+                type="textarea"
+                :rows="3"
+                v-model="dataForm.handleReason"
+                maxlength="2000"
+                style="width:calc(100% - 110px)"></el-input>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        handleState: '1',
+        handleReason: ''
+      },
+      time: [],
+      isAble: false
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        handleState: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        handleReason: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.isAble = false
+      this.time = []
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+      })
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.isAble = true
+        this.$http['put']('/events/itemfusingdelayrecord/checkApply', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            this.isAble = false
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.$emit('connectResponse')
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>
diff --git a/src/views/modules/events/item-delay-dialog.vue b/src/views/modules/events/item-delay-dialog.vue
new file mode 100644
index 00000000..039fa71b
--- /dev/null
+++ b/src/views/modules/events/item-delay-dialog.vue
@@ -0,0 +1,114 @@
+<template>
+  <el-dialog :visible.sync="visible" title="延期操作" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form  :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+      <el-form-item label="申请" prop="state" label-width="80px">
+        <el-select v-model="dataForm.state" placeholder="请选择">
+          <el-option label="延期" value="1"> </el-option>
+          <el-option label="熔断" value="2"> </el-option>
+        </el-select>
+      </el-form-item>
+      <br>
+      <el-row>
+        <el-form-item prop="delayTime" v-if="dataForm.state=='1'" label="延期日期">
+          <el-date-picker
+                  v-model="dataForm.delayTime"
+                  type="date"
+                  :picker-options="pickerBeginDateBefore"
+                  value-format="yyyy-MM-dd"
+                  format="yyyy-MM-dd"
+                  placeholder="延期日期"
+                  style="width:250px;"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </el-row>
+      <br>
+      <el-form-item label="申请理由" prop="reason">
+        <el-input
+                type="textarea"
+                :rows="3"
+                v-model="dataForm.reason"
+                maxlength="2000"
+                style="width:calc(100% - 110px)"></el-input>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        itemId: '',
+        state: '1',
+        reason: '',
+        delayTime: ''
+      },
+      time: [],
+      isAble: false,
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return time.getTime() < new Date().getTime()
+        }
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        state: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        reason: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        delayTime: [
+          { required: this.dataForm.state = '1', message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.isAble = false
+      this.time = []
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+      })
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.isAble = true
+        this.$http['post']('/events/itemfusingdelayrecord/submitApply', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            this.isAble = false
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.$emit('connectResponse')
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>
diff --git a/src/views/modules/events/item-delay-log-dialog.vue b/src/views/modules/events/item-delay-log-dialog.vue
new file mode 100644
index 00000000..774099c6
--- /dev/null
+++ b/src/views/modules/events/item-delay-log-dialog.vue
@@ -0,0 +1,63 @@
+<template>
+  <el-dialog :visible.sync="visible" title="延期记录" :close-on-click-modal="false" :close-on-press-escape="false" width="70%">
+    <el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%;">
+      <el-table-column
+              label="序号"
+              type="index"
+              show-overflow-tooltip
+              align="center"
+              width="50"
+      ></el-table-column>
+      <el-table-column prop="stateName" label="申请状态" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="reason" label="申请理由" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="delayTimeStr" label="延期时间" header-align="center" align="center" width="170"></el-table-column>
+      <el-table-column prop="handleStateName" label="审核状态" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="handleReason" label="审批理由" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center" width="170"></el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        itemId: ''
+      },
+      dataList: [],
+      dataListLoading: false
+
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.getDataList()
+      })
+    },
+    // 查询列表
+    getDataList () {
+      this.dataListLoading = true
+      this.$http.get('/events/itemfusingdelayrecord/getPageList/' + this.dataForm.itemId).then(({ data: res }) => {
+        this.dataListLoading = false
+        if (res.code !== 0) {
+          this.dataList = []
+          return this.$message.error(res.msg)
+        }
+        this.dataList = res.data
+      }).catch(() => {
+        this.dataListLoading = false
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/modules/events/itemfusingdelayrecord-add-or-update.vue b/src/views/modules/events/itemfusingdelayrecord-add-or-update.vue
new file mode 100644
index 00000000..f773f48c
--- /dev/null
+++ b/src/views/modules/events/itemfusingdelayrecord-add-or-update.vue
@@ -0,0 +1,159 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+          <el-form-item label="项目ID" prop="itemId">
+          <el-input v-model="dataForm.itemId" placeholder="项目ID"></el-input>
+      </el-form-item>
+          <el-form-item label="申请状态：1-延期，2-熔断" prop="state">
+          <el-input v-model="dataForm.state" placeholder="申请状态：1-延期，2-熔断"></el-input>
+      </el-form-item>
+          <el-form-item label="申请理由" prop="reason">
+          <el-input v-model="dataForm.reason" placeholder="申请理由"></el-input>
+      </el-form-item>
+          <el-form-item label="审核状态：1-审核通过，2-驳回" prop="handleState">
+          <el-input v-model="dataForm.handleState" placeholder="审核状态：1-审核通过，2-驳回"></el-input>
+      </el-form-item>
+          <el-form-item label="审批理由" prop="handleReason">
+          <el-input v-model="dataForm.handleReason" placeholder="审批理由"></el-input>
+      </el-form-item>
+          <el-form-item label="延期时间" prop="delayTime">
+          <el-input v-model="dataForm.delayTime" placeholder="延期时间"></el-input>
+      </el-form-item>
+          <el-form-item label="乐观锁" prop="revision">
+          <el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>
+      </el-form-item>
+          <el-form-item label="创建人" prop="createdBy">
+          <el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>
+      </el-form-item>
+          <el-form-item label="创建时间" prop="createdTime">
+          <el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>
+      </el-form-item>
+          <el-form-item label="更新人" prop="updatedBy">
+          <el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>
+      </el-form-item>
+          <el-form-item label="更新时间" prop="updatedTime">
+          <el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>
+      </el-form-item>
+          <el-form-item label="删除标记" prop="delFlag">
+          <el-input v-model="dataForm.delFlag" placeholder="删除标记"></el-input>
+      </el-form-item>
+      </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        itemId: '',
+        state: '',
+        reason: '',
+        handleState: '',
+        handleReason: '',
+        delayTime: '',
+        revision: '',
+        createdBy: '',
+        createdTime: '',
+        updatedBy: '',
+        updatedTime: '',
+        delFlag: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        itemId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        state: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        reason: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        handleState: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        handleReason: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        delayTime: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        revision: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        createdBy: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        createdTime: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        updatedBy: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        updatedTime: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        delFlag: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.get(`/events/itemfusingdelayrecord/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+      }).catch(() => {})
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/events/itemfusingdelayrecord/', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        }).catch(() => {})
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>
diff --git a/src/views/modules/events/itemfusingdelayrecord.vue b/src/views/modules/events/itemfusingdelayrecord.vue
new file mode 100644
index 00000000..f06de7ab
--- /dev/null
+++ b/src/views/modules/events/itemfusingdelayrecord.vue
@@ -0,0 +1,94 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-events__itemfusingdelayrecord}">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+        <el-form-item label="类型" prop="state" label-width="80px">
+          <el-select v-model="dataForm.state" placeholder="请选择" clearable>
+            <el-option label="延期" value="1"> </el-option>
+            <el-option label="熔断" value="2"> </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('events:itemfusingdelayrecord:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('events:itemfusingdelayrecord:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+        <el-table-column
+                label="序号"
+                type="index"
+                show-overflow-tooltip
+                align="center"
+                width="50"
+        ></el-table-column>
+        <el-table-column prop="stateName" label="申请状态" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="reason" label="申请理由" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="delayTimeStr" label="延期时间" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="handleStateName" label="审核状态" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="handleReason" label="审批理由" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button :disabled="scope.row.handleStateName !== ''" type="text" size="small" @click="openDialogHandle(scope.row.id)">{{ '审核' }}</el-button>
+            <el-button v-if="$hasPermission('events:itemfusingdelayrecord:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('events:itemfusingdelayrecord:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+      <item-delay-check-dialog  v-if="handleDialogVisible" ref="itemDelayCheckDialog" @refreshDataList="getDataList"></item-delay-check-dialog>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './itemfusingdelayrecord-add-or-update'
+import ItemDelayCheckDialog from './item-delay-check-dialog'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/events/itemfusingdelayrecord/page',
+        getDataListIsPage: true,
+        deleteURL: '/events/itemfusingdelayrecord',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        id: '',
+        state: ''
+      },
+      handleDialogVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate,
+    ItemDelayCheckDialog
+  },
+  methods: {
+    openDialogHandle (id) {
+      this.handleDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.itemDelayCheckDialog.dataForm.id = id
+        this.$refs.itemDelayCheckDialog.init()
+      })
+    }
+  }
+}
+</script>