<template>
  <view class="container-main">
    <view
      class="row-item"
      @click="clickbusi(item)"
      v-for="item in pathData"
      :key="item.name"
    >
      <view class="row-icon">
        <image :src="baseImgUrl + 'liao-ning/icon_qyzhcx.png'" mode=""></image>
      </view>
      <view class="row-name">{{ item.name }}</view>
      <view class="row-arrow">
        <u-icon name="arrow-right" color="#D5D5D5"></u-icon>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      baseImgUrl: getApp().globalData.config.iamgeBaseUrl,
      pathData: [
        {
          name: "连锁经营政策指南",
          type: "2",
          litiletype: "8",
        },
        {
          name: "中央厨房政策指南",
          type: "2",
          litiletype: "9",
        },
        {
          name: "企业变更政策指南",
          type: "2",
          litiletype: "10",
        },
        {
          name: "企业扶持政策指南",
          type: "2",
          litiletype: "11",
        },
        {
          name: "知识产权申请指南",
          type: "2",
          litiletype: "12",
        },
        {
          name: "食品安全责任险申请指南",
          type: "2",
          litiletype: "13",
        },
        {
          name: "生产经营许可申请指南",
          type: "2",
          litiletype: "14",
        },
      ],
    };
  },
  methods: {
    clickbusi(e) {
      console.log(e);
      uni.navigateTo({
        url: `/sub-public/oldman-teach/oldman-teach?type=${e.type}&litiletype=${e.litiletype}&title=${e.name}`,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.container-main {
  box-sizing: border-box;
  padding: 20rpx;

  .row-item {
    border-radius: 16rpx;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20rpx;
    margin-bottom: 20rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .row-icon {
      width: 82rpx;
      height: 82rpx;

      image {
        height: 100%;
        width: 100%;
      }
    }

    .row-name {
      flex: 1;
      box-sizing: border-box;
      padding-left: 20rpx;
      font-size: 38rpx;
      font-weight: normal;
      color: #34373b;
    }
  }
}
</style>
