企微应用配置

src/apps/AppPageHome.vue/AppPageHome.vue

@@ -0,0 +1,115 @@
+<template>
+  <section class="AppPageHome">
+    <div class="header" :style="`backgroundImage: url(${headerBg});`">
+      <p>{{label}}</p>
+    </div>
+    <div class="content">
+      <div class="title">{{label}}</div>
+      <div class="app-list">
+        <div class="item" v-for="(item, index) in appList" :key="index" @click="linkTo(item.url)" :style="item.isBottom ? 'border-bottom: 1px solid #eee;' : ''">
+          <div class="icon" :style="`backgroundImage: url(${item.icon});`"></div>
+          <p>{{item.name}}</p>
+        </div>
+      </div>
+    </div>  
+    
+  </section>
+</template>
+
+<script>
+
+export default {
+  name: "AppPageHome",
+  appName: '企微应用配置',
+  data() {
+    return {
+      label: '',
+      appList: [],
+      headerBg: '',
+      cropId: ''
+    }
+  },
+  onLoad(options) {
+    this.cropId = options.id
+    this.getAppInfo()
+  },
+  methods: {
+    getAppInfo() {
+      // this.$http.post(`/app/apppartyquestion/checkAnswer`, this.list).then((res) => {
+      //   if (res.code == 0) {
+      //     this.resultInfo = res.data
+      //     this.showAnwser = true
+      //   }
+      // });
+    },
+    linkTo(url) {
+      console.log(url)
+      uni.navigateTo({url})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppPageHome {
+  padding-top: 20px;
+  .header{
+    width: calc(100% - 36px);
+    height: 240px;
+    margin: 0 18px 20px 18px;
+    background-size: 100% 100%;
+    p{
+      font-size: 46px;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #26385C;
+      line-height: 64px;
+      padding: 48px 50px 0 50px;
+      word-break: break-all;
+    }
+  }
+  .content{
+    margin: 0 20px 20px;
+    width: calc(100% - 40px);
+    background: #FFF;
+    border-radius: 16px;
+    .title{
+      line-height: 70px;
+      border-bottom: 1px solid #eee;
+      padding-left: 20px;
+      font-size: 26px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #999;
+    }
+    .app-list{
+      overflow: hidden;
+      .item{
+        text-align: center;
+        padding-bottom: 38px;
+        border-right: 1px solid #eee;
+        width: calc(33% - 1px);
+        float: left;
+        .icon{
+          display: inline-block;
+          width: 58px;
+          height: 58px;
+          margin: 40px 0 18px 0;
+          background-size: 100% 100%;
+          text-align: center;
+        }
+        p{
+          font-size: 28px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #3D434A;
+          line-height: 40px;
+        }
+      }
+      .item:nth-of-type(3n) {
+        border-right: 0;
+      }
+    }
+  }
+}
+</style>

src/project/saas/AppBuilding/detail.vue

@@ -39,8 +39,7 @@
         <AiEmpty v-if="!list.length" style="padding-bottom:80px;"/>
       </div>
     </div>
-    <u-select v-model="showSelect" :list="selectList" label-name="cellName" value-name="eachUnitNumber"
-              @confirm="confirmSelect"/>
+    <u-select v-model="showSelect" :list="selectList" label-name="cellName" value-name="eachUnitNumber" @confirm="confirmSelect"/>
     <u-popup v-model="show" mode="bottom" border-radius="14" height="1000">
       <div class="popup">
         <div class="bg"></div>