|
@ -1,27 +1,23 @@ |
|
|
<template> |
|
|
<template> |
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
<el-card shadow="never" |
|
|
|
|
|
class="aui-card--fill"> |
|
|
<div class="mod-sys__deptmacode}"> |
|
|
<div class="mod-sys__deptmacode}"> |
|
|
<el-form |
|
|
<el-form :inline="true" |
|
|
:inline="true" |
|
|
:model="dataForm" |
|
|
:model="dataForm" |
|
|
@keyup.enter.native="getDataList()"> |
|
|
@keyup.enter.native="getDataList()" |
|
|
|
|
|
> |
|
|
|
|
|
<el-form-item label="所属机构"> |
|
|
<el-form-item label="所属机构"> |
|
|
<el-cascader |
|
|
<el-cascader v-model="deptIdList" |
|
|
v-model="deptIdList" |
|
|
:options="options" |
|
|
:options="options" |
|
|
:props="{ checkStrictly: true }" |
|
|
:props="{ checkStrictly: true }" |
|
|
clearable></el-cascader> |
|
|
clearable |
|
|
|
|
|
></el-cascader> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="小程序码类别"> |
|
|
<el-form-item label="小程序码类别"> |
|
|
<el-select v-model="dataForm.leaderFlag" placeholder="小程序码类别"> |
|
|
<el-select v-model="dataForm.leaderFlag" |
|
|
<el-option |
|
|
placeholder="小程序码类别"> |
|
|
v-for="item in maCodeCategorys" |
|
|
<el-option 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> |
|
@ -29,7 +25,8 @@ |
|
|
<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" @click="clearDataForm()">清空</el-button> |
|
|
<el-button type="info" |
|
|
|
|
|
@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'" |
|
@ -37,117 +34,91 @@ |
|
|
@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 |
|
|
<el-button v-if="$hasPermission('sys:deptmacode:init')" |
|
|
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 |
|
|
<el-button v-if="$hasPermission('sys:deptmacode:leader')" |
|
|
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 |
|
|
<el-table v-loading="dataListLoading" |
|
|
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 |
|
|
<el-table-column prop="street" |
|
|
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> |
|
|
label="社区" |
|
|
<el-table-column |
|
|
header-align="center" |
|
|
prop="community" |
|
|
align="center"></el-table-column> |
|
|
label="社区" |
|
|
<el-table-column prop="grid" |
|
|
header-align="center" |
|
|
label="网格" |
|
|
align="center" |
|
|
header-align="center" |
|
|
></el-table-column> |
|
|
align="center"></el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column align="center" |
|
|
prop="grid" |
|
|
label="小程序码" |
|
|
label="网格" |
|
|
:show-overflow-tooltip="true" |
|
|
header-align="center" |
|
|
prop="codeUrl"> |
|
|
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" title="" trigger="click"> |
|
|
<el-popover placement="right" |
|
|
<el-image |
|
|
title="" |
|
|
slot="reference" |
|
|
trigger="click" |
|
|
min-width="70" |
|
|
class="big_image"> |
|
|
height="70" |
|
|
<el-image slot="reference" |
|
|
v-if="scope.row.codeUrl" |
|
|
min-width="70" |
|
|
:src="scope.row.codeUrl" |
|
|
height="70" |
|
|
:alt="scope.row.codeUrl" |
|
|
v-if="scope.row.codeUrl" |
|
|
></el-image> |
|
|
:src="scope.row.codeUrl" |
|
|
<el-image :src="scope.row.codeUrl"></el-image> |
|
|
:alt="scope.row.codeUrl"></el-image> |
|
|
|
|
|
<img class="big_image" |
|
|
|
|
|
:src="scope.row.codeUrl" /> |
|
|
</el-popover> |
|
|
</el-popover> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="createdTime" |
|
|
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> |
|
|
fixed="right" |
|
|
<el-table-column |
|
|
header-align="center" |
|
|
:label="$t('handle')" |
|
|
align="center" |
|
|
fixed="right" |
|
|
width="150"> |
|
|
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 |
|
|
<el-button v-if="scope.row.codeUrl" |
|
|
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=" |
|
|
>下载</el-button |
|
|
|
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
v-if=" |
|
|
|
|
|
$hasPermission('sys:deptmacode:create') && !scope.row.codeUrl |
|
|
$hasPermission('sys:deptmacode:create') && !scope.row.codeUrl |
|
|
" |
|
|
" |
|
|
type="primary" |
|
|
type="primary" |
|
|
size="mini" |
|
|
size="mini" |
|
|
@click="createDeptMaCodeHandle(scope.row.gridId)" |
|
|
@click="createDeptMaCodeHandle(scope.row.gridId)">生成</el-button> |
|
|
>生成</el-button |
|
|
|
|
|
> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<el-pagination |
|
|
<el-pagination :current-page="page" |
|
|
: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> |
|
@ -192,7 +163,7 @@ export default { |
|
|
} |
|
|
} |
|
|
this.options = res.data.options |
|
|
this.options = res.data.options |
|
|
}) |
|
|
}) |
|
|
.catch(() => {}) |
|
|
.catch(() => { }) |
|
|
}, |
|
|
}, |
|
|
watch: { |
|
|
watch: { |
|
|
'deptIdList': function (val) { |
|
|
'deptIdList': function (val) { |
|
@ -245,9 +216,9 @@ export default { |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
.catch(() => {}) |
|
|
.catch(() => { }) |
|
|
}) |
|
|
}) |
|
|
.catch(() => {}) |
|
|
.catch(() => { }) |
|
|
}, |
|
|
}, |
|
|
createGridLeaderMaCodeHandle () { |
|
|
createGridLeaderMaCodeHandle () { |
|
|
this.$confirm( |
|
|
this.$confirm( |
|
@ -275,9 +246,9 @@ export default { |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
.catch(() => {}) |
|
|
.catch(() => { }) |
|
|
}) |
|
|
}) |
|
|
.catch(() => {}) |
|
|
.catch(() => { }) |
|
|
}, |
|
|
}, |
|
|
initDeptMaCodeHandle () { |
|
|
initDeptMaCodeHandle () { |
|
|
this.$confirm('初始化所有网格的小程序码', this.$t('初始化'), { |
|
|
this.$confirm('初始化所有网格的小程序码', this.$t('初始化'), { |
|
@ -308,9 +279,9 @@ export default { |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
.catch(() => {}) |
|
|
.catch(() => { }) |
|
|
}) |
|
|
}) |
|
|
.catch(() => {}) |
|
|
.catch(() => { }) |
|
|
}, |
|
|
}, |
|
|
clearDataForm () { |
|
|
clearDataForm () { |
|
|
this.dataForm.streetId = this.dataForm.communityId = this.dataForm.gridId = null |
|
|
this.dataForm.streetId = this.dataForm.communityId = this.dataForm.gridId = null |
|
@ -322,3 +293,9 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
<style scoped> |
|
|
|
|
|
.big_image { |
|
|
|
|
|
width: 300px; |
|
|
|
|
|
height: 300px; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|