feature_20250722_金牌店档案收集

src/views/storeManagement/JPattributeEditor.vue

@@ -1,17 +1,69 @@
 <template>
-  <div class="JPattributeEditor">JPattributeEditor</div>
+  <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 {};
+    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>