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

企业信息上报

master
songyunpeng 4 years ago
parent
5c99076855
commit
94890a0269
3 changed files with 597 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 271
      src/views/modules/custom/enterprisereport-add-or-update.vue
  2. 115
      src/views/modules/custom/enterprisereport-detail.vue
  3. 211
      src/views/modules/custom/enterprisereport.vue

271
src/views/modules/custom/enterprisereport-add-or-update.vue
View File

@ -0,0 +1,271 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="企业所属网格" prop="grid">
<el-input v-model="dataForm.grid" placeholder="企业所属网格"></el-input>
</el-form-item>
<el-form-item label="企业所属网格ID" prop="gridId">
<el-input v-model="dataForm.gridId" placeholder="企业所属网格ID"></el-input>
</el-form-item>
<el-form-item label="发布人所属网格" prop="dept">
<el-input v-model="dataForm.dept" placeholder="发布人所属网格"></el-input>
</el-form-item>
<el-form-item label="发布人所属网格ID" prop="deptId">
<el-input v-model="dataForm.deptId" placeholder="发布人所属网格ID"></el-input>
</el-form-item>
<el-form-item label="发布人ID" prop="userId">
<el-input v-model="dataForm.userId" placeholder="发布人ID"></el-input>
</el-form-item>
<el-form-item label="发布人昵称" prop="nickname">
<el-input v-model="dataForm.nickname" placeholder="发布人昵称"></el-input>
</el-form-item>
<el-form-item label="发布人手机号" prop="mobile">
<el-input v-model="dataForm.mobile" placeholder="发布人手机号"></el-input>
</el-form-item>
<el-form-item label="发布人头像" prop="faceImg">
<el-input v-model="dataForm.faceImg" placeholder="发布人头像"></el-input>
</el-form-item>
<el-form-item label="发布人真实姓名" prop="realName">
<el-input v-model="dataForm.realName" placeholder="发布人真实姓名"></el-input>
</el-form-item>
<el-form-item label="所属年度" prop="year">
<el-input v-model="dataForm.year" placeholder="所属年度"></el-input>
</el-form-item>
<el-form-item label="所属季度" prop="quarter">
<el-input v-model="dataForm.quarter" placeholder="所属季度"></el-input>
</el-form-item>
<el-form-item label="公司名称" prop="enterpriseName">
<el-input v-model="dataForm.enterpriseName" placeholder="公司名称"></el-input>
</el-form-item>
<el-form-item label="法人或联络人" prop="legalPerson">
<el-input v-model="dataForm.legalPerson" placeholder="法人或联络人"></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="concat">
<el-input v-model="dataForm.concat" placeholder="联系电话"></el-input>
</el-form-item>
<el-form-item label="公司状态" prop="enterpriseStatus">
<el-input v-model="dataForm.enterpriseStatus" placeholder="公司状态"></el-input>
</el-form-item>
<el-form-item label="营业收入" prop="enterpriseIncome">
<el-input v-model="dataForm.enterpriseIncome" placeholder="营业收入"></el-input>
</el-form-item>
<el-form-item label="用工人数" prop="enterprisePeopleNum">
<el-input v-model="dataForm.enterprisePeopleNum" placeholder="用工人数"></el-input>
</el-form-item>
<el-form-item label="问题" prop="question">
<el-input v-model="dataForm.question" placeholder="问题"></el-input>
</el-form-item>
<el-form-item label="删除标识 0：未删除，1：已删除" prop="delFlag">
<el-input v-model="dataForm.delFlag" placeholder="删除标识 0：未删除，1：已删除"></el-input>
</el-form-item>
<el-form-item label="乐观锁" prop="revision">
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>
</el-form-item>
<el-form-item label="创建人" prop="createdBy">
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createdTime">
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>
</el-form-item>
<el-form-item label="更新人" prop="updatedBy">
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>
</el-form-item>
<el-form-item label="更新时间" prop="updatedTime">
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>
</el-form-item>
<el-form-item label="企业父所有部门" prop="parentDeptIds">
<el-input v-model="dataForm.parentDeptIds" placeholder="企业父所有部门"></el-input>
</el-form-item>
<el-form-item label="企业父所有部门" prop="parentDeptNames">
<el-input v-model="dataForm.parentDeptNames" placeholder="企业父所有部门"></el-input>
</el-form-item>
<el-form-item label="企业所有部门ID" prop="allDeptIds">
<el-input v-model="dataForm.allDeptIds" placeholder="企业所有部门ID"></el-input>
</el-form-item>
<el-form-item label="企业所有部门名称" prop="allDeptNames">
<el-input v-model="dataForm.allDeptNames" placeholder="企业所有部门名称"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
id: '',
grid: '',
gridId: '',
dept: '',
deptId: '',
userId: '',
nickname: '',
mobile: '',
faceImg: '',
realName: '',
year: '',
quarter: '',
enterpriseName: '',
legalPerson: '',
concat: '',
enterpriseStatus: '',
enterpriseIncome: '',
enterprisePeopleNum: '',
question: '',
delFlag: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
parentDeptIds: '',
parentDeptNames: '',
allDeptIds: '',
allDeptNames: ''
}
}
},
computed: {
dataRule () {
return {
grid: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
gridId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
dept: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
deptId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
userId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
nickname: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
mobile: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
faceImg: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
realName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
year: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
quarter: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
enterpriseName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
legalPerson: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
concat: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
enterpriseStatus: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
enterpriseIncome: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
enterprisePeopleNum: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
question: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
parentDeptIds: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
parentDeptNames: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
allDeptIds: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
allDeptNames: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/news/enterprisereport/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/news/enterprisereport/', this.dataForm).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.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

115
src/views/modules/custom/enterprisereport-detail.vue
View File

@ -0,0 +1,115 @@
<template>
<el-dialog :visible.sync="visible" :title="$t('look')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" ref="dataForm" label-width="150px">
<el-form-item label="网格：" prop="grid">
<div>{{ dataForm.grid }}</div>
</el-form-item>
<el-form-item label="年度：" prop="year">
<div>{{ dataForm.year }}</div>
</el-form-item>
<el-form-item label="季度：" prop="quarter">
<div>{{ dataForm.quarter }}</div>
</el-form-item>
<el-form-item label="公司名称：" prop="enterpriseName">
<div>{{ dataForm.enterpriseName }}</div>
</el-form-item>
<el-form-item label="法人或联络人：" prop="legalPerson">
<div>{{ dataForm.legalPerson }}</div>
</el-form-item>
<el-form-item label="联系电话：" prop="concat">
<div>{{ dataForm.concat }}</div>
</el-form-item>
<el-form-item label="公司状态：" prop="enterpriseStatus">
<div>{{ dataForm.enterpriseStatus }}</div>
</el-form-item>
<el-form-item label="营业收入：" prop="enterpriseIncome">
<div>{{ dataForm.enterpriseIncome }}</div>
</el-form-item>
<el-form-item label="用工人数：" prop="enterprisePeopleNum">
<div>{{ dataForm.enterprisePeopleNum }}</div>
</el-form-item>
<el-form-item label="问题：" prop="question">
<div>{{ dataForm.question }}</div>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('close') }}</el-button>
</template>
</el-dialog>
</template>
<script>
export default {
data () {
return {
visible: false,
dataForm: {
id: ''
},
enterpriseStatusList: [],
enterpriseQuarterList: []
}
},
computed: {
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getEnterpriseStatusList()
this.getEnterpriseQuarterList()
this.getInfo()
}
})
},
getEnterpriseStatusList () {
this.$http
.get(`/sys/dict/listSimple/enterprise_status`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.enterpriseStatusList = res.data
})
.catch(() => {})
},
getEnterpriseQuarterList () {
this.$http
.get(`/sys/dict/listSimple/enterprise_quarter`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.enterpriseQuarterList = res.data
})
.catch(() => {})
},
// 获取信息
getInfo () {
this.$http.get(`/custom/enterprisereport/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (res.enterpriseStatus) {
let dict = this.enterpriseStatusList.filter(item => item.dictValue === res.enterpriseStatus)[0]
if (dict) {
res.enterpriseStatus = dict.dictName
}
}
if (res.quarter) {
let dict = this.enterpriseQuarterList.filter(item => item.dictValue === res.quarter)[0]
if (dict) {
res.quarter = dict.dictName
}
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
}
}
}
</script>

211
src/views/modules/custom/enterprisereport.vue
View File

@ -0,0 +1,211 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-news__enterprisereport}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属机构">
<el-cascader v-model="ids"
:options="options"
:props="{ checkStrictly: true }"
clearable>
</el-cascader>
</el-form-item>
<el-form-item label="所属年度"
prop="year">
<el-date-picker v-model="dataForm.year"
type="year"
value-format="yyyy"
format="yyyy"
placeholder="选择年度">
</el-date-picker>
</el-form-item>
<el-form-item label="所属季度">
<el-select v-model="dataForm.quarter" placeholder="所属季度" clearable>
<el-option
v-for="item in enterpriseQuarterList"
:key="item.dictName"
:label="item.dictName"
:value="item.dictValue"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="公司名称" prop="enterpriseName">
<el-input v-model.trim="dataForm.enterpriseName" placeholder="请输入关键字模糊搜索" clearable ></el-input>
</el-form-item>
<el-form-item label="法人或联络人" prop="legalPerson">
<el-input v-model.trim="dataForm.legalPerson" placeholder="请输入关键字模糊搜索" clearable ></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="concat">
<el-input v-model.trim="dataForm.concat" placeholder="请输入关键字模糊搜索" clearable ></el-input>
</el-form-item>
<el-form-item label="公司状态">
<el-select v-model="dataForm.enterpriseStatus" placeholder="公司状态" clearable>
<el-option
v-for="item in enterpriseStatusList"
:key="item.dictName"
:label="item.dictName"
:value="item.dictValue"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="grid" label="网格" header-align="center" align="center"></el-table-column>
<el-table-column prop="year" label="年度" header-align="center" align="center"></el-table-column>
<el-table-column prop="quarter" label="季度" header-align="center" align="center" :formatter="showEnterpriseQuarterFormatter"></el-table-column>
<el-table-column prop="enterpriseName" label="公司名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="legalPerson" label="法人或联络人" header-align="center" align="center"></el-table-column>
<el-table-column prop="concat" label="联系电话" header-align="center" align="center"></el-table-column>
<el-table-column prop="enterpriseStatus" label="公司状态" header-align="center" align="center" :formatter="showEnterpriseStatusFormatter" ></el-table-column>
<el-table-column prop="enterpriseIncome" label="营业收入" header-align="center" align="center"></el-table-column>
<el-table-column prop="enterprisePeopleNum" label="用工人数" header-align="center" align="center"></el-table-column>
<el-table-column prop="question" label="问题" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button type="text" size="mini" @click="detailHandle(scope.row.id)">查看</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>
<enterprisereport-detail v-if="detailVisible" ref="enterprisereportDetail" @refreshDataList="getDataList"></enterprisereport-detail>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './enterprisereport-add-or-update'
import EnterprisereportDetail from './enterprisereport-detail'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/custom/enterprisereport/page',
getDataListIsPage: true,
deleteURL: '/custom/enterprisereport',
deleteIsBatch: true
},
dataForm: {
id: '',
streetId: '',
communityId: '',
gridId: ''
},
ids: [],
options: [],
enterpriseStatusList: [],
enterpriseQuarterList: [],
detailVisible: false
}
},
created: function () {
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.getDataList()
this.getEnterpriseStatusList()
this.getEnterpriseQuarterList()
},
components: {
AddOrUpdate,
EnterprisereportDetail
},
watch: {
'ids': function (val) {
if (val.length === 0) {
this.dataForm.streetId = ''
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 1) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 2) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = ''
}
if (val.length === 3) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = this.ids[2]
}
}
},
methods: {
showEnterpriseStatusFormatter (row, column) {
if (row.enterpriseStatus) {
let dict = this.enterpriseStatusList.filter(item => item.dictValue === row.enterpriseStatus)[0]
if (dict) {
return dict.dictName
}
}
return ''
},
showEnterpriseQuarterFormatter (row, column) {
if (row.quarter) {
let dict = this.enterpriseQuarterList.filter(item => item.dictValue === row.quarter)[0]
if (dict) {
return dict.dictName
}
}
return ''
},
getEnterpriseStatusList () {
this.$http
.get(`/sys/dict/listSimple/enterprise_status`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.enterpriseStatusList = res.data
})
.catch(() => {})
},
getEnterpriseQuarterList () {
this.$http
.get(`/sys/dict/listSimple/enterprise_quarter`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.enterpriseQuarterList = res.data
})
.catch(() => {})
},
detailHandle (id) {
this.detailVisible = true
this.$nextTick(() => {
this.$refs.enterprisereportDetail.dataForm.id = id
this.$refs.enterprisereportDetail.init()
})
}
}
}
</script>
Write Preview
Loading…
Cancel
Save