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
Unified 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"> prop="deptId">
<el-cascader v-model="dataForm.deptId" style="width: 100%" <el-cascader v-model="dataForm.deptId" style="width: 100%"
:options="options" :options="options"
:disabled="dataForm.id"
ref="grid" ref="grid"
@change="deptHandleChange" @change="deptHandleChange"
filterable filterable

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

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

Write Preview
Loading…
Cancel
Save