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. 252
      src/views/modules/sys/deptmacode.vue

252
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
:inline="true"
:model="dataForm" :model="dataForm"
@keyup.enter.native="getDataList()"> @keyup.enter.native="getDataList()"
<el-form-item label="所属街道" >
prop="deptId"> <el-form-item label="所属机构">
<el-select v-model="dataForm.streetId" <el-cascader
@change="changeStreet" v-model="dataForm.deptIdList"
placeholder="所属街道"> :options="options"
<el-option v-for="item in streetList" :props="{ checkStrictly: true }"
:key="item.id" clearable
:label="item.name" ></el-cascader>
:value="item.id">
</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
v-if="$hasPermission('sys:deptmacode:init')"
type="primary" type="primary"
@click="initDeptMaCodeHandle()">初始化</el-button> @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
v-if="$hasPermission('sys:deptmacode:leader')"
type="primary" type="primary"
@click="createGridLeaderMaCodeHandle()">生成网格长注册码</el-button> @click="createGridLeaderMaCodeHandle()"
>生成网格长注册码</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table v-loading="dataListLoading" <el-table
v-loading="dataListLoading"
:data="dataList" :data="dataList"
border border
@selection-change="dataListSelectionChangeHandle" @selection-change="dataListSelectionChangeHandle"
style="width: 100%;"> 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
prop="street"
label="街道" label="街道"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
<el-table-column prop="community" ></el-table-column>
<el-table-column
prop="community"
label="社区" label="社区"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
<el-table-column prop="grid" ></el-table-column>
<el-table-column
prop="grid"
label="网格" label="网格"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
<el-table-column align="center" ></el-table-column>
<el-table-column
align="center"
label="小程序码" label="小程序码"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
prop="codeUrl"> 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"></el-image> :alt="scope.row.codeUrl"
></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
prop="createdTime"
label="创建时间" label="创建时间"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"
<el-table-column :label="$t('handle')" ></el-table-column>
<el-table-column
:label="$t('handle')"
fixed="right" fixed="right"
header-align="center" header-align="center"
align="center" align="center"
width="150"> 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
v-if="scope.row.codeUrl"
type="danger" type="danger"
size="mini" size="mini"
@click="downloadHandle(scope.row.codeUrl)">下载</el-button> @click="downloadHandle(scope.row.codeUrl)"
<el-button v-if="$hasPermission('sys:deptmacode:create') && !scope.row.codeUrl" >下载</el-button
>
<el-button
v-if="
$hasPermission('sys:deptmacode:create') && !scope.row.codeUrl
"
type="primary" type="primary"
size="mini" size="mini"
@click="createDeptMaCodeHandle(scope.row.gridId)">生成</el-button> @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
:current-page="page"
:page-sizes="[10, 20, 50, 100]" :page-sizes="[10, 20, 50, 100]"
:page-size="limit" :page-size="limit"
:total="total" :total="total"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle" @size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle"> @current-change="pageCurrentChangeHandle"
>
</el-pagination> </el-pagination>
</div> </div>
</el-card> </el-card>
@ -160,30 +166,46 @@ 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(
this.$t('prompt.info', { handle: '生成小程序码' }),
this.$t('生成'),
{
confirmButtonText: this.$t('confirm'), confirmButtonText: this.$t('confirm'),
cancelButtonText: this.$t('cancel'), cancelButtonText: this.$t('cancel'),
type: 'warning' type: 'warning'
}).then(() => { }
this.$http.post(`/sys/deptmacode/create/${id}`).then(({ data: res }) => { )
.then(() => {
this.$http
.post(`/sys/deptmacode/create/${id}`)
.then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
@ -195,16 +217,25 @@ export default {
this.getDataList() this.getDataList()
} }
}) })
}).catch(() => { }) })
}).catch(() => { }) .catch(() => {})
})
.catch(() => {})
}, },
createGridLeaderMaCodeHandle () { createGridLeaderMaCodeHandle () {
this.$confirm(this.$t('prompt.info', { 'handle': '生成网格长注册小程序码' }), this.$t('生成'), { this.$confirm(
this.$t('prompt.info', { handle: '生成网格长注册小程序码' }),
this.$t('生成'),
{
confirmButtonText: this.$t('confirm'), confirmButtonText: this.$t('confirm'),
cancelButtonText: this.$t('cancel'), cancelButtonText: this.$t('cancel'),
type: 'warning' type: 'warning'
}).then(() => { }
this.$http.post(`/sys/deptmacode/gridLeader`).then(({ data: res }) => { )
.then(() => {
this.$http
.post(`/sys/deptmacode/gridLeader`)
.then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
@ -216,22 +247,27 @@ export default {
this.getDataList() this.getDataList()
} }
}) })
}).catch(() => { }) })
}).catch(() => { }) .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(() => { })
.then(() => {
let loading = this.$loading({ let loading = this.$loading({
lock: true, lock: true,
text: '正在进行初始化...', text: '正在进行初始化...',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}) })
this.$http.post(`/sys/deptmacode/init`).then(({ data: res }) => { this.$http
.post(`/sys/deptmacode/init`)
.then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
@ -244,36 +280,10 @@ export default {
this.getDataList() this.getDataList()
} }
}) })
}).catch(() => { }) })
}).catch(() => { }) .catch(() => {})
}, })
getDeptInfoList (dataReceiver, faDeptId) { .catch(() => {})
this.$http.get(`/sys/dept/sublist/` + faDeptId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (dataReceiver === 'street') {
this.streetList = res.data
} else if (dataReceiver === 'community') {
this.communityList = res.data
} else if (dataReceiver === 'grid') {
this.gridList = res.data
}
}).catch(() => { })
},
changeStreet () {
// 清空社区与网格的变量值
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