<template>
  <view class="content">
    <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="工厂管理"></uni-nav-bar>
    <view class="justify-between section_1" v-for="item in list" :key="item.id">
      <text>{{ item.name }}</text>
      <image src="/static/imgs/digital-workshops/right-arrow-icon.png" class="image_4" />
    </view>
    <image src="/static/imgs/promotion/add-icon.png" class="image_5" @click="go2('factory-operation')" />
  </view>
</template>

<script>
import { go2, back } from '@/utils/hook.js'
import { getMyFactoryList } from '@/apis/factoryApi'

export default {
  data() {
    return {
      list: []
    }
  },
  onShow() {
    this.getList()
  },
  methods: {
    go2,
    back,
    getList() {
      getMyFactoryList().then((res) => {
        this.list = res.filter((item) => item.name != '演示样板工厂')
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.content {
  width: 750rpx;
  .section_1 {
    padding: 27rpx 32rpx 26rpx;
    background-color: rgb(255, 255, 255);
    .image_4 {
      margin: 10rpx 9rpx 10rpx 0;
      width: 14rpx;
      height: 24rpx;
    }
  }
  .image_5 {
    position: fixed;
    bottom: 260rpx;
    right: 32rpx;
    box-shadow: 0px 2rpx 4rpx 0px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    width: 82rpx;
    height: 82rpx;
  }
}
</style>
