submit

pages/consignment-painting/index.vue

@@ -23,7 +23,8 @@
         </div>
         <div class="content2"></div>
         <div class="content3">
-          <div v-for="(item,index) in addressList" :key="index" class="wrap1">
+          <div v-for="(item,index) in addressList" @click="selectAddress(item)"
+               :class="[warehouseID===item.ID?'active':'']" :key="index" class="wrap1">
             <div class="wrap1_1">{{ item.address }}</div>
             <div class="wrap1_2">*剩余{{ item.leftNum }}位置</div>
           </div>
@@ -37,7 +38,7 @@
                     </div>-->
         </div>
         <div class="content2"></div>
-        <div class="content6">
+        <div class="content6" @click="confirmAddress">
           <div class="wrap1">确定</div>
         </div>
       </div>
@@ -53,22 +54,24 @@
         </div>
         <div class="content2"></div>
         <div class="content3">
-          <div class="wrap1">1个月</div>
-          <div class="wrap1">3个月</div>
-          <div class="wrap1 active">6个月</div>
-          <div class="wrap4">
+          <div v-for="(item,index) in cycleList" @click="selectionPeriod(item)" :key="index"
+               :class="[cycleId===item.ID?'active':'']" class="wrap1">{{ item.name }}
+          </div>
+          <!--          <div class="wrap1"></div>
+                    <div class="wrap1 active">6个月</div>-->
+          <!--          <div class="wrap4">
                       <div class="wrap4_1">12个月</div>
                       <div class="wrap4_2">*暂时不可选</div>
+                    </div>-->
         </div>
-        </div>
-        <div class="content2"></div>
+        <!--        <div class="content2"></div>
                 <div class="content4">起始日期</div>
                 <div class="content5">
                   <div class="wrap1">年份</div>
                   <div class="wrap2">月</div>
                   <div class="wrap3">日</div>
-        </div>
-        <div style="margin-left: -30rpx;margin-right: -30rpx">
+                </div>-->
+        <!--        <div style="margin-left: -30rpx;margin-right: -30rpx">
                   <picker-view indicator-class="test" :value="value" @change="changeData" class="picker-view">
                     <picker-view-column>
                       <view style="display: flex;align-items: center;justify-content: center" class="item"
@@ -87,8 +90,8 @@
                     </picker-view-column>
                   </picker-view>
                 </div>
-        <div class="content2"></div>
-        <div class="content6">
+                <div class="content2"></div>-->
+        <div class="content6" @click="confirmCycle">
           <div class="wrap1">确定</div>
         </div>
       </div>
@@ -137,7 +140,8 @@
           <div class="wrap1_1_1">寄存地址</div>
           <div class="wrap1_1_2"></div>
           <div class="wrap1_1_3">
-            <input placeholder-style="color: #939393;font-size: 24rpx;" placeholder="寄存地址"/>
+            <input placeholder-style="color: #939393;font-size: 24rpx;"
+                   :placeholder="warehouseID?addressList.find(x=>x.ID===warehouseID).address:'寄存地址'"/>
           </div>
           <div class="wrap1_1_4"></div>
           <div @click="show_2=true" class="wrap1_1_5">
@@ -148,7 +152,7 @@
           <div class="wrap1_1_1">寄存时限</div>
           <div class="wrap1_1_2"></div>
           <div class="wrap1_1_3">
-            <input placeholder-style="color: #939393;font-size: 24rpx;" placeholder="寄存时限"/>
+            <input placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="cycleId?cycleList.find(x=>x.ID===cycleId).name:'寄存时限'"/>
           </div>
           <div @click="show_1=true" class="wrap1_1_5">
             <image src="../../static/zu612@3x.png"></image>
@@ -191,6 +195,9 @@ export default {
       days.push(i)
     }
     return {
+      warehouseID: '',
+      cycleId: '',
+      cycleList: [],
       addressList: [],
       info: {},
       show_2: false,
@@ -214,6 +221,7 @@ export default {
     }
   },
   mounted() {
+    this.getCycle()
     this.getDetailUrl()
     this.getAddress()
     const today = new Date();
@@ -221,6 +229,24 @@ export default {
     this.data = [today.getFullYear(), today.getMonth() + 1, today.getDate()]
   },
   methods: {
+    confirmCycle() {
+      this.show_1 = false
+    },
+    confirmAddress() {
+      this.show_2 = false
+    },
+    selectAddress(item) {
+      this.warehouseID = item.ID
+    },
+    selectionPeriod(item) {
+      this.cycleId = item.ID
+    },
+    async getCycle() {
+      const res = await postDataByParams('/api/warehouse/cycle')
+      if (res.code === 200) {
+        this.cycleList = res.data.data
+      }
+    },
     async getAddress() {
       const res = await postDataByParams('/api/warehouse/address')
       if (res.code === 200) {