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

大屏企业管理 init

master
liuchuang 4 years ago
parent
79ffcc37ec
commit
ecfd648165
2 changed files with 244 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. 173
      src/views/modules/custom/screencompany-add-or-update.vue
  2. 71
      src/views/modules/custom/screencompany.vue

173
src/views/modules/custom/screencompany-add-or-update.vue
View File

@ -0,0 +1,173 @@
<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' : '130px'">
<el-form-item label="企业名称" prop="companyName">
<el-input v-model="dataForm.companyName" placeholder="企业名称"></el-input>
</el-form-item>
<el-form-item label="企业简介" prop="companyIntroduction">
<el-input v-model="dataForm.companyIntroduction" placeholder="企业简介"></el-input>
</el-form-item>
<el-form-item label="联系人" prop="contactPerson">
<el-input v-model="dataForm.contactPerson" 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>
<el-upload list-type="picture-card"
:limit=6
:action="uploadUrl"
:file-list="dataForm.images"
:on-success="handleAvatarActSuccess"
:on-remove="removeImage">
<i slot="default" class="el-icon-plus"></i>
</el-upload>
</el-form-item>
<el-form-item label="企业地址" prop="companyAddress">
<el-input v-model="dataForm.companyAddress" placeholder="企业地址"></el-input>
</el-form-item>
<el-form-item label="经度" prop="longitude">
<el-input v-model="dataForm.longitude" placeholder="经度"></el-input>
</el-form-item>
<el-form-item label="纬度" prop="latitude">
<el-input v-model="dataForm.latitude" 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="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>
<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 Cookies from 'js-cookie'
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dialogImageUrl: '',
dialogVisible: false,
disabled: false,
uploadUrl: '',
dataForm: {
id: '',
companyName: '',
companyIntroduction: '',
contactPerson: '',
mobile: '',
companyAddress: '',
uniformSocialCreditCode: '',
registeredCapital: '',
employedPopulation: '',
longitude: '',
latitude: '',
revision: '',
delFlag: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
images: []
}
}
},
computed: {
dataRule () {
return {
companyName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
companyIntroduction: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
contactPerson: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
mobile: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
companyAddress: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
longitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
latitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/upload?token=${Cookies.get('token')}`
this.dataForm.images = []
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/custom/screencompany/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
handleAvatarActSuccess (res, file) {
let image = {}
image.name = Math.round(Math.random() * 5)
image.url = res.data.url
this.dataForm.images.push(image)
},
handlePictureCardPreview (url) {
console.log(url)
},
removeImage (file, fileList) {
this.dataForm.images.pop(file)
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
console.log(JSON.stringify(this.dataForm.images))
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/custom/screencompany/', 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>

71
src/views/modules/custom/screencompany.vue
View File

@ -0,0 +1,71 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-news__screencompany}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item>
<el-input v-model="dataForm.companyName" 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 type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</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="companyName" label="企业名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="companyIntroduction" label="企业简介" header-align="center" align="center" show-overflow-tooltip></el-table-column>
<el-table-column prop="contactPerson" label="联系人" header-align="center" align="center"></el-table-column>
<el-table-column prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column>
<el-table-column prop="companyAddress" label="企业地址" header-align="center" align="center"></el-table-column>
<el-table-column prop="longitude" label="经度" header-align="center" align="center"></el-table-column>
<el-table-column prop="latitude" 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="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</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>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './screencompany-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/custom/screencompany/page',
getDataListIsPage: true,
deleteURL: '/custom/screencompany',
deleteIsBatch: true
},
dataForm: {
companyName: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>
Write Preview
Loading…
Cancel
Save