34 changed files with 1460 additions and 16640 deletions
File diff suppressed because it is too large
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 33 KiB |
@ -0,0 +1,144 @@ |
|||||
|
<template> |
||||
|
<div class="search-list"> |
||||
|
<span style="font-size: 16px; color: rgba(0, 0, 0, 0.85)">栏目：</span> |
||||
|
<!-- <a-select allow-clear style="width: 120px" @change="handleChange"> |
||||
|
<a-select-option v-for="(item, index) in bannerList" :key="index" :value="index + 1"> {{ item }} </a-select-option> |
||||
|
</a-select> --> |
||||
|
<span |
||||
|
class="ban-style" |
||||
|
:class="bannerNum === index + 1 ? 'ban-act' : ''" |
||||
|
@click="onClick(index)" |
||||
|
v-for="(item, index) in bannerList" |
||||
|
:key="index" |
||||
|
> |
||||
|
{{ item }} |
||||
|
</span> |
||||
|
<br /> |
||||
|
<span style="font-size: 16px; color: rgba(0, 0, 0, 0.85)">类型：</span> |
||||
|
<span |
||||
|
class="ban-style" |
||||
|
:class="typeNum === index + 1 ? 'ban-act' : ''" |
||||
|
@click="onClick1(index)" |
||||
|
v-for="(item, index) in typeList" |
||||
|
:key="index + 10" |
||||
|
> |
||||
|
{{ item }} |
||||
|
</span> |
||||
|
<br /> |
||||
|
<span style="font-size: 16px; color: rgba(0, 0, 0, 0.85)">时间：</span> |
||||
|
<span |
||||
|
class="ban-style" |
||||
|
:class="timeNum === index + 1 ? 'ban-act' : ''" |
||||
|
@click="onClick2(index)" |
||||
|
v-for="(item, index) in timeList" |
||||
|
:key="item" |
||||
|
> |
||||
|
{{ item }} |
||||
|
</span> |
||||
|
<a-input placeholder="搜索标题..." class="search-ipt" allow-clear style="width: 30%" v-model="titleText" /> |
||||
|
<a-button class="search-btn" type="primary" @click="submit">搜索</a-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
typeList: ['视频', '音频', '文档', '全部'], |
||||
|
typeNum: 0, |
||||
|
bannerList: ['栏目1', '栏目2', '栏目3', '全部'], |
||||
|
bannerNum: 0, |
||||
|
titleText: '', |
||||
|
timeList: ['近七天', '近一个月', '近一年', '全部'], |
||||
|
timeNum: 0, |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
submit() { |
||||
|
// console.log(this.getParam); |
||||
|
const getParam = { |
||||
|
typeNum: this.typeNum, |
||||
|
bannerNum: this.bannerNum, |
||||
|
titleText: this.titleText, |
||||
|
}; |
||||
|
this.$emit('getData', getParam); |
||||
|
}, |
||||
|
handleChange(e) { |
||||
|
if (e) { |
||||
|
this.bannerNum = e; |
||||
|
} else { |
||||
|
this.bannerNum = ''; |
||||
|
} |
||||
|
}, |
||||
|
handleChange1(e) { |
||||
|
if (e) { |
||||
|
this.typeNum = e; |
||||
|
} else { |
||||
|
this.typeNum = ''; |
||||
|
} |
||||
|
}, |
||||
|
onClick1(index) { |
||||
|
if (index + 1 === this.typeNum) { |
||||
|
this.typeNum = 0; |
||||
|
} else { |
||||
|
this.typeNum = index + 1; |
||||
|
} |
||||
|
}, |
||||
|
onClick(index) { |
||||
|
if (index + 1 === this.bannerNum) { |
||||
|
this.bannerNum = 0; |
||||
|
} else { |
||||
|
this.bannerNum = index + 1; |
||||
|
} |
||||
|
}, |
||||
|
onClick2(index) { |
||||
|
if (index + 1 === this.timeNum) { |
||||
|
this.timeNum = 0; |
||||
|
} else { |
||||
|
this.timeNum = index + 1; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.search-list { |
||||
|
position: relative; |
||||
|
height: 108px; |
||||
|
line-height: 36px; |
||||
|
// background: #fff; |
||||
|
box-shadow: 0 0 4px #ccc; |
||||
|
border-radius: 4px; |
||||
|
padding: 0 24px; |
||||
|
position: relative; |
||||
|
margin: 40px auto; |
||||
|
} |
||||
|
|
||||
|
.search-btn { |
||||
|
position: absolute; |
||||
|
right: 19px; |
||||
|
height: 34px; |
||||
|
top: 38px; |
||||
|
width: 80px; |
||||
|
font-size: 16px; |
||||
|
// color: white !important; |
||||
|
// background-color: #0195DA !important; |
||||
|
// border-color: #0195DA !important; |
||||
|
} |
||||
|
|
||||
|
.ban-style { |
||||
|
margin-left: 10px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.ban-act { |
||||
|
color: #E77816; |
||||
|
} |
||||
|
|
||||
|
.search-ipt { |
||||
|
position: absolute; |
||||
|
right: 100px; |
||||
|
top: 39px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,218 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<a-button @click="showModal" type="primary">我要发榜</a-button> |
||||
|
<a-modal :confirm-loading="confirmLoading" :title="title" :visible="visible" @cancel="handleCancel" @ok="handleOk" width="50%"> |
||||
|
<a-form :form="form"> |
||||
|
<!-- 需求名称 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" class="mb-3" label="需求名称"> |
||||
|
<a-input placeholder="请输入需求名称..." v-model.trim="platform.needName" /> |
||||
|
</a-form-item> |
||||
|
<!-- 技术领域 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" class="mb-3" label="技术领域"> |
||||
|
<a-input placeholder="请输入技术领域..." v-model.trim="platform.technicalField" /> |
||||
|
</a-form-item> |
||||
|
<!-- 需求截止时间 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" class="mb-3" label="需求截止时间"> |
||||
|
<a-date-picker @change="changeNeedTime" style="width: 100%" /> |
||||
|
</a-form-item> |
||||
|
<!-- 需求类别 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" class="mb-3" label="需求类别"> |
||||
|
<a-checkbox-group @change="onChange" class="line-height-30"> |
||||
|
<a-checkbox value="1">技术研发（关键、核心技术）</a-checkbox> |
||||
|
<a-checkbox value="2">产品研发（产品升级、新产品研发）</a-checkbox> |
||||
|
<a-checkbox value="3">技术改造（设备研发、生产条件）</a-checkbox> |
||||
|
<a-checkbox value="4">技术配套（技术、产品等配套合作）</a-checkbox> |
||||
|
</a-checkbox-group> |
||||
|
</a-form-item> |
||||
|
<!-- 需求内容 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" class="mb-3" label="需求内容"> |
||||
|
<quill-editor |
||||
|
:options="editorOption" |
||||
|
@blur="onEditorBlur($event)" |
||||
|
@change="onEditorChange($event)" |
||||
|
@focus="onEditorFocus($event)" |
||||
|
class="editor-box" |
||||
|
ref="myQuillEditor" |
||||
|
v-model="needContent" |
||||
|
></quill-editor> |
||||
|
</a-form-item> |
||||
|
<!-- 现有基础 --> |
||||
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" class="mb-3" label="现有基础"> |
||||
|
<a-textarea |
||||
|
placeholder="（已经开展的工作、所处阶段、投入资金和人力、仪器 设备、生产条件等）" |
||||
|
style="min-height: 100px" |
||||
|
v-model.trim="platform.basics" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
</a-form> |
||||
|
</a-modal> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { quillEditor } from 'vue-quill-editor'; //调用编辑器 |
||||
|
import 'quill/dist/quill.core.css'; |
||||
|
import 'quill/dist/quill.snow.css'; |
||||
|
import 'quill/dist/quill.bubble.css'; |
||||
|
|
||||
|
const formItemLayout = { |
||||
|
labelCol: { span: 5 }, |
||||
|
wrapperCol: { span: 18 }, |
||||
|
}; |
||||
|
const formTailLayout = { |
||||
|
labelCol: { span: 6 }, |
||||
|
wrapperCol: { span: 18, offset: 6 }, |
||||
|
}; |
||||
|
const toolbarOptions = [ |
||||
|
['bold', 'italic', 'underline', 'strike'], //加粗，斜体，下划线，删除线 |
||||
|
['blockquote', 'code-block'], //引用，代码块 |
||||
|
[{ header: 1 }, { header: 2 }], // 标题，键值对的形式；1、2表示字体大小 |
||||
|
[{ list: 'ordered' }, { list: 'bullet' }], //列表 |
||||
|
[{ script: 'sub' }, { script: 'super' }], // 上下标 |
||||
|
[{ indent: '-1' }, { indent: '+1' }], // 缩进 |
||||
|
[{ direction: 'rtl' }], // 文本方向 |
||||
|
// [{ size: ['small', false, 'large', 'huge'] }], // 字体大小 |
||||
|
// [{ header: [1, 2, 3, 4, 5, 6, false] }], //几级标题 |
||||
|
[{ color: [] }, { background: [] }], // 字体颜色，字体背景颜色 |
||||
|
// [{ font: [] }], //字体 |
||||
|
[{ align: [] }], //对齐方式 |
||||
|
['clean'], //清除字体样式 |
||||
|
['image', 'video'], //上传图片、上传视频 |
||||
|
]; |
||||
|
|
||||
|
export default { |
||||
|
name: 'Enroll', |
||||
|
components: { quillEditor }, |
||||
|
data() { |
||||
|
return { |
||||
|
form: this.$form.createForm(this, { name: 'submit' }), |
||||
|
visible: false, |
||||
|
title: '发榜', |
||||
|
formItemLayout, |
||||
|
formTailLayout, |
||||
|
confirmLoading: false, |
||||
|
needContent: ``, |
||||
|
editorOption: { |
||||
|
placeholder: '在这里输入...', |
||||
|
modules: { |
||||
|
toolbar: { |
||||
|
container: toolbarOptions, // 工具栏 |
||||
|
handlers: { |
||||
|
image: function(value) { |
||||
|
if (value) { |
||||
|
alert('自定义图片'); |
||||
|
} else { |
||||
|
this.quill.format('image', false); |
||||
|
} |
||||
|
}, |
||||
|
video: function(value) { |
||||
|
if (value) { |
||||
|
alert('自定义视频'); |
||||
|
} else { |
||||
|
this.quill.format('image', false); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
platform: { |
||||
|
needName: '', |
||||
|
technicalField: '', |
||||
|
basics: '', |
||||
|
type: [], |
||||
|
buildTime: '', |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
// 需求截止时间 |
||||
|
changeNeedTime(date, dateString) { |
||||
|
this.platform.buildTime = this.$moment(date).format('YYYY-MM-DD HH:mm:ss'); |
||||
|
// console.log(this.$moment(date).unix(), dateString); |
||||
|
}, |
||||
|
|
||||
|
onEditorReady(editor) { |
||||
|
// 准备编辑器 |
||||
|
}, |
||||
|
onEditorBlur() {}, // 失去焦点事件 |
||||
|
onEditorFocus() {}, // 获得焦点事件 |
||||
|
onEditorChange() { |
||||
|
// 内容改变事件 |
||||
|
// console.log(this.content); |
||||
|
}, |
||||
|
onChange(e) { |
||||
|
this.platform.type = e; |
||||
|
}, |
||||
|
// 上传图片事件 |
||||
|
fileChange(info) { |
||||
|
console.log(info); |
||||
|
// this.fileList = info.fileList; |
||||
|
// if (info.file.status === 'done') { |
||||
|
// this.files = []; |
||||
|
// this.files = info.fileList[0].response.data[0].id; |
||||
|
// console.log(this.files); |
||||
|
// } |
||||
|
}, |
||||
|
|
||||
|
// 显示表单输入框 |
||||
|
showModal() { |
||||
|
this.visible = true; |
||||
|
}, |
||||
|
// 取消显示 |
||||
|
handleCancel(e) { |
||||
|
this.visible = false; |
||||
|
}, |
||||
|
|
||||
|
// 点击确定 |
||||
|
handleOk() { |
||||
|
console.log(this.needContent); |
||||
|
// this.subMitAdd(); |
||||
|
}, |
||||
|
// 加入接口 |
||||
|
async subMitAdd() { |
||||
|
this.confirmLoading = true; |
||||
|
try { |
||||
|
// const params = { param: {} }; |
||||
|
// const res = await apply(params); |
||||
|
// const { code, msg, data } = res.data; |
||||
|
// if (code === 200) { |
||||
|
// this.$message.success('申请成功'); |
||||
|
// this.visible = false; |
||||
|
// this.confirmLoading = false; |
||||
|
// for (let key in this.platform) { |
||||
|
// this.platform[key] = ''; |
||||
|
// } |
||||
|
// this.platform.isTel = false; |
||||
|
// } else { |
||||
|
// throw msg; |
||||
|
// this.confirmLoading = false; |
||||
|
// } |
||||
|
} catch (error) { |
||||
|
this.$message.error(error); |
||||
|
this.confirmLoading = false; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.must-color { |
||||
|
color: red; |
||||
|
} |
||||
|
|
||||
|
.code_img { |
||||
|
height: 32px; |
||||
|
width: 120px; |
||||
|
} |
||||
|
|
||||
|
.ql-editor { |
||||
|
min-height: 600px; |
||||
|
max-height: 800px; |
||||
|
} |
||||
|
|
||||
|
.editor-box >>> .ql-editor { |
||||
|
min-height: 150px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,56 @@ |
|||||
|
<template> |
||||
|
<div class="search-list"> |
||||
|
<span>发榜单位：</span> <a-input style="width: 20%" v-model="getParam.companyName" /> <span>单位地址：</span> |
||||
|
<a-input style="width: 20%" v-model="getParam.address" /><br /> |
||||
|
<span>发榜标题：</span> <a-input style="width: 20%" v-model="getParam.dataTitle" /> <span>所属领域：</span> |
||||
|
<a-input style="width: 20%" v-model="getParam.serviccs" /> |
||||
|
<a-button class="search-btn" type="primary" @click="submit">搜索</a-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
getParam: { |
||||
|
companyName: '', |
||||
|
address: '', |
||||
|
dataTitle: '', |
||||
|
serviccs: '', |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
submit() { |
||||
|
// console.log(this.getParam); |
||||
|
this.$emit('getData', this.getParam); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.search-list { |
||||
|
position: relative; |
||||
|
height: 80px; |
||||
|
line-height: 40px; |
||||
|
background: #fff; |
||||
|
box-shadow: 0 0 10px #ccc; |
||||
|
border-radius: 4px; |
||||
|
padding: 0 24px; |
||||
|
position: relative; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
|
||||
|
.search-btn { |
||||
|
position: absolute; |
||||
|
right: 4px; |
||||
|
height: 72px; |
||||
|
top: 4px; |
||||
|
width: 116.5px; |
||||
|
font-size: 18px; |
||||
|
// color: white !important; |
||||
|
// background-color: #0195DA !important; |
||||
|
// border-color: #0195DA !important; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,141 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<a-button style="width: 80px" type="primary" @click="showModal">揭榜</a-button> |
||||
|
<a-modal title="揭榜" :visible="visible" width="50%" :confirm-loading="confirmLoading" @ok="handleOk" @cancel="handleCancel"> |
||||
|
<a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 16 }"> |
||||
|
<a-form-item label="揭榜人姓名" required> |
||||
|
<a-input v-model="setData.accepterName" placeholder="请输入揭榜人姓名" /> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="手机号" required> |
||||
|
<a-input @change="changePhone" placeholder="请输入手机号" type="tel" v-decorator="['setData.phone', { rules: phoneRules }]" /> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="图片验证码" required> |
||||
|
<div class="d-flex flex-nowrap"> |
||||
|
<a-input placeholder="图片验证码" type="number" v-model="codeNum" /> |
||||
|
<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> |
||||
|
</div> |
||||
|
</a-form-item> |
||||
|
|
||||
|
<a-form-item label="短信验证码"> |
||||
|
<div class="d-flex flex-nowrap"> |
||||
|
<a-input placeholder="请输入验证码" @change="changeCode" type="number" v-decorator="['credential', { rules: codeRules }]" /> |
||||
|
<a-button class="ml-2" disabled type="primary" v-if="showInterval">重新发送 {{ interval }}</a-button> |
||||
|
<a-button :disabled="setData.phone && setData.phone.length !== 11" @click="getCode" class="ml-2" type="primary" v-else> |
||||
|
获取验证码 |
||||
|
</a-button> |
||||
|
</div> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="揭榜单位" required> |
||||
|
<a-input v-model="setData.unit" placeholder="请输入揭榜单位" /> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="方案简述" required> |
||||
|
<a-textarea v-model="setData.planIntro" placeholder="请输入方案简述" /> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="揭榜时间"> |
||||
|
<a-date-picker format="YYYY-MM-DD HH:mm:ss" show-time @ok="changeTime" /> |
||||
|
</a-form-item> |
||||
|
</a-form> |
||||
|
</a-modal> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapActions, mapState } from 'vuex'; |
||||
|
import { addUnveiling } from 'config/api'; |
||||
|
import mixin from 'views/User/mixin'; |
||||
|
export default { |
||||
|
name: 'Unveiling', |
||||
|
mixins: [mixin], |
||||
|
props: { |
||||
|
proId: { |
||||
|
type: Number, |
||||
|
default: null, |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
formLayout: 'horizontal', |
||||
|
form: this.$form.createForm(this, { name: '揭榜' }), |
||||
|
visible: false, |
||||
|
confirmLoading: false, |
||||
|
codeNum: '', // 验证码 |
||||
|
setData: { |
||||
|
accepterName: '', // 揭榜人姓名 |
||||
|
phone: '', // 手机号 |
||||
|
unit: '', // 接棒人单位 |
||||
|
planIntro: '', // 方案描述 |
||||
|
time: '', // 时间 |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
computed: mapState('user', ['picCode']), |
||||
|
|
||||
|
methods: { |
||||
|
...mapActions('user', ['sendCode', 'sendPicCode']), |
||||
|
showModal() { |
||||
|
this.visible = true; |
||||
|
}, |
||||
|
handleCancel(e) { |
||||
|
this.visible = false; |
||||
|
}, |
||||
|
changePhone(e) { |
||||
|
this.setData.phone = e.target.value; |
||||
|
}, |
||||
|
// 获取验证码 |
||||
|
async getCode() { |
||||
|
try { |
||||
|
const params = { |
||||
|
phone: this.setData.phone, |
||||
|
verificationCodeId: this.picCode.verificationCodeId, |
||||
|
verificationCodeValue: this.codeNum, |
||||
|
}; |
||||
|
await this.sendCode(params); |
||||
|
this.getCodeInterval(); |
||||
|
} catch (error) { |
||||
|
throw new Error(`SignIn.vue method getCode: ${error}`); |
||||
|
} |
||||
|
}, |
||||
|
changeCode(e) { |
||||
|
this.setData.codeNum = e.target.value; |
||||
|
}, |
||||
|
// 刷新验证码 |
||||
|
changePicCode() { |
||||
|
this.sendPicCode(); |
||||
|
}, |
||||
|
async handleOk(e) { |
||||
|
try { |
||||
|
this.confirmLoading = true; |
||||
|
const params = { |
||||
|
param: { |
||||
|
billboardId: this.proId, |
||||
|
accepterName: this.setData.accepterName, |
||||
|
phone: this.setData.phone, |
||||
|
code: this.setData.codeNum, |
||||
|
unit: this.setData.unit, |
||||
|
planIntro: this.setData.planIntro, |
||||
|
times: this.setData.time, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await addUnveiling(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('揭榜信息提交成功'); |
||||
|
for (let key in this.setData) { |
||||
|
this.setData[key] = ''; |
||||
|
} |
||||
|
} else { |
||||
|
this.$message.error('提交失败'); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error); |
||||
|
} |
||||
|
this.visible = false; |
||||
|
this.confirmLoading = false; |
||||
|
}, |
||||
|
changeTime(e) { |
||||
|
this.setData.time = this.$moment(e._d).format('YYYY-MM-DD HH:mm:ss'); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,120 @@ |
|||||
|
<template> |
||||
|
<div style="padding: 0 25px"> |
||||
|
<div style="padding-bottom: 80px; position: relative"> |
||||
|
<div class="words-content"> |
||||
|
<p class="words-title">创时代孵化器介绍</p> |
||||
|
<div class="con-con"> |
||||
|
<div class="d-flex justify-space-between"> |
||||
|
<img src="@/assets/创新.png" style="width: 20%; height: 100%" alt="" /> |
||||
|
<img src="@/assets/竞争.png" style="width: 15%; height: 100%" alt="" /> |
||||
|
<img src="@/assets/机遇.png" style="width: 20%; height: 100%" alt="" /> |
||||
|
<img src="@/assets/合作.png" style="width: 15%; height: 100%" alt="" /> |
||||
|
</div> |
||||
|
<p style="text-indent: 2em; margin-top: 40px"> |
||||
|
山西创时代企业孵化器有限公司。2017年成立，位于山西综改示范区太原学府园区。现运营1个省级众创空间,1个专业化科技企业孵化器。 |
||||
|
双创平台建筑面积1万平方米,孵化企业200余家。2020年认定为省级小微企业创新创业基地、省级中小企业公共服务平台。 |
||||
|
</p> |
||||
|
<p style="text-indent: 2em"> |
||||
|
公司拥有50多人的专业服务团队,专职服务人员20多人,其中高级职称3人、硕士2人本科以上学历8人。兼职服务导师和专家30余人， |
||||
|
专业涉及信息技术、新材料、生物医药、建筑科技等领域。重点在发展战略规划、人才技术对接、科技项目申报、创业咨询培训、技术转移转化、 |
||||
|
知识产权运营等方面提供专业服务和解决方案。 |
||||
|
</p> |
||||
|
<p style="text-indent: 2em"> |
||||
|
公司立足山西综改区,面向太原市及全省科技型中小微企业,整合社会各类专业资源,提供“一站式”的科技孵化服务与创新创业服务。 |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div> |
||||
|
<div class="content-box"> |
||||
|
<div :key="index" @click="jumpUrl(index)" style="cursor: pointer" v-for="(item, index) in list"> |
||||
|
<div class="d-flex justify-space-between" v-if="index % 2 === 0"> |
||||
|
<img :src="item.imgUrl" style="width: 48%" /> |
||||
|
<div class="introduce-box" style="width: 52% !important"> |
||||
|
<div class="introduce-title">{{ item.title }}</div> |
||||
|
<div class="introduce-content">{{ item.content }}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="d-flex justify-space-between" v-else> |
||||
|
<div class="introduce-box" style="width: 52% !important"> |
||||
|
<div class="introduce-title">{{ item.title }}</div> |
||||
|
<div class="introduce-content">{{ item.content }}</div> |
||||
|
</div> |
||||
|
<img :src="item.imgUrl" style="width: 48%" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Epoch', |
||||
|
data() { |
||||
|
return { |
||||
|
list: [ |
||||
|
{ |
||||
|
title: '高薪众创空间', |
||||
|
content: |
||||
|
'研究院的介绍包含研究院，公司架构，和各中心的介绍。' + |
||||
|
'各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、' + |
||||
|
'数字化转型咨询服务中心、科技信息咨询服务中心', |
||||
|
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/zckj02.png', |
||||
|
}, |
||||
|
{ |
||||
|
title: '数智创世代企业孵化器', |
||||
|
content: |
||||
|
'研究院的介绍包含研究院，公司架构，和各中心的介绍。' + |
||||
|
'各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、' + |
||||
|
'数字化转型咨询服务中心、科技信息咨询服务中心', |
||||
|
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/zckj01.png', |
||||
|
}, |
||||
|
{ |
||||
|
title: '虚拟孵化器', |
||||
|
content: |
||||
|
'各中心介绍包含科创体系与科创能力咨询服务中心、' + |
||||
|
'知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、' + |
||||
|
'科创战略协同研究中心、山西奥依工业设计咨询服务中心', |
||||
|
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/zckj02.png', |
||||
|
}, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
jumpUrl(index) { |
||||
|
if (index === 0) { |
||||
|
this.$router.push('/Hatch/Incubator'); |
||||
|
} else { |
||||
|
this.$router.push('/Hatch/Fictitious'); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.introduce-title { |
||||
|
font-size: 24px !important; |
||||
|
color: #007CC1 !important; |
||||
|
margin-bottom: 20px; |
||||
|
margin-top: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.words-title { |
||||
|
font-size: 32px; |
||||
|
font-weight: bold; |
||||
|
color: rgba(0, 0, 0, 0.85); |
||||
|
text-align: center; |
||||
|
margin-bottom: 40px; |
||||
|
} |
||||
|
|
||||
|
.con-con { |
||||
|
font-size: 16px; |
||||
|
margin-bottom: 40px; |
||||
|
} |
||||
|
|
||||
|
.btn { |
||||
|
position: absolute; |
||||
|
right: 25px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue