ccsens_fe
/
check-work
forked from TALL/check-work
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

复现表单

master
aBin 5 years ago
parent
c106317101 8206006501
commit
b7f02b39f8
8 changed files with 457 additions and 150 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      src/components/HeadNav/HeadNav.vue
  2. 332
      src/components/Introduce/SettledModel.vue
  3. 92
      src/views/IncubationPlatform/Children/Services.vue
  4. 21
      src/views/IncubationPlatform/Children/place/EntitySpace.vue
  5. 13
      src/views/IncubationPlatform/Children/place/VirtualSpace.vue
  6. 25
      src/views/NewPlatform/Children/Core.vue
  7. 98
      src/views/NewPlatform/Children/Service.vue
  8. 12
      src/views/NewPlatform/components/NewModel.vue

14
src/components/HeadNav/HeadNav.vue
View File

@ -192,16 +192,20 @@ export default {
computed: { computed: {
...mapState('user', ['anyringToken', 'user']), ...mapState('user', ['anyringToken', 'user']),
nickName() { nickName() {
const anyringToken = sessionStorage.getItem('anyringToken'); const anyringToken = sessionStorage.getItem('anyringToken') || this.anyringToken;
const user = JSON.parse(sessionStorage.getItem('user')); const user = sessionStorage.getItem('user') && JSON.parse(sessionStorage.getItem('user'));
if (anyringToken) { if (anyringToken) {
if (user.wxInfo && user.wxInfo.nickname) { if (user.wxInfo.nickname) {
return user.wxInfo.nickname; return user.wxInfo.nickname;
} else {
const account = this.user.account || user.account;
return account;
} }
return user.account; } else {
return '';
} }
return '';
}, },
}, },

332
src/components/Introduce/SettledModel.vue
View File

@ -1,77 +1,165 @@
<template> <template>
<div> <div>
<a-button type="primary" @click="showModal"> 加入我们 </a-button> <a-button @click="showModal" type="primary">加入我们</a-button>
<a-modal width="50%" :title="title" :visible="visible" :confirm-loading="confirmLoading" @ok="handleOk" @cancel="handleCancel"> <a-modal
:confirm-loading="confirmLoading"
:title="title"
:visible="visible"
@cancel="handleCancel"
@ok="handleOk"
width="50%"
>
<a-form :form="form" v-if="current === 0"> <a-form :form="form" v-if="current === 0">
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称" required> <a-form-item
<a-input v-model.trim="platform.company" placeholder="请输入公司名称..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="公司名称"
required
>
<a-input placeholder="请输入公司名称..." v-model.trim="platform.company" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="成立时间" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="成立时间"
required
>
<!-- 时间选择器（时间点） --> <!-- 时间选择器（时间点） -->
<a-date-picker @change="changeBirthday" /> <a-date-picker @change="changeBirthday" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="法人代码" required> <a-form-item
<a-input v-model.trim="platform.legalPerson" placeholder="请输入法人代码..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="法人代码"
required
>
<a-input placeholder="请输入法人代码..." v-model.trim="platform.legalPerson" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="现注册地址" required> <a-form-item
<a-input v-model.trim="platform.registerSite" placeholder="请输入现注册地址..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="现注册地址"
required
>
<a-input placeholder="请输入现注册地址..." v-model.trim="platform.registerSite" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="注册资金(单位：万)"> <a-form-item
<a-input type="number" v-model.trim="platform.registerMoney" placeholder="请输入注册资金..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="注册资金(单位：万)"
>
<a-input placeholder="请输入注册资金..." type="number" v-model.trim="platform.registerMoney" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="员工人数"> <a-form-item
<a-input type="number" v-model.trim="platform.staffCount" placeholder="请输入员工人数..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="员工人数"
>
<a-input placeholder="请输入员工人数..." type="number" v-model.trim="platform.staffCount" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="其中研发人数"> <a-form-item
<a-input type="number" v-model.trim="platform.resarchStaff" placeholder="请输入研发人数..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="其中研发人数"
>
<a-input placeholder="请输入研发人数..." type="number" v-model.trim="platform.resarchStaff" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="大专以上人员"> <a-form-item
<a-input type="number" v-model.trim="platform.juniorCollege" placeholder="请输入员工人数..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="大专以上人员"
>
<a-input placeholder="请输入员工人数..." type="number" v-model.trim="platform.juniorCollege" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="主营业务"> <a-form-item
<a-input v-model.trim="platform.mainBusiness" placeholder="请输入主营业务..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="主营业务"
>
<a-input placeholder="请输入主营业务..." v-model.trim="platform.mainBusiness" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="营业收入(单位：万)"> <a-form-item
<a-input type="number" v-model.trim="platform.businessIncome" placeholder="请输入营业收入..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="营业收入(单位：万)"
>
<a-input placeholder="请输入营业收入..." type="number" v-model.trim="platform.businessIncome" />
</a-form-item> </a-form-item>
</a-form> </a-form>
<a-form :form="form" v-if="current === 1"> <a-form :form="form" v-if="current === 1">
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="产品/技术阶段" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="产品/技术阶段"
required
>
<!-- 单选 --> <!-- 单选 -->
<a-radio-group v-model="platform.productTech"> <a-radio-group v-model="platform.productTech">
<a-radio :value="0" style="margin-right: 20px"> 创意阶段 </a-radio> <a-radio :value="0" style="margin-right: 20px">创意阶段</a-radio>
<a-radio :value="1" style="margin-right: 20px"> 研发阶段 </a-radio> <a-radio :value="1" style="margin-right: 20px">研发阶段</a-radio>
<a-radio :value="2" style="margin-right: 20px"> 转化阶段 </a-radio> <a-radio :value="2" style="margin-right: 20px">转化阶段</a-radio>
<a-radio :value="3" style="margin-right: 20px"> 原型样品 </a-radio> <a-radio :value="3" style="margin-right: 20px">原型样品</a-radio>
<a-radio :value="4"> 产业化开发 </a-radio> <a-radio :value="4">产业化开发</a-radio>
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="申请专利数"> <a-form-item
<a-input type="number" v-model.trim="platform.patentApply" placeholder="请输入申请专利数..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="申请专利数"
>
<a-input placeholder="请输入申请专利数..." type="number" v-model.trim="platform.patentApply" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="授权专利数"> <a-form-item
<a-input type="number" v-model.trim="platform.patentGrented" placeholder="请输入授权专利数..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="授权专利数"
>
<a-input placeholder="请输入授权专利数..." type="number" v-model.trim="platform.patentGrented" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="发明专利数"> <a-form-item
<a-input type="number" v-model.trim="platform.patentInvent" placeholder="请输入发明专利数..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="发明专利数"
>
<a-input placeholder="请输入发明专利数..." type="number" v-model.trim="platform.patentInvent" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="软件著作权"> <a-form-item
<a-input v-model.trim="platform.softwareRegister" placeholder="请输入软件著作权..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="软件著作权"
>
<a-input placeholder="请输入软件著作权..." v-model.trim="platform.softwareRegister" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="动植物新品种"> <a-form-item
<a-input v-model.trim="platform.plantKind" placeholder="请输入动植物新品种..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="动植物新品种"
>
<a-input placeholder="请输入动植物新品种..." v-model.trim="platform.plantKind" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="集成电路布图设计"> <a-form-item
<a-input v-model.trim="platform.electricDesign" placeholder="请输入集成电路布图设计..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="集成电路布图设计"
>
<a-input placeholder="请输入集成电路布图设计..." v-model.trim="platform.electricDesign" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="合作单位"> <a-form-item
<a-input v-model.trim="platform.friendCompany" placeholder="请输入合作单位..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="合作单位"
>
<a-input placeholder="请输入合作单位..." v-model.trim="platform.friendCompany" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="上传附件"> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="上传附件"
>
<a-upload <a-upload
:action="action" :action="action"
:default-file-list="fileList"
:before-upload="beforeUpload" :before-upload="beforeUpload"
:default-file-list="fileList"
@change="fileChange" @change="fileChange"
list-type="picture" list-type="picture"
name="files" name="files"
@ -79,66 +167,145 @@
<p>1.营业执照复印件（尚无注册的无需梯控）</p> <p>1.营业执照复印件（尚无注册的无需梯控）</p>
<p>2.法定代表或授权代表身份证复印件</p> <p>2.法定代表或授权代表身份证复印件</p>
<p>3.主导产品或技术简介</p> <p>3.主导产品或技术简介</p>
<a-button> <a-icon type="upload" />点击上传附件 </a-button> <a-button>
<a-icon type="upload" />点击上传附件
</a-button>
</a-upload> </a-upload>
</a-form-item> </a-form-item>
</a-form> </a-form>
<a-form :form="form" v-if="current === 2"> <a-form :form="form" v-if="current === 2">
<!-- <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称"> <!-- <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称">
<a-input v-model.trim="platform.companyName" placeholder="请输入公司名称..." /> <a-input v-model.trim="platform.companyName" placeholder="请输入公司名称..." />
</a-form-item> --> </a-form-item>-->
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="姓名" required> <a-form-item
<a-input v-model.trim="platform.manName" placeholder="请输入申请人姓名..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="姓名"
required
>
<a-input placeholder="请输入申请人姓名..." v-model.trim="platform.manName" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="性别" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="性别"
required
>
<!-- 单选 --> <!-- 单选 -->
<a-radio-group v-model="platform.sex"> <a-radio-group v-model="platform.sex">
<a-radio :value="1" style="margin-right: 100px"> 男 </a-radio> <a-radio :value="1" style="margin-right: 100px">男</a-radio>
<a-radio :value="0"> 女 </a-radio> <a-radio :value="0">女</a-radio>
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="职务" required> <a-form-item
<a-input v-model.trim="platform.position" placeholder="请输入申请人职务..." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="职务"
required
>
<a-input placeholder="请输入申请人职务..." v-model.trim="platform.position" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系电话" required> <a-form-item
<a-input @change="changePhone" type="tel" v-decorator="['tel', { rules: phoneRules }]" placeholder="请输入联系电话.." /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="联系电话"
required
>
<a-input
@change="changePhone"
placeholder="请输入联系电话.."
type="tel"
v-decorator="['tel', { rules: phoneRules }]"
/>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="图片验证码" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="图片验证码"
required
>
<div class="d-flex flex-nowrap"> <div class="d-flex flex-nowrap">
<a-input placeholder="图片验证码" type="number" v-model="codeNum" /> <a-input placeholder="图片验证码" type="number" v-model="codeNum" />
<img :src="picCode.imageBase64" @click="changePicCode" class="code_img ml-2" v-if="picCode && picCode.imageBase64" /> <img
:src="picCode.imageBase64"
@click="changePicCode"
class="code_img ml-2"
v-if="picCode && picCode.imageBase64"
/>
<a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button> <a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button>
<!-- <a-input v-decorator="['account', { rules: rules.account }]" /> --> <!-- <a-input v-decorator="['account', { rules: rules.account }]" /> -->
</div> </div>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="短信验证码" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="短信验证码"
required
>
<div class="d-flex flex-nowrap"> <div class="d-flex flex-nowrap">
<a-input placeholder="请输入验证码" type="number" v-model="platform.code" /> <a-input placeholder="请输入验证码" type="number" v-model="platform.code" />
<a-button class="code_img ml-2" disabled type="primary" v-if="showInterval">重新发送 {{ interval }}</a-button> <a-button
<a-button :disabled="platform.isTel === false" @click="getCode" class="code_img ml-2" type="primary" v-else> class="code_img ml-2"
获取验证码 disabled
</a-button> type="primary"
v-if="showInterval"
>重新发送 {{ interval }}</a-button>
<a-button
:disabled="platform.isTel === false"
@click="getCode"
class="code_img ml-2"
type="primary"
v-else
>获取验证码</a-button>
</div> </div>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="电子邮箱"> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="电子邮箱"
>
<!-- 电子邮箱 --> <!-- 电子邮箱 -->
<a-input @change="changeEamil" type="email" v-decorator="['email', { rules: emailRules }]" placeholder="请输入电子邮箱..." /> <a-input
@change="changeEamil"
placeholder="请输入电子邮箱..."
type="email"
v-decorator="['email', { rules: emailRules }]"
/>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="身份证号" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="身份证号"
required
>
<!-- 身份证号 --> <!-- 身份证号 -->
<a-input @change="changeIdCard" v-decorator="['idCard', { rules: idCardRules }]" placeholder="请输入身份证号..." /> <a-input
@change="changeIdCard"
placeholder="请输入身份证号..."
v-decorator="['idCard', { rules: idCardRules }]"
/>
</a-form-item> </a-form-item>
</a-form> </a-form>
<a-steps :current="current"> <a-steps :current="current">
<a-step style="cursor: pointer" @click="current = 0"> <a-step @click="current = 0" style="cursor: pointer">
<template slot="title"> <template slot="title">
<span v-if="current === 0">Waiting...</span> <span v-if="current === 0">Waiting...</span>
<span v-else> 完成</span> <span v-else>完成</span>
</template> </template>
<span slot="description">企业基本信息</span> <span slot="description">企业基本信息</span>
</a-step> </a-step>
<a-step style="cursor: pointer" @click="current = 1" :title="current > 1 ? '完成' : 'Waiting...'" description="企业详细信息" /> <a-step
<a-step style="cursor: pointer" @click="current = 2" :title="current > 2 ? '完成' : 'Waiting...'" description="申请人基本信息" /> :title="current > 1 ? '完成' : 'Waiting...'"
@click="current = 1"
description="企业详细信息"
style="cursor: pointer"
/>
<a-step
:title="current > 2 ? '完成' : 'Waiting...'"
@click="current = 2"
description="申请人基本信息"
style="cursor: pointer"
/>
</a-steps> </a-steps>
</a-modal> </a-modal>
</div> </div>
@ -162,10 +329,6 @@ export default {
type: Number, type: Number,
default: 1, default: 1,
}, },
isShowModel: {
type: Number,
default: 0,
},
}, },
data() { data() {
return { return {
@ -238,16 +401,8 @@ export default {
interval: 120, // 验证码有效时间倒计时 interval: 120, // 验证码有效时间倒计时
}; };
}, },
computed: mapState('user', ['picCode', 'anyringToken']), computed: mapState('user', ['picCode']),
watch: {
isShowModel(val) {
if (val === 1 && !this.anyringToken) {
this.visible = true;
} else {
this.visible = false;
}
},
},
async created() { async created() {
this.sendPicCode(); this.sendPicCode();
await this.getUserSer(); await this.getUserSer();
@ -262,22 +417,19 @@ export default {
this.platform.companyName = this.userSer.companyName; this.platform.companyName = this.userSer.companyName;
} }
} }
if (this.isShowModel === 1 && !this.anyringToken) {
this.visible = true;
} else {
this.visible = false;
}
}, },
methods: { methods: {
...mapActions('user', ['sendCode', 'sendPicCode']), ...mapActions('user', ['sendCode', 'sendPicCode']),
...mapActions('home', ['getUserSer']), ...mapActions('home', ['getUserSer']),
...mapMutations('home', ['setPagePath']), ...mapMutations('home', ['setPagePath']),
// 显示表单输入框 // 显示表单输入框
showModal() { showModal() {
if (!this.anyringToken) { const anyringToken = sessionStorage.getItem('anyringToken');
if (!anyringToken) {
this.setPagePath(this.$route.path); this.setPagePath(this.$route.path);
this.$router.push('/login'); this.$router.push('/login');
this.$message.error('请先登录'); this.$message.warning('请先登录');
} else { } else {
this.visible = true; this.visible = true;
} }

92
src/views/IncubationPlatform/Children/Services.vue
View File

@ -42,36 +42,94 @@
v-show="total > 8" v-show="total > 8"
/> />
</div> </div>
<a-modal :confirm-loading="confirmLoading" :visible="visible" @cancel="handleCancel" @ok="handleOk" title="产品购买" width="50%"> <a-modal
:confirm-loading="confirmLoading"
:visible="visible"
@cancel="handleCancel"
@ok="handleOk"
title="产品购买"
width="50%"
>
<a-form :form="form"> <a-form :form="form">
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称"> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="公司名称"
>
<a-input placeholder="请输入公司名称..." v-model.trim="platform.companyName" /> <a-input placeholder="请输入公司名称..." v-model.trim="platform.companyName" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系人" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="联系人"
required
>
<a-input placeholder="请输入联系人..." v-model.trim="platform.manName" /> <a-input placeholder="请输入联系人..." v-model.trim="platform.manName" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系电话" required> <a-form-item
<a-input @change="changePhone" placeholder="请输入联系电话.." type="tel" v-decorator="['tel', { rules: phoneRules }]" /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="联系电话"
required
>
<a-input
@change="changePhone"
placeholder="请输入联系电话.."
type="tel"
v-decorator="['tel', { rules: phoneRules }]"
/>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="图片验证码" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="图片验证码"
required
>
<div class="d-flex flex-nowrap"> <div class="d-flex flex-nowrap">
<a-input placeholder="图片验证码" type="number" v-model="codeNum" /> <a-input placeholder="图片验证码" type="number" v-model="codeNum" />
<img :src="picCode.imageBase64" @click="changePicCode" class="code_img ml-2" v-if="picCode && picCode.imageBase64" /> <img
:src="picCode.imageBase64"
@click="changePicCode"
class="code_img ml-2"
v-if="picCode && picCode.imageBase64"
/>
<a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button> <a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button>
<!-- <a-input v-decorator="['account', { rules: rules.account }]" /> --> <!-- <a-input v-decorator="['account', { rules: rules.account }]" /> -->
</div> </div>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="短信验证码" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="短信验证码"
required
>
<div class="d-flex flex-nowrap"> <div class="d-flex flex-nowrap">
<a-input placeholder="请输入验证码" type="number" v-model="platform.code" /> <a-input placeholder="请输入验证码" type="number" v-model="platform.code" />
<a-button class="code_img ml-2" disabled type="primary" v-if="showInterval">重新发送 {{ interval }}</a-button> <a-button
<a-button :disabled="platform.isTel === false" @click="getCode" class="code_img ml-2" type="primary" v-else class="code_img ml-2"
>获取验证码</a-button disabled
> type="primary"
v-if="showInterval"
>重新发送 {{ interval }}</a-button>
<a-button
:disabled="platform.isTel === false"
@click="getCode"
class="code_img ml-2"
type="primary"
v-else
>获取验证码</a-button>
</div> </div>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="需求描述"> <a-form-item
<a-textarea placeholder="请输入需求描述..." style="height: 120px" v-model.trim="platform.describe" /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="需求描述"
>
<a-textarea
placeholder="请输入需求描述..."
style="height: 120px"
v-model.trim="platform.describe"
/>
</a-form-item> </a-form-item>
<a-form-item <a-form-item
:label-col="formItemLayout.labelCol" :label-col="formItemLayout.labelCol"
@ -81,13 +139,15 @@
> >
<a-upload <a-upload
:action="action" :action="action"
:default-file-list="fileList"
:before-upload="beforeUpload" :before-upload="beforeUpload"
:default-file-list="fileList"
@change="fileChange" @change="fileChange"
list-type="picture" list-type="picture"
name="files" name="files"
> >
<a-button> <a-icon type="upload" />点击上传附件 </a-button> <a-button>
<a-icon type="upload" />点击上传附件
</a-button>
</a-upload> </a-upload>
</a-form-item> </a-form-item>
</a-form> </a-form>

21
src/views/IncubationPlatform/Children/place/EntitySpace.vue
View File

@ -7,7 +7,7 @@
<div class="top-box"> <div class="top-box">
<banner :show-page="49" /> <banner :show-page="49" />
<!-- <add-model :value="2" class="add-mol" style="height: 32px" /> --> <!-- <add-model :value="2" class="add-mol" style="height: 32px" /> -->
<settled-model :type-num="1" class="add-mol" :is-show-model="isShowModel" style="height: 32px" /> <settled-model :type-num="1" class="add-mol" ref="childModel" style="height: 32px" />
<a-button class="set-mol" type="primary">统计信息填报</a-button> <a-button class="set-mol" type="primary">统计信息填报</a-button>
<!-- <div class="top-title">实体众创空间</div> <!-- <div class="top-title">实体众创空间</div>
@ -139,23 +139,20 @@ export default {
], ],
list: [], list: [],
pageSize: 18, pageSize: 18,
isShowModel: 0,
current: 1, current: 1,
lists: [], lists: [],
}; };
}, },
beforeRouteEnter(to, from, next) { beforeRouteEnter(to, from, next) {
next(vm => { if (from.path === '/login' || from.path === '/register') {
// 这里的vm指的就是vue实例，可以用来当做this使用 return next(vm => {
// console.log(to); vm.$refs.childModel.showModal();
// console.log(from); });
if (from.fullPath === '/login') { }
vm.isShowModel = 1; next();
} else {
vm.isShowModel = 0;
}
});
}, },
created() { created() {
console.log(this.$router); console.log(this.$router);
this.searchEnt(); this.searchEnt();

13
src/views/IncubationPlatform/Children/place/VirtualSpace.vue
View File

@ -7,7 +7,7 @@
<div class="top-box"> <div class="top-box">
<banner :show-page="48" /> <banner :show-page="48" />
<!-- <add-model :value="3" class="add-mol" style="height: 32px" /> --> <!-- <add-model :value="3" class="add-mol" style="height: 32px" /> -->
<settled-model :type-num="0" class="add-mol" style="height: 32px" /> <settled-model :type-num="0" class="add-mol" ref="childModel" style="height: 32px" />
<a-button class="set-mol" type="primary">统计信息填报</a-button> <a-button class="set-mol" type="primary">统计信息填报</a-button>
</div> </div>
<!-- <div class="center-box"> <!-- <div class="center-box">
@ -42,7 +42,7 @@
<div style="margin-left: 40px">入驻企业名录</div> <div style="margin-left: 40px">入驻企业名录</div>
</div> </div>
<div class="center-content"> <div class="center-content">
<settled-enterprise :lists="lists" :is-show-model="isShowModel" /> <settled-enterprise :lists="lists" />
<!-- <div :key="index" class="ent-box" v-for="(item, index) in lists"> <!-- <div :key="index" class="ent-box" v-for="(item, index) in lists">
<p class="ent-index">{{ index + 1 }}</p> <p class="ent-index">{{ index + 1 }}</p>
<span class="ent-name" style="margin-left: 50px">{{ item.company }}</span> <span class="ent-name" style="margin-left: 50px">{{ item.company }}</span>
@ -81,6 +81,15 @@ export default {
}; };
}, },
beforeRouteEnter(to, from, next) {
if (from.path === '/login' || from.path === '/register') {
return next(vm => {
vm.$refs.childModel.showModal();
});
}
next();
},
created() { created() {
this.searchEnt(); this.searchEnt();
}, },

25
src/views/NewPlatform/Children/Core.vue
View File

@ -7,7 +7,7 @@
<div class="top-box"> <div class="top-box">
<div class="top-title"> <div class="top-title">
协同创新中心 协同创新中心
<new-model /> <new-model ref="childModel" />
</div> </div>
<div class="top-content"> <div class="top-content">
<!-- <div class="white pa-5 my-5"> --> <!-- <div class="white pa-5 my-5"> -->
@ -32,13 +32,16 @@
<div class="bottom-content"> <div class="bottom-content">
<div :style="{ height: '500px' }" id="treeChart"></div> <div :style="{ height: '500px' }" id="treeChart"></div>
<div class="absolute-box" style="top: 2.5%" v-if="showDiv"> <div class="absolute-box" style="top: 2.5%" v-if="showDiv">
<div class="case"></div>科技资源共享服务平台 <div class="case"></div>
科技资源共享服务平台
</div> </div>
<div class="absolute-box" style="top: 39%;height: 33%;" v-if="showDiv"> <div class="absolute-box" style="top: 39%; height: 33%" v-if="showDiv">
<div class="case"></div>知识产权与技术转移转化服务平台 <div class="case"></div>
知识产权与技术转移转化服务平台
</div> </div>
<div class="absolute-box" style="top: 72%;height: 25%;" v-if="showDiv"> <div class="absolute-box" style="top: 72%; height: 25%" v-if="showDiv">
<div class="case"></div>知识培训与科技人才服务平台 <div class="case"></div>
知识培训与科技人才服务平台
</div> </div>
</div> </div>
</div> </div>
@ -130,6 +133,16 @@ export default {
], ],
}; };
}, },
beforeRouteEnter(to, from, next) {
if (from.path === '/login' || from.path === '/register') {
return next(vm => {
vm.$refs.childModel.showModal();
});
}
next();
},
mounted() { mounted() {
this.showChart(); this.showChart();
}, },

98
src/views/NewPlatform/Children/Service.vue
View File

@ -31,47 +31,111 @@
>了解更多→</p>--> >了解更多→</p>-->
</div> </div>
</div> </div>
<a-modal :confirm-loading="confirmLoading" :visible="visible" @cancel="handleCancel" @ok="handleOk" title="产品购买" width="50%"> <a-modal
:confirm-loading="confirmLoading"
:visible="visible"
@cancel="handleCancel"
@ok="handleOk"
title="产品购买"
width="50%"
>
<a-form :form="form"> <a-form :form="form">
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称"> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="公司名称"
>
<a-input placeholder="请输入公司名称..." v-model.trim="platform.companyName" /> <a-input placeholder="请输入公司名称..." v-model.trim="platform.companyName" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系人" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="联系人"
required
>
<a-input placeholder="请输入联系人..." v-model.trim="platform.manName" /> <a-input placeholder="请输入联系人..." v-model.trim="platform.manName" />
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系电话" required> <a-form-item
<a-input @change="changePhone" placeholder="请输入联系电话.." type="tel" v-decorator="['tel', { rules: phoneRules }]" /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="联系电话"
required
>
<a-input
@change="changePhone"
placeholder="请输入联系电话.."
type="tel"
v-decorator="['tel', { rules: phoneRules }]"
/>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="图片验证码" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="图片验证码"
required
>
<div class="d-flex flex-nowrap"> <div class="d-flex flex-nowrap">
<a-input placeholder="图片验证码" type="number" v-model="codeNum" /> <a-input placeholder="图片验证码" type="number" v-model="codeNum" />
<img :src="picCode.imageBase64" @click="changePicCode" class="code_img ml-2" v-if="picCode && picCode.imageBase64" /> <img
:src="picCode.imageBase64"
@click="changePicCode"
class="code_img ml-2"
v-if="picCode && picCode.imageBase64"
/>
<a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button> <a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button>
<!-- <a-input v-decorator="['account', { rules: rules.account }]" /> --> <!-- <a-input v-decorator="['account', { rules: rules.account }]" /> -->
</div> </div>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="短信验证码" required> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="短信验证码"
required
>
<div class="d-flex flex-nowrap"> <div class="d-flex flex-nowrap">
<a-input placeholder="请输入验证码" type="number" v-model="platform.code" /> <a-input placeholder="请输入验证码" type="number" v-model="platform.code" />
<a-button class="code_img ml-2" disabled type="primary" v-if="showInterval">重新发送 {{ interval }}</a-button> <a-button
<a-button :disabled="platform.isTel === false" @click="getCode" class="code_img ml-2" type="primary" v-else class="code_img ml-2"
>获取验证码</a-button disabled
> type="primary"
v-if="showInterval"
>重新发送 {{ interval }}</a-button>
<a-button
:disabled="platform.isTel === false"
@click="getCode"
class="code_img ml-2"
type="primary"
v-else
>获取验证码</a-button>
</div> </div>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="需求描述"> <a-form-item
<a-textarea placeholder="请输入需求描述..." style="height: 120px" v-model.trim="platform.describe" /> :label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="需求描述"
>
<a-textarea
placeholder="请输入需求描述..."
style="height: 120px"
v-model.trim="platform.describe"
/>
</a-form-item> </a-form-item>
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="上传附件"> <a-form-item
:label-col="formItemLayout.labelCol"
:wrapper-col="formItemLayout.wrapperCol"
label="上传附件"
>
<a-upload <a-upload
:action="action" :action="action"
:default-file-list="fileList"
:before-upload="beforeUpload" :before-upload="beforeUpload"
:default-file-list="fileList"
@change="fileChange" @change="fileChange"
list-type="picture" list-type="picture"
name="files" name="files"
> >
<a-button> <a-icon type="upload" />点击上传附件 </a-button> <a-button>
<a-icon type="upload" />点击上传附件
</a-button>
</a-upload> </a-upload>
</a-form-item> </a-form-item>
</a-form> </a-form>

12
src/views/NewPlatform/components/NewModel.vue
View File

@ -72,7 +72,7 @@
</template> </template>
<script> <script>
import { mapState, mapActions } from 'vuex'; import { mapState, mapActions, mapMutations } from 'vuex';
import { CreatingPlatformAdd, upload } from 'config/api'; import { CreatingPlatformAdd, upload } from 'config/api';
const formItemLayout = { const formItemLayout = {
@ -157,9 +157,17 @@ export default {
methods: { methods: {
...mapActions('user', ['sendCode', 'sendPicCode']), ...mapActions('user', ['sendCode', 'sendPicCode']),
...mapActions('home', ['getUserSer']), ...mapActions('home', ['getUserSer']),
...mapMutations('home', ['setPagePath']),
// 显示表单输入框 // 显示表单输入框
showModal() { showModal() {
this.visible = true; const anyringToken = sessionStorage.getItem('anyringToken');
if (!anyringToken) {
this.setPagePath(this.$route.path);
this.$router.push('/login');
this.$message.warning('请先登录');
} else {
this.visible = true;
}
}, },
// 取消显示 // 取消显示
handleCancel(e) { handleCancel(e) {

Write Preview
Loading…
Cancel
Save