index.vue

<template>
  <!-- 选择企业账号 -->
  <div class="SelectEnterpriseAccount">
    <van-popup
      :show="show"
      round
      :close-on-click-overlay="false"
      position="bottom"
    >
      <van-picker
        title="选择企业登录"
        :columns="masterAccount"
        :value-key="'customerName'"
        :show-toolbar="true"
        @confirm="confirm"
      />
    </van-popup>
  </div>
</template>

<script type="text/ecmascript-6">
// import { setEnterpriseAccount } from "~/plugins/auth";
export default {
  name: "SelectEnterpriseAccount",
  data() {
    return {
      show: false,
      masterAccount: [],
    };
  },
  components: {},
  computed: {},
  created() {},
  mounted() {
    this.list1;
  },
  methods: {
    open(val) {
      this.masterAccount = val;
      console.log(this.masterAccount,'----this.masterAccount')
      this.show = true;
    },
    close() {
      this.show = false;
    },
    confirm(val) {
      console.log(val.target.value, "------------41");
      // 选择数据
      this.$emit("confirm", val.target.value);
      
      wx.setStorage({
        key: "enterpriseAccount",
        data: JSON.stringify(val.target.value)
      });
      this.close();
    },
  },
};
</script>

<style lang="scss">
.SelectEnterpriseAccount {
  .van-popup {
    height: 40vh;
    .van-picker__toolbar{
      .van-picker__cancel{
        opacity: 0;
      }
      .van-picker__confirm{
        color: var(--main-color);
      }
    }
  }
}
</style>