update

pages.json

@@ -34,7 +34,7 @@
 		{
 			"path": "pages/selfCenter/my_activity",
 			"style": {
-				"navigationBarTitleText": "我的活动",
+				"navigationBarTitleText": "我的报修",
 				"navigationBarBackgroundColor": "#02A7F0",
 				"navigationBarTextStyle": "white"
 			}
@@ -131,7 +131,7 @@
 		{
 			"path": "pages/supply/putSupply",
 			"style": {
-				"navigationBarTitleText": "发布供需",
+				"navigationBarTitleText": "一键报修",
 				"navigationBarBackgroundColor": "#02A7F0",
 				"navigationBarTextStyle": "white"
 			}
@@ -271,6 +271,12 @@
 			"style": {
 				"navigationBarTitleText": "预约场地"
 			}
+		},
+		{
+			"path": "pages/heatingPage/list",
+			"style": {
+				"navigationBarTitleText": "缴费订单"
+			}
 		}
 	],
 	"globalStyle": {

pages/heatingPage/list.vue

@@ -0,0 +1,309 @@
+<template>
+  <view class="content">
+  <view class="actives">
+      <view
+        class="notice-content-box"
+        v-for="(item, index) in activityList"
+        :key="index"
+        style="justify-content: start; padding: 30rpx 0 30rpx 30rpx;border-radius: 0;"
+        @click="goActiveDeatil(item.id)" >
+        <image
+          :src="item.url"
+          style="
+            width: 112rpx;
+            height: 112rpx;
+            margin-right: 20rpx;
+            border-radius: 10%;
+          "
+        ></image>
+        <view class="notice-content" style="width: 75%">
+          <view class="notice-content-font">{{
+            item.title
+          }}</view>
+          <view class="display-flex-start" style="margin-top: 20rpx">
+            <view class="notice-content-time color-a7adba">
+				{{item.address}}
+			</view>
+			<view class="notice-content-time display-flex-start">
+				<text class="color-a7adba">￥：</text>
+				<text class="order-money">{{item.money}}</text>
+			</view>
+          </view>
+          <view class="display-between" style="margin-top: 20rpx">
+			<view class="notice-content-time color-a7adba" style="visibility: hidden;">
+				{{item.time}}
+			</view>  
+			<view class="display-flex-start">
+				<view class="notice-content-time" style="color: #d9001b;">{{item.orderStatus}}</view>
+			</view>
+          </view>
+        </view>
+      </view>
+     <image src="../../static/nodata.svg" mode="aspectFit" style="width: 100%;" v-if="activityList.length === 0"></image>
+  </view>
+  </view>
+</template>
+
+<script>
+import md5 from "@/common/md5.js";
+export default {
+  data() {
+    return {
+      message: "我的活动",
+      themeColor: "#007AFF",
+      mode: "selector",
+      typeActive: true,
+      indexType: 0,
+      indexState: 0,
+      activityList: [
+        {
+          url: "/static/order-poster.svg",
+          title: "2022-2023年度供暖费",
+          address: "千林郡5号楼1单元10层1001室",
+		  money:'2385.40',
+          time: "2021-09-05",
+          orderStatus:'待缴费'
+        },
+        {
+          url: "/static/order-poster.svg",
+          title: "2022-2023年度供暖费",
+          address: "千林郡5号楼1单元10层1001室",
+		  money:'2385.40',
+          time: "2021-09-05",
+		  orderStatus:'已缴费'
+        },
+		{
+		  url: "/static/order-poster.svg",
+		  title: "2022-2023年度供暖费",
+		  address: "千林郡5号楼1单元10层1001室",
+		  money:'2385.40',
+		  time: "2021-09-05",
+		  orderStatus:'空置已缴费'
+		},
+      ],
+      activeListCopy: [],
+    };
+  },
+  onLoad() {
+    this.getActive();
+  },
+  methods: {
+    goDeatil(id) {
+      uni.navigateTo({
+        url: "/pages/activity/activity_deatil?id=" + id,
+      });
+    },
+    getActive() {
+      let md5Sign = md5(
+        "method=" +
+          "activity" +
+          "&timestamp=" +
+          getApp().globalData.globalTimestamp +
+          "&secret=" +
+          getApp().globalData.secret
+      );
+      let url =
+        getApp().globalData.shareUrl +
+        "api/api.php" +
+        "?method=activity&source=activity&action=my_list&timestamp=" +
+        getApp().globalData.globalTimestamp +
+        "&sign=" +
+        md5Sign;
+      let postData = {
+        // page: 1,
+        // page_size: 15,
+		openId:getApp().globalData.open_id
+      };
+      uni.request({
+        url: url,
+        method: "POST",
+        header: {
+          "content-type": "application/x-www-form-urlencoded",
+        },
+        data: postData,
+        success: (res) => {
+          // console.log(res);
+          if (res.data.code === 200) {
+            let list = res.data.data.list;
+            this.activeList = list.map((item) => {
+              /*
+                  url: "/static/activity/2.png",
+            title: "智能制造商标品牌培育系列培训活动",
+            way: "市场监督管理局",
+            date: "2021-08-07",
+            read: 322,
+            share: 1,
+            type: 0, //0线下
+             */
+              let ob = {
+                url: "",
+                title: "",
+                way: "",
+                date: "",
+                read: 0,
+                share: 0,
+                type: "",
+				status:'',
+                id: "",
+                status: 0,
+              };
+              ob.url = item.pic_url ? getApp().globalData.shareUrl + item.pic_url : '/static/activity/default.png';
+              ob.title = item.name;
+              ob.way = item.sponsor;
+              let time = this.$options.filters["globalTime"](item.start_time);
+			  let timeSecond = this.$options.filters["globalTime"](item.end_time);
+			  ob.date = time + "至" + timeSecond;
+              ob.read = parseInt(item.base_read_count) + parseInt(item.real_read_count);
+              ob.share =parseInt(item.real_repost_count) +parseInt(item.base_repost_count);
+              ob.type = item.type;
+			  ob.status = item.status; 
+              ob.id = item.id;
+              ob.status = item.status;
+              return ob;
+            });
+            this.activeListCopy = this.activeList;
+          }
+        },
+        fail: () => {
+          console.log("连接失败");
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  .choose-box {
+    padding: 20rpx 0;
+    width: 100%;
+    display: flex;
+    // position: fixed;
+    height: 50rpx;
+    top: 0;
+    // margin-bottom: 50rpx;
+    .type,
+    .state {
+      width: 50%;
+      display: flex;
+      justify-content: center;
+      position: relative;
+      .packer {
+        width: 100%;
+        .picker_title {
+          z-index: 99;
+          width: 100%;
+          height: 100%;
+          display: flex;
+          justify-content: center;
+        }
+      }
+    }
+
+    .type::after,
+    .state::after {
+      z-index: -1;
+      content: "";
+      position: absolute;
+      right: 30%;
+      top: 20%;
+      width: 0;
+      height: 0;
+      border-top: 15rpx solid rgb(173, 173, 173);
+      border-left: 15rpx solid transparent;
+      border-right: 15rpx solid transparent;
+    }
+  }
+  .actives {
+    width: 90%;
+    // margin-top: 50rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .actives-item {
+      width: 100%;
+      // height: 150rpx;
+      box-shadow: 0px 4rpx 32rpx rgba(0, 0, 0, 0.1);
+      border-radius: 32rpx;
+      // margin-top: 20px;
+      padding: 20rpx;
+      display: flex;
+      flex-direction: column;
+	  margin-top: 20rpx;
+	  margin-bottom: 10rpx;
+
+      .readShare {
+        display: flex;
+        justify-content: flex-end;
+        font-size: 26rpx;
+        color: rgba(0, 0, 0, 0.3);
+        margin-top: 20rpx;
+        align-items: center;
+        .active-tips-box {
+          font-size: 28rpx;
+          padding: 10rpx;
+          border-radius: 10rpx;
+          color: #fff;
+          margin-right: 50rpx;
+        }
+        .wait-color {
+          background-color: #aee359;
+        }
+        .ing-color {
+          background-color: #00a8ea;
+        }
+        .end-color {
+          background-color: #d7d7d7;
+        }
+        .read {
+			width: 20%;
+			text-align: center;
+          // margin-right: 60rpx;
+        }
+		.share {
+			width: 20%;
+			text-align: center;
+		}
+      }
+    }
+  }
+}
+.active {
+  color: $uni-color-primary;
+}
+.color {
+  background-color: #589cff !important;
+}
+.notice-content-box {
+  display: flex;
+  padding: 30rpx 20rpx 30rpx 20rpx;
+  background-color: #ffffff;
+  box-shadow: 0px 4rpx 32rpx rgba(0, 0, 0, 0.1);
+  border-radius: 32rpx;
+  margin-top: 20rpx;
+  justify-content: space-between;
+  .notice-content-font {
+	font-size: 32rpx;
+	color: #0d1937;
+	/* font-weight: 600; */
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+  }
+  .notice-content-time {
+	font-size: 26rpx;
+	letter-spacing: 0.02em;
+	color: #333333;
+  }
+  .order-money {
+  	color: #d9001b;
+  	font-size: 36rpx;
+  	font-weight: 500;
+  }
+}
+</style>

pages/index/index.vue

@@ -49,7 +49,7 @@
       <view class="notice-title-box" style="margin: 0 auto;margin-bottom: 30rpx;">
         <view class="notice-font">缴费订单</view>
         <view class="notice-more-font">
-          <view style="margin-right: 8rpx; font-size: 26rpx" @click="goActive">更多</view>
+          <view style="margin-right: 8rpx; font-size: 26rpx" @click="goPayList">更多</view>
           <image
             src="/static/right-arrow-blue.png"
             mode="aspectFill"
@@ -130,12 +130,12 @@ export default {
       navList: [
         {
           url: "/static/navList/appeal.png",
-          path: "/pages/appeal/index",
+          path: "/pages/heatingPage/list",
           content: "供暖缴费",
         },
         {
           url: "/static/navList/policy.png",
-          path: "/pages/policy/index",
+          path: "/pages/supply/putSupply",
           content: "一件报修",
         },
       ],
@@ -351,9 +351,9 @@ export default {
         url: "/pages/notice/index",
       });
     },
-    goActive() {
+    goPayList() {
       uni.navigateTo({
-        url: "/pages/activity/index",
+        url: "/pages/heatingPage/list",
       });
     },
   },

pages/selfCenter/index.vue

@@ -48,7 +48,7 @@ export default {
         { 
 		 icoin: "/static/selfCenter/sign.png",
 		 name: "供暖订单" ,
-		 url: "/pages/appeal/myAppeal",
+		 url: "/pages/heatingPage/list",
 		 isShow:true,
 		 },
         { 

pages/selfCenter/my_activity.vue

@@ -1,50 +1,25 @@
 <template>
   <view class="content">
-  <div class="actives">
-    <div v-for="(active, idx) in activeListCopy"
-      :key="idx"
-      class="actives-item"
-      @click="goDeatil(active.id)">
-      <div class="active-content">
-        <div class="img-box"><img :src="active.url" alt="" /></div>
-        <div class="right">
-          <div class="right-title">{{ active.title }}</div>
-          <div class="right-inf">
-            <div class="inf-type right-item" style="width: 17%">
-              <div
-                :class="{ color: active.type == 1 }"
-                class="originColor"
-              ></div>
-              <div>{{ active.type == 1 ? "线上" : "线下" }}</div>
-            </div>
-            <div class="inf-way right-item">
-              {{ active.way }}
-            </div>
-            <div class="inf-date right-item">
-              {{ active.date }}
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="readShare">
-		 <div v-show="active.status == '待开始'" class="active-tips-box wait-color">
-			活动待开始
-		  </div>
-		 <div v-show="active.status == '已开始'" class="active-tips-box ing-color">
-			活动进行中
-		  </div>
-		  <div v-show="active.status == '已结束'" class="active-tips-box end-color">
-			活动已结束
-		  </div>
-		  <div v-show="active.status == '已取消'" class="active-tips-box end-color">
-			 活动已取消
-		   </div>
-        <div class="read">浏览 {{ active.read }}</div>
-        <div class="share">分享 {{ active.share }}</div>
-      </div>
-    </div>
-     <image src="../../static/nodata.svg" mode="aspectFit" style="width: 100%;" v-if="activeListCopy.length === 0"></image>
-  </div>
+      <view
+        class="fix-content-box"
+        v-for="(item, index) in fixList"
+        :key="index"
+        style="justify-content: start; padding: 30rpx 0 30rpx 30rpx;border-radius: 0;"
+        @click="goActiveDeatil(item.id)" >
+
+        <view class="notice-content">
+          <view class="notice-content-font">{{item.title}}</view>
+          <view class="display-between" style="margin-top: 20rpx">
+			<view class="notice-content-time">
+				提交时间：{{item.time}}
+			</view>  
+			<view class="display-flex-start"  style="visibility: hidden;">
+				<view class="notice-content-time">{{item.orderStatus}}</view>
+			</view>
+          </view>
+        </view>
+      </view>
+     <image src="../../static/nodata.svg" mode="aspectFit" style="width: 100%;" v-if="fixList.length === 0"></image>
   </view>
 </template>
 
@@ -53,31 +28,21 @@ import md5 from "@/common/md5.js";
 export default {
   data() {
     return {
-      message: "我的活动",
+      message: "我的报修",
       themeColor: "#007AFF",
       mode: "selector",
       typeActive: true,
       indexType: 0,
       indexState: 0,
-      activeList: [
-        // {
-        //   url: "/static/activity/1.png",
-        //   title: "400场讲座,200门课程,免费送上门!就等你申请",
-        //   way: "区人力资源局",
-        //   date: "2021-08-08",
-        //   read: 322,
-        //   share: 1,
-        //   type: 1, //1线上
-        // },
-        // {
-        //   url: "/static/activity/2.png",
-        //   title: "智能制造商标品牌培育系列培训活动",
-        //   way: "市场监督管理局",
-        //   date: "2021-08-07",
-        //   read: 322,
-        //   share: 1,
-        //   type: 2, //2线下
-        // },
+      fixList: [
+        {
+          title: "暖气不热",
+          time: "2023-08-18",
+        },
+        {
+          title: "二楼暖气管道井漏水严重，同时发出严重的声响，请尽快处理",
+          time: "2023-09-05",
+        },
       ],
       activeListCopy: [],
     };
@@ -122,44 +87,7 @@ export default {
         success: (res) => {
           // console.log(res);
           if (res.data.code === 200) {
-            let list = res.data.data.list;
-            this.activeList = list.map((item) => {
-              /*
-                  url: "/static/activity/2.png",
-            title: "智能制造商标品牌培育系列培训活动",
-            way: "市场监督管理局",
-            date: "2021-08-07",
-            read: 322,
-            share: 1,
-            type: 0, //0线下
-             */
-              let ob = {
-                url: "",
-                title: "",
-                way: "",
-                date: "",
-                read: 0,
-                share: 0,
-                type: "",
-				status:'',
-                id: "",
-                status: 0,
-              };
-              ob.url = item.pic_url ? getApp().globalData.shareUrl + item.pic_url : '/static/activity/default.png';
-              ob.title = item.name;
-              ob.way = item.sponsor;
-              let time = this.$options.filters["globalTime"](item.start_time);
-			  let timeSecond = this.$options.filters["globalTime"](item.end_time);
-			  ob.date = time + "至" + timeSecond;
-              ob.read = parseInt(item.base_read_count) + parseInt(item.real_read_count);
-              ob.share =parseInt(item.real_repost_count) +parseInt(item.base_repost_count);
-              ob.type = item.type;
-			  ob.status = item.status; 
-              ob.id = item.id;
-              ob.status = item.status;
-              return ob;
-            });
-            this.activeListCopy = this.activeList;
+
           }
         },
         fail: () => {
@@ -177,166 +105,33 @@ export default {
   flex-direction: column;
   align-items: center;
   width: 100%;
-  .choose-box {
-    padding: 20rpx 0;
-    width: 100%;
-    display: flex;
-    // position: fixed;
-    height: 50rpx;
-    top: 0;
-    // margin-bottom: 50rpx;
-    .type,
-    .state {
-      width: 50%;
-      display: flex;
-      justify-content: center;
-      position: relative;
-      .packer {
-        width: 100%;
-        .picker_title {
-          z-index: 99;
-          width: 100%;
-          height: 100%;
-          display: flex;
-          justify-content: center;
-        }
-      }
-    }
-
-    .type::after,
-    .state::after {
-      z-index: -1;
-      content: "";
-      position: absolute;
-      right: 30%;
-      top: 20%;
-      width: 0;
-      height: 0;
-      border-top: 15rpx solid rgb(173, 173, 173);
-      border-left: 15rpx solid transparent;
-      border-right: 15rpx solid transparent;
-    }
+.fix-content-box {
+	width: 90%;
+  display: flex;
+  padding: 30rpx 20rpx 30rpx 20rpx;
+  background-color: #ffffff;
+  box-shadow: 0px 4rpx 32rpx rgba(0, 0, 0, 0.1);
+  border-radius: 32rpx;
+  margin-top: 20rpx;
+  justify-content: space-between;
+  .notice-content-font {
+    font-size: 32rpx;
+    color: #0d1937;
+    font-weight: 600;
   }
-  .actives {
-    width: 90%;
-    // margin-top: 50rpx;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    .actives-item {
-      width: 100%;
-      // height: 150rpx;
-      box-shadow: 0px 4rpx 32rpx rgba(0, 0, 0, 0.1);
-      border-radius: 32rpx;
-      // margin-top: 20px;
-      padding: 20rpx;
-      display: flex;
-      flex-direction: column;
-	  margin-top: 20rpx;
-	  margin-bottom: 10rpx;
-      .active-content {
-        display: flex;
-        .img-box {
-          margin-right: 20rpx;
-          width: 120rpx;
-          height: 120rpx;
-          img {
-            width: 100%;
-            height: 100%;
-            border-radius: 10%;
-          }
-        }
-        .right {
-          width: 80%;
-          // height: 120rpx;
-          box-sizing: border-box;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          .right-title {
-            width: 100%;
-            margin-bottom:10rpx;
-            font-size: 32rpx;
-            // font-weight: 600;
-            letter-spacing: 3rpx;
-			  overflow: hidden;
-			  text-overflow: ellipsis;
-			  white-space: nowrap;
-          }
-          .right-inf {
-            flex-wrap: wrap;
-            display: flex;
-            font-size: 26rpx;
-            align-items: center;
-
-            color: $uni-text-color-grey;
-            .right-item{
-              margin-bottom: 10rpx;
-            }
-            .inf-type {
-              margin-right: 10rpx;
-              display: flex;
-              align-items: center;
-              .originColor {
-                margin-right: 8rpx;
-                height: 20rpx;
-                width: 20rpx;
-                border-radius: 50%;
-                background-color: #ffcf86;
-              }
-            }
-            .inf-way {
-				width: 77%;
-                 overflow: hidden;
-                 text-overflow: ellipsis;
-                 white-space: nowrap;
-            }
-            .inf-date {
-              white-space: nowrap;
-            }
-          }
-        }
-      }
-      .readShare {
-        display: flex;
-        justify-content: flex-end;
-        font-size: 26rpx;
-        color: rgba(0, 0, 0, 0.3);
-        margin-top: 20rpx;
-        align-items: center;
-        .active-tips-box {
-          font-size: 28rpx;
-          padding: 10rpx;
-          border-radius: 10rpx;
-          color: #fff;
-          margin-right: 50rpx;
-        }
-        .wait-color {
-          background-color: #aee359;
-        }
-        .ing-color {
-          background-color: #00a8ea;
-        }
-        .end-color {
-          background-color: #d7d7d7;
-        }
-        .read {
-			width: 20%;
-			text-align: center;
-          // margin-right: 60rpx;
-        }
-		.share {
-			width: 20%;
-			text-align: center;
-		}
-      }
-    }
+  .notice-content-time {
+	font-size: 26rpx;
+	letter-spacing: 0.02em;
+	color: #a7adba;
   }
 }
+
+}
 .active {
   color: $uni-color-primary;
 }
 .color {
   background-color: #589cff !important;
 }
+
 </style>

pages/supply/putSupply.vue

@@ -1,43 +1,19 @@
 <template>
   <view class="content">
     <view class="supplyInfo">
-      <view class="flex">
-        <label>发布标题：</label>
-        <input type="text" v-model="supplyInfo.title" class="input card" />
-      </view>
-      <view class="flex">
-        <label>选择类型：</label>
-        <view class="picker">
-          <picker
-            @change="bindPickerChange"
-            :value="index"
-            :range="array"
-            range-key="name"
-            class="pick"
-          >
-            <view class="picker_title">
-              <view class="pickername">
-                <view>
-                  {{ array[index].name }}
-                </view>
-              </view>
-              <view class="triangle-down"></view>
-            </view>
-          </picker>
-        </view>
-      </view>
-      <view class="flex">
-        <label>详情:</label>
-        <textarea v-model="supplyInfo.msg" class="area card"></textarea>
+      <view class="update_photo">
+        <view>问题说明:</view>
+        <textarea v-model="supplyInfo.msg" class="area card"
+		minlength="5" placeholder="您反映的内容要体现一下几个重点信息：事情有关的地址，具体事情概述以及您的期望是什么？内容不少于5个字。"></textarea>
       </view>
       <view class="update_photo">
         <view class="title"></view>
-        <view>上传图片：</view>
+        <view>选择图片：</view>
         <view class="update_container card upload-parent-box">
           <view class="update_button display-flex">
             <view class="upload-box" @click="getImage('album')">
               <view class="img">
-                <image src="/static/appeal/photo.png" class="photo"></image>
+                <image src="/static/supply/photo.png" class="photo"></image>
               </view>
               <view class="txt">上传</view>
             </view>
@@ -63,22 +39,16 @@
           </view>
         </view>
       </view>
+	  <view class="tel flex">
+	    <label>联系人：</label>
+	    <input type="text" class="card input" v-model="company.tel" />
+	  </view>
+	  <view class="tel flex">
+	    <label>联系方式：</label>
+	    <input type="text" class="card input" v-model="company.tel" />
+	  </view>
     </view>
-    <view class="info">
-      <view class="title">企业信息</view>
-      <view class="name flex">
-        <label>企业名称：</label>
-        <input type="text" class="card input" v-model="company.name" />
-      </view>
-      <view class="tel flex">
-        <label>统一社会信用代码：</label>
-        <input type="text" class="card input" v-model="company.code" />
-      </view>
-      <view class="tel flex">
-        <label>联系电话：</label>
-        <input type="text" class="card input" v-model="company.tel" />
-      </view>
-    </view>
+
     <button class="submit" @tap="submit">提交</button>
   </view>
 </template>
@@ -87,17 +57,11 @@ import md5 from "@/common/md5.js";
 export default {
   data() {
     return {
-      array: [{ name: "供需" }, { name: "需求" }],
       index: 0,
       supplyInfo: {
         title: "",
         msg: "",
       },
-      company: {
-        name: uni.getStorageSync("supply_name") || "",
-        code: uni.getStorageSync("supply_code") || "",
-        tel: uni.getStorageSync("supply_tel") || "",
-      },
       uploadList: [],
       imgIdList: [],
     };
@@ -259,11 +223,6 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.upload-parent-box {
-  height: 150rpx;
-  padding-top: 25rpx;
-  padding-left: 20rpx;
-}
 .upload-box {
   display: flex;
   flex-flow: column;
@@ -290,7 +249,13 @@ export default {
   width: 30rpx;
   height: 30rpx;
 }
-
+.upload-parent-box {
+      height: 150rpx;
+      padding-top: 25rpx;
+      padding-left: 20rpx;
+      margin-top: 10px;
+      margin-bottom: 10px
+}
 .update_button {
   text-align: center;
   display: flex;
@@ -330,40 +295,13 @@ export default {
     box-shadow: rgba(100, 100, 111, 0.2) 14rpx 14rpx 40rpx 14rpx;
 	margin: 30rpx 0 30rpx 0;
     .area {
-      height: 200rpx;
-      padding: 20rpx;
-      box-sizing: border-box;
-    }
-    .picker {
-      width: 80%;
-      height: 70rpx;
-      background: rgb(248, 247, 247);
-      display: flex;
-      align-items: center;
-      position: relative;
-      .pick {
-        width: 100%;
-      }
-      .picker_title {
-        display: flex;
-        width: 100%;
-        margin-left: 30rpx;
-        align-items: center;
-        justify-content: space-between;
-        .triangle-down {
-          width: 0;
-          height: 0;
-          border-top: 15rpx solid rgb(173, 173, 173);
-          border-left: 15rpx solid transparent;
-          border-right: 15rpx solid transparent;
-          position: absolute;
-          right: 10rpx;
-        }
-        .pickername {
-          font-weight: 100;
-        }
-      }
+		width: 100%;
+		height: 400rpx;
+		padding: 20rpx;
+		box-sizing: border-box;
+		margin-top: 10px;
     }
+
     .upload-box {
       width: 25%;
       background-color: #e0e0e0;