完成查企业主页 企业详情 找服务页面 参加电话会议

pages.json

@@ -127,7 +127,17 @@
 		{
 			"path": "pages/enterprise/index",
 			"style": {
-				"navigationBarTitleText": "查企业"
+				"navigationBarTitleText": "查企业",
+				"navigationBarBackgroundColor": "#02A7F0",
+				"navigationBarTextStyle":"white"
+			}
+		},
+		{
+			"path": "pages/enterprise/enterprise_detail",
+			"style": {
+				"navigationBarTitleText": "查企业",
+				"navigationBarBackgroundColor": "#02A7F0",
+				"navigationBarTextStyle":"white"
 			}
 		},
 		{

pages/enterprise/enterprise_detail.vue

@@ -0,0 +1,206 @@
+<template>
+  <div class="content" :class="{ 'margin-bottom-80': isMar }">
+    <div class="title">
+      <div class="logo">
+        <img :src="company.logo" alt="" />
+      </div>
+      <div class="name">
+        {{ company.name }}
+      </div>
+    </div>
+    <view class="enterprise-item-box">
+      <view
+        v-for="(item, idx) in titleList"
+        :key="idx"
+        :class="{ active: active === idx }"
+        class="enterprise-item-name"
+        @click="active = idx"
+      >
+        {{ item }}
+      </view>
+    </view>
+    <div class="baseInfo">
+      <div class="card-title">{{ model.title }}</div>
+      <div class="item-list">
+        <div v-for="(item, idx) in model.item" :key="idx" class="term">
+          <div class="term-name">{{ item.name }}:</div>
+          <div class="term-value-group">
+            <p
+              v-for="(value, idx) in item.value"
+              :key="idx"
+              class="term-value-item" :class="{'blue':item.name == '电话'}"
+            >
+              {{ value }}
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div style="width: 100%">
+      <footer-share
+        style="width: 100%"
+        :isCollection="true"
+        @collectionPages="collectionPage"
+        @sharePages="sharePage"
+      ></footer-share>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: {
+        title: "",
+        item: [
+          {
+            name: "法定代表人",
+            value: ["马须伦"],
+          },
+          {
+            name: "成立日期",
+            value: ["2017-11-14"],
+          },
+          {
+            name: "注册资本",
+            value: ["1,776,759.3万"],
+          },
+          {
+            name: "统一社会信用代码",
+            value: ["914403000758402311"],
+          },
+          {
+            name: "所属行业",
+            value: ["航空运输业"],
+          },
+          {
+            name: "所属园区",
+            value: ["华潮科技产业园"],
+          },
+          {
+            name: "经营范围",
+            value: ["华潮科技产业园"],
+          },
+          {
+            name: "经营范围",
+            value: [
+              "一、提供国内、地区和国际定期及不定期航空客、货、邮、行李运输服务；二、提供通用航空服务；三、提供航空器维修服务；四、经营国内外航空公司的代理业务；五、提供航空配餐服务（仅限分支机构经营）；六、进行其他航空业务及相关业务，包括为该等业务进行广告宣传；",
+            ],
+          },
+          {
+            name: "地址",
+            value: ["咸阳市渭城区北杜镇（近208省道）"],
+          },
+          {
+            name: "网址",
+            value: ["http://www.sundowa.com"],
+          },
+          {
+            name: "电话",
+            value: ["029-85951688"],
+          },
+        ],
+      },
+      id: "",
+      scrollTop: 0,
+      titleList: ["我的供需", "我的需求"],
+      active: 0,
+      company: {
+        logo: "/static/enterprise/logo.png",
+        name: "康拓科技有限责任公司",
+      },
+    };
+  },
+  onLoad(option) {
+    let id = option.id;
+  },
+  methods: {
+    collectionPage() {
+      console.log("已收藏");
+    },
+    sharePage() {
+      console.log("分享");
+      uni.showShareMenu({
+        title: "园区XXX",
+        path: "pages/park/park_detail",
+        success(res) {
+          console.log(res);
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content {
+  padding: 4%;
+  .blue{
+      color: #02a7f0;
+    }
+  .title {
+    display: flex;
+    align-items: center;
+    border-radius: 10rpx;
+    margin-bottom: 50rpx;
+    box-shadow: rgba(0, 0, 0, 0.35) 0rpx 5rpx 15rpx;
+    .logo {
+      image {
+        width: 200rpx;
+        height: 100rpx;
+        margin: 0 30rpx;
+      }
+    }
+  }
+  .baseInfo {
+    margin-bottom: 50rpx;
+    .card-title {
+      padding: 20rpx 20rpx 0rpx 20rpx;
+      font-weight: 600;
+    }
+    .item-list {
+      margin-left: 20rpx;
+      display: flex;
+      flex-direction: column;
+
+      .term {
+        display: flex;
+        .term-name {
+          font-size: 27rpx;
+          width: 30%;
+          display: flex;
+          margin: 20rpx;
+          color: #7f7f7f;
+        }
+        .term-value-group {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          font-size: 27rpx;
+          .term-value-item {
+            margin: 20rpx;
+          }
+        }
+      }
+    }
+  }
+  .enterprise-item-box {
+    display: flex;
+    justify-content: space-evenly;
+    margin: 0 20rpx;
+    margin-top: 10rpx;
+    .enterprise-item-name {
+      padding-bottom: 10rpx;
+      font-size: 27rpx;
+    }
+    .active {
+      font-weight: 600;
+      border-bottom: 7rpx solid #02a7f0;
+    }
+  }
+}
+.margin-bottom-80 {
+  margin-bottom: 80rpx;
+}
+</style>

pages/enterprise/index.vue

@@ -1,49 +1,140 @@
 <template>
-	<view class="content">
-		{{message}}
-	</view>
+  <view class="content">
+    <view class="input-box">
+      <image src="/static/policy/u377.png" alt="" />
+      <input type="text" placeholder="请输入关键词搜索" />
+    </view>
+    <div class="companys">
+      <div class="company" v-for="(company, index) in companyList" :key="index" @tap="toDetail(index)">
+        <div class="title">
+          <div class="logo">
+            <img :src="company.logo" alt="" />
+          </div>
+          <div class="name">
+            {{ company.name }}
+          </div>
+        </div>
+        <div class="info">
+          <div class="div">
+            <div class="info_t">法定代表人</div>
+            <div class="name">
+              {{ company.info.person }}
+            </div>
+          </div>
+          <div class="line"></div>
+          <div class="div">
+            <div class="info_t">注册资本</div>
+            {{ company.info.money }}
+          </div>
+          <div class="line"></div>
+          <div class="div">
+            <div class="info_t">成立日期</div>
+            {{ company.info.time }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				message:'查企业'
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			
-       }
-	}
+export default {
+  data() {
+    return {
+      companyList: new Array(5).fill({
+        logo: "/static/enterprise/logo.png",
+        name: "康拓科技有限责任公司",
+        info: {
+          person: "马须伦",
+          money: "1,776,759.3万（元）",
+          time: "1995-03-25",
+        },
+      }),
+    };
+  },
+  onLoad() {},
+  methods: {
+    toDetail(index) {
+      uni.navigateTo({
+        url: "/pages/enterprise/enterprise_detail?id=" + index,
+      });
+    },
+  },
+};
 </script>
 
-<style>
-	.content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
-	}
-
-	.text-area {
-		display: flex;
-		justify-content: center;
-	}
-
-	.title {
-		font-size: 36rpx;
-		color: #8f8f94;
-	}
+<style lang="scss">
+.content {
+  font-size: 30rpx;
+  .input-box {
+    width: 100%;
+    height: 100rpx;
+    background-color: #02a7f0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    image {
+      position: absolute;
+      left: 72rpx;
+      width: 40rpx;
+      height: 40rpx;
+    }
+    input {
+      background-color: #ffffff;
+      width: 90%;
+      height: 70%;
+      border-radius: 50rpx;
+      padding: 3rpx;
+      font-size: 26rpx;
+      padding-left: 80rpx;
+      box-sizing: border-box;
+    }
+  }
+  .companys {
+    margin-top: 3%;
+    padding: 0 4%;
+    .company {
+      border-radius: 20rpx;
+      box-shadow: rgba(0, 0, 0, 0.35) 0rpx 5rpx 15rpx;
+      padding: 2%;
+      margin: 2% 0;
+      .title {
+        display: flex;
+        align-items: center;
+        .logo {
+          image {
+            width: 100rpx;
+            height: 70rpx;
+            margin-right: 30rpx;
+          }
+        }
+      }
+      .info {
+        font-size: 25rpx;
+        font-weight: 100;
+        display: flex;
+        text-align: center;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 2%;
+        margin-top: 2%;
+        .line {
+          width: 2rpx;
+          height: 70rpx;
+          background: rgb(175, 186, 197);
+        }
+        .div {
+          margin-top: 2%;
+          .name {
+            color: #02a7f0;
+          }
+          .info_t {
+            margin-bottom: 10rpx;
+          }
+        }
+      }
+    }
+  }
+}
 </style>

pages/service/index.vue

@@ -1,49 +1,66 @@
 <template>
-	<view class="content">
-		{{message}}
-	</view>
+  <view class="content">
+    <view class="banner">
+      <image :src="bannerSrc" alt="banner" />
+    </view>
+    <div class="menus">
+      <div class="menu">
+        <image :src="menu1" />
+      </div>
+      <div class="menu">
+        <image :src="menu2" />
+      </div>
+    </div>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				message:'找服务'
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			
-       }
-	}
+export default {
+  data() {
+    return {
+      bannerSrc: "/static/service/banner.png",
+      menu1: "/static/service/1.png",
+      menu2: "/static/service/2.png",
+    };
+  },
+  onLoad() {},
+  methods: {
+    // toDetail(index) {
+    //   uni.navigateTo({
+    //     url: "/pages/appeal/appeal_detail?id=" + index,
+    //   });
+    // },
+  },
+};
 </script>
 
-<style>
-	.content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
-	}
-
-	.text-area {
-		display: flex;
-		justify-content: center;
-	}
-
-	.title {
-		font-size: 36rpx;
-		color: #8f8f94;
-	}
+<style lang="scss" scoped>
+.flex {
+  display: flex;
+}
+.content {
+  width: 92%;
+  height: 92vh;
+  padding: 4%;
+  .banner {
+    height: 25%;
+    image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .menus {
+    height: 15%;
+    .menu {
+      margin: 3%;
+      height: 100%;
+      border-radius: 20rpx;
+      // box-shadow: 0rpx 10rpx 5rpx rgb(212, 212, 212);
+      image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
 </style>