2 changed files with 325 additions and 0 deletions
			
			
		@ -0,0 +1,194 @@ | 
				
			|||||
 | 
					<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="categoryId"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.categoryId" placeholder="议题或项目类别ID(不可重复)"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="类别名称" prop="categoryName"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.categoryName" placeholder="类别名称"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="网格长在多少小时内响应算是有效响应" prop="gridValidRespLimitHour"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.gridValidRespLimitHour" placeholder="网格长在多少小时内响应算是有效响应"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="网格长在多少小时内关闭算是有效关闭" prop="gridValidCloseLimitHour"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.gridValidCloseLimitHour" placeholder="网格长在多少小时内关闭算是有效关闭"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="社区在多少小时内响应算是有效响应" prop="commValidRespLimitHour"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.commValidRespLimitHour" placeholder="社区在多少小时内响应算是有效响应"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="街道在多少小时内响应算是有效响应" prop="streetValidRespLimitHour"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.streetValidRespLimitHour" placeholder="街道在多少小时内响应算是有效响应"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="区直在多少小时内响应算是有效响应" prop="districtValidRespLimitHour"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.districtValidRespLimitHour" placeholder="区直在多少小时内响应算是有效响应"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="超过多少小时响应算是无效响应。此值应大于各部门的有效响应值。若响应发生在有效响应与无效响应之间,为超时响应。" prop="invalidRespLimitHour"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.invalidRespLimitHour" placeholder="超过多少小时响应算是无效响应。此值应大于各部门的有效响应值。若响应发生在有效响应与无效响应之间,为超时响应。"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="有效响应系数" prop="validRespCoefficient"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.validRespCoefficient" placeholder="有效响应系数"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="超时响应系数" prop="overtimeRespCoefficient"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.overtimeRespCoefficient" placeholder="超时响应系数"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="无效响应系数" prop="invalidRespCoefficient"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.invalidRespCoefficient" placeholder="无效响应系数"></el-input> | 
				
			||||
 | 
					      </el-form-item> | 
				
			||||
 | 
					          <el-form-item label="删除标识 0:未删除,1:删除" prop="delFlag"> | 
				
			||||
 | 
					          <el-input v-model="dataForm.delFlag" placeholder="删除标识 0:未删除,1:删除"></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> | 
				
			||||
 | 
					    <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: '', | 
				
			||||
 | 
					        categoryId: '', | 
				
			||||
 | 
					        categoryName: '', | 
				
			||||
 | 
					        gridValidRespLimitHour: '', | 
				
			||||
 | 
					        gridValidCloseLimitHour: '', | 
				
			||||
 | 
					        commValidRespLimitHour: '', | 
				
			||||
 | 
					        streetValidRespLimitHour: '', | 
				
			||||
 | 
					        districtValidRespLimitHour: '', | 
				
			||||
 | 
					        invalidRespLimitHour: '', | 
				
			||||
 | 
					        validRespCoefficient: '', | 
				
			||||
 | 
					        overtimeRespCoefficient: '', | 
				
			||||
 | 
					        invalidRespCoefficient: '', | 
				
			||||
 | 
					        delFlag: '', | 
				
			||||
 | 
					        revision: '', | 
				
			||||
 | 
					        createdBy: '', | 
				
			||||
 | 
					        createdTime: '', | 
				
			||||
 | 
					        updatedBy: '', | 
				
			||||
 | 
					        updatedTime: '' | 
				
			||||
 | 
					      } | 
				
			||||
 | 
					    } | 
				
			||||
 | 
					  }, | 
				
			||||
 | 
					  computed: { | 
				
			||||
 | 
					    dataRule () { | 
				
			||||
 | 
					      return { | 
				
			||||
 | 
					        categoryId: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        categoryName: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        gridValidRespLimitHour: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        gridValidCloseLimitHour: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        commValidRespLimitHour: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        streetValidRespLimitHour: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        districtValidRespLimitHour: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        invalidRespLimitHour: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        validRespCoefficient: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        overtimeRespCoefficient: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        invalidRespCoefficient: [ | 
				
			||||
 | 
					          { required: true, message: this.$t('validate.required'), trigger: 'blur' } | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					        delFlag: [ | 
				
			||||
 | 
					          { 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' } | 
				
			||||
 | 
					        ] | 
				
			||||
 | 
					      } | 
				
			||||
 | 
					    } | 
				
			||||
 | 
					  }, | 
				
			||||
 | 
					  methods: { | 
				
			||||
 | 
					    init () { | 
				
			||||
 | 
					      this.visible = true | 
				
			||||
 | 
					      this.$nextTick(() => { | 
				
			||||
 | 
					        this.$refs['dataForm'].resetFields() | 
				
			||||
 | 
					        if (this.dataForm.id) { | 
				
			||||
 | 
					          this.getInfo() | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					      }) | 
				
			||||
 | 
					    }, | 
				
			||||
 | 
					    // 获取信息 | 
				
			||||
 | 
					    getInfo () { | 
				
			||||
 | 
					      this.$http.get(`/time/deptrespondtimeconfig/${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']('/time/deptrespondtimeconfig/', 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> | 
				
			||||
@ -0,0 +1,131 @@ | 
				
			|||||
 | 
					<template> | 
				
			||||
 | 
					  <el-card shadow="never" | 
				
			||||
 | 
					           class="aui-card--fill"> | 
				
			||||
 | 
					    <div class="mod-time__deptrespondtimeconfig}"> | 
				
			||||
 | 
					      <el-form :inline="true" | 
				
			||||
 | 
					               :model="dataForm" | 
				
			||||
 | 
					               @keyup.enter.native="getDataList()"> | 
				
			||||
 | 
					        <!-- <el-form-item> | 
				
			||||
 | 
					          <el-input v-model="dataForm.id" | 
				
			||||
 | 
					                    placeholder="id" | 
				
			||||
 | 
					                    clearable></el-input> | 
				
			||||
 | 
					        </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('time:deptrespondtimeconfig:save')" | 
				
			||||
 | 
					                     type="primary" | 
				
			||||
 | 
					                     @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> | 
				
			||||
 | 
					        </el-form-item> | 
				
			||||
 | 
					        <el-form-item> | 
				
			||||
 | 
					          <el-button v-if="$hasPermission('time:deptrespondtimeconfig: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 prop="categoryId" | 
				
			||||
 | 
					                         label="议题或项目类别ID(不可重复)" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="categoryName" | 
				
			||||
 | 
					                         label="类别名称" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="gridValidRespLimitHour" | 
				
			||||
 | 
					                         label="网格长在多少小时内响应算是有效响应" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="gridValidCloseLimitHour" | 
				
			||||
 | 
					                         label="网格长在多少小时内关闭算是有效关闭" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="commValidRespLimitHour" | 
				
			||||
 | 
					                         label="社区在多少小时内响应算是有效响应" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="streetValidRespLimitHour" | 
				
			||||
 | 
					                         label="街道在多少小时内响应算是有效响应" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="districtValidRespLimitHour" | 
				
			||||
 | 
					                         label="区直在多少小时内响应算是有效响应" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="invalidRespLimitHour" | 
				
			||||
 | 
					                         label="超过多少小时响应算是无效响应。此值应大于各部门的有效响应值。若响应发生在有效响应与无效响应之间,为超时响应。" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="validRespCoefficient" | 
				
			||||
 | 
					                         label="有效响应系数" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="overtimeRespCoefficient" | 
				
			||||
 | 
					                         label="超时响应系数" | 
				
			||||
 | 
					                         header-align="center" | 
				
			||||
 | 
					                         align="center"></el-table-column> | 
				
			||||
 | 
					        <el-table-column prop="invalidRespCoefficient" | 
				
			||||
 | 
					                         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 v-if="$hasPermission('time:deptrespondtimeconfig:update')" | 
				
			||||
 | 
					                       type="text" | 
				
			||||
 | 
					                       size="small" | 
				
			||||
 | 
					                       @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> | 
				
			||||
 | 
					            <el-button v-if="$hasPermission('time:deptrespondtimeconfig: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> | 
				
			||||
 | 
					    </div> | 
				
			||||
 | 
					  </el-card> | 
				
			||||
 | 
					</template> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					<script> | 
				
			||||
 | 
					import mixinViewModule from '@/mixins/view-module' | 
				
			||||
 | 
					import AddOrUpdate from './deptrespondtimeconfig-add-or-update' | 
				
			||||
 | 
					export default { | 
				
			||||
 | 
					  mixins: [mixinViewModule], | 
				
			||||
 | 
					  data () { | 
				
			||||
 | 
					    return { | 
				
			||||
 | 
					      mixinViewModuleOptions: { | 
				
			||||
 | 
					        getDataListURL: '/events/deptrespondtimeconfig/page', | 
				
			||||
 | 
					        getDataListIsPage: true, | 
				
			||||
 | 
					        deleteURL: '/events/deptrespondtimeconfig', | 
				
			||||
 | 
					        deleteIsBatch: true | 
				
			||||
 | 
					      }, | 
				
			||||
 | 
					      dataForm: { | 
				
			||||
 | 
					        id: '' | 
				
			||||
 | 
					      } | 
				
			||||
 | 
					    } | 
				
			||||
 | 
					  }, | 
				
			||||
 | 
					  components: { | 
				
			||||
 | 
					    AddOrUpdate | 
				
			||||
 | 
					  } | 
				
			||||
 | 
					} | 
				
			||||
 | 
					</script> | 
				
			||||
					Loading…
					
					
				
		Reference in new issue