elink-star
/
epdc-admin-yushan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

民警维护功能增加群补建

feature/yujt_analysis_pc
zhangyuan 5 years ago
parent
00bee9d4e0
commit
1f131394b3
2 changed files with 137 additions and 92 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/views/modules/police/police-add-or-update.vue
  2. 228
      src/views/modules/police/police.vue

1
src/views/modules/police/police-add-or-update.vue
View File

@ -19,6 +19,7 @@
prop="deptId">
<el-cascader v-model="dataForm.deptId" style="width: 100%"
:options="options"
:disabled="dataForm.id"
ref="grid"
@change="deptHandleChange"
filterable

228
src/views/modules/police/police.vue
View File

@ -1,98 +1,142 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__police}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="民警名称">
<el-input v-model="dataForm.policeName" clearable></el-input>
</el-form-item>
<el-form-item label="所属社区">
<el-cascader
:options="options"
:props="{ checkStrictly: true }"
@change="handleChange"
clearable>
</el-cascader>
</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(':police:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission(':police: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 type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="policeName" label="民警姓名" header-align="center" align="center"></el-table-column>
<el-table-column prop="policeAvatar" label="照片" header-align="center" align="center"></el-table-column>
<el-table-column prop="policeTel" label="联系方式" header-align="center" align="center"></el-table-column>
<el-table-column prop="deptName" 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(':police:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission(':police: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>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__police}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="民警名称">
<el-input v-model="dataForm.policeName" clearable></el-input>
</el-form-item>
<el-form-item label="所属社区">
<el-cascader
:options="options"
:props="{ checkStrictly: true }"
@change="handleChange"
clearable>
</el-cascader>
</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(':police:save')" type="primary" @click="addOrUpdateHandle()">{{
$t('add') }}
</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission(':police:delete')" type="danger" @click="deleteHandle()">{{
$t('deleteBatch') }}
</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission(':police:save')" type="primary" @click="supplementHandle()">警民群补建
</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border
@selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="policeName" label="民警姓名" header-align="center" align="center"></el-table-column>
<el-table-column prop="policeAvatar" label="照片" header-align="center" align="center"></el-table-column>
<el-table-column prop="policeTel" label="联系方式" header-align="center" align="center"></el-table-column>
<el-table-column prop="deptName" 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(':police:update')" type="text" size="small"
@click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}
</el-button>
<el-button v-if="$hasPermission(':police: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 './police-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/property/police/page',
getDataListIsPage: true,
deleteURL: '/property/police',
deleteIsBatch: true
},
dataForm: {
id: ''
},
options: [],
}
},
components: {
AddOrUpdate
},
mounted () {
// 获取下拉菜单
this.getByLoginUser()
},
methods: {
getByLoginUser () {
this.$http
.get(`/sys/user/deptOptions/getMiddleByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './police-add-or-update'
export default {
mixins: [mixinViewModule],
data() {
return {
mixinViewModuleOptions: {
getDataListURL: '/property/police/page',
getDataListIsPage: true,
deleteURL: '/property/police',
deleteIsBatch: true
},
dataForm: {
id: ''
},
options: [],
}
},
components: {
AddOrUpdate
},
mounted() {
// 获取下拉菜单
this.getByLoginUser()
},
methods: {
getByLoginUser() {
this.$http
.get(`/sys/user/deptOptions/getMiddleByLoginUser`)
.then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
})
.catch(() => {
})
},
handleChange(value) {
this.dataForm.deptId = value.slice(-1).shift()
},
supplementHandle(id) {
if (!id && this.dataListSelections.length <= 0) {
return this.$message({
message: '请选择需要补建的社区',
type: 'warning',
duration: 500
})
}
this.options = res.data.options
})
.catch(() => {
})
},
handleChange (value) {
this.dataForm.deptId = value.slice(-1).shift()
},
}
}
this.$confirm(this.$t('prompt.info', {'handle': '补建'}), this.$t('prompt.title'), {
confirmButtonText: this.$t('confirm'),
cancelButtonText: this.$t('cancel'),
type: 'warning'
}).then(() => {
this.$http.put('/property/police/supplement', id ? [id] : this.dataListSelections.map(item => item.deptId)).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.getDataList()
}
})
}).catch(() => {
})
}).catch(() => {
})
}
}
}
</script>

Write Preview
Loading…
Cancel
Save