From 212ab815942c9a4297dcec55436df21b54e001a9 Mon Sep 17 00:00:00 2001
From: xingyy <373639591@qq.com>
Date: Sat, 23 Sep 2023 17:23:26 +0800
Subject: [PATCH] submit

---
 pages/consignment-painting/index.vue | 128 ++++++++++++++++-----------
 1 file changed, 77 insertions(+), 51 deletions(-)

diff --git a/pages/consignment-painting/index.vue b/pages/consignment-painting/index.vue
index f5f431d..0a82d20 100644
--- a/pages/consignment-painting/index.vue
+++ b/pages/consignment-painting/index.vue
@@ -23,21 +23,22 @@
         </div>
         <div class="content2"></div>
         <div class="content3">
-          <div v-for="(item,index) in addressList" :key="index" class="wrap1">
-            <div class="wrap1_1">{{item.address}}</div>
-            <div class="wrap1_2">*剩余{{item.leftNum}}位置</div>
+          <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>
-<!--          <div class="wrap1 active">
-            <div class="wrap1_1">某某某某某某某地方</div>
-            <div class="wrap1_2">剩余12位置</div>
-          </div>-->
-<!--          <div class="wrap1 disabled">
-            <div class="wrap1_1">某某某某某某某地方</div>
-            <div class="wrap1_2">*已满员</div>
-          </div>-->
+          <!--          <div class="wrap1 active">
+                      <div class="wrap1_1">某某某某某某某地方</div>
+                      <div class="wrap1_2">剩余12位置</div>
+                    </div>-->
+          <!--          <div class="wrap1 disabled">
+                      <div class="wrap1_1">某某某某某某某地方</div>
+                      <div class="wrap1_2">*已满员</div>
+                    </div>-->
         </div>
         <div class="content2"></div>
-        <div class="content6">
+        <div class="content6" @click="confirmAddress">
           <div class="wrap1">确定</div>
         </div>
       </div>
@@ -53,42 +54,44 @@
         </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 class="wrap4_1">12个月</div>
-            <div class="wrap4_2">*暂时不可选</div>
+          <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 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">
-          <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"
-                    :class="[isDateFont(item,0)?'fontDate':'']" v-for="(item,index) in years" :key="index">{{ item }}年
-              </view>
-            </picker-view-column>
-            <picker-view-column>
-              <view style="display: flex;align-items: center;justify-content: center" class="item"
-                    :class="[isDateFont(item,1)?'fontDate':'']" v-for="(item,index) in months" :key="index">{{ item }}月
-              </view>
-            </picker-view-column>
-            <picker-view-column>
-              <view style="display: flex;align-items: center;justify-content: center" class="item"
-                    :class="[isDateFont(item,2)?'fontDate':'']" v-for="(item,index) in days" :key="index">{{ item }}日
-              </view>
-            </picker-view-column>
-          </picker-view>
-        </div>
-        <div class="content2"></div>
-        <div class="content6">
+        <!--        <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">
+                  <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"
+                            :class="[isDateFont(item,0)?'fontDate':'']" v-for="(item,index) in years" :key="index">{{ item }}年
+                      </view>
+                    </picker-view-column>
+                    <picker-view-column>
+                      <view style="display: flex;align-items: center;justify-content: center" class="item"
+                            :class="[isDateFont(item,1)?'fontDate':'']" v-for="(item,index) in months" :key="index">{{ item }}月
+                      </view>
+                    </picker-view-column>
+                    <picker-view-column>
+                      <view style="display: flex;align-items: center;justify-content: center" class="item"
+                            :class="[isDateFont(item,2)?'fontDate':'']" v-for="(item,index) in days" :key="index">{{ item }}日
+                      </view>
+                    </picker-view-column>
+                  </picker-view>
+                </div>
+                <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,7 +195,10 @@ export default {
       days.push(i)
     }
     return {
-      addressList:[],
+      warehouseID: '',
+      cycleId: '',
+      cycleList: [],
+      addressList: [],
       info: {},
       show_2: false,
       data: [],
@@ -214,6 +221,7 @@ export default {
     }
   },
   mounted() {
+    this.getCycle()
     this.getDetailUrl()
     this.getAddress()
     const today = new Date();
@@ -221,10 +229,28 @@ 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){
-        this.addressList=res.data.data
+      if (res.code === 200) {
+        this.addressList = res.data.data
       }
       console.log(res, 'getAddress')
     },