jiangping
2024-09-02 843d0abd014ec20424844546fc57a9f976f366ba
pda/pages/index/control.vue
@@ -1,34 +1,47 @@
<template>
  <view class="main_app">
    <view class="title">
      <view class="icon"></view>
      <view class="name">安泰物流卸货月台</view>
    </view>
    <div class="data_list">
      <div class="line">
        <div class="name">1号月台</div>
        <u-switch v-model="list"></u-switch>
      </div>
      <div class="line">
        <div class="name">1号月台</div>
        <u-switch v-model="list"></u-switch>
      </div>
    </div>
      <template v-for="item in platformGroupList">
         <view class="title">
           <view class="icon"></view>
           <view class="name">{{item.name}}</view>
         </view>
         <view class="data_list">
           <view class="line" v-for="(platform, i) in item.platformList" :key="platform.id">
             <view class="name">{{platform.name}}</view>
             <u-switch v-model="platform.status" activeColor="#279BAA" inactiveColor="#cccccc" :inactiveValue="0" :activeValue="1" @change="e => changeStatus(platform)" />
           </view>
         </view>
      </template>
  </view>
</template>
<script>
   import { getPlatformGroupList, updPlatformStatus } from '@/api'
export default {
  data() {
    return {
      list: []
      platformGroupList: []
    }
  },
  onLoad() {
      this.getPlatformGroup()
  },
  methods: {
      changeStatus(item) {
         console.log(item);
         updPlatformStatus({
            id: item.id,
            status: item.status
         })
      },
      getPlatformGroup() {
         getPlatformGroupList({
            queryData: 1,
            queryType: 0
         }).then(res => {
            this.platformGroupList = res.data || []
         })
      },
  }
}
</script>