init 初步前端建设

pages/home/home.js

@@ -32,7 +32,35 @@ Page({
       mode: 'scaleToFill',
     },
     categoryGuid: 0,
-    loadMoreStatus: 0
+    loadMoreStatus: 0,
+    product: {
+      value: 'all',
+      options: [{
+          value: 'all',
+          label: '全部产品',
+        },
+        {
+          value: 'new',
+          label: '最新产品',
+        },
+        {
+          value: 'hot',
+          label: '最火产品',
+        },
+      ],
+    },
+    sorter: {
+      value: 'default',
+      options: [{
+          value: 'default',
+          label: '默认排序',
+        },
+        {
+          value: 'price',
+          label: '价格从高到低',
+        },
+      ],
+    },
   },
 
   page: {
@@ -71,8 +99,8 @@ Page({
       pageLoading: true,
     });
 
-    this.getBanner()
-    this.getRec()
+    // this.getBanner()
+    // this.getRec()
     // this.getNotice()
   },
 

pages/home/home.json

@@ -1,7 +1,8 @@
 {
   "navigationBarTitleText": "小程序模板",
   "onReachBottomDistance": 10,
-  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarBackgroundColor": "#1969A4",
+  "navigationBarTextStyle": "white",
   "backgroundTextStyle": "light",
   "enablePullDownRefresh": true,
   "usingComponents": {
@@ -19,6 +20,8 @@
     "t-tag": "tdesign-miniprogram/tag/tag",
     "price": "/components/price/index",
     "t-button": "tdesign-miniprogram/button/button",
-    "van-button": "@vant/weapp/button/index"
+    "van-button": "@vant/weapp/button/index",
+    "t-dropdown-menu": "tdesign-miniprogram/dropdown-menu/dropdown-menu",
+    "t-dropdown-item": "tdesign-miniprogram/dropdown-item/dropdown-item"
   }
 }

pages/home/home.wxml

@@ -17,31 +17,23 @@
     </view>
   </view> -->
   <!-- 轮播图 -->
-  <view class="swiper-wrap">
+  <!-- <view class="swiper-wrap">
     <t-swiper wx:if="{{imgSrcs.length > 0}}" current="{{current}}" autoplay="{{autoplay}}" duration="{{duration}}" interval="{{interval}}" navigation="{{navigation}}" imageProps="{{swiperImageProps}}" list="{{imgSrcs}}" />
-    <!-- bind:click="navToActivityDetail" -->
-  </view>
+  </view> -->
   <!-- 搜索框 -->
   <view class="search" bind:tap="navToSearchPage">
-    <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" placeholder="搜索关键词" leftIcon="" disabled>
+    <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" placeholder="搜索关键词" leftIcon="" >
       <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
     </t-search>
-    <!-- 热门搜索 -->
-    <!-- <view class="popular-wrap">
-      <view class="search-content" wx:if="{{popularWords.length > 0}}">
-        <view class="search-item" hover-class="hover-history-item" wx:for="{{popularWords}}" data-value="{{item.title}}" bind:tap="handleRecTap" data-index="{{index}}" wx:key="*this">
-          {{item.title}}
-        </view>
-      </view>
-      <view wx:else class="search-item">
-        暂无数据
-      </view>
-    </view> -->
   </view>
 </view>
 
 <view class="home-page-container">
-
+  <!-- 筛选 -->
+  <t-dropdown-menu>
+    <t-dropdown-item options="{{product.options}}" value="{{product.value}}" bindchange="onChange" />
+    <t-dropdown-item options="{{sorter.options}}" default-value="{{sorter.value}}" />
+  </t-dropdown-menu>
   <!-- 列表渲染 -->
   <view class="table-data-list-box">
 
@@ -61,7 +53,7 @@
         <view class="tag-box">
           <t-tag class="tag" variant="light">房产</t-tag>
         </view>
-        <van-button wx:if="true" class="btn" type="info" round block>我感兴趣</van-button>
+        <van-button wx:if="true" class="btn" type="info" round block>查看详情</van-button>
       </view>
     </view>
 

pages/home/home.wxss

@@ -9,6 +9,7 @@ page {
 
 .home-page-header {
   background: linear-gradient(#fff, #f5f5f5);
+  /* padding: 20rpx 0 ; */
 }
 
 .home-page-container {
@@ -18,13 +19,13 @@ page {
 .home-page-container,
 .home-page-header {
   display: block;
-  padding: 0 24rpx;
+  /* padding: 0 24rpx; */
 }
 
 .home-page-header .t-search__input-container {
   background-color: #ffffff;
-  border-radius: 32rpx !important;
-  height: 64rpx !important;
+  /* border-radius: 32rpx !important; */
+  height: 80rpx !important;
 }
 
 .home-page-header .t-search__input {
@@ -136,6 +137,11 @@ page {
   padding-bottom: 24rpx;
 }
 
+.search{
+  background-color: #1969A4;
+  padding: 30rpx 20rpx;
+}
+
 .search-content {
   overflow: hidden;
   display: flex;

pages/login/phone-register/index.js

@@ -2,6 +2,10 @@
 import {
   sendPhoneCode
 } from '~/services/login/phone-register';
+import {
+  login
+} from '~/services/login/login';
+import Toast from '~/miniprogram_npm/@vant/weapp/toast/toast';
 
 Page({
 
@@ -26,7 +30,7 @@ Page({
       return;
     }
     const isPhoneNumber = /^[1][3,4,5,7,8,9][0-9]{9}$/.test(this.data.phoneNumber);
-    if(!isPhoneNumber){
+    if (!isPhoneNumber) {
       wx.showToast({
         icon: 'error',
         title: '手机号格式不正确',
@@ -55,6 +59,67 @@ Page({
     }
   },
 
+  /** 用户名 */
+  onNameInput(e) {
+    this.setData({
+      phoneNumber: e.detail.value,
+    });
+  },
+
+  /** 密码 */
+  onPasswordInput(e) {
+    this.setData({
+      verifyCode: e.detail.value,
+    });
+  },
+
+
+  toLogin(e) {
+    let {
+      phoneNumber,
+      verifyCode
+    } = this.data
+
+    // console.log(phoneNumber, '用户名');
+    // console.log(verifyCode, '密码');
+
+    if (!phoneNumber) {
+      wx.showToast({
+        title: '请输入用户名',
+        icon: 'error',
+        duration: 2000
+      })
+      return
+    }
+    if (!verifyCode) {
+      wx.showToast({
+        title: '请输入密码',
+        icon: 'error',
+        duration: 2000
+      })
+      return
+    }
+
+    let data = {
+      CustomerNickname: phoneNumber,
+      CustomerPassword: verifyCode
+    }
+
+    // 登录请求
+    login(data).then((res) => {
+      if (res.code === 200) {
+        setTimeout(() => {
+          wx.showToast({
+            icon: 'success',
+            title: '登录成功',
+          });
+        }, 1000);
+        wx.switchTab({
+          url: '/pages/home/home',
+        });
+      }
+    })
+  },
 
 
   /**

pages/login/phone-register/index.wxml

@@ -18,19 +18,20 @@
       <!-- 手机号 -->
       <t-input
       value="{{phoneNumber}}"
-      placeholder="请输入手机号"
+      placeholder="请输入用户名"
       borderless="{{true}}"
       style="border-radius: 100rpx; background-color: #f3f4f6;margin-bottom: 50rpx;height: 50rpx;"
-      tips="{{phoneError ? '手机号输入不正确' : ''}}"
-      bindchange="onPhoneInput"
+      bindchange="onNameInput"
     />
 
-    <!-- 验证码 -->
+    <!-- 密码 -->
     <t-input
       placeholder="请输入密码"
       value="{{verifyCode}}"
       borderless="{{true}}"
+      type="password"
       style="border-radius: 100rpx; background-color: #f3f4f6; height: 50rpx;"
+      bindchange="onPasswordInput"
     >
       <!-- <view slot="suffix" style="display: flex; align-items: center">
         <view class="suffix--line"></view>
@@ -40,7 +41,7 @@
 
     <!-- 提交按钮 -->
     <view class="submit-btn">
-      <van-button type="info" size="large" round block>登录</van-button>
+      <van-button type="info" size="large" round block bind:tap="toLogin">登录</van-button>
     </view>
 
     </view>

pages/table-data/index.json

@@ -3,6 +3,7 @@
   "navigationBarBackgroundColor": "#F6F7F8",
   "usingComponents": {
     "t-cell": "tdesign-miniprogram/cell/cell",
-    "price": "/components/price/index"
+    "price": "/components/price/index",
+    "van-button": "@vant/weapp/button/index"
   }
 }

pages/table-data/index.wxml

@@ -4,20 +4,57 @@
     <!-- 标题 -->
     <view class="title-box">
       <view class="title">渤银理财理财分销对接代销系统采购项目</view>
-      <view class="price-box">
+      <!-- <view class="price-box">
         <price wx:if="true" priceUnit="yuan" wr-class="price-class" symbol="" price="99" fill="true" decimalSmaller />
         <view wx:else class="price-class black">价格待定</view>
-      </view>
+      </view> -->
     </view>
 
 
     <!-- 详情单元格 -->
     <view class="detail-box">
+      <view class="detail-title-box">
+        <view class="detail-title">基本信息</view>
+      </view>
       <view class="detail-margin-box">
-        <t-cell t-class-title="cell-class" t-class-note="node-class" title="单行标题" note="辅助信息" />
-        <t-cell t-class-title="cell-class" t-class-note="node-class" title="单行标题" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="涉及产品" note="辅助信息" hover />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="采购单位名称" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="采购方式" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="日期" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="截至日期" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="供应商名称" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="供应商报价" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="项目计价形式" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="链接" note="辅助信息" hover />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="采购方式" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="是否为中标公告" note="是" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="是否是人力资源池或框架协议" note="是" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="公告中是否包含多个包/标段/采购内容" note="是" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="单一来源理由(如有)" note="是" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="是否仅有一个中标人" note="是" />
       </view>
     </view>
 
+    <view class="detail-box">
+      <view class="detail-title-box">
+        <view class="detail-title">中标信息</view>
+      </view>
+      <view class="detail-margin-box">
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="中标人或候选人" note="辅助信息" />
+        <t-cell t-class-title="cell-class" t-class-note="node-class" title="中标金额" note="辅助信息" />
+      </view>
+    </view>
+
+    <view class="detail-box">
+      <t-cell title="详情" description="渤银理财理财分销对接代销系统采购项目成交公示       受渤海银行股份有限公司委托，金采联合（北京）招标有限公司于2022年8月4日以竞争性采购方式，对渤银理财理财分销对接代销系统采购项目（项目编号：FUTC-2022-H031B）组织了采购。现将成交供应商公布如下：北京开科唯识技术股份有限公司为成交供应商。公示期限：自2022年8月22日至2022年8月24日采购代理机构：金采联合（北京）招标有限公司联系地址：北京市西城区佟麟阁路95号尚信大厦联系人：刘世平、刘松樵、谭永江代理机构联系方式：13682015217、16622986307、010-51813597特此公告金采联合（北京）招标有限公司2022年8月19日"   />
+    </view>
+
   </view>
+</view>
+
+
+
+<!-- 底部按钮 -->
+<view class="footer-btn-box">
+  <van-button wx:if="true" class="btn" type="info" round block>我感兴趣</van-button>
 </view>

pages/table-data/index.wxss

@@ -4,6 +4,7 @@
   width: 100%;
   background-color: #F6F7F8;
   padding: 50rpx 0;
+  padding-bottom: 250rpx;
 }
 
 .table-data-container{
@@ -24,20 +25,47 @@
 .detail-box{
   width: 100%;
   margin-top: 50rpx;
-  /* padding: 20rpx 0; */
-  background-color: white;
-  box-shadow:#EDEEEF 10px 10px 10px;
 }
 
 .detail-margin-box{
-  /* margin: 0 10rpx; */
+  box-shadow:#EDEEEF 10px 10px 10px;
+  background-color: white;
+}
+
+.detail-title-box{
+  font-size: 33rpx;
+  margin-bottom: 25rpx;
+  font-weight: normal;
 }
 
 .cell-class{
-  font-size: 29rpx !important;
+  font-size: 28rpx !important;
   color: #989292 !important;
 }
 
 .node-class{
+  font-size: 29rpx !important;
   color: #000 !important;
+}
+
+.detail-title{
+  margin-top: 50rpx;
+}
+
+
+/* 底部按钮 */
+.footer-btn-box{
+  width: 92%;
+  height: 200rpx;
+  background-color: #ffffff;
+  position: fixed;
+  bottom: 0;
+  padding:  0 25rpx;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+}
+
+.btn{
+  width: 100%;
 }

pages/usercenter/set/index.wxml

@@ -2,7 +2,7 @@
 
 <view class="set-pos-box">
   
-    <t-cell-group>
+    <!-- <t-cell-group>
       <t-cell 
       wx:for="{{platformSpecList}}" 
       wx:for-item="xitem" 
@@ -17,9 +17,9 @@
       t-class-note="order-group-note" 
       t-class-left="order-group__left"
       >
-        <!-- <t-icon name="{{xitem.icon}}" size="48rpx" slot="note" /> -->
+        <t-icon name="{{xitem.icon}}" size="48rpx" slot="note" />
       </t-cell>
-    </t-cell-group>
+    </t-cell-group> -->
 
   <!-- 退出登录按钮 -->
   <view class="log-out-btn-box">

services/login/login.js

@@ -16,16 +16,16 @@ export function login(data) {
       success: async function (res) {
         setStorage('userInfo', res.data.user, 86400);
         setStorage('Authorization', res.data.jwt, 86400);
-        const pages = getCurrentPages(); //获取小程序页面栈
-        const beforePage = pages[pages.length - 1]; //获取上个页面的实例对象  -3是上上一个页面
-        wx.navigateBack({
-          delta: 1,
-        });
-        beforePage.onLoad();
-        wx.showToast({
-          icon: 'success',
-          title: '登录成功',
-        });
+        // const pages = getCurrentPages(); //获取小程序页面栈
+        // const beforePage = pages[pages.length - 1]; //获取上个页面的实例对象  -3是上上一个页面
+        // wx.navigateBack({
+        //   delta: 1,
+        // });
+        // beforePage.onLoad();
+        // wx.showToast({
+        //   icon: 'success',
+        //   title: '登录成功',
+        // });
         resolve(res);
       },
     });