storevisit-ui-mobile/src/views/storeManagement/JPattributeEditor.vue

<template>
  <div class="JPattributeEditor">
    <van-nav-bar class="navBar" title="金牌店档案编辑" left-arrow @click-left="onClickLeft" />
    <div class="content" v-if="detail">
      <van-form ref="tabstoreVal">
        <van-field v-model="detail.ownerMobile" label="主经营者电话" />
        <van-field v-model="detail.ownerName" label="主经营者姓名" />
        <van-field v-model="detail.ownerBirthday" label="主经营者出生日期" />
        <van-field v-model="detail.mainProductCategorys" label="主营/擅长经营品类" />
        <van-field v-model="detail.totalSalesAmount" label="门店24年总销量(以进货额计)" />
        <van-field v-model="detail.performanceRatio" label="立邦业绩占比(%)" />
        <van-field v-model="detail.mainBrand" label="主营T0P3品牌" />

        <van-field v-model="detail.emergencyContact" label="紧急联系人姓名" />
        <van-field v-model="detail.emergencyContactBirthday" label="紧急联系人出生日期" />
        <van-field v-model="detail.emergencyContactMobile" label="紧急联系人电话" />
        <van-field v-model="detail.emergencyContactRelation" label="紧急联系人身份" />
      </van-form>
    </div>
    <div class="footer-btn">
      <van-button
        style="color: white; background: rgb(0, 87, 186); border-radius: 6px; width: 90%"
        @click="confirmShare">
        保 存
      </van-button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'JPattributeEditor',
  data() {
    return {
      detail: null,
    };
  },
  methods: {
    // 保存
    confirmShare() {},
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.JPattributeEditor {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  .content {
    flex: 1;
    overflow-y: auto;
    background: #fff;
    padding: 10px 15px;
    margin-top: 10px;
  }
  .footer-btn {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
  }
}
</style>