【网格实体化运作提报功能】审核记录弹窗-王公峰-2020-12-15

src/views/modules/kpi/subauditrecordslogDetail.vue

@@ -0,0 +1,93 @@
+<template>
+  <el-dialog :visible.sync="visible"
+             title="审批记录"
+             :close-on-click-modal="false"
+             :close-on-press-escape="false"
+             width="80%"
+             height="90%">
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-news__subauditrecordslog}">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
+        <el-form-item v-if="false" label="流程节点" prop="processCode">
+          <el-select v-model="dataForm.processCode" placeholder="流程节点" clearable>
+            <el-option v-for="item in processCodeArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('news:subauditrecordslog:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-if="$hasPermission('news:subauditrecordslog: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="序号" header-align="center" align="center" width="50px">
+          <template slot-scope="scope">
+            {{scope.$index+1}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="checkDeptName" label="操作部门" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="gridNames" label="关联网格" header-align="center" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="processName" label="操作步骤" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="checkTime" label="操作时间" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="checkResult" label="审核结果" header-align="center" align="center" :formatter="showFlagFormatter"></el-table-column>
+        <el-table-column prop="checkOpinion" label="审核意见" header-align="center" align="center" show-overflow-tooltip></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>
+    </div>
+  </el-card>
+  </el-dialog>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: '/kpi/subauditrecordslog/page',
+        getDataListIsPage: true,
+        deleteURL: '/kpi/subauditrecordslog',
+        deleteIsBatch: true
+      },
+      dataForm: {
+        id: '',
+        processCode: '',
+        infoId: ''
+      },
+      processCodeArr: [
+        { dictValue: '1', dictName: '提交' },
+        { dictValue: '2', dictName: '初审' },
+        { dictValue: '3', dictName: '验收' }
+      ]
+    }
+  },
+  mounted () {
+    if (this.$route.query.infoId !== '' && this.$route.query.infoId != null) {
+      this.dataForm.infoId = this.$route.query.infoId
+    }
+  },
+  methods: {
+    showFlagFormatter: function (row, column) {
+      if (row.checkResult === '1') {
+        return '驳回'
+      } else if (row.checkResult === '2') {
+        return '通过'
+      }
+    }
+  }
+}
+</script>