列表页

pages/user/index.vue

@@ -51,10 +51,13 @@
         <image class="navigator_image" src="https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/score_gift.png" mode=""></image>
         <view class="navigator_title">拉新活动</view>
       </navigator>
-	  <navigator class="navigator_item" url="/pages/recruitment/index">
-	    <image class="navigator_image" src="https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/information.png" mode=""></image>
-	    <view class="navigator_title">咨讯</view>
-	  </navigator>
+    </view>
+    <view class="navigator_list">
+		<navigator class="navigator_item" url="/pages/user/information">
+              <image class="navigator_image" src="https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/score_gift.png" mode=""></image>
+              <view class="navigator_title">拉新活动</view>
+        </navigator>
+      
     </view>
     <view class="alter_info">本程序暂不提供在线交易以及支付功能，您所提交的预约，我们将验证您的购药资质并交由有售卖药品资质的商业公司与您联系确认并提供线下后续服务。</view>
     <view class="packet_content" v-if="show_packet">

pages/user/information.vue

@@ -0,0 +1,290 @@
+<template>
+  <view>
+    <view class="alter_info">请选择您药店/诊所所在城市，选择后不可更改，请谨慎选择</view>
+    <view class="form"  >
+      <!-- 地区代表表单 -->
+      
+      <!-- 新增列表 -->
+      <view class="list-container">
+        <view class="list-item" v-for="(item, index) in articleList" :key="index">
+          <image :src="item.thumbnail" class="list-thumbnail" mode="aspectFit"></image>
+          <view class="list-content">
+            <view class="list-title">{{ item.title }}</view>
+            <view class="list-meta">
+              <text>阅读数: {{ item.readCount }}</text>
+              <text>点赞数: {{ item.likeCount }}</text>
+              <text>时间: {{ item.time }}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import {getProvinces,getMyCity} from "../../utils/city";
+
+export default {
+  data() {
+    return {
+      requestParam:{
+        province:"",
+        city:"",
+      },
+      cityArray: [[],[]],
+      cityValue: [0,0],
+      // 新增文章列表数据
+      articleList: [
+        {
+          thumbnail: 'https://example.com/thumbnail1.jpg',
+          title: '文章标题1',
+          readCount: 100,
+          likeCount: 20,
+          time: '2025-02-21'
+        },
+        {
+          thumbnail: 'https://example.com/thumbnail2.jpg',
+          title: '文章标题2',
+          readCount: 200,
+          likeCount: 30,
+          time: '2025-02-20'
+        }
+      ]
+    }
+  },
+  onLoad(){
+    // 替换对应的数据
+    this.cityArray.splice(0,1,getProvinces());
+    this.cityArray.splice(1,1,getMyCity(this.cityValue[0]));
+    // 默认地址
+    // this.requestParam.province 	= this.cityArray[0][this.cityValue[0]]
+    // this.requestParam.city 		= this.cityArray[1][this.cityValue[1]];
+  },
+  onShow(){
+    // 登录信息
+    if( !this.$checkAccess.alterLogin() ) return ;
+    // 授权成功以后，调用绑定
+    this.$http.request('api/custom/get_city',{},'get').then((re)=>{
+      // 成功的话
+      if( re.code != 'success' ){
+        // 跳转
+        uni.showToast({title: re.msg,icon:"none"});
+        return;
+      }
+      this.requestParam.province	= re.data.province;
+      this.requestParam.city 		= re.data.city;
+    });
+  },
+  methods: {
+    toApply(){
+      // 登录信息
+      if( !this.$checkAccess.alterLogin() ) return ;
+      // 提示信息
+      if( !this.requestParam.province ){
+        uni.showToast({
+          title:"请选择所在城市",
+          icon:"none"
+        })
+        return ;
+      }
+      // 提示信息
+      if( !this.requestParam.city ){
+        uni.showToast({
+          title:"请选择所在城市",
+          icon:"none"
+        })
+        return ;
+      }
+      // 请求状态
+      uni.showLoading({mask:true});
+      // 授权成功以后，调用绑定
+      this.$http.request('api/custom/set_city',this.requestParam,'post').then((re)=>{
+        // 关闭
+        uni.hideLoading();
+        // 成功的话
+        if( re.code != 'success' ){
+          // 跳转
+          uni.showToast({title: re.msg,icon:"none"});
+          return;
+        }
+        uni.switchTab({url: '/pages/user/index'});
+      });
+    },
+    cityChange(e){
+      // 替换三个选项
+      this.cityValue.splice(e.detail.column,1,e.detail.value);
+      // 下一级设置为0
+      if( e.detail.column == 0 ){
+        this.cityValue.splice(1,1,0);
+        this.cityValue.splice(2,1,0);
+      }
+      if( e.detail.column == 1 ){
+        this.cityValue.splice(2,1,0);
+      }
+      // 替换对应的数据
+      this.cityArray.splice(0,1,getProvinces());
+      this.cityArray.splice(1,1,getMyCity(this.cityValue[0]));
+    },
+    cityFinish(e){
+      this.requestParam.province 	= this.cityArray[0][this.cityValue[0]];
+      this.requestParam.city 		= this.cityArray[1][this.cityValue[1]];
+    },
+  }
+}
+</script>
+
+<style lang="less">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.alter_info{
+  display: block;
+  color: #E03519;
+  font-size: 20rpx;
+  overflow: hidden;
+  margin: 20rpx auto;
+  background: #FFFFFF;
+  line-height: 40rpx;
+  padding: 35rpx 35rpx;
+  text-align: center;
+}
+.info_form{
+  display: block;
+  overflow: hidden;
+  padding: 20rpx 0rpx;
+  background: #FFFFFF;
+  .form_group{
+    display: block;
+    overflow: hidden;
+    line-height: 60rpx;
+    padding: 20rpx 35rpx;
+    .group_title{
+      float: left;
+      width: 160rpx;
+      display: block;
+      overflow: hidden;
+      font-size: 30rpx;
+      margin-right: 20rpx;
+    }
+    .group_box{
+      width: 480rpx;
+      float: left;
+      display: block;
+      .form_ctrl{
+        height: 56rpx;
+        font-size: 24rpx;
+        padding: 0rpx 20rpx;
+        line-height: 56rpx;;
+        border: 2rpx solid #DDDDDD;
+        .area_text{
+          width: 446rpx;
+          height: 56rpx;
+          font-size: 20rpx;
+          overflow: hidden;
+          white-space: nowrap;
+          line-height: 56rpx;
+          text-overflow: ellipsis;
+        }
+      }
+      .group_image{
+        width: 200rpx;
+        height: 200rpx;
+      }
+      .choose_image{
+        display: block;
+        width: 200rpx;
+        height: 200rpx;
+        font-size: 38rpx;
+        text-align: center;
+        line-height: 200rpx;
+        border: 2rpx solid #DDDDDD;
+      }
+    }
+  }
+  .submit_btn{
+    color: #FFFFFF;
+    width: 220rpx;
+    height: 80rpx;
+    display: block;
+    font-size: 30rpx;
+    padding: 0rpx 0rpx;
+    line-height: 80rpx;
+    margin: 50rpx auto;
+    background-color: forestgreen;
+  }
+}
+</style>