<style>
  .mimipage .el-tabs__header {
    padding: 0 20px;
    height: 56px;
    line-height: 56px;
    background-color: #fff;
    margin-bottom: 15px;
  }

  .mimipage .panelDiv {
    display: flex;
    flex-wrap: wrap;
  }

  .mimipage .panel_item {
    background-color: #fff;
    width: 33%;
    min-height: 185px;
    margin-bottom: 10px;
    position: relative;
    padding: 20px;
    margin-right: 0.33%;
  }

  .mimipage .panel_name {
    background-color: #F4F4F5;
    color: #909399;
    width: auto;
    display: inline-block;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #E0E0E3;
    margin-bottom: 5px;
  }

  .mimipage .el-form-item {
    margin-bottom: 0;
  }

</style>
<template>
  <div class="mimipage">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane v-for="(item,index) in dataList" :label="item.PageTypeName" :name="item.PageTypeId+''" :key="index">
        <div class="panelDiv">
          <div class="panel_item" v-for="(subItem,subIndex) in item.SubMenuList" :key="subIndex">
            <div class="panel_name">
              <span v-if="subItem.SelfPageName">{{subItem.SelfPageName}}</span>
              <span v-else>{{subItem.PageName}} </span>
            </div>
            <el-form label-width="50px">
              <el-form-item label="路径">
                <span>{{subItem.PageUrl}}</span>
              </el-form-item>
              <el-form-item label="参数1" v-if="subItem.IsParameter==1">
                <el-input size="small" v-model="subItem.ParameterValue" :placeholder="subItem.TipText"></el-input>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        loading: false,
        dataList: [],
        activeName: "1"
      };
    },
    created() {

    },
    methods: {
      handleClick(tab, event) {

      },
      getList() {
        this.apipost("/api/Tenant/GetMiniprogramPageListExt", {
          IsHiddenGoods: 1
        }, res => {
          if (res.data.resultCode == 1) {
            this.dataList = res.data.data;
          } else {
            this.Info(res.data.message);
          }
        })
      },
    },
    mounted() {
      this.getList();
    }
  };

</script>
