北尚诉办-结案审批列表

3 years ago · d8a847dece
2 changed files with 325 additions and 0 deletions
--- a/src/views/modules/events/item-examine-list.vue
+++ b/src/views/modules/events/item-examine-list.vue
@ -0,0 +1,302 @@
+<template>
+    <el-card shadow="never" class="aui-card--fill">
+        <div class="mod-item__item}">
+            <el-form
+                    :inline="true"
+                    :model="dataForm"
+                    @keyup.enter.native="getDataListSearch()"
+            >
+                <el-form-item label="项目内容" prop="itemCode"  label-width="100px">
+                    <el-input
+                            v-model="dataForm.itemContent"
+                            placeholder="请输入项目内容"
+                            clearable
+                            @keyup.native="btKeyUpItemContent"
+                            style="width:200px;"
+                    ></el-input>
+                </el-form-item>
+                <el-form-item label="提交人" prop="userName" label-width="100px">
+                    <el-input
+                            v-model="dataForm.userName"
+                            placeholder="请输入提交人"
+                            clearable
+                            @keyup.native="btKeyUpNickName"
+                            style="width:250px;"
+                    ></el-input>
+                </el-form-item>
+                <br>
+                <div>
+                    <el-form-item label="上报时间" prop="startTime" label-width="100px">
+                        <el-date-picker
+                                v-model="dataForm.startTime"
+                                type="date"
+                                :picker-options="pickerBeginDateBefore"
+                                value-format="yyyy-MM-dd"
+                                format="yyyy-MM-dd"
+                                placeholder="选择日期时间"
+                                style="width:200px;" @change="changeTime"
+                        >
+                        </el-date-picker>
+                    </el-form-item>
+                    <el-form-item label="至" label-width="25px" prop="endTime">
+                        <el-date-picker
+                                v-model="dataForm.endTime"
+                                type="date"
+                                :picker-options="pickerBeginDateAfter"
+                                value-format="yyyy-MM-dd"
+                                format="yyyy-MM-dd"
+                                placeholder="选择日期时间"
+                                style="width:250px;" @change="changeTime"
+                        >
+                        </el-date-picker>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
+                    </el-form-item>
+<!--                  <el-form-item>-->
+<!--                    <el-button type="success"-->
+<!--                        @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>-->
+<!--                  </el-form-item>-->
+                </div>
+            </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="itemContent"
+                        label="项目内容"
+                        header-align="center"
+                        min-width="400"
+                        align="left"
+                        show-overflow-tooltip
+                ></el-table-column>
+<!--                <el-table-column-->
+<!--                        prop="itemCode"-->
+<!--                        label="项目编号"-->
+<!--                        header-align="center"-->
+<!--                        width="150"-->
+<!--                        align="center"-->
+<!--                ></el-table-column>-->
+                <el-table-column
+                        prop="nickName"
+                        label="提交人"
+                        header-align="center"
+                        min-width="200"
+                        align="center"
+                        show-overflow-tooltip
+                ></el-table-column>
+                <el-table-column
+                        prop="lastHandleTime"
+                        label="申请时间"
+                        header-align="center"
+                        width="180"
+                        align="center"
+                ></el-table-column>
+                <el-table-column
+                        prop="createdTime"
+                        label="上报时间"
+                        header-align="center"
+                        width="180"
+                        align="center"
+                ></el-table-column>
+<!--                <el-table-column-->
+<!--                        prop="mobile"-->
+<!--                        label="提交人手机号"-->
+<!--                        header-align="center"-->
+<!--                        min-width="200"-->
+<!--                        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 v-if="$hasPermission('events:item:deal')"-->
+<!--                            type="text"-->
+<!--                            size="small"-->
+<!--                            class="custom-table-button-default"-->
+<!--                            @click="dealAction(scope.row.id)">{{ $t('deal') }}-->
+<!--                        </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)" class="custom-table-button-default">{{ '延期' }}</el-button>-->
+<!--                        <el-button :disabled="scope.row.isDelay !== '1'" type="text" size="small" @click="openLogHandle(scope.row.id)" class="custom-table-button-default">{{ '延期记录' }}</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>
+            <!-- 弹窗, 新增 / 修改 -->
+            <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 ItemDelayDialog from './item-delay-dialog'
+// import ItemDelayLogDialog from './item-delay-log-dialog'
+export default {
+  mixins: [mixinViewModule],
+  name: 'ItemExamineList',
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/events/item/getExaminePage',
+        getDataListIsPage: true,
+        exportURL: '/events/item/unexport'
+      },
+      detailVisible: false,
+      dataForm: {
+        id: '',
+        itemState: '0',
+        startTime: '',
+        endTime: '',
+        streetId: '',
+        communityId: '',
+        gridId: '',
+        itemCode: '',
+        itemContent: '',
+          userName: '',
+        mobile: ''
+
+      },
+      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>
--- a/src/views/modules/events/item-examine.vue
+++ b/src/views/modules/events/item-examine.vue
@ -0,0 +1,23 @@
+<template>
+    <keep-alive include="ItemExamineList">
+        <component :is="selectComponent"></component>
+    </keep-alive>
+</template>
+
+<script>
+import ItemExamine from './item-examine-list'
+export default {
+  data () {
+    return {
+      selectComponent: ItemExamine
+    }
+  },
+  components: {
+    ItemExamine
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>