27 changed files with 983 additions and 823 deletions
@ -1,129 +1,170 @@ |
|||||
<template> |
<template> |
||||
<el-card shadow="never" class="aui-card--fill"> |
<el-card shadow="never" class="aui-card--fill"> |
||||
<div class="mod-__enterpriseinfo}"> |
<div class="mod-__enterpriseinfo}"> |
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
||||
<div> |
<div> |
||||
<el-form-item label="区域" label-width="52px"> |
<el-form-item label="区域" label-width="52px"> |
||||
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable> |
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable> |
||||
</el-cascader> |
</el-cascader> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item label="公司名称"><el-input v-model="dataForm.enterpriseName" placeholder="请输入" clearable></el-input></el-form-item> |
<el-form-item label="公司名称"> |
||||
<el-form-item label="统一社会信用代码"><el-input v-model="dataForm.uniformSocialCreditCode" placeholder="请输入" clearable></el-input></el-form-item> |
<el-input v-model="dataForm.enterpriseName" placeholder="请输入" clearable @keyup.native="btKeyUpenterpriseName"></el-input> |
||||
</div> |
</el-form-item> |
||||
<el-form-item label="手机号"><el-input v-model="dataForm.mobile" placeholder="请输入" clearable></el-input></el-form-item> |
<el-form-item label="统一社会信用代码"> |
||||
<el-form-item label="法人姓名"><el-input v-model="dataForm.legalPerson" placeholder="请输入" clearable></el-input></el-form-item> |
<el-input v-model="dataForm.uniformSocialCreditCode" placeholder="请输入" clearable @keyup.native="btKeyUpuniformSocialCreditCode"></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
<el-form-item label="手机号"> |
||||
|
<el-input v-model="dataForm.mobile" placeholder="请输入" clearable @keyup.native="btKeyUpmobile"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="法人姓名"> |
||||
|
<el-input v-model="dataForm.legalPerson" placeholder="请输入" clearable @keyup.native="btKeyUplegalPerson"></el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
<el-form-item> |
<el-form-item> |
||||
<el-button type="primary" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
<el-button type="primary" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button v-if="$hasPermission('epdc:enterpriseinfo:export')" type="success" @click="exportHandle()">{{ $t('export') }}</el-button> |
<el-button v-if="$hasPermission('epdc:enterpriseinfo:export')" type="success" |
||||
</el-form-item> |
@click="exportHandle()">{{ $t('export') }} |
||||
</el-form> |
</el-button> |
||||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
</el-form-item> |
||||
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
</el-form> |
||||
<template slot-scope="scope"> |
<el-table v-loading="dataListLoading" :data="dataList" border |
||||
{{scope.$index+1}} |
@selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
||||
</template> |
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
||||
</el-table-column> |
<template slot-scope="scope"> |
||||
<el-table-column prop="realName" label="姓名" header-align="center" align="center" width="120"></el-table-column> |
{{scope.$index+1}} |
||||
<el-table-column prop="sex" label="性别" header-align="center" align="center" :formatter="showFlagFormat" width="80"></el-table-column> |
</template> |
||||
<el-table-column prop="mobile" label="手机号" header-align="center" align="center" width="150"></el-table-column> |
</el-table-column> |
||||
<el-table-column prop="enterpriseName" label="企业全称" header-align="center" align="center" min-width="200" show-overflow-tooltip></el-table-column> |
<el-table-column prop="realName" label="姓名" header-align="center" align="center" |
||||
<el-table-column prop="uniformSocialCreditCode" label="统一社会信用代码" header-align="center" align="center" min-width="180" show-overflow-tooltip></el-table-column> |
width="120"></el-table-column> |
||||
<el-table-column prop="legalPerson" label="企业法人" header-align="center" align="center" width="120" show-overflow-tooltip></el-table-column> |
<el-table-column prop="sex" label="性别" header-align="center" align="center" :formatter="showFlagFormat" |
||||
<el-table-column prop="enterpriseAddress" label="企业地址" header-align="center" align="center" min-width="200" show-overflow-tooltip></el-table-column> |
width="80"></el-table-column> |
||||
<el-table-column prop="industry" label="所属行业" header-align="center" align="center" min-width="180" show-overflow-tooltip></el-table-column> |
<el-table-column prop="mobile" label="手机号" header-align="center" align="center" |
||||
<el-table-column prop="businessScope" label="经营范围" header-align="center" align="center" min-width="180" show-overflow-tooltip></el-table-column> |
width="150"></el-table-column> |
||||
<el-table-column prop="registeredCapital" label="注册资金(万元)" header-align="center" align="center" width="120"></el-table-column> |
<el-table-column prop="enterpriseName" label="企业全称" header-align="center" align="center" min-width="200" |
||||
<el-table-column prop="employedPopulation" label="从业人数" header-align="center" align="center" width="120"></el-table-column> |
show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="allDeptNames" label="所属网格" header-align="center" align="center" min-width="400" show-overflow-tooltip></el-table-column> |
<el-table-column prop="uniformSocialCreditCode" label="统一社会信用代码" header-align="center" align="center" |
||||
</el-table> |
min-width="180" show-overflow-tooltip></el-table-column> |
||||
<el-pagination |
<el-table-column prop="legalPerson" label="企业法人" header-align="center" align="center" width="120" |
||||
:current-page="page" |
show-overflow-tooltip></el-table-column> |
||||
:page-sizes="[10, 20, 50, 100]" |
<el-table-column prop="enterpriseAddress" label="企业地址" header-align="center" align="center" |
||||
:page-size="limit" |
min-width="200" show-overflow-tooltip></el-table-column> |
||||
:total="total" |
<el-table-column prop="industry" label="所属行业" header-align="center" align="center" min-width="180" |
||||
layout="total, sizes, prev, pager, next, jumper" |
show-overflow-tooltip></el-table-column> |
||||
@size-change="pageSizeChangeHandle" |
<el-table-column prop="businessScope" label="经营范围" header-align="center" align="center" min-width="180" |
||||
@current-change="pageCurrentChangeHandle"> |
show-overflow-tooltip></el-table-column> |
||||
</el-pagination> |
<el-table-column prop="registeredCapital" label="注册资金(万元)" header-align="center" align="center" |
||||
<!-- 弹窗, 新增 / 修改 --> |
width="120"></el-table-column> |
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
<el-table-column prop="employedPopulation" label="从业人数" header-align="center" align="center" |
||||
</div> |
width="120"></el-table-column> |
||||
</el-card> |
<el-table-column prop="allDeptNames" label="所属网格" header-align="center" align="center" min-width="400" |
||||
|
show-overflow-tooltip></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> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import mixinViewModule from '@/mixins/view-module' |
import mixinViewModule from '@/mixins/view-module' |
||||
import AddOrUpdate from './enterpriseinfo-add-or-update' |
import AddOrUpdate from './enterpriseinfo-add-or-update' |
||||
export default { |
|
||||
mixins: [mixinViewModule], |
export default { |
||||
data () { |
mixins: [mixinViewModule], |
||||
return { |
data() { |
||||
mixinViewModuleOptions: { |
return { |
||||
getDataListURL: '/custom/enterpriseinfo/page', |
mixinViewModuleOptions: { |
||||
getDataListIsPage: true, |
getDataListURL: '/custom/enterpriseinfo/page', |
||||
deleteURL: '/custom/enterpriseinfo', |
getDataListIsPage: true, |
||||
deleteIsBatch: true, |
deleteURL: '/custom/enterpriseinfo', |
||||
exportURL: '/custom/enterpriseinfo/export' |
deleteIsBatch: true, |
||||
}, |
exportURL: '/custom/enterpriseinfo/export' |
||||
dataForm: { |
}, |
||||
enterpriseName: '', |
dataForm: { |
||||
mobile: '', |
enterpriseName: '', |
||||
uniformSocialCreditCode: '', |
mobile: '', |
||||
legalPerson: '' |
uniformSocialCreditCode: '', |
||||
}, |
legalPerson: '' |
||||
ids: [], |
}, |
||||
options: [] |
ids: [], |
||||
} |
options: [] |
||||
}, |
} |
||||
components: { |
}, |
||||
AddOrUpdate |
components: { |
||||
}, |
AddOrUpdate |
||||
created: function () { |
}, |
||||
this.getOptions() |
created: function () { |
||||
}, |
this.getOptions() |
||||
watch: { |
}, |
||||
'ids': function (val) { |
watch: { |
||||
if (val.length === 0) { |
'ids': function (val) { |
||||
this.dataForm.streetId = '' |
if (val.length === 0) { |
||||
this.dataForm.communityId = '' |
this.dataForm.streetId = '' |
||||
this.dataForm.gridId = '' |
this.dataForm.communityId = '' |
||||
} |
this.dataForm.gridId = '' |
||||
if (val.length === 1) { |
} |
||||
this.dataForm.streetId = this.ids[0] |
if (val.length === 1) { |
||||
this.dataForm.communityId = '' |
this.dataForm.streetId = this.ids[0] |
||||
this.dataForm.gridId = '' |
this.dataForm.communityId = '' |
||||
} |
this.dataForm.gridId = '' |
||||
if (val.length === 2) { |
} |
||||
this.dataForm.streetId = this.ids[0] |
if (val.length === 2) { |
||||
this.dataForm.communityId = this.ids[1] |
this.dataForm.streetId = this.ids[0] |
||||
this.dataForm.gridId = '' |
this.dataForm.communityId = this.ids[1] |
||||
} |
this.dataForm.gridId = '' |
||||
if (val.length === 3) { |
} |
||||
this.dataForm.streetId = this.ids[0] |
if (val.length === 3) { |
||||
this.dataForm.communityId = this.ids[1] |
this.dataForm.streetId = this.ids[0] |
||||
this.dataForm.gridId = this.ids[2] |
this.dataForm.communityId = this.ids[1] |
||||
} |
this.dataForm.gridId = this.ids[2] |
||||
} |
} |
||||
}, |
} |
||||
methods: { |
}, |
||||
getOptions () { |
methods: { |
||||
this.$http.get(`/sys/dept/party/getDeptTreeForEpiDemic`).then(({ data: res }) => { |
getOptions() { |
||||
if (res.code !== 0) { |
this.$http.get(`/sys/dept/party/getDeptTreeForEpiDemic`).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(() => { |
||||
|
}) |
||||
|
}, |
||||
|
showFlagFormat(row, column) { |
||||
|
if (row.sex === '0') { |
||||
|
return '女' |
||||
|
} else { |
||||
|
return '男' |
||||
|
} |
||||
|
}, |
||||
|
btKeyUpenterpriseName(e){ |
||||
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】、;‘’,。、]/g, '') |
||||
|
this.dataForm.enterpriseName = e.target.value |
||||
|
}, |
||||
|
btKeyUpuniformSocialCreditCode(e){ |
||||
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】、;‘’,。、]/g, '') |
||||
|
this.dataForm.uniformSocialCreditCode = e.target.value |
||||
|
}, |
||||
|
btKeyUpmobile(e){ |
||||
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】、;‘’,。、]/g, '') |
||||
|
this.dataForm.mobile = e.target.value |
||||
|
}, |
||||
|
btKeyUplegalPerson(e){ |
||||
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】、;‘’,。、]/g, '') |
||||
|
this.dataForm.legalPerson = e.target.value |
||||
|
}, |
||||
} |
} |
||||
this.options = res.data.options |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
showFlagFormat (row, column) { |
|
||||
if (row.sex === '0') { |
|
||||
return '女' |
|
||||
} else { |
|
||||
return '男' |
|
||||
} |
|
||||
} |
} |
||||
} |
|
||||
} |
|
||||
</script> |
</script> |
||||
|
@ -1,196 +1,217 @@ |
|||||
<template> |
<template> |
||||
<el-card shadow="never" class="aui-card--fill"> |
<el-card shadow="never" class="aui-card--fill"> |
||||
<div class="mod-__masteruserrelation}"> |
<div class="mod-__masteruserrelation}"> |
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
||||
<!-- <el-form-item> |
<!-- <el-form-item> |
||||
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> |
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> |
||||
</el-form-item> --> |
</el-form-item> --> |
||||
<el-form-item label="群内昵称" prop="nickname"> |
<el-form-item label="群内昵称" prop="nickname"> |
||||
<el-input v-model="dataForm.nickname" placeholder="群内昵称" clearable maxlength="10" @keyup.native="btKeyUpNickname"></el-input> |
<el-input v-model="dataForm.nickname" placeholder="群内昵称" clearable maxlength="10" |
||||
</el-form-item> |
@keyup.native="btKeyUpNickname"></el-input> |
||||
<el-form-item label="真实姓名" prop="realName"> |
</el-form-item> |
||||
<el-input v-model="dataForm.realName" placeholder="真实姓名" clearable maxlength="10" @keyup.native="btKeyUpRealName"></el-input> |
<el-form-item label="真实姓名" prop="realName"> |
||||
</el-form-item> |
<el-input v-model="dataForm.realName" placeholder="真实姓名" clearable maxlength="10" |
||||
<br/> |
@keyup.native="btKeyUpRealName"></el-input> |
||||
<el-form-item label="时间" |
</el-form-item> |
||||
prop="startTime" label-width="67px" > |
<br/> |
||||
<el-date-picker v-model="dataForm.startTime" |
<el-form-item label="时间" |
||||
type="date" |
prop="startTime" label-width="67px"> |
||||
:picker-options="pickerBeginDateBefore" |
<el-date-picker v-model="dataForm.startTime" |
||||
value-format="yyyy-MM-dd" |
type="date" |
||||
format="yyyy-MM-dd" |
:picker-options="pickerBeginDateBefore" |
||||
placeholder="选择日期时间" > |
value-format="yyyy-MM-dd" |
||||
</el-date-picker> |
format="yyyy-MM-dd" |
||||
</el-form-item> |
placeholder="选择日期时间"> |
||||
<el-form-item label="至" |
</el-date-picker> |
||||
label-width="25px" |
</el-form-item> |
||||
prop="endTime"> |
<el-form-item label="至" |
||||
<el-date-picker v-model="dataForm.endTime" |
label-width="25px" |
||||
type="date" |
prop="endTime"> |
||||
:picker-options="pickerBeginDateAfter" |
<el-date-picker v-model="dataForm.endTime" |
||||
value-format="yyyy-MM-dd" |
type="date" |
||||
format="yyyy-MM-dd" |
:picker-options="pickerBeginDateAfter" |
||||
placeholder="选择日期时间"> |
value-format="yyyy-MM-dd" |
||||
</el-date-picker> |
format="yyyy-MM-dd" |
||||
</el-form-item> |
placeholder="选择日期时间"> |
||||
<el-form-item> |
</el-date-picker> |
||||
<el-button @click="getDataListOverWrite()" type="primary">{{ $t('query') }}</el-button> |
</el-form-item> |
||||
</el-form-item> |
<el-form-item> |
||||
<el-form-item> |
<el-button @click="getDataListOverWrite()" type="primary">{{ $t('query') }}</el-button> |
||||
<el-button type="success" @click="addHandle()">{{ $t('add') }}</el-button> |
</el-form-item> |
||||
</el-form-item> |
<el-form-item> |
||||
<!-- <el-form-item> |
<el-button type="success" @click="addHandle()">{{ $t('add') }}</el-button> |
||||
<el-button type="primary" @click="addOrUpdateHandle()">测试按钮-新增</el-button> |
</el-form-item> |
||||
</el-form-item> --> |
<!-- <el-form-item> |
||||
<el-form-item> |
<el-button type="primary" @click="addOrUpdateHandle()">测试按钮-新增</el-button> |
||||
<el-button v-if="$hasPermission(':masteruserrelation: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(':masteruserrelation:delete')" type="danger" |
||||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
@click="deleteHandle()">{{ $t('deleteBatch') }} |
||||
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> --> |
</el-button> |
||||
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
</el-form-item> |
||||
<template slot-scope="scope"> |
</el-form> |
||||
{{scope.$index+1}} |
<el-table v-loading="dataListLoading" :data="dataList" border |
||||
</template> |
@selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
||||
</el-table-column> |
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> --> |
||||
<el-table-column prop="nickname" label="成员群内昵称" header-align="center" align="center" width="120"></el-table-column> |
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
||||
<el-table-column prop="manageFlag" label="成员身份" header-align="center" align="center" :formatter="manageFlagFormat" width="120"></el-table-column> |
<template slot-scope="scope"> |
||||
<el-table-column prop="realName" label="真实姓名" header-align="center" align="center" width="120"></el-table-column> |
{{scope.$index+1}} |
||||
<el-table-column prop="mobile" label="电话" header-align="center" align="center" width="150"></el-table-column> |
</template> |
||||
<el-table-column prop="deptName" label="所属部门" header-align="center" align="center" min-width="150"></el-table-column> |
</el-table-column> |
||||
<el-table-column prop="loginName" label="登录名" header-align="center" align="center" width="120"></el-table-column> |
<el-table-column prop="nickname" label="成员群内昵称" header-align="center" align="center" |
||||
<el-table-column prop="createdTime" label="添加时间" header-align="center" align="center" width="180"></el-table-column> |
width="120"></el-table-column> |
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="170"> |
<el-table-column prop="manageFlag" label="成员身份" header-align="center" align="center" |
||||
<template slot-scope="scope"> |
:formatter="manageFlagFormat" width="120"></el-table-column> |
||||
<el-button v-if="scope.row.manageFlag == '1'" type="text" size="small" @click="updateManageFlagHandle(scope.row.id,'0')">解除管理员</el-button> |
<el-table-column prop="realName" label="真实姓名" header-align="center" align="center" |
||||
<el-button v-if="scope.row.manageFlag == '0'" type="text" size="small" @click="updateManageFlagHandle(scope.row.id,'1')">设置管理员</el-button> |
width="120"></el-table-column> |
||||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
<el-table-column prop="mobile" label="电话" header-align="center" align="center" |
||||
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
width="150"></el-table-column> |
||||
</template> |
<el-table-column prop="deptName" label="所属部门" header-align="center" align="center" |
||||
</el-table-column> |
min-width="150"></el-table-column> |
||||
</el-table> |
<el-table-column prop="loginName" label="登录名" header-align="center" align="center" |
||||
<el-pagination |
width="120"></el-table-column> |
||||
:current-page="page" |
<el-table-column prop="createdTime" label="添加时间" header-align="center" align="center" |
||||
:page-sizes="[10, 20, 50, 100]" |
width="180"></el-table-column> |
||||
:page-size="limit" |
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="170"> |
||||
:total="total" |
<template slot-scope="scope"> |
||||
layout="total, sizes, prev, pager, next, jumper" |
<el-button v-if="scope.row.manageFlag == '1'" type="text" size="small" |
||||
@size-change="pageSizeChangeHandle" |
@click="updateManageFlagHandle(scope.row.id,'0')">解除管理员 |
||||
@current-change="pageCurrentChangeHandle"> |
</el-button> |
||||
</el-pagination> |
<el-button v-if="scope.row.manageFlag == '0'" type="text" size="small" |
||||
<!-- 弹窗, 新增 / 修改 --> |
@click="updateManageFlagHandle(scope.row.id,'1')">设置管理员 |
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
</el-button> |
||||
</div> |
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') |
||||
</el-card> |
}} |
||||
|
</el-button> |
||||
|
<el-button 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> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import mixinViewModule from '@/mixins/view-module' |
import mixinViewModule from '@/mixins/view-module' |
||||
import AddOrUpdate from './masteruserrelation-add-or-update' |
import AddOrUpdate from './masteruserrelation-add-or-update' |
||||
export default { |
|
||||
mixins: [mixinViewModule], |
export default { |
||||
data () { |
mixins: [mixinViewModule], |
||||
return { |
data() { |
||||
mixinViewModuleOptions: { |
return { |
||||
getDataListURL: '/cloudAnalysis/masteruserrelation/page', |
mixinViewModuleOptions: { |
||||
getDataListIsPage: true, |
getDataListURL: '/cloudAnalysis/masteruserrelation/page', |
||||
deleteURL: '/cloudAnalysis/masteruserrelation', |
getDataListIsPage: true, |
||||
deleteIsBatch: true |
deleteURL: '/cloudAnalysis/masteruserrelation', |
||||
}, |
deleteIsBatch: true |
||||
dataForm: { |
}, |
||||
id: '', |
dataForm: { |
||||
nickname: '', |
id: '', |
||||
realName: '' |
nickname: '', |
||||
}, |
realName: '' |
||||
pickerBeginDateBefore: { |
}, |
||||
disabledDate: (time) => { |
pickerBeginDateBefore: { |
||||
let beginDateVal = this.dataForm.endTime |
disabledDate: (time) => { |
||||
if (beginDateVal) { |
let beginDateVal = this.dataForm.endTime |
||||
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() |
if (beginDateVal) { |
||||
} |
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() |
||||
} |
} |
||||
}, |
} |
||||
pickerBeginDateAfter: { |
}, |
||||
disabledDate: (time) => { |
pickerBeginDateAfter: { |
||||
let EndDateVal = this.dataForm.startTime |
disabledDate: (time) => { |
||||
if (EndDateVal) { |
let EndDateVal = this.dataForm.startTime |
||||
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() |
if (EndDateVal) { |
||||
} |
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
}, |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
}, |
|
||||
created: function () { |
|
||||
this.getDataList() |
|
||||
}, |
|
||||
methods: { |
|
||||
getDataListOverWrite () { |
|
||||
this.page = 1 |
|
||||
this.getDataList() |
|
||||
}, |
|
||||
btKeyUpNickname (e) { |
|
||||
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_+=<>?:"{}|·~!@#¥%……&*()——+={}|《》?:“”【】、;‘’,。、]/g, '') |
|
||||
this.dataForm.nickname = e.target.value |
|
||||
}, |
|
||||
btKeyUpRealName (e) { |
|
||||
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘’,。、]/g, '') |
|
||||
this.dataForm.realName = e.target.value |
|
||||
}, |
|
||||
addHandle () { |
|
||||
this.$parent.selectComponent = 'MasteruserrelationAdd' |
|
||||
this.$router.push({ path: '/master-masteruserrelationroute' }) |
|
||||
}, |
|
||||
manageFlagFormat (row, column) { |
|
||||
if (row.manageFlag === '0') { |
|
||||
return '群成员' |
|
||||
} else { |
|
||||
return '管理员' |
|
||||
} |
|
||||
}, |
|
||||
updateManageFlagHandle (id, flag) { |
|
||||
let contentInfo = '' |
|
||||
let titleInfo = '' |
|
||||
if (flag === '0') { |
|
||||
contentInfo = '将该成员的管理权限解除,解除后无法管理,不能置顶、关闭等权限。' |
|
||||
titleInfo = '确认要解除管理员身份吗?' |
|
||||
} else { |
|
||||
contentInfo = '将该成员设置为管理员身份,管理员可以将通知和话题置顶、关闭等权限。' |
|
||||
titleInfo = '确认要设置管理员身份吗?' |
|
||||
} |
|
||||
this.$confirm(contentInfo, titleInfo, { |
|
||||
confirmButtonText: '确定', |
|
||||
cancelButtonText: '取消', |
|
||||
type: 'warning' |
|
||||
}).then(() => { |
|
||||
this.disAbled = true |
|
||||
this.$http.get(`/cloudAnalysis/masteruserrelation/updateManageFlag/${id}`).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(() => { |
components: { |
||||
this.$message({ |
AddOrUpdate |
||||
type: 'success', |
}, |
||||
message: '操作成功!' |
created: function () { |
||||
}) |
this.getDataList() |
||||
}) |
}, |
||||
}).catch(() => {}) |
methods: { |
||||
|
getDataListOverWrite() { |
||||
|
this.page = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
btKeyUpNickname(e) { |
||||
|
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_+=<>?:"{}|·~!@#¥%……&*()——+={}|《》?:“”【】、;‘’,。、]/g, '') |
||||
|
this.dataForm.nickname = e.target.value |
||||
|
}, |
||||
|
btKeyUpRealName(e) { |
||||
|
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘’,。、]/g, '') |
||||
|
this.dataForm.realName = e.target.value |
||||
|
}, |
||||
|
addHandle() { |
||||
|
this.$parent.selectComponent = 'MasteruserrelationAdd' |
||||
|
this.$router.push({path: '/master-masteruserrelationroute'}) |
||||
|
}, |
||||
|
manageFlagFormat(row, column) { |
||||
|
if (row.manageFlag === '0') { |
||||
|
return '群成员' |
||||
|
} else { |
||||
|
return '管理员' |
||||
|
} |
||||
|
}, |
||||
|
updateManageFlagHandle(id, flag) { |
||||
|
let contentInfo = '' |
||||
|
let titleInfo = '' |
||||
|
if (flag === '0') { |
||||
|
contentInfo = '将该成员的管理权限解除,解除后无法管理,不能置顶、关闭等权限。' |
||||
|
titleInfo = '确认要解除管理员身份吗?' |
||||
|
} else { |
||||
|
contentInfo = '将该成员设置为管理员身份,管理员可以将通知和话题置顶、关闭等权限。' |
||||
|
titleInfo = '确认要设置管理员身份吗?' |
||||
|
} |
||||
|
this.$confirm(contentInfo, titleInfo, { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.disAbled = true |
||||
|
this.$http.get(`/cloudAnalysis/masteruserrelation/updateManageFlag/${id}`).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(() => { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '操作成功!' |
||||
|
}) |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
} |
|
||||
} |
|
||||
</script> |
</script> |
||||
<style scoped> |
<style scoped> |
||||
.el-input { |
.el-input { |
||||
width: 200px; |
width: 200px; |
||||
} |
} |
||||
</style> |
</style> |
@ -1,417 +1,436 @@ |
|||||
<template> |
<template> |
||||
<el-card shadow="never" |
<el-card shadow="never" |
||||
class="aui-card--fill"> |
class="aui-card--fill"> |
||||
<div class="mod-news__news}"> |
<div class="mod-news__news}"> |
||||
<el-form :inline="true" |
<el-form :inline="true" |
||||
:model="dataForm" |
:model="dataForm" |
||||
@keyup.enter.native="getDataListSearch()"> |
@keyup.enter.native="getDataListSearch()"> |
||||
<el-form-item label="所属机构"> |
<el-form-item label="所属机构"> |
||||
<el-cascader v-model="deptIdList" |
<el-cascader 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.category" |
<el-select v-model="dataForm.category" |
||||
clearable |
clearable |
||||
placeholder="所属类别"> |
placeholder="所属类别"> |
||||
<el-option v-for="item in categorys" |
<el-option v-for="item in categorys" |
||||
: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> |
||||
<el-form-item label="关键字"> |
<el-form-item label="关键字"> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-input v-model="dataForm.keyword" |
<el-input v-model="dataForm.keyword" @keyup.native="btKeyUpkeyword" |
||||
placeholder="请输入标题" |
placeholder="请输入标题" |
||||
clearable></el-input> |
clearable></el-input> |
||||
</el-form-item> |
</el-form-item> |
||||
</el-form-item> |
</el-form-item> |
||||
<!--<el-form-item label="所属街道" |
<!--<el-form-item label="所属街道" |
||||
prop="deptId"> |
prop="deptId"> |
||||
<el-select v-model="dataForm.streetId" |
<el-select v-model="dataForm.streetId" |
||||
@change="changeStreet" |
@change="changeStreet" |
||||
clearable |
clearable |
||||
placeholder="所属街道"> |
placeholder="所属街道"> |
||||
<el-option v-for="item in streetList" |
<el-option v-for="item in streetList" |
||||
: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> |
||||
<el-form-item label="所属社区"> |
<el-form-item label="所属社区"> |
||||
<el-select v-model="dataForm.communityId" |
<el-select v-model="dataForm.communityId" |
||||
@change="changeCommunity" |
@change="changeCommunity" |
||||
clearable |
clearable |
||||
placeholder="所属社区"> |
placeholder="所属社区"> |
||||
<el-option v-for="item in communityList" |
<el-option v-for="item in communityList" |
||||
: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> |
||||
<el-form-item label="所属网格"> |
<el-form-item label="所属网格"> |
||||
<el-select v-model="dataForm.gridId" |
<el-select v-model="dataForm.gridId" |
||||
@change="changeGrid" |
@change="changeGrid" |
||||
clearable |
clearable |
||||
placeholder="所属网格"> |
placeholder="所属网格"> |
||||
<el-option v-for="item in gridList" |
<el-option v-for="item in gridList" |
||||
: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>--> |
||||
<br> |
<br> |
||||
<span class="demonstration">提交时间</span> |
<span class="demonstration">提交时间</span> |
||||
<el-date-picker @change='setRegistTime' |
<el-date-picker @change='setRegistTime' |
||||
v-model="time" |
v-model="time" |
||||
value-format="yyyy-MM-dd" |
value-format="yyyy-MM-dd" |
||||
type="daterange" |
type="daterange" |
||||
range-separator="至" |
range-separator="至" |
||||
start-placeholder="开始日期" |
start-placeholder="开始日期" |
||||
end-placeholder="结束日期"> |
end-placeholder="结束日期"> |
||||
</el-date-picker> |
</el-date-picker> |
||||
|
|
||||
<el-form-item> |
<el-form-item> |
||||
<el-button type="primary" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
<el-button type="primary" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button v-if="$hasPermission('news:news:save')" |
<el-button v-if="$hasPermission('news:news:save')" |
||||
type="primary" |
type="primary" |
||||
@click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
@click="addOrUpdateHandle()">{{ $t('add') }} |
||||
</el-form-item> |
</el-button> |
||||
<el-form-item> |
</el-form-item> |
||||
<el-button v-if="$hasPermission('news:news:delete')" |
<el-form-item> |
||||
type="danger" |
<el-button v-if="$hasPermission('news:news:delete')" |
||||
@click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
type="danger" |
||||
</el-form-item> |
@click="deleteHandle()">{{ $t('deleteBatch') }} |
||||
</el-form> |
</el-button> |
||||
<el-table v-loading="dataListLoading" |
</el-form-item> |
||||
:data="dataList" |
</el-form> |
||||
border |
<el-table v-loading="dataListLoading" |
||||
@selection-change="dataListSelectionChangeHandle" |
:data="dataList" |
||||
style="width: 100%;"> |
border |
||||
<el-table-column label="序号" |
@selection-change="dataListSelectionChangeHandle" |
||||
width="50px" |
style="width: 100%;"> |
||||
align="center"> |
<el-table-column label="序号" |
||||
<template slot-scope="scope"> |
width="50px" |
||||
{{scope.$index+1}} |
align="center"> |
||||
</template> |
<template slot-scope="scope"> |
||||
</el-table-column> |
{{scope.$index+1}} |
||||
<el-table-column prop="newsTitle" |
</template> |
||||
label="标题名称" |
</el-table-column> |
||||
header-align="center" |
<el-table-column prop="newsTitle" |
||||
align="center" |
label="标题名称" |
||||
min-width="250" |
header-align="center" |
||||
show-overflow-tooltip></el-table-column> |
align="center" |
||||
<el-table-column prop="readingAmount" |
min-width="250" |
||||
label="阅读量" |
show-overflow-tooltip></el-table-column> |
||||
header-align="center" |
<el-table-column prop="readingAmount" |
||||
align="center" |
label="阅读量" |
||||
width="100"></el-table-column> |
header-align="center" |
||||
<el-table-column prop="likeNumber" |
align="center" |
||||
label="支持数" |
width="100"></el-table-column> |
||||
width="100" |
<el-table-column prop="likeNumber" |
||||
header-align="center" |
label="支持数" |
||||
align="center"></el-table-column> |
width="100" |
||||
<el-table-column prop="unLikeNumber" |
header-align="center" |
||||
label="不支持数" |
align="center"></el-table-column> |
||||
width="100" |
<el-table-column prop="unLikeNumber" |
||||
header-align="center" |
label="不支持数" |
||||
align="center"></el-table-column> |
width="100" |
||||
<el-table-column prop="createdTime" |
header-align="center" |
||||
label="提交时间" |
align="center"></el-table-column> |
||||
header-align="center" |
<el-table-column prop="createdTime" |
||||
width="180" |
label="提交时间" |
||||
align="center"></el-table-column> |
header-align="center" |
||||
<el-table-column prop="creatorName" |
width="180" |
||||
label="提交人" |
align="center"></el-table-column> |
||||
show-overflow-tooltip |
<el-table-column prop="creatorName" |
||||
min-width="200" |
label="提交人" |
||||
header-align="center" |
show-overflow-tooltip |
||||
align="center"></el-table-column> |
min-width="200" |
||||
<el-table-column label="有效时间" width="360" header-align="center" align="center"> |
header-align="center" |
||||
<template slot-scope="scope"> |
align="center"></el-table-column> |
||||
{{scope.row.newsReleaseStartTime}} 到 {{scope.row.newsReleaseEndTime}} |
<el-table-column label="有效时间" width="360" header-align="center" align="center"> |
||||
</template> |
<template slot-scope="scope"> |
||||
</el-table-column> |
{{scope.row.newsReleaseStartTime}} 到 {{scope.row.newsReleaseEndTime}} |
||||
<el-table-column label="发布状态" |
</template> |
||||
:formatter="publishState" |
</el-table-column> |
||||
header-align="center" |
<el-table-column label="发布状态" |
||||
width="120" |
:formatter="publishState" |
||||
align="center"> |
header-align="center" |
||||
</el-table-column> |
width="120" |
||||
<!-- <el-table-column prop="newsUpDownState" label="新闻上下线状态" :formatter="newsUpDownState" header-align="center" align="center"></el-table-column> --> |
align="center"> |
||||
<el-table-column :label="$t('handle')" |
</el-table-column> |
||||
fixed="right" |
<!-- <el-table-column prop="newsUpDownState" label="新闻上下线状态" :formatter="newsUpDownState" header-align="center" align="center"></el-table-column> --> |
||||
header-align="center" |
<el-table-column :label="$t('handle')" |
||||
align="center" |
fixed="right" |
||||
width="150"> |
header-align="center" |
||||
<template slot-scope="scope"> |
align="center" |
||||
<el-button type="text" |
width="150"> |
||||
size="small" |
<template slot-scope="scope"> |
||||
@click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
<el-button type="text" |
||||
<el-button type="text" |
size="small" |
||||
size="small" |
@click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }} |
||||
@click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
</el-button> |
||||
<el-button v-if="$hasPermission('news:show:down') && scope.row.newsUpDownState === '0' && new Date(scope.row.newsReleaseStartTime.replace('-', '/')) < new Date() |
<el-button type="text" |
||||
|
size="small" |
||||
|
@click="deleteHandle(scope.row.id)">{{ $t('delete') }} |
||||
|
</el-button> |
||||
|
<el-button v-if="$hasPermission('news:show:down') && scope.row.newsUpDownState === '0' && new Date(scope.row.newsReleaseStartTime.replace('-', '/')) < new Date() |
||||
&& new Date(scope.row.newsReleaseEndTime.replace('-', '/')) > new Date()" |
&& new Date(scope.row.newsReleaseEndTime.replace('-', '/')) > new Date()" |
||||
|
|
||||
type="text" |
type="text" |
||||
size="small" |
size="small" |
||||
@click="modifyOnLine(scope.row)">下线</el-button> |
@click="modifyOnLine(scope.row)">下线 |
||||
<el-button v-if="$hasPermission('news:banner:up') && scope.row.bannerFlag === '0' && scope.row.newsUpDownState === '0' && new Date(scope.row.newsReleaseStartTime.replace('-', '/')) < new Date() |
</el-button> |
||||
|
<el-button v-if="$hasPermission('news:banner:up') && scope.row.bannerFlag === '0' && scope.row.newsUpDownState === '0' && new Date(scope.row.newsReleaseStartTime.replace('-', '/')) < new Date() |
||||
&& new Date(scope.row.newsReleaseEndTime.replace('-', '/')) > new Date() " |
&& new Date(scope.row.newsReleaseEndTime.replace('-', '/')) > new Date() " |
||||
type="text" |
type="text" |
||||
size="small" |
size="small" |
||||
@click="newsToBanner(scope.row)">上banner</el-button> |
@click="newsToBanner(scope.row)">上banner |
||||
</template> |
</el-button> |
||||
</el-table-column> |
</template> |
||||
</el-table> |
</el-table-column> |
||||
<el-pagination :current-page="page" |
</el-table> |
||||
:page-sizes="[10, 20, 50, 100]" |
<el-pagination :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" |
||||
</el-pagination> |
@current-change="pageCurrentChangeHandle"> |
||||
<!-- 弹窗, 新增 / 修改 --> |
</el-pagination> |
||||
<add-or-update v-if="addOrUpdateVisible" |
<!-- 弹窗, 新增 / 修改 --> |
||||
ref="addOrUpdate" |
<add-or-update v-if="addOrUpdateVisible" |
||||
@refreshDataList="getDataList"></add-or-update> |
ref="addOrUpdate" |
||||
</div> |
@refreshDataList="getDataList"></add-or-update> |
||||
</el-card> |
</div> |
||||
|
</el-card> |
||||
</template> |
</template> |
||||
<script> |
<script> |
||||
import mixinViewModule from '@/mixins/view-module' |
import mixinViewModule from '@/mixins/view-module' |
||||
import AddOrUpdate from './news-add-or-update' |
import AddOrUpdate from './news-add-or-update' |
||||
export default { |
|
||||
mixins: [mixinViewModule], |
export default { |
||||
data () { |
mixins: [mixinViewModule], |
||||
return { |
data() { |
||||
mixinViewModuleOptions: { |
return { |
||||
getDataListURL: '/news/news/page', |
mixinViewModuleOptions: { |
||||
getDataListIsPage: true, |
getDataListURL: '/news/news/page', |
||||
deleteURL: '/news/news', |
getDataListIsPage: true, |
||||
deleteIsBatch: true |
deleteURL: '/news/news', |
||||
}, |
deleteIsBatch: true |
||||
dataForm: { |
}, |
||||
id: '', |
dataForm: { |
||||
streetId: '', |
id: '', |
||||
communityId: '', |
streetId: '', |
||||
gridId: '', |
communityId: '', |
||||
startTime: '', |
gridId: '', |
||||
endTime: '', |
startTime: '', |
||||
keyword: '', |
endTime: '', |
||||
category: '' |
keyword: '', |
||||
}, |
category: '' |
||||
time: '', |
}, |
||||
options: [], |
time: '', |
||||
deptIdList: [], |
options: [], |
||||
streetList: [], |
deptIdList: [], |
||||
communityList: [], |
streetList: [], |
||||
gridList: [], |
communityList: [], |
||||
categorys: [], |
gridList: [], |
||||
onLine: { |
categorys: [], |
||||
id: '', |
onLine: { |
||||
onLineState: '' |
id: '', |
||||
} |
onLineState: '' |
||||
} |
} |
||||
}, |
|
||||
created () { |
|
||||
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(() => { }) |
|
||||
this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street')) |
|
||||
this.getListCategory() |
|
||||
}, |
|
||||
methods: { |
|
||||
newsUpDownState: function (row) { |
|
||||
return row.newsUpDownState === '1' ? '下线' : '上线' |
|
||||
}, |
|
||||
publishState: function (row) { |
|
||||
var stdt = new Date(row.newsReleaseStartTime.replace('-', '/')) |
|
||||
var eddt = new Date(row.newsReleaseEndTime.replace('-', '/')) |
|
||||
var nowdt = new Date() |
|
||||
if (row.newsUpDownState === '1') { |
|
||||
// 手动下线 |
|
||||
return '已下线' |
|
||||
} |
|
||||
if (nowdt > stdt && nowdt < eddt && row.newsUpDownState === '0') { |
|
||||
return '已上线' |
|
||||
} |
|
||||
if (nowdt < stdt) { |
|
||||
return '未上线' |
|
||||
} |
|
||||
if (nowdt > eddt) { |
|
||||
return '已下线' |
|
||||
} |
|
||||
}, |
|
||||
// 获取部门列表 |
|
||||
getDeptInfoList (dataReceiver, faDeptId) { |
|
||||
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 (event) { |
|
||||
if (this.dataForm.streetId === '') { |
|
||||
this.communityList = [] |
|
||||
this.gridList = [] |
|
||||
this.dataForm.communityId = '' |
|
||||
this.dataForm.gridId = '' |
|
||||
return |
|
||||
} |
|
||||
this.dataForm.streetId = event |
|
||||
let choosenItem = this.streetList.filter(item => item.id === this.dataForm.streetId)[0] |
|
||||
this.initDeptIdAndName(choosenItem) |
|
||||
this.dataForm.communityId = this.dataForm.gridId = null |
|
||||
this.communityList = this.gridList = [] |
|
||||
this.getDeptInfoList('community', event) |
|
||||
}, |
|
||||
changeCommunity (event) { |
|
||||
if (this.dataForm.communityId === '') { |
|
||||
this.gridList = [] |
|
||||
this.dataForm.gridId = '' |
|
||||
return |
|
||||
} |
|
||||
this.communityId = event |
|
||||
let choosenItem = this.communityList.filter(item => item.id === this.dataForm.communityId)[0] |
|
||||
this.initDeptIdAndName(choosenItem) |
|
||||
this.dataForm.gridId = null |
|
||||
this.gridList = [] |
|
||||
this.getDeptInfoList('grid', event) |
|
||||
}, |
|
||||
changeGrid (event) { |
|
||||
this.dataForm.gridId = event |
|
||||
let choosenItem = this.gridList.filter(item => item.id === this.gridId)[0] |
|
||||
this.initDeptIdAndName(choosenItem) |
|
||||
}, |
|
||||
initDeptIdAndName (choosenItem) { |
|
||||
this.dataForm.dept = choosenItem.name |
|
||||
this.dataForm.deptId = choosenItem.id |
|
||||
}, |
|
||||
setRegistTime () { |
|
||||
console.log(this.time[0]) |
|
||||
this.dataForm.startTime = this.time[0] |
|
||||
this.dataForm.endTime = this.time[1] |
|
||||
}, |
|
||||
getListCategory () { |
|
||||
this.$http.get(`/news/newscategory/category/`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.categorys = res.data |
|
||||
}).catch(() => { }) |
|
||||
}, |
|
||||
modifyOnLine (row) { |
|
||||
this.$confirm(this.$t('prompt.info', { 'handle': '下线' }), this.$t('下线'), { |
|
||||
confirmButtonText: this.$t('confirm'), |
|
||||
cancelButtonText: this.$t('cancel'), |
|
||||
type: 'warning' |
|
||||
}).then(() => { |
|
||||
this.onLine.id = row.id |
|
||||
this.onLine.onLineState = '0' |
|
||||
console.log(this.onLine) |
|
||||
this.$http.post(`/news/news/modifyOnLine/`, this.onLine).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() |
created() { |
||||
}).catch(() => { }) |
this.$http |
||||
}).catch(() => { }) |
.get(`/sys/user/deptOptions/getByLoginUser`) |
||||
}, |
.then(({data: res}) => { |
||||
newsToBanner (row) { |
if (res.code !== 0) { |
||||
this.$confirm(this.$t('prompt.info', { 'handle': '上banner' }), this.$t('上banner'), { |
return this.$message.error(res.msg) |
||||
confirmButtonText: this.$t('confirm'), |
} |
||||
cancelButtonText: this.$t('cancel'), |
this.options = res.data.options |
||||
type: 'warning' |
}) |
||||
}).then(() => { |
.catch(() => { |
||||
this.$http.post(`/news/news/newsToBanner/` + row.id).then(({ data: res }) => { |
}) |
||||
if (res.code !== 0) { |
this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street')) |
||||
return this.$message.error(res.msg) |
this.getListCategory() |
||||
} |
}, |
||||
this.$message({ |
methods: { |
||||
message: this.$t('prompt.success'), |
newsUpDownState: function (row) { |
||||
type: 'success', |
return row.newsUpDownState === '1' ? '下线' : '上线' |
||||
duration: 500, |
}, |
||||
onClose: () => { |
publishState: function (row) { |
||||
|
var stdt = new Date(row.newsReleaseStartTime.replace('-', '/')) |
||||
|
var eddt = new Date(row.newsReleaseEndTime.replace('-', '/')) |
||||
|
var nowdt = new Date() |
||||
|
if (row.newsUpDownState === '1') { |
||||
|
// 手动下线 |
||||
|
return '已下线' |
||||
|
} |
||||
|
if (nowdt > stdt && nowdt < eddt && row.newsUpDownState === '0') { |
||||
|
return '已上线' |
||||
|
} |
||||
|
if (nowdt < stdt) { |
||||
|
return '未上线' |
||||
|
} |
||||
|
if (nowdt > eddt) { |
||||
|
return '已下线' |
||||
|
} |
||||
|
}, |
||||
|
// 获取部门列表 |
||||
|
getDeptInfoList(dataReceiver, faDeptId) { |
||||
|
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(event) { |
||||
|
if (this.dataForm.streetId === '') { |
||||
|
this.communityList = [] |
||||
|
this.gridList = [] |
||||
|
this.dataForm.communityId = '' |
||||
|
this.dataForm.gridId = '' |
||||
|
return |
||||
|
} |
||||
|
this.dataForm.streetId = event |
||||
|
let choosenItem = this.streetList.filter(item => item.id === this.dataForm.streetId)[0] |
||||
|
this.initDeptIdAndName(choosenItem) |
||||
|
this.dataForm.communityId = this.dataForm.gridId = null |
||||
|
this.communityList = this.gridList = [] |
||||
|
this.getDeptInfoList('community', event) |
||||
|
}, |
||||
|
changeCommunity(event) { |
||||
|
if (this.dataForm.communityId === '') { |
||||
|
this.gridList = [] |
||||
|
this.dataForm.gridId = '' |
||||
|
return |
||||
|
} |
||||
|
this.communityId = event |
||||
|
let choosenItem = this.communityList.filter(item => item.id === this.dataForm.communityId)[0] |
||||
|
this.initDeptIdAndName(choosenItem) |
||||
|
this.dataForm.gridId = null |
||||
|
this.gridList = [] |
||||
|
this.getDeptInfoList('grid', event) |
||||
|
}, |
||||
|
changeGrid(event) { |
||||
|
this.dataForm.gridId = event |
||||
|
let choosenItem = this.gridList.filter(item => item.id === this.gridId)[0] |
||||
|
this.initDeptIdAndName(choosenItem) |
||||
|
}, |
||||
|
initDeptIdAndName(choosenItem) { |
||||
|
this.dataForm.dept = choosenItem.name |
||||
|
this.dataForm.deptId = choosenItem.id |
||||
|
}, |
||||
|
setRegistTime() { |
||||
|
console.log(this.time[0]) |
||||
|
this.dataForm.startTime = this.time[0] |
||||
|
this.dataForm.endTime = this.time[1] |
||||
|
}, |
||||
|
getListCategory() { |
||||
|
this.$http.get(`/news/newscategory/category/`).then(({data: res}) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.categorys = res.data |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
modifyOnLine(row) { |
||||
|
this.$confirm(this.$t('prompt.info', {'handle': '下线'}), this.$t('下线'), { |
||||
|
confirmButtonText: this.$t('confirm'), |
||||
|
cancelButtonText: this.$t('cancel'), |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.onLine.id = row.id |
||||
|
this.onLine.onLineState = '0' |
||||
|
console.log(this.onLine) |
||||
|
this.$http.post(`/news/news/modifyOnLine/`, this.onLine).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(() => { |
||||
|
}) |
||||
|
}, |
||||
|
newsToBanner(row) { |
||||
|
this.$confirm(this.$t('prompt.info', {'handle': '上banner'}), this.$t('上banner'), { |
||||
|
confirmButtonText: this.$t('confirm'), |
||||
|
cancelButtonText: this.$t('cancel'), |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.$http.post(`/news/news/newsToBanner/` + row.id).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(() => { |
||||
|
}) |
||||
|
}, |
||||
|
// 获取数据列表 |
||||
|
getDataList() { |
||||
|
if (this.time === null) { |
||||
|
this.dataForm.startTime = '' |
||||
|
this.dataForm.endTime = '' |
||||
|
} |
||||
|
this.dataListLoading = true |
||||
|
this.$http.get( |
||||
|
this.mixinViewModuleOptions.getDataListURL, |
||||
|
{ |
||||
|
params: { |
||||
|
order: this.order, |
||||
|
orderField: this.orderField, |
||||
|
page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null, |
||||
|
limit: this.mixinViewModuleOptions.getDataListIsPage ? this.limit : null, |
||||
|
...this.dataForm |
||||
|
} |
||||
|
} |
||||
|
).then(({data: res}) => { |
||||
|
this.dataListLoading = false |
||||
|
if (res.code !== 0) { |
||||
|
this.dataList = [] |
||||
|
this.total = 0 |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.dataList = this.mixinViewModuleOptions.getDataListIsPage ? res.data.list : res.data |
||||
|
this.total = this.mixinViewModuleOptions.getDataListIsPage ? res.data.total : 0 |
||||
|
}).catch(() => { |
||||
|
this.dataListLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
//特殊字符处理 |
||||
|
btKeyUpkeyword(e) { |
||||
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】、;‘’,。、]/g, '') |
||||
|
this.dataForm.keyword = e.target.value |
||||
|
}, |
||||
|
}, |
||||
|
components: { |
||||
|
AddOrUpdate |
||||
|
}, |
||||
|
watch: { |
||||
|
'deptIdList': function (val) { |
||||
|
if (val.length !== 0) { |
||||
|
this.dataForm.gridId = val[val.length - 1] |
||||
|
} else { |
||||
|
this.dataForm.gridId = '' |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
}) |
|
||||
this.getDataList() |
|
||||
}).catch(() => { }) |
|
||||
}).catch(() => { }) |
|
||||
}, |
|
||||
// 获取数据列表 |
|
||||
getDataList () { |
|
||||
if (this.time === null) { |
|
||||
this.dataForm.startTime = '' |
|
||||
this.dataForm.endTime = '' |
|
||||
} |
|
||||
this.dataListLoading = true |
|
||||
this.$http.get( |
|
||||
this.mixinViewModuleOptions.getDataListURL, |
|
||||
{ |
|
||||
params: { |
|
||||
order: this.order, |
|
||||
orderField: this.orderField, |
|
||||
page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null, |
|
||||
limit: this.mixinViewModuleOptions.getDataListIsPage ? this.limit : null, |
|
||||
...this.dataForm |
|
||||
} |
|
||||
} |
|
||||
).then(({ data: res }) => { |
|
||||
this.dataListLoading = false |
|
||||
if (res.code !== 0) { |
|
||||
this.dataList = [] |
|
||||
this.total = 0 |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
} |
||||
this.dataList = this.mixinViewModuleOptions.getDataListIsPage ? res.data.list : res.data |
|
||||
this.total = this.mixinViewModuleOptions.getDataListIsPage ? res.data.total : 0 |
|
||||
}).catch(() => { |
|
||||
this.dataListLoading = false |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
}, |
|
||||
watch: { |
|
||||
'deptIdList': function (val) { |
|
||||
if (val.length !== 0) { |
|
||||
this.dataForm.gridId = val[val.length - 1] |
|
||||
} else { |
|
||||
this.dataForm.gridId = '' |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
</script> |
||||
|
Loading…
Reference in new issue