|
|
@@ -0,0 +1,173 @@
|
|
|
+<template>
|
|
|
+ <div style="min-height: 570px;">
|
|
|
+ <common-menu></common-menu>
|
|
|
+ <!-- 内容区域 -->
|
|
|
+ <div class="basic-enterprise-info" style="padding: 30px 0 0;width: 490px;">
|
|
|
+ <el-form ref="form" :model="enterpriseInfo" label-width="150px">
|
|
|
+ <el-form-item label="企业UU">
|
|
|
+ <div>{{ enterpriseInfo.spaceUU }}</div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业名称">
|
|
|
+ <el-input v-model="enterpriseInfo.spaceName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="法定代表人">
|
|
|
+ <el-input v-model="enterpriseInfo.corporation">
|
|
|
+ <div slot="append" v-if="enterpriseInfo.corporation">
|
|
|
+ <img src="/static/images/status/right.png" alt="Status">
|
|
|
+ </div>
|
|
|
+ <div slot="append" v-if="!enterpriseInfo.corporation">
|
|
|
+ <img src="/static/images/status/wrong.png" alt="Status">
|
|
|
+ </div>
|
|
|
+ </el-input>
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="营业执照号">
|
|
|
+ <el-input v-model="enterpriseInfo.businessCode"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="营业执照附件">
|
|
|
+ <el-input v-model="enterpriseInfo.businessCodeImage">
|
|
|
+ <i class="el-input__icon" slot="prefix" style="line-height: 14px;margin-left: 10px;">
|
|
|
+ <img src="/static/images/pic.png" alt="Picture">
|
|
|
+ </i>
|
|
|
+ <i class="el-input__icon" slot="suffix" style="line-height: 12px;">
|
|
|
+ <img src="/static/images/look.png" alt="Look">
|
|
|
+ </i>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业地址">
|
|
|
+ <el-input v-model="enterpriseInfo.companyAddress" :readonly="true">
|
|
|
+ <i class="el-input__icon" slot="prefix" style="line-height: 16px;margin-left: 10px;">
|
|
|
+ <img src="/static/images/loc.png" alt="Location">
|
|
|
+ </i>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="认证状态" width="400">
|
|
|
+ <el-select v-model="enterpriseInfo.validCode" placeholder="请选择认证状态">
|
|
|
+ <el-option label="未认证" :value="0"></el-option>
|
|
|
+ <el-option label="申诉中" :value="1"></el-option>
|
|
|
+ <el-option label="已认证" :value="2"></el-option>
|
|
|
+ <el-option label="未通过" :value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <span style="padding-left: 8px;">
|
|
|
+ <img src="/static/images/status/right.png" alt="Status" v-if="enterpriseInfo.validCode === 2">
|
|
|
+ <img src="/static/images/status/wrong.png" alt="Status" v-if="enterpriseInfo.validCode !== 2">
|
|
|
+ </span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="注册时间">
|
|
|
+ <!-- TODO 注册时间 -->
|
|
|
+ <div v-text="enterpriseInfo.registerDate">2017-06-11 12:51:44</div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <div class="action-form-item">
|
|
|
+ <el-button type="primary" @click="onSubmit">保存修改</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import _ from 'lodash'
|
|
|
+ import axios from '@/assets/js/axios'
|
|
|
+ import CommonMenu from './CommonMenu'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: 'enterprise-basic-info',
|
|
|
+ components: {
|
|
|
+ CommonMenu
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ enterpriseInfo: {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onSubmit () {
|
|
|
+ const data = _.pick(this.enterpriseInfo,
|
|
|
+ [
|
|
|
+ 'spaceUU',
|
|
|
+ 'spaceName',
|
|
|
+ 'corporation',
|
|
|
+ 'businessCode',
|
|
|
+ 'businessCodeImage',
|
|
|
+ 'companyAddress',
|
|
|
+ 'validCode'
|
|
|
+ ]
|
|
|
+ )
|
|
|
+
|
|
|
+ const success = () => {
|
|
|
+ this.isChange = false
|
|
|
+ this.$message.success('保存成功')
|
|
|
+ this.$route.go(-1)
|
|
|
+ }
|
|
|
+ const error = error => {
|
|
|
+ this.$message.error(error)
|
|
|
+ }
|
|
|
+
|
|
|
+ axios.put('/api/user/space//modifySpaceInfo', data).then(success).catch(error)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ this.enterpriseInfo = Object.assign({}, this.enterpriseInfo, this.$route.params)
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+ .action-form-item {
|
|
|
+ margin-left: -128px;
|
|
|
+ margin-top: 70px;
|
|
|
+ }
|
|
|
+ .action-form-item .el-button {
|
|
|
+ border-radius: 0;
|
|
|
+ padding: 10px 20px;
|
|
|
+ }
|
|
|
+ .el-button {
|
|
|
+ width: 120px;
|
|
|
+ height: 34px;
|
|
|
+ }
|
|
|
+ .el-button--primary {
|
|
|
+ background-color: #4E8EFC;
|
|
|
+ border-color: #4E8EFC;
|
|
|
+ }
|
|
|
+ .el-button--primary.is-disabled {
|
|
|
+ background-color: #D2D2D2;
|
|
|
+ border-color: #D2D2D2;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+<style>
|
|
|
+ .basic-enterprise-info .el-input__inner {
|
|
|
+ height: 34px;
|
|
|
+ width: 340px;
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ .basic-enterprise-info .el-form-item {
|
|
|
+ margin-bottom: 12px;
|
|
|
+ }
|
|
|
+ .basic-enterprise-info .el-form-item__label {
|
|
|
+ margin: 0;
|
|
|
+ height: 34px;
|
|
|
+ padding-left: 26px;
|
|
|
+ text-align: left;
|
|
|
+ line-height: 34px;
|
|
|
+
|
|
|
+ color: #000000;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ font-family: "SimHei", sans-serif;
|
|
|
+ }
|
|
|
+ .basic-enterprise-info .el-form-item__content {
|
|
|
+ height: 34px;
|
|
|
+ line-height: 34px;
|
|
|
+ }
|
|
|
+ .basic-enterprise-info div.el-form-item:nth-last-child(3) .el-form-item__content {
|
|
|
+ width: 400px;
|
|
|
+ }
|
|
|
+ .basic-enterprise-info .el-input-group__append {
|
|
|
+ background: none;
|
|
|
+ border: none;
|
|
|
+ padding-left: 12px;
|
|
|
+ }
|
|
|
+</style>
|