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

修改

master
yujintao 6 years ago
parent
8f2d1b22d1
commit
97a249a6a5
1 changed files with 210 additions and 200 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. 410
      src/views/modules/sys/deptmacode.vue

410
src/views/modules/sys/deptmacode.vue
View File

@ -1,50 +1,27 @@
<template> <template>
<el-card shadow="never" <el-card shadow="never" class="aui-card--fill">
class="aui-card--fill">
<div class="mod-sys__deptmacode}"> <div class="mod-sys__deptmacode}">
<el-form :inline="true" <el-form
:model="dataForm" :inline="true"
@keyup.enter.native="getDataList()"> :model="dataForm"
<el-form-item label="所属街道" @keyup.enter.native="getDataList()"
prop="deptId"> >
<el-select v-model="dataForm.streetId" <el-form-item label="所属机构">
@change="changeStreet" <el-cascader
placeholder="所属街道"> v-model="dataForm.deptIdList"
<el-option v-for="item in streetList" :options="options"
:key="item.id" :props="{ checkStrictly: true }"
:label="item.name" clearable
:value="item.id"> ></el-cascader>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="所属社区">
<el-select v-model="dataForm.communityId"
@change="changeCommunity"
placeholder="所属社区">
<el-option v-for="item in communityList"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="所属网格">
<el-select v-model="dataForm.gridId"
placeholder="所属网格">
<el-option v-for="item in gridList"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="小程序码类别"> <el-form-item label="小程序码类别">
<el-select v-model="dataForm.leaderFlag" <el-select v-model="dataForm.leaderFlag" placeholder="小程序码类别">
placeholder="小程序码类别"> <el-option
<el-option v-for="item in maCodeCategorys" v-for="item in maCodeCategorys"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id"> :value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -52,8 +29,7 @@
<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 type="info" <el-button type="info" @click="clearDataForm()">清空</el-button>
@click="clearDataForm()">清空</el-button>
</el-form-item> </el-form-item>
<!-- <el-form-item> <!-- <el-form-item>
<el-button v-if="$hasPermission('sys:deptmacode:delete') && dataForm.leaderFlag === '0'" <el-button v-if="$hasPermission('sys:deptmacode:delete') && dataForm.leaderFlag === '0'"
@ -61,87 +37,117 @@
@click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item> --> </el-form-item> -->
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('sys:deptmacode:init')" <el-button
type="primary" v-if="$hasPermission('sys:deptmacode:init')"
@click="initDeptMaCodeHandle()">初始化</el-button> type="primary"
@click="initDeptMaCodeHandle()"
>初始化</el-button
>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('sys:deptmacode:leader')" <el-button
type="primary" v-if="$hasPermission('sys:deptmacode:leader')"
@click="createGridLeaderMaCodeHandle()">生成网格长注册码</el-button> type="primary"
@click="createGridLeaderMaCodeHandle()"
>生成网格长注册码</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table v-loading="dataListLoading" <el-table
:data="dataList" v-loading="dataListLoading"
border :data="dataList"
@selection-change="dataListSelectionChangeHandle" border
style="width: 100%;"> @selection-change="dataListSelectionChangeHandle"
style="width: 100%;"
>
<!-- <el-table-column type="selection" <!-- <el-table-column type="selection"
header-align="center" header-align="center"
align="center" align="center"
width="50"></el-table-column> --> width="50"></el-table-column> -->
<el-table-column prop="street" <el-table-column
label="街道" prop="street"
header-align="center" label="街道"
align="center"></el-table-column> header-align="center"
<el-table-column prop="community" align="center"
label="社区" ></el-table-column>
header-align="center" <el-table-column
align="center"></el-table-column> prop="community"
<el-table-column prop="grid" label="社区"
label="网格" header-align="center"
header-align="center" align="center"
align="center"></el-table-column> ></el-table-column>
<el-table-column align="center" <el-table-column
label="小程序码" prop="grid"
:show-overflow-tooltip="true" label="网格"
prop="codeUrl"> header-align="center"
align="center"
></el-table-column>
<el-table-column
align="center"
label="小程序码"
:show-overflow-tooltip="true"
prop="codeUrl"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-popover placement="right" <el-popover placement="right" title="" trigger="click">
title="" <el-image
trigger="click"> slot="reference"
<el-image slot="reference" min-width="70"
min-width="70" height="70"
height="70" v-if="scope.row.codeUrl"
v-if="scope.row.codeUrl" :src="scope.row.codeUrl"
:src="scope.row.codeUrl" :alt="scope.row.codeUrl"
:alt="scope.row.codeUrl"></el-image> ></el-image>
<el-image :src="scope.row.codeUrl"></el-image> <el-image :src="scope.row.codeUrl"></el-image>
</el-popover> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="createdTime" <el-table-column
label="创建时间" prop="createdTime"
header-align="center" label="创建时间"
align="center"></el-table-column> header-align="center"
<el-table-column :label="$t('handle')" align="center"
fixed="right" ></el-table-column>
header-align="center" <el-table-column
align="center" :label="$t('handle')"
width="150"> fixed="right"
header-align="center"
align="center"
width="150"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <el-button v-if="$hasPermission('sys:deptmacode:delete') && scope.row.codeUrl && scope.row.leaderFlag === '0'" <!-- <el-button v-if="$hasPermission('sys:deptmacode:delete') && scope.row.codeUrl && scope.row.leaderFlag === '0'"
type="danger" type="danger"
size="mini" size="mini"
@click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> --> @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> -->
<el-button v-if="scope.row.codeUrl" <el-button
type="danger" v-if="scope.row.codeUrl"
size="mini" type="danger"
@click="downloadHandle(scope.row.codeUrl)">下载</el-button> size="mini"
<el-button v-if="$hasPermission('sys:deptmacode:create') && !scope.row.codeUrl" @click="downloadHandle(scope.row.codeUrl)"
type="primary" >下载</el-button
size="mini" >
@click="createDeptMaCodeHandle(scope.row.gridId)">生成</el-button> <el-button
v-if="
$hasPermission('sys:deptmacode:create') && !scope.row.codeUrl
"
type="primary"
size="mini"
@click="createDeptMaCodeHandle(scope.row.gridId)"
>生成</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination :current-page="page" <el-pagination
:page-sizes="[10, 20, 50, 100]" :current-page="page"
:page-size="limit" :page-sizes="[10, 20, 50, 100]"
:total="total" :page-size="limit"
layout="total, sizes, prev, pager, next, jumper" :total="total"
@size-change="pageSizeChangeHandle" layout="total, sizes, prev, pager, next, jumper"
@current-change="pageCurrentChangeHandle"> @size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle"
>
</el-pagination> </el-pagination>
</div> </div>
</el-card> </el-card>
@ -160,120 +166,124 @@ export default {
deleteIsBatch: true deleteIsBatch: true
}, },
dataForm: { dataForm: {
streetId: null, leaderFlag: '0',
communityId: null, deptIdList: []
gridId: null,
leaderFlag: '0'
}, },
options: [],
streetList: [], streetList: [],
communityList: [], communityList: [],
gridList: [], gridList: [],
maCodeCategorys: [{ id: '0', name: '群众注册码' }, { id: '1', name: '网格长注册码' }] maCodeCategorys: [
{ id: '0', name: '群众注册码' },
{ id: '1', name: '网格长注册码' }
]
} }
}, },
components: { components: {},
},
created () { created () {
this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street')) 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(() => {})
}, },
methods: { methods: {
createDeptMaCodeHandle (id) { createDeptMaCodeHandle (id) {
this.$confirm(this.$t('prompt.info', { 'handle': '生成小程序码' }), this.$t('生成'), { this.$confirm(
confirmButtonText: this.$t('confirm'), this.$t('prompt.info', { handle: '生成小程序码' }),
cancelButtonText: this.$t('cancel'), this.$t('生成'),
type: 'warning' {
}).then(() => { confirmButtonText: this.$t('confirm'),
this.$http.post(`/sys/deptmacode/create/${id}`).then(({ data: res }) => { cancelButtonText: this.$t('cancel'),
if (res.code !== 0) { type: 'warning'
return this.$message.error(res.msg) }
} )
this.$message({ .then(() => {
message: this.$t('prompt.success'), this.$http
type: 'success', .post(`/sys/deptmacode/create/${id}`)
duration: 500, .then(({ data: res }) => {
onClose: () => { if (res.code !== 0) {
this.getDataList() return this.$message.error(res.msg)
} }
}) this.$message({
}).catch(() => { }) message: this.$t('prompt.success'),
}).catch(() => { }) type: 'success',
duration: 500,
onClose: () => {
this.getDataList()
}
})
})
.catch(() => {})
})
.catch(() => {})
}, },
createGridLeaderMaCodeHandle () { createGridLeaderMaCodeHandle () {
this.$confirm(this.$t('prompt.info', { 'handle': '生成网格长注册小程序码' }), this.$t('生成'), { this.$confirm(
confirmButtonText: this.$t('confirm'), this.$t('prompt.info', { handle: '生成网格长注册小程序码' }),
cancelButtonText: this.$t('cancel'), this.$t('生成'),
type: 'warning' {
}).then(() => { confirmButtonText: this.$t('confirm'),
this.$http.post(`/sys/deptmacode/gridLeader`).then(({ data: res }) => { cancelButtonText: this.$t('cancel'),
if (res.code !== 0) { type: 'warning'
return this.$message.error(res.msg) }
} )
this.$message({ .then(() => {
message: this.$t('prompt.success'), this.$http
type: 'success', .post(`/sys/deptmacode/gridLeader`)
duration: 500, .then(({ data: res }) => {
onClose: () => { if (res.code !== 0) {
this.getDataList() return this.$message.error(res.msg)
} }
}) this.$message({
}).catch(() => { }) message: this.$t('prompt.success'),
}).catch(() => { }) type: 'success',
duration: 500,
onClose: () => {
this.getDataList()
}
})
})
.catch(() => {})
})
.catch(() => {})
}, },
initDeptMaCodeHandle () { initDeptMaCodeHandle () {
this.$confirm('初始化所有网格的小程序码', this.$t('初始化'), { this.$confirm('初始化所有网格的小程序码', this.$t('初始化'), {
confirmButtonText: this.$t('confirm'), confirmButtonText: this.$t('confirm'),
cancelButtonText: this.$t('cancel'), cancelButtonText: this.$t('cancel'),
type: 'warning' type: 'warning'
}).then(() => { })
let loading = this.$loading({ .then(() => {
lock: true, let loading = this.$loading({
text: '正在进行初始化...', lock: true,
spinner: 'el-icon-loading', text: '正在进行初始化...',
background: 'rgba(0, 0, 0, 0.7)' spinner: 'el-icon-loading',
}) background: 'rgba(0, 0, 0, 0.7)'
this.$http.post(`/sys/deptmacode/init`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
loading.close()
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.getDataList()
}
}) })
}).catch(() => { }) this.$http
}).catch(() => { }) .post(`/sys/deptmacode/init`)
}, .then(({ data: res }) => {
getDeptInfoList (dataReceiver, faDeptId) { if (res.code !== 0) {
this.$http.get(`/sys/dept/sublist/` + faDeptId).then(({ data: res }) => { return this.$message.error(res.msg)
if (res.code !== 0) { }
return this.$message.error(res.msg) loading.close()
} this.$message({
if (dataReceiver === 'street') { message: this.$t('prompt.success'),
this.streetList = res.data type: 'success',
} else if (dataReceiver === 'community') { duration: 500,
this.communityList = res.data onClose: () => {
} else if (dataReceiver === 'grid') { this.getDataList()
this.gridList = res.data }
} })
}).catch(() => { }) })
}, .catch(() => {})
changeStreet () { })
// 清空社区与网格的变量值 .catch(() => {})
this.dataForm.communityId = this.dataForm.gridId = null
this.communityList = this.gridList = []
// 获取街道下属社区
this.getDeptInfoList('community', this.dataForm.streetId)
},
changeCommunity () {
// 情况网格的变量值
this.dataForm.gridId = null
this.gridList = []
// 获取社区下属网格
this.getDeptInfoList('grid', this.dataForm.communityId)
}, },
clearDataForm () { clearDataForm () {
this.dataForm.streetId = this.dataForm.communityId = this.dataForm.gridId = null this.dataForm.streetId = this.dataForm.communityId = this.dataForm.gridId = null

Write Preview
Loading…
Cancel
Save