Skip to content

G
GaoQuIncubator
Commit 9eb67ff1 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

科几局首页开发

parent 0d604452
Hide whitespace changes
Inline Side-by-side
Showing with 98 additions and 115 deletions
src/api/system/home.js
View file @ 9eb67ff1
...@@ -7,6 +7,13 @@ export function getData(data) { ...@@ -7,6 +7,13 @@ export function getData(data) {
}) })
} }
export function getData4tech(data) {
return request({
url: 'api/incubator',
method: 'get',
})
}
export function del(ids) { export function del(ids) {
return request({ return request({
url: 'api/users', url: 'api/users',
...@@ -22,6 +29,13 @@ export function edit(data) { ...@@ -22,6 +29,13 @@ export function edit(data) {
data data
}) })
} }
export function add(data) {
return request({
url: 'api/incubator',
method: 'post',
data
})
}
export function editUser(data) { export function editUser(data) {
return request({ return request({
...@@ -32,5 +46,5 @@ export function editUser(data) { ...@@ -32,5 +46,5 @@ export function editUser(data) {
} }
export default { getData, edit, del } export default { getData, getData4tech, add, edit, del }
src/router/routers.js
View file @ 9eb67ff1
...@@ -53,27 +53,27 @@ export const constantRouterMap = [ ...@@ -53,27 +53,27 @@ export const constantRouterMap = [
} }
] ]
}, },
// {
// path: "/home",
// //component: Layout,
// component: HomeLayout,
// redirect: "noredirect",
// hidden:false,
// children: [
// {
// path: "enterprise",
// component: resolve => require(["@/views/system/home/enterprise"], resolve),
// name: "首页-企业",
// meta: { title: "首页", affix:true , icon: "index"}
// }
// ]
// },
{ {
path: "/home", path: "/home",
//component: Layout, //component: Layout,
component: HomeLayout, component: HomeLayout,
redirect: "noredirect", redirect: "noredirect",
hidden:false, hidden:true,
children: [
{
path: "enterprise",
component: resolve => require(["@/views/system/home/enterprise"], resolve),
name: "首页-企业",
meta: { title: "首页", affix:true , icon: "index"}
}
]
},
{
path: "/home",
//component: Layout,
component: HomeLayout,
redirect: "noredirect",
hidden:true,
children: [ children: [
{ {
path: "tech", path: "tech",
......
src/views/Screen/index.vue
View file @ 9eb67ff1
...@@ -28,7 +28,8 @@ ...@@ -28,7 +28,8 @@
</ul> </ul>
</div> --> </div> -->
<div class="go-back"> <div class="go-back">
<a href="/home/enterprise">进入后台</a> <a @click="goBackendHome">进入后台</a>
</div> </div>
</header> </header>
</div> </div>
...@@ -236,6 +237,8 @@ export default { ...@@ -236,6 +237,8 @@ export default {
var url = t.LOCAL_API + '/auth/info'; var url = t.LOCAL_API + '/auth/info';
return reqApi.common.requst.call(that.$route, 'get', url).then((res)=>{ return reqApi.common.requst.call(that.$route, 'get', url).then((res)=>{
if(!res.error && res.user){ if(!res.error && res.user){
// 设置全局登录用户类别标记
localStorage.setItem('groupIdByloginType', res.user.jobs.length && res.user.jobs[0]['id'])
m.init(); m.init();
}else{ }else{
m.loginView = qf.UI.popWindow({ m.loginView = qf.UI.popWindow({
...@@ -405,7 +408,17 @@ export default { ...@@ -405,7 +408,17 @@ export default {
}); });
}, },
methods: { methods: {
goBackendHome(){
if(localStorage.getItem('groupIdByloginType')*1 == 1){ // 孵化器用户
location.href = '/home/enterprise'
return
}
if(localStorage.getItem('groupIdByloginType')*1 == 2){ // 科技据用户
location.href = '/home/tech'
return
}
location.reload()
},
// 首页 // 首页
module0(m, t, f, dmIndex, view){ module0(m, t, f, dmIndex, view){
var self = this, viewData = self['view'+dmIndex], fm = f('init'), thisApi = fm.models[dmIndex]; var self = this, viewData = self['view'+dmIndex], fm = f('init'), thisApi = fm.models[dmIndex];
......
src/views/system/home/tech.vue
View file @ 9eb67ff1
...@@ -4,31 +4,31 @@ ...@@ -4,31 +4,31 @@
<ul> <ul>
<li> <li>
<div class="title">孵化器</div> <div class="title">孵化器</div>
<div class="content">8家</div> <div class="content">{{data.incubatorAllCount}}家</div>
</li> </li>
<li> <li>
<div class="title">在孵企业</div> <div class="title">在孵企业</div>
<div class="content">8家</div> <div class="content">{{data.incubatorCompanyCount}}家</div>
</li> </li>
<li> <li>
<div class="title">毕业企业</div> <div class="title">毕业企业</div>
<div class="content">8家</div> <div class="content">{{data.unIncubatorCompanyCount}}家</div>
</li> </li>
<li> <li>
<div class="title">中介机构</div> <div class="title">中介机构</div>
<div class="content">8家</div> <div class="content">{{data.intermediaryAgencyCount}}家</div>
</li> </li>
<li> <li>
<div class="title">创业导师</div> <div class="title">创业导师</div>
<div class="content">8家</div> <div class="content">{{data.mentorAllCount}}家</div>
</li> </li>
<li> <li>
<div class="title">孵化面积</div> <div class="title">孵化面积</div>
<div class="content">8家</div> <div class="content">{{data.totalArea}}(㎡)</div>
</li> </li>
<li> <li>
<div class="title">剩余孵化面积</div> <div class="title">剩余孵化面积</div>
<div class="content">8家</div> <div class="content">{{data.remainingArea}}(㎡)</div>
</li> </li>
<li> <li>
<div class="title" @click="dialogVisible = true">新增孵化器</div> <div class="title" @click="dialogVisible = true">新增孵化器</div>
...@@ -38,74 +38,14 @@ ...@@ -38,74 +38,14 @@
<div class="body"> <div class="body">
<ul class="list"> <ul class="list">
<li> <li v-for="(item) in data.list" :key="item.id" @click="go2overview">
<img src="https://dummyimage.com/360x442" alt="" /> <img :src="`${baseAPI}file/${item.incubatorImage}`"alt="" />
<div class="introduce">
<h2>威海高新区创业中心</h2>
<p>运营机构:威海高新创业园运营管理有限公司</p>
<p>联系人:联系人姓名</p>
<p>联系电话:0631-1234567</p>
<p>剩余孵化面积:0123m2</p>
</div>
</li>
<li>
<img src="https://dummyimage.com/360x442" alt="" />
<div class="introduce">
<h2>威海高新区创业中心</h2>
<p>运营机构:威海高新创业园运营管理有限公司</p>
<p>联系人:联系人姓名</p>
<p>联系电话:0631-1234567</p>
<p>剩余孵化面积:0123m2</p>
</div>
</li>
<li>
<img src="https://dummyimage.com/360x442" alt="" />
<div class="introduce">
<h2>威海高新区创业中心</h2>
<p>运营机构:威海高新创业园运营管理有限公司</p>
<p>联系人:联系人姓名</p>
<p>联系电话:0631-1234567</p>
<p>剩余孵化面积:0123m2</p>
</div>
</li>
<li>
<img src="https://dummyimage.com/360x442" alt="" />
<div class="introduce">
<h2>威海高新区创业中心</h2>
<p>运营机构:威海高新创业园运营管理有限公司</p>
<p>联系人:联系人姓名</p>
<p>联系电话:0631-1234567</p>
<p>剩余孵化面积:0123m2</p>
</div>
</li>
<li>
<img src="https://dummyimage.com/360x442" alt="" />
<div class="introduce"> <div class="introduce">
<h2>威海高新区创业中心</h2> <h2>{{ item.incubatorName }}</h2>
<p>运营机构:威海高新创业园运营管理有限公司</p> <p>运营机构:{{ item.operatingAgency }}</p>
<p>联系人:联系人姓名</p> <p>联系人:{{ item.contactPerson }}</p>
<p>联系电话:0631-1234567</p> <p>联系电话: {{ item.contactPhone }}</p>
<p>剩余孵化面积:0123m2</p> <p>剩余孵化面积:{{item.remainingArea}} (m²)</p>
</div>
</li>
<li>
<img src="https://dummyimage.com/360x442" alt="" />
<div class="introduce">
<h2>威海高新区创业中心</h2>
<p>运营机构:威海高新创业园运营管理有限公司</p>
<p>联系人:联系人姓名</p>
<p>联系电话:0631-1234567</p>
<p>剩余孵化面积:0123m2</p>
</div>
</li>
<li>
<img src="https://dummyimage.com/360x442" alt="" />
<div class="introduce">
<h2>威海高新区创业中心</h2>
<p>运营机构:威海高新创业园运营管理有限公司</p>
<p>联系人:联系人姓名</p>
<p>联系电话:0631-1234567</p>
<p>剩余孵化面积:0123m2</p>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -245,6 +185,7 @@ var baseAPI = ...@@ -245,6 +185,7 @@ var baseAPI =
? process.env.VUE_APP_LOCAL_API + "/" ? process.env.VUE_APP_LOCAL_API + "/"
: (VUE_APP_API.ServiceURL || process.env.VUE_APP_LOCAL_API) + "/"; : (VUE_APP_API.ServiceURL || process.env.VUE_APP_LOCAL_API) + "/";
import crudHome from "@/api/system/home"; import crudHome from "@/api/system/home";
console.log(crudHome);
import IconSelect from "@/components/IconSelect"; import IconSelect from "@/components/IconSelect";
import Treeselect from "@riophae/vue-treeselect"; import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; import "@riophae/vue-treeselect/dist/vue-treeselect.css";
...@@ -297,6 +238,19 @@ export default { ...@@ -297,6 +238,19 @@ export default {
mixins: [presenter(), header(), form(defaultForm), crud()], mixins: [presenter(), header(), form(defaultForm), crud()],
data() { data() {
return { return {
data:{
incubatorAllCount: 6,
incubatorCompanyCount: 10,
intermediaryAgencyCount: 10,
mentorAllCount: 7,
remainingArea: -99750,
total: 6,
totalArea: 382,
unIncubatorCompanyCount: 14,
list: []
},
dialogVisible: false, dialogVisible: false,
baseAPI: baseAPI, baseAPI: baseAPI,
labelPosition: "right", labelPosition: "right",
...@@ -310,7 +264,7 @@ export default { ...@@ -310,7 +264,7 @@ export default {
id: "", id: "",
incubationArea: "", incubationArea: "",
incubatorImage: "", incubatorImage: "",
incubatorLevel: "", incubatorLevel: 2,
incubatorName: "", incubatorName: "",
latitude: "", latitude: "",
longitude: "", longitude: "",
...@@ -341,8 +295,12 @@ export default { ...@@ -341,8 +295,12 @@ export default {
console.log(res); console.log(res);
this.companyLevelList = res.body.incubatorLevel || []; this.companyLevelList = res.body.incubatorLevel || [];
}); });
this.getData();
}, },
methods: { methods: {
go2overview(){
alert('数据概览页开发ing~')
},
handleSuccess(response, file) { handleSuccess(response, file) {
// 处理上传成功 // 处理上传成功
console.log("Upload success:", response, file); console.log("Upload success:", response, file);
...@@ -413,8 +371,6 @@ export default { ...@@ -413,8 +371,6 @@ export default {
}, },
}); });
} }
VUE.getData(function () {});
}, },
click: function (e, cmap) { click: function (e, cmap) {
// 经纬度坐标 // 经纬度坐标
...@@ -480,30 +436,25 @@ export default { ...@@ -480,30 +436,25 @@ export default {
console.log("submit!"); console.log("submit!");
}, },
edit() { edit() {
crudHome.edit(this.formInline).then((res) => { if(this.formInline.incubatorName){
}
crudHome.add(this.formInline).then((res) => {
if (res && res.code === 200) { if (res && res.code === 200) {
this.$message.success("保存成功"); // res.msg this.$message.success("保存成功"); // res.msg
this.getData(); this.getData();
this.dialogVisible = false
} }
}); });
}, },
getData(fn) { getData(fn) {
crudHome.getData().then((res) => { crudHome.getData4tech({
this.formInline = res.body; page: 0,
this.formInline.incubatorImage = res.body.incubatorImage; size: 999,
const lat = this.formInline.latitude; }).then((res) => {
const lng = this.formInline.longitude; console.log(res, "getData4tech");
// this.$refs.amap.init(amapOptions()); this.data = res.body
const center = [lng, lat];
// setTimeout(() => {
// 定位中心地址
this.$refs.amap.setCenter(center);
console.log("map", this.cmap);
// 定位marker设置
this.cmap.marker.setPosition(new AMap.LngLat(lng, lat));
// }, 3000);
console.log();
fn && fn();
}); });
}, },
// 选中图标 // 选中图标
...@@ -543,6 +494,9 @@ export default { ...@@ -543,6 +494,9 @@ export default {
justify-content: center; justify-content: center;
border-left: 1px solid #d8dce5; border-left: 1px solid #d8dce5;
height: 70px; height: 70px;
&:nth-child(1){
border-left: none;
}
&:nth-child(2) { &:nth-child(2) {
.title { .title {
background-image: url("~@/assets/images/iconNew/zfqy.png"); background-image: url("~@/assets/images/iconNew/zfqy.png");
...@@ -608,16 +562,18 @@ export default { ...@@ -608,16 +562,18 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding-top: 18px; padding-top: 18px;
padding-left: 80px; padding-left: 18px;
// justify-content: center; // justify-content: center;
li { li {
width: 360px; width: 360px;
height: 442px;
background: #ffffff; background: #ffffff;
border-radius: 10px; border-radius: 10px;
margin-left: 23px; margin-left: 23px;
margin-right: 23px; margin-right: 23px;
margin-bottom: 16px; margin-bottom: 16px;
position: relative; position: relative;
cursor: pointer;
.introduce { .introduce {
padding: 20px; padding: 20px;
border-radius: 10px; border-radius: 10px;
...@@ -629,7 +585,7 @@ export default { ...@@ -629,7 +585,7 @@ export default {
} }
img { img {
width: 100%; width: 100%;
height: 442px; // height: 442px;
border-radius: 10px; border-radius: 10px;
} }
h2 { h2 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment