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

企业信息列表查询

master
songyunpeng 6 years ago
parent
b6d08cbc38
commit
47b51c815b
2 changed files with 361 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. 236
      src/views/modules/custom/enterpriseinfo-add-or-update.vue
  2. 125
      src/views/modules/custom/enterpriseinfo.vue

236
src/views/modules/custom/enterpriseinfo-add-or-update.vue
View File

@ -0,0 +1,236 @@
<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="用户id" prop="userId">
<el-input v-model="dataForm.userId" placeholder="用户id"></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="性别 0女 1男" prop="sex">
<el-input v-model="dataForm.sex" placeholder="性别 0女 1男"></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="enterpriseName">
<el-input v-model="dataForm.enterpriseName" placeholder="企业名称"></el-input>
</el-form-item>
<el-form-item label="统一社会信用代码" prop="uniformSocialCreditCode">
<el-input v-model="dataForm.uniformSocialCreditCode" placeholder="统一社会信用代码"></el-input>
</el-form-item>
<el-form-item label="企业地址" prop="enterpriseAddress">
<el-input v-model="dataForm.enterpriseAddress" 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="registeredCapital">
<el-input v-model="dataForm.registeredCapital" placeholder="注册资金(万元)"></el-input>
</el-form-item>
<el-form-item label="从业人数" prop="employedPopulation">
<el-input v-model="dataForm.employedPopulation" placeholder="从业人数"></el-input>
</el-form-item>
<el-form-item label="所属行业" prop="industry">
<el-input v-model="dataForm.industry" placeholder="所属行业"></el-input>
</el-form-item>
<el-form-item label="经营范围" prop="businessScope">
<el-input v-model="dataForm.businessScope" 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="父所有部门" 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-item label="乐观锁" prop="revision">
<el-input v-model="dataForm.revision" 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="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>
<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: '',
userId: '',
realName: '',
sex: '',
mobile: '',
enterpriseName: '',
uniformSocialCreditCode: '',
enterpriseAddress: '',
legalPerson: '',
registeredCapital: '',
employedPopulation: '',
industry: '',
businessScope: '',
deptId: '',
parentDeptIds: '',
parentDeptNames: '',
allDeptIds: '',
allDeptNames: '',
revision: '',
delFlag: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
}
}
},
computed: {
dataRule () {
return {
userId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
realName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
sex: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
mobile: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
enterpriseName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
uniformSocialCreditCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
enterpriseAddress: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
legalPerson: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
registeredCapital: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
employedPopulation: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
industry: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
businessScope: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
deptId: [
{ 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' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ 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' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`//enterpriseinfo/${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']('//enterpriseinfo/', 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>

125
src/views/modules/custom/enterpriseinfo.vue
View File

@ -0,0 +1,125 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__enterpriseinfo}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<div>
<el-form-item label="区域">
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable>
</el-cascader>
</el-form-item>
</div>
<el-form-item label="公司名称"><el-input v-model="dataForm.enterpriseName" placeholder="请输入" clearable></el-input></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-input v-model="dataForm.uniformSocialCreditCode" placeholder="请输入" clearable></el-input></el-form-item>
<el-form-item label="法人姓名"><el-input v-model="dataForm.legalPerson" placeholder="请输入" clearable></el-input></el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('epdc:enterpriseinfo:export')" type="primary" @click="exportHandle()">{{ $t('export') }}</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="realName" label="姓名" header-align="center" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" header-align="center" align="center" :formatter="showFlagFormat"></el-table-column>
<el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column>
<el-table-column prop="allDeptNames" label="所属网格" header-align="center" align="center"></el-table-column>
<el-table-column prop="enterpriseName" label="企业全称" header-align="center" align="center"></el-table-column>
<el-table-column prop="uniformSocialCreditCode" label="统一社会信用代码" header-align="center" align="center"></el-table-column>
<el-table-column prop="enterpriseAddress" 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="registeredCapital" label="注册资金(万元)" header-align="center" align="center"></el-table-column>
<el-table-column prop="employedPopulation" label="从业人数" header-align="center" align="center"></el-table-column>
<el-table-column prop="industry" label="所属行业" header-align="center" align="center"></el-table-column>
<el-table-column prop="businessScope" label="经营范围" header-align="center" align="center"></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>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './enterpriseinfo-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/custom/enterpriseinfo/page',
getDataListIsPage: true,
deleteURL: '/custom/enterpriseinfo',
deleteIsBatch: true,
exportURL: '/custom/enterpriseinfo/export'
},
dataForm: {
enterpriseName: '',
mobile: '',
uniformSocialCreditCode: '',
legalPerson: ''
},
ids: [],
options: []
}
},
components: {
AddOrUpdate
},
created: function () {
this.getOptions()
},
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: {
getOptions () {
this.$http.get(`/sys/dept/party/getDeptTreeForEpiDemic`).then(({ data: res }) => {
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 '男'
}
}
}
}
</script>
Write Preview
Loading…
Cancel
Save