接口对接及公共方法封装

src/api/index.js

@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-//通讯录查询
+//新闻列表
 export function newList(query) {
   return request({
     url: '/transaction/website/newsList',
@@ -8,3 +8,11 @@ export function newList(query) {
     params: query
   })
 }
+
+//新闻详情
+export function newDetails(id) {
+  return request({
+    url: '/transaction/website/news/'+id,
+    method: 'get',
+  })
+}

src/api/interaction/index.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 //互动交流
 export function interactionList(query) {
   return request({
-    url: '/website/communicateList',
+    url: '/transaction/website/communicateList',
     method: 'get',
     params: query
   })

src/api/policy/index.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+//成交公告
+export function policyList(query) {
+  return request({
+    url: '/transaction/website/outproject/publicity',
+    method: 'get',
+    params: query
+  })
+}

src/api/supply/index.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+//个人供求
+export function supplyList(query) {
+  return request({
+    url: '/transaction/website/supplyDemandList',
+    method: 'get',
+    params: query
+  })
+}

src/main.js

@@ -12,9 +12,12 @@ import store from './store/'
 import './permission' // permission control
 
 import { getDicts } from "@/utils/data";
-//
-// //全局方法挂载
+import { selectDictLabel , onClickLeft } from "@/utils/utils";
+
+//全局方法挂载
 Vue.prototype.getDicts = getDicts
+Vue.prototype.selectDictLabel = selectDictLabel
+Vue.prototype.onClickLeft = onClickLeft
 
 // Vant 引用
 import Vant from 'vant';
@@ -27,6 +30,7 @@ if ('addEventListener' in document) {
     FastClick.attach(document.body);
   }, false);
 }
+
 //设置动态登录页
 router.beforeEach((to, from, next) => {
   if (to.meta.title) {

src/router/index.js

@@ -257,6 +257,15 @@ export const constantRoutes = [
       hidden: true,
     },
     component: (resolve) => require(['@/views/user/supply/index'], resolve)
+  },
+  {
+    path: '/policy',
+    name: 'policy',
+    meta: {
+      title: '政策法规',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/policy/index'], resolve)
   }
 ];
 

src/utils/utils.js

@@ -0,0 +1,16 @@
+
+export function selectDictLabel(datas, value) {
+  var actions = [];
+  Object.keys(datas).some((key) => {
+    if (datas[key].dictValue == ('' + value)) {
+      actions.push(datas[key].dictLabel);
+      return true;
+    }
+  })
+  return actions.join('');
+}
+
+//回退
+export function onClickLeft(){
+  history.back(-1);
+}

src/views/index.vue

@@ -15,8 +15,8 @@
     <div style="border-radius: 10px;overflow: hidden;">
       <van-grid :border="false" :column-num="3">
         <van-grid-item to="/news/index">
-            <van-image src="../../static/images/icon/icon_new.png" width="40" height="40" />
-            <p>新闻资讯</p>
+          <van-image src="../../static/images/icon/icon_new.png" width="40" height="40" />
+          <p>新闻资讯</p>
         </van-grid-item>
         <van-grid-item>
           <van-image src="../../static/images/icon/icon_bidding.png" width="40" height="40" />
@@ -26,7 +26,7 @@
           <van-image src="../../static/images/icon/icon_project.png" width="40" height="40" />
           <p>项目公告</p>
         </van-grid-item>
-        <van-grid-item>
+        <van-grid-item to="/policy">
           <van-image src="../../static/images/icon/icon_statute.png" width="40" height="40" />
           <p>政策法规</p>
         </van-grid-item>

src/views/interaction/index.vue

@@ -11,32 +11,16 @@
       :finished="finished"
       finished-text="没有更多了"
       style="margin-top: 10px;"
+      @load="getList()"
     >
-      <van-cell>
+      <van-cell v-for="(item,index) in interactionList" :key="index">
         <template #title>
-          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>没拍到，钱怎么自动退回？
+          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>
+          {{item.content}}
         </template>
         <template #label>
-          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。 钱款需要退回银行卡方法如下： 通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费； 通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡； 通过余额宝交保，请在支付宝app找到余额宝，点击转出； 通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。
-          <p style="text-align: right;">发布时间：2021-06-30</p>
-        </template>
-      </van-cell>
-      <van-cell>
-        <template #title>
-          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>没拍到，钱怎么自动退回？
-        </template>
-        <template #label>
-          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。 钱款需要退回银行卡方法如下： 通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费； 通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡； 通过余额宝交保，请在支付宝app找到余额宝，点击转出； 通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。
-          <p style="text-align: right;">发布时间：2021-06-30</p>
-        </template>
-      </van-cell>
-      <van-cell>
-        <template #title>
-          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>没拍到，钱怎么自动退回？
-        </template>
-        <template #label>
-          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。 钱款需要退回银行卡方法如下： 通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费； 通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡； 通过余额宝交保，请在支付宝app找到余额宝，点击转出； 通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。
-          <p style="text-align: right;">发布时间：2021-06-30</p>
+          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>{{item.reply}}
+          <p style="text-align: right;">发布时间：{{item.replyTime}}</p>
         </template>
       </van-cell>
     </van-list>
@@ -46,7 +30,7 @@
 <script>
 import { interactionList } from "@/api/interaction/index";
 export default {
-  name: "notice",
+  name: "interaction",
   data() {
     return {
       //是否显示加载
@@ -69,6 +53,7 @@ export default {
     getList(){
       this.loading = true;
       interactionList(this.queryParams).then(response => {
+        console.log(response)
         this.interactionList = response.rows;
         if(this.interactionList.length >= response.total){
           this.finished = true;

src/views/news/index.vue

@@ -14,7 +14,7 @@
       @load="getList()"
     >
       <!--        @load="newList"-->
-      <van-cell v-for="item in newList" :key="item.id" :title="item.title" :label="item.newsTime">
+      <van-cell v-for="item in newList" :key="item.id" :title="item.title" :label="item.newsTime" :to="{name:'newDetail', query: {id:item.id}}">
         <!-- 使用 right-icon 插槽来自定义右侧图标 -->
         <template #right-icon>
           <van-image :src="item.img" class="search-icon" width="30%" style="margin-left: 10px;" />
@@ -47,9 +47,6 @@ export default {
   },
   created() {},
   methods: {
-    onClickLeft(){
-      history.back(-1);
-    },
     getList(){
       this.loading = true;
       newList(this.queryParams).then(response => {

src/views/news/newDetail.vue

@@ -1,276 +1,42 @@
 <template>
   <div class="app-container">
-    <van-tabs scrollspy sticky color="#007b76" >
-      <van-tab title="竞拍信息" title-style="font-size:12px;">
-        <van-swipe class="my-swipe" height="235" indicator-color="white" @change="onChange">
-          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
-          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
-          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
-          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
-          <template #indicator>
-            <div class="custom-indicator">{{ current + 1 }}/4</div>
-          </template>
-        </van-swipe>
-        <van-notice-bar color="#fff" background="#007E72" left-icon="clock-o">
-          正在进行今天12：00结束
-        </van-notice-bar>
-        <div class="information">
-          <van-row>
-            <van-col span="24" class="title">【出租】管家堡乡500亩水田</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="4">距结束</van-col>
-            <van-col span="20"><van-count-down :time="30 * 60 * 60 * 1000" format="DD 天 HH 时 mm 分 ss 秒" /></van-col>
-          </van-row>
-          <van-row>
-            <van-col span="4">挂牌价</van-col>
-            <van-col span="20" class="price"><span>500</span> 元/亩/年</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="4">保证金</van-col>
-            <van-col span="20" class="money"><span>5000</span> 元</van-col>
-          </van-row>
-        </div>
-        <div class="lead">
-          <van-row gutter="20">
-            <van-col span="3"><van-image src="../../static/images/icon/phone.png" style="vertical-align: text-top;" /></van-col>
-            <van-col span="4">J1433</van-col>
-            <van-col span="4">领先</van-col>
-            <van-col span="4">06.20</van-col>
-            <van-col span="4">22:46:38</van-col>
-          </van-row>
-        </div>
-        <div class="detail">
-          <van-row>
-            <van-col span="24"><span>报名开始时间：</span>2021-04-1915:18:53</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>报名截止时间：</span>2021-04-1915:20:53</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>竞价开始时间：</span>2021-04-1915:25:53</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>竞价截止时间：</span>2021-04-1915:35:53</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>竞价方式：</span>自由竞价/阶梯竞价</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>阶梯价（加价幅度）：</span>¥1,000</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>延时周期：</span>2分钟报名<van-icon name="question" size="15" style="top: 3px;left: 5px;" color="#CDCDCD"/></van-col>
-          </van-row>
-        </div>
-      </van-tab>
-      <van-tab title="标的物介绍" title-style="font-size:12px;">
-        <p class="delTitle">标的物介绍</p>
-        <div class="introduce">
-          <van-row>
-            <van-col span="24" style="color:#8A8A8A;font-size: 0.4rem;">项目挂牌转出方简况及公告内容</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>转出方名称</span>张三丰</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>住址（地址）</span>威海市环翠区文化西路39号-5</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="14"><span>经济类型</span>个人</van-col>
-            <van-col span="10"><span>注册账号</span>13306310001</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>注册资本（万元）</span>2000万</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>组织机构代码证号</span>SI4761215652</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>法定代表人/负责人</span>张三丰</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>身份证号</span>371481199001012400</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>联系电话</span>13306310001</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>电子邮箱</span>1027238303@qq.com</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="14"><span>项目类型</span>农户承包土地经营权</van-col>
-            <van-col span="10"><span>农地性质</span>耕地</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>转出项目名称</span>管家堡乡转500亩土地</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>坐落</span>兴和县城关镇阳坡村委会</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="14"><span>是否属再次转出</span>否</van-col>
-            <van-col span="10"><span>前次转出方式</span>无</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="14"><span>拟转出方式</span>出租</van-col>
-            <van-col span="10"><span>拟转出面积/数量</span>500亩</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>拟转出期限</span>2021-05-24至2039-05-24共18年</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24"><span>涉及农户数</span>1户</van-col>
-          </van-row>
-          <van-row>
-            <van-col span="24" style="color:#007E72;">标的物信息</van-col>
-          </van-row>
-          <div class="project_info">
-            <van-row>
-              <van-col span="14"><span>标的物名称</span>张三丰地</van-col>
-              <van-col span="10"><span>面积/数量</span>50亩</van-col>
-            </van-row>
-            <van-row>
-              <van-col span="24"><span>备注</span></van-col>
-            </van-row>
-          </div>
-          <div class="project_info">
-            <van-row>
-              <van-col span="14"><span>标的物名称</span>张三丰地</van-col>
-              <van-col span="10"><span>面积/数量</span>50亩</van-col>
-            </van-row>
-            <van-row>
-              <van-col span="24"><span>备注</span></van-col>
-            </van-row>
-          </div>
-        </div>
-      </van-tab>
-      <van-tab title="标的物图片" title-style="font-size:12px;">
-        <p class="delTitle">标的物图片</p>
-        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
-        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
-        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
-      </van-tab>
-      <van-tab title="竞买须知" title-style="font-size:12px;">
-        <p class="delTitle">竞买须知</p>
-        <div class="notice">
-          <p>一、竞价保证金缴付方式及要求：</p>
-          <p>竞买人为个人的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。 竞买人为单位的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。 如果竞买人未按规定方式缴付竞价保证金，将会造成竞价保证金无法退还竞价人，由此产生的一切后果和责任，由竞买人自行承担。</p>
-          <p>1.通过银行柜台转账的，在缴款时须在银行进账单或汇款凭证的备注/用途/附言栏中准确填写项目编号。</p>
-          <p>2.通过网上银行转账的，在缴款时须在网上银行支付界面的备注/用途/银行附言栏中准确填写项目编号。</p>
-          <p>二、竞价保证金缴付注意事项</p>
-          <p>1.竞买人应填写并提示竞价保证金汇出银行将其填写的备注信息准确、完备地发送至农交所上述账户。若因竞买人未按要求填写相关信息而导致其无法参与竞价的，由此产生的一切后果和责任由竞买人自行承担。</p>
-          <p>2.竞买人应妥善保管竞价保证金缴款凭证，该凭证将作为查询及办理相关手续的依据之一。</p>
-          <p>三、报名所需材料：</p>
-          <p>1.黑龙江农村产权流转交易意向受让申请书（首页资料下载处下载）。</p>
-          <p>2.有效资格证明文件：</p>
-          <p>（1）受让方为个人的，需提供本人身份证；</p>
-          <p>（2）受让方为单位的，需提供有效期内的营业执照副本、机构代码证、法定代表人身份、合作社章程/公司章程（封面盖章，骑缝盖章）、合作社成员大会决议/股东会决议/董事会决议。</p>
-          <p>3.缴款凭证。</p>
-          <p>4.竞投保证金退还所需报名人本人名下的有效银行卡。</p>
-          <p>四、报名：</p>
-          <p>竞价保证金缴纳后：</p>
-          <p>1.线下报名：携带竞价保证金缴款凭证的原件以及报名所需材料到镇（街）、区（县）、市、省级平台进行报名。到报名地点领取或者在本页面下方“竞投文件下载”处下载竞投文件。</p>
-          <p>2.线上报名：点击“线上报名”按钮，填写报名表，以附件形式上传竞价保证金缴款凭证和报名所需材料的照片， 竞价账户密码以短信形式进行发送。在本页面下方“竞投文件下载”处下载。</p>
-          <p>五、项目报名时间截止后，仅有一名意向受让方报名的，直接与转出方协议签约；有两名及两名以上意向受让方报名的，实行网络电子竞价或农交所同意的其他公开方式竞价。</p>
-          <p>六、实行网上电子竞价的项目：竞投人登录农村产权交易中心网站，进入竞价大厅找到已报名项目，在竞投报价截止时间之前进行报价。竞投结束后，系统按竞投报价从高到低排序，选择报价最高者竞得项目。竞投报价不能低于项目挂牌价格，逾期报价或不符合规定的报价做无效处理，竞投人所交保证金转作违约金，作为对交易中心的违约赔偿，不予退还。</p>
-          <p>七、受让方承诺在竞价成功后严格按照转出方的要求予以开发利用，且不用于非农业建设，不改变原用途，不破坏农业综合生产能力，不破坏生态环境，对于需提供开发利用规划的，及时提交规划文件。</p>
-          <p>八、受让方放弃竞得项目的、无正当理由不与出让方签订合同的、在签订合同时向出让方提出附加条件或者更改合同实质性内容的，竞投保证金不予返还。</p>
-          <p>九、法定节假日、公休日不受理报名。</p>
-        </div>
-      </van-tab>
-      <van-tab title="竞价记录" title-style="font-size:12px;">
-        <p class="delTitle">竞价记录</p>
-        <div class="biddingList">
-          <table width="100%" cellspacing="0">
-            <tr>
-              <td>出价人账号</td>
-              <td>姓名</td>
-              <td>出价价格</td>
-              <td>状态</td>
-              <td>出价时间</td>
-            </tr>
-            <tr>
-              <td>15314031621</td>
-              <td>张三</td>
-              <td>45,101</td>
-              <td style="color:#C21F3A">领先</td>
-              <td>2021-04-20 10:55:13</td>
-            </tr>
-            <tr>
-              <td>15314031621</td>
-              <td>张三三</td>
-              <td>45,101</td>
-              <td></td>
-              <td>2021-04-20 10:55:13</td>
-            </tr>
-            <tr>
-              <td>15314031621</td>
-              <td>张三</td>
-              <td>45,101</td>
-              <td></td>
-              <td>2021-04-20 10:55:13</td>
-            </tr>
-          </table>
-        </div>
-      </van-tab>
-    </van-tabs>
-    <div class="bottomBtn">
-      <van-row>
-        <van-col span="8" style="margin-top: 4px;" @click="showPopup">
-          <van-image src="../../static/images/icon/clock.png" style="vertical-align: text-bottom;" />
-          <p style="line-height: 0.2rem;color: #999999">提醒</p>
-        </van-col>
-        <van-col span="16">
-          <van-button round color="#C21F3A" block>
-            立即报名<br/>
-            <span style="font-size: 10px">保证金￥30,000</span>
-          </van-button>
-        </van-col>
-      </van-row>
-      <van-row style="display: none;">
-        <van-col span="3" style="text-align: center;line-height: 1rem">
-          <van-button color="#e2e2e2" icon="plus" size="mini"></van-button>
-        </van-col>
-        <van-col span="18">
-          <van-button round color="#C21F3A" block>
-            <p>出价</p>
-            <p>434,000</p>
-          </van-button>
-        </van-col>
-        <van-col span="3" style="text-align: center;line-height: 1rem">
-          <van-button color="#e2e2e2" icon="minus" size="mini"></van-button>
-        </van-col>
-      </van-row>
-    </div>
-    <van-popup v-model="show" class="popup" closeable>
-      <van-image src="../../static/images/icon/success.png"/>
-      <p class="popupTit">提醒设置成功</p>
-      <p class="popupContent">系统将按要求提醒您竞拍</p>
-      <van-button round color="#C21F3A" block class="iKnow">
-        我知道了
-      </van-button>
-      <p class="updatePopup">修改提醒方式</p>
-    </van-popup>
+    <van-nav-bar
+      title="新闻资讯"
+      left-arrow
+      fixed
+      placeholder
+      @click-left="onClickLeft"
+    />
   </div>
 </template>
 
 <script>
+import { newDetails } from "@/api/index";
 export default {
-  name: "projectDetail",
+  name: "newsDetail",
   data() {
     return {
       current: 0,
       show: false,
     };
   },
-  mounted() {},
+  created() {
+    this.getList();
+  },
   methods: {
-    onChange(index) {
-      this.current = index;
-    },
-    showPopup() {
-      this.show = true;
+    getList(){
+      this.loading = true;
+      console.log(this.$route.query.id)
+      newDetails(this.$route.query.id).then(response => {
+        this.List = response.rows;
+        console.log(response)
+        if(this.List.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
     },
   },
 };
@@ -279,132 +45,4 @@ export default {
 <style scoped lang="scss">
 .app-container {
 }
-.custom-indicator {
-  position: absolute;
-  right: 20px;
-  bottom: 20px;
-  padding: 0px 20px;
-  font-size: 12px;
-  /*rgba(0, 0, 0, 0.1)*/
-  background: rgba(0, 0, 0, 0.2);
-  color: #FFF;
-  border-radius: 20px;
-  line-height: 0.5rem;
-}
-.title{
-  font-size: 0.45rem;
-}
-.my-swipe{
-  width: 100%;
-}
-.my-swipe .van-swipe-item .van-image{
-  width: 100%;
-}
-.information{
-  background-color: #FFF;
-  margin-top: 0.3rem;
-  padding: 0.4rem 0.5rem;
-}
-.van-row{
-  line-height: 0.7rem;
-}
-.price{
-  color: #C21F3A;
-}
-.price span{
-  font-size: 0.5rem;
-  font-weight: bold;
-}
-.money{
-  color: #C21F3A;
-}
-.money span{
-  font-size: 0.5rem;
-  font-weight: bold;
-}
-.van-count-down{
-  line-height: 0.7rem;
-}
-.lead{
-  background-color: #FFF;
-  margin-top: 0.3rem;
-  padding: 0.1rem 0.5rem;
-  color: #C21F3A;
-}
-.detail{
-  background-color: #FFF;
-  margin-top: 0.3rem;
-  padding: 0.2rem 0.5rem;
-}
-.detail span{
-  color: #8A8A8A;
-}
-.delTitle{
-  font-size: 0.4rem;
-  color: #007E72;
-  padding: 0.2rem 0.5rem;
-}
-.introduce{
-  padding: 0.2rem 0.5rem 0.5rem;
-  background-color: #FFF;
-}
-.introduce span{
-  color: #8A8A8A;
-  margin-right: 20px;
-}
-.project_info{
-  border: 1px solid #DCDCDC;
-  padding: 0px 20px;
-  margin-top: 10px;
-  border-radius: 10px;
-}
-.notice{
-  padding: 0.5rem;
-  background-color: #FFF;
-}
-.notice p{
-  line-height: 0.7rem;
-}
-.biddingList{
-  padding: 0.5rem;
-  background-color: #FFF;
-  margin-bottom: 0.4rem;
-}
-.biddingList table{
-  text-align: center;
-}
-.biddingList table td{
-  text-align: center;
-  padding: 10px 0px;
-}
-.biddingList table tr:first-child td{
-  background-color: #007E72;
-  color: #FFF;
-}
-.bottomBtn{
-  padding: 0.2rem 0.5rem;
-  background-color: #FFF;
-}
-  .popup{
-    text-align: center;
-    padding: 0.5rem;
-    border-radius: 20px;
-    width: 70%;
-    padding-top: 1.5rem;
-  }
-  .popupTit{
-    color: #007E72;
-    font-size: 0.4rem;
-    line-height: 0.9rem;
-  }
-  .popupContent{
-    color: #666666;
-  }
-  .iKnow{
-    margin-top: 1rem;
-  }
-  .updatePopup{
-    color: #007E72;
-    margin-top: 0.5rem;
-  }
 </style>

src/views/policy/index.vue

@@ -0,0 +1,164 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="政策法规"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-tabs animated type="card" color="#007b76" style="margin-top: 10px;">
+
+      <van-tab title="政策法规">
+        <van-list
+          v-model="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          style="margin-top: 10px;"
+          @load="getList"
+        >
+          <van-cell v-for="(item,index) in List" icon="play" :key="index" :title="item.title">
+            <template #label>
+              <p style="float: right;">发布时间：{{item.newsTime}}</p>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+
+      <van-tab title="交易规则">
+        <van-list
+          v-model="secondLoading"
+          :finished="secondFinished"
+          finished-text="没有更多了"
+          style="margin-top: 10px;"
+          @load="getSecondList"
+        >
+          <van-cell v-for="(item,index) in secondList" icon="play" :key="index" :title="item.title">
+            <template #label>
+              <p style="float: right;">发布时间：{{item.newsTime}}</p>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+
+      <van-tab title="资料下载">
+        <van-list
+          v-model="threeLoading"
+          :finished="threeFinished"
+          finished-text="没有更多了"
+          style="margin-top: 10px;"
+          @load="getThreeList"
+        >
+          <<van-cell v-for="(item,index) in threeList" icon="play" :key="index" :title="item.title">
+          <template #label>
+            <p style="float: right;">发布时间：{{item.newsTime}}</p>
+          </template>
+        </van-cell>
+        </van-list>
+      </van-tab>
+
+    </van-tabs>
+  </div>
+</template>
+
+<script>
+  import { newList } from "@/api/index";
+export default {
+  name: "policy",
+  data() {
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      //是否显示加载
+      secondLoading: false,
+      //是否滚动到底部
+      secondFinished: false,
+      //是否显示加载
+      threeLoading: false,
+      //是否滚动到底部
+      threeFinished: false,
+      //政策法规集合
+      List:[],
+      //交易规则集合
+      secondList:[],
+      //资料下载集合
+      threeList:[],
+      //政策法规查询参数
+      queryParams: {
+        deptId:100,
+        pageNum:1,
+        pageSize:10,
+        number:3
+      },
+      //交易规则查询参数
+      querySecondParams: {
+        deptId:100,
+        pageNum:1,
+        pageSize:10,
+        number:4
+      },
+      //资料下载查询参数
+      queryThreeParams: {
+        deptId:100,
+        pageNum:1,
+        pageSize:10,
+        number:5
+      },
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    //政策法规集合
+    getList(){
+      this.loading = true;
+      newList(this.queryParams).then(response => {
+        this.List = response.rows;
+        console.log(response)
+        if(this.List.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    //交易规则集合
+    getSecondList(){
+      this.secondLoading = true;
+      newList(this.querySecondParams).then(response => {
+        this.secondList = response.rows;
+        if(this.secondList.length >= response.total){
+          this.secondFinished = true;
+          return;
+        }
+        this.querySecondParams.pageNum += 1 ;
+        this.secondLoading = false;
+      });
+    },
+    //资料下载集合
+    getThreeList(){
+      this.threeLoading = true;
+      newList(this.queryThreeParams).then(response => {
+        this.threeList = response.rows;
+        if(this.threeList.length >= response.total){
+          this.threeFinished = true;
+          return;
+        }
+        this.queryThreeParams.pageNum += 1 ;
+        this.threeLoading = false;
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+}
+  .titleClass{
+
+  }
+</style>

src/views/policy/policyDetail.vue

@@ -0,0 +1,410 @@
+<template>
+  <div class="app-container">
+    <van-tabs scrollspy sticky color="#007b76" >
+      <van-tab title="竞拍信息" title-style="font-size:12px;">
+        <van-swipe class="my-swipe" height="235" indicator-color="white" @change="onChange">
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <template #indicator>
+            <div class="custom-indicator">{{ current + 1 }}/4</div>
+          </template>
+        </van-swipe>
+        <van-notice-bar color="#fff" background="#007E72" left-icon="clock-o">
+          正在进行今天12：00结束
+        </van-notice-bar>
+        <div class="information">
+          <van-row>
+            <van-col span="24" class="title">【出租】管家堡乡500亩水田</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="4">距结束</van-col>
+            <van-col span="20"><van-count-down :time="30 * 60 * 60 * 1000" format="DD 天 HH 时 mm 分 ss 秒" /></van-col>
+          </van-row>
+          <van-row>
+            <van-col span="4">挂牌价</van-col>
+            <van-col span="20" class="price"><span>500</span> 元/亩/年</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="4">保证金</van-col>
+            <van-col span="20" class="money"><span>5000</span> 元</van-col>
+          </van-row>
+        </div>
+        <div class="lead">
+          <van-row gutter="20">
+            <van-col span="3"><van-image src="../../static/images/icon/phone.png" style="vertical-align: text-top;" /></van-col>
+            <van-col span="4">J1433</van-col>
+            <van-col span="4">领先</van-col>
+            <van-col span="4">06.20</van-col>
+            <van-col span="4">22:46:38</van-col>
+          </van-row>
+        </div>
+        <div class="detail">
+          <van-row>
+            <van-col span="24"><span>报名开始时间：</span>2021-04-1915:18:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>报名截止时间：</span>2021-04-1915:20:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>竞价开始时间：</span>2021-04-1915:25:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>竞价截止时间：</span>2021-04-1915:35:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>竞价方式：</span>自由竞价/阶梯竞价</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>阶梯价（加价幅度）：</span>¥1,000</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>延时周期：</span>2分钟报名<van-icon name="question" size="15" style="top: 3px;left: 5px;" color="#CDCDCD"/></van-col>
+          </van-row>
+        </div>
+      </van-tab>
+      <van-tab title="标的物介绍" title-style="font-size:12px;">
+        <p class="delTitle">标的物介绍</p>
+        <div class="introduce">
+          <van-row>
+            <van-col span="24" style="color:#8A8A8A;font-size: 0.4rem;">项目挂牌转出方简况及公告内容</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>转出方名称</span>张三丰</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>住址（地址）</span>威海市环翠区文化西路39号-5</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>经济类型</span>个人</van-col>
+            <van-col span="10"><span>注册账号</span>13306310001</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>注册资本（万元）</span>2000万</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>组织机构代码证号</span>SI4761215652</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>法定代表人/负责人</span>张三丰</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>身份证号</span>371481199001012400</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>联系电话</span>13306310001</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>电子邮箱</span>1027238303@qq.com</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>项目类型</span>农户承包土地经营权</van-col>
+            <van-col span="10"><span>农地性质</span>耕地</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>转出项目名称</span>管家堡乡转500亩土地</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>坐落</span>兴和县城关镇阳坡村委会</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>是否属再次转出</span>否</van-col>
+            <van-col span="10"><span>前次转出方式</span>无</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>拟转出方式</span>出租</van-col>
+            <van-col span="10"><span>拟转出面积/数量</span>500亩</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>拟转出期限</span>2021-05-24至2039-05-24共18年</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>涉及农户数</span>1户</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24" style="color:#007E72;">标的物信息</van-col>
+          </van-row>
+          <div class="project_info">
+            <van-row>
+              <van-col span="14"><span>标的物名称</span>张三丰地</van-col>
+              <van-col span="10"><span>面积/数量</span>50亩</van-col>
+            </van-row>
+            <van-row>
+              <van-col span="24"><span>备注</span></van-col>
+            </van-row>
+          </div>
+          <div class="project_info">
+            <van-row>
+              <van-col span="14"><span>标的物名称</span>张三丰地</van-col>
+              <van-col span="10"><span>面积/数量</span>50亩</van-col>
+            </van-row>
+            <van-row>
+              <van-col span="24"><span>备注</span></van-col>
+            </van-row>
+          </div>
+        </div>
+      </van-tab>
+      <van-tab title="标的物图片" title-style="font-size:12px;">
+        <p class="delTitle">标的物图片</p>
+        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+      </van-tab>
+      <van-tab title="竞买须知" title-style="font-size:12px;">
+        <p class="delTitle">竞买须知</p>
+        <div class="notice">
+          <p>一、竞价保证金缴付方式及要求：</p>
+          <p>竞买人为个人的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。 竞买人为单位的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。 如果竞买人未按规定方式缴付竞价保证金，将会造成竞价保证金无法退还竞价人，由此产生的一切后果和责任，由竞买人自行承担。</p>
+          <p>1.通过银行柜台转账的，在缴款时须在银行进账单或汇款凭证的备注/用途/附言栏中准确填写项目编号。</p>
+          <p>2.通过网上银行转账的，在缴款时须在网上银行支付界面的备注/用途/银行附言栏中准确填写项目编号。</p>
+          <p>二、竞价保证金缴付注意事项</p>
+          <p>1.竞买人应填写并提示竞价保证金汇出银行将其填写的备注信息准确、完备地发送至农交所上述账户。若因竞买人未按要求填写相关信息而导致其无法参与竞价的，由此产生的一切后果和责任由竞买人自行承担。</p>
+          <p>2.竞买人应妥善保管竞价保证金缴款凭证，该凭证将作为查询及办理相关手续的依据之一。</p>
+          <p>三、报名所需材料：</p>
+          <p>1.黑龙江农村产权流转交易意向受让申请书（首页资料下载处下载）。</p>
+          <p>2.有效资格证明文件：</p>
+          <p>（1）受让方为个人的，需提供本人身份证；</p>
+          <p>（2）受让方为单位的，需提供有效期内的营业执照副本、机构代码证、法定代表人身份、合作社章程/公司章程（封面盖章，骑缝盖章）、合作社成员大会决议/股东会决议/董事会决议。</p>
+          <p>3.缴款凭证。</p>
+          <p>4.竞投保证金退还所需报名人本人名下的有效银行卡。</p>
+          <p>四、报名：</p>
+          <p>竞价保证金缴纳后：</p>
+          <p>1.线下报名：携带竞价保证金缴款凭证的原件以及报名所需材料到镇（街）、区（县）、市、省级平台进行报名。到报名地点领取或者在本页面下方“竞投文件下载”处下载竞投文件。</p>
+          <p>2.线上报名：点击“线上报名”按钮，填写报名表，以附件形式上传竞价保证金缴款凭证和报名所需材料的照片， 竞价账户密码以短信形式进行发送。在本页面下方“竞投文件下载”处下载。</p>
+          <p>五、项目报名时间截止后，仅有一名意向受让方报名的，直接与转出方协议签约；有两名及两名以上意向受让方报名的，实行网络电子竞价或农交所同意的其他公开方式竞价。</p>
+          <p>六、实行网上电子竞价的项目：竞投人登录农村产权交易中心网站，进入竞价大厅找到已报名项目，在竞投报价截止时间之前进行报价。竞投结束后，系统按竞投报价从高到低排序，选择报价最高者竞得项目。竞投报价不能低于项目挂牌价格，逾期报价或不符合规定的报价做无效处理，竞投人所交保证金转作违约金，作为对交易中心的违约赔偿，不予退还。</p>
+          <p>七、受让方承诺在竞价成功后严格按照转出方的要求予以开发利用，且不用于非农业建设，不改变原用途，不破坏农业综合生产能力，不破坏生态环境，对于需提供开发利用规划的，及时提交规划文件。</p>
+          <p>八、受让方放弃竞得项目的、无正当理由不与出让方签订合同的、在签订合同时向出让方提出附加条件或者更改合同实质性内容的，竞投保证金不予返还。</p>
+          <p>九、法定节假日、公休日不受理报名。</p>
+        </div>
+      </van-tab>
+      <van-tab title="竞价记录" title-style="font-size:12px;">
+        <p class="delTitle">竞价记录</p>
+        <div class="biddingList">
+          <table width="100%" cellspacing="0">
+            <tr>
+              <td>出价人账号</td>
+              <td>姓名</td>
+              <td>出价价格</td>
+              <td>状态</td>
+              <td>出价时间</td>
+            </tr>
+            <tr>
+              <td>15314031621</td>
+              <td>张三</td>
+              <td>45,101</td>
+              <td style="color:#C21F3A">领先</td>
+              <td>2021-04-20 10:55:13</td>
+            </tr>
+            <tr>
+              <td>15314031621</td>
+              <td>张三三</td>
+              <td>45,101</td>
+              <td></td>
+              <td>2021-04-20 10:55:13</td>
+            </tr>
+            <tr>
+              <td>15314031621</td>
+              <td>张三</td>
+              <td>45,101</td>
+              <td></td>
+              <td>2021-04-20 10:55:13</td>
+            </tr>
+          </table>
+        </div>
+      </van-tab>
+    </van-tabs>
+    <div class="bottomBtn">
+      <van-row>
+        <van-col span="8" style="margin-top: 4px;" @click="showPopup">
+          <van-image src="../../static/images/icon/clock.png" style="vertical-align: text-bottom;" />
+          <p style="line-height: 0.2rem;color: #999999">提醒</p>
+        </van-col>
+        <van-col span="16">
+          <van-button round color="#C21F3A" block>
+            立即报名<br/>
+            <span style="font-size: 10px">保证金￥30,000</span>
+          </van-button>
+        </van-col>
+      </van-row>
+      <van-row style="display: none;">
+        <van-col span="3" style="text-align: center;line-height: 1rem">
+          <van-button color="#e2e2e2" icon="plus" size="mini"></van-button>
+        </van-col>
+        <van-col span="18">
+          <van-button round color="#C21F3A" block>
+            <p>出价</p>
+            <p>434,000</p>
+          </van-button>
+        </van-col>
+        <van-col span="3" style="text-align: center;line-height: 1rem">
+          <van-button color="#e2e2e2" icon="minus" size="mini"></van-button>
+        </van-col>
+      </van-row>
+    </div>
+    <van-popup v-model="show" class="popup" closeable>
+      <van-image src="../../static/images/icon/success.png"/>
+      <p class="popupTit">提醒设置成功</p>
+      <p class="popupContent">系统将按要求提醒您竞拍</p>
+      <van-button round color="#C21F3A" block class="iKnow">
+        我知道了
+      </van-button>
+      <p class="updatePopup">修改提醒方式</p>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "projectDetail",
+  data() {
+    return {
+      current: 0,
+      show: false,
+    };
+  },
+  mounted() {},
+  methods: {
+    onChange(index) {
+      this.current = index;
+    },
+    showPopup() {
+      this.show = true;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+}
+.custom-indicator {
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+  padding: 0px 20px;
+  font-size: 12px;
+  /*rgba(0, 0, 0, 0.1)*/
+  background: rgba(0, 0, 0, 0.2);
+  color: #FFF;
+  border-radius: 20px;
+  line-height: 0.5rem;
+}
+.title{
+  font-size: 0.45rem;
+}
+.my-swipe{
+  width: 100%;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.information{
+  background-color: #FFF;
+  margin-top: 0.3rem;
+  padding: 0.4rem 0.5rem;
+}
+.van-row{
+  line-height: 0.7rem;
+}
+.price{
+  color: #C21F3A;
+}
+.price span{
+  font-size: 0.5rem;
+  font-weight: bold;
+}
+.money{
+  color: #C21F3A;
+}
+.money span{
+  font-size: 0.5rem;
+  font-weight: bold;
+}
+.van-count-down{
+  line-height: 0.7rem;
+}
+.lead{
+  background-color: #FFF;
+  margin-top: 0.3rem;
+  padding: 0.1rem 0.5rem;
+  color: #C21F3A;
+}
+.detail{
+  background-color: #FFF;
+  margin-top: 0.3rem;
+  padding: 0.2rem 0.5rem;
+}
+.detail span{
+  color: #8A8A8A;
+}
+.delTitle{
+  font-size: 0.4rem;
+  color: #007E72;
+  padding: 0.2rem 0.5rem;
+}
+.introduce{
+  padding: 0.2rem 0.5rem 0.5rem;
+  background-color: #FFF;
+}
+.introduce span{
+  color: #8A8A8A;
+  margin-right: 20px;
+}
+.project_info{
+  border: 1px solid #DCDCDC;
+  padding: 0px 20px;
+  margin-top: 10px;
+  border-radius: 10px;
+}
+.notice{
+  padding: 0.5rem;
+  background-color: #FFF;
+}
+.notice p{
+  line-height: 0.7rem;
+}
+.biddingList{
+  padding: 0.5rem;
+  background-color: #FFF;
+  margin-bottom: 0.4rem;
+}
+.biddingList table{
+  text-align: center;
+}
+.biddingList table td{
+  text-align: center;
+  padding: 10px 0px;
+}
+.biddingList table tr:first-child td{
+  background-color: #007E72;
+  color: #FFF;
+}
+.bottomBtn{
+  padding: 0.2rem 0.5rem;
+  background-color: #FFF;
+}
+  .popup{
+    text-align: center;
+    padding: 0.5rem;
+    border-radius: 20px;
+    width: 70%;
+    padding-top: 1.5rem;
+  }
+  .popupTit{
+    color: #007E72;
+    font-size: 0.4rem;
+    line-height: 0.9rem;
+  }
+  .popupContent{
+    color: #666666;
+  }
+  .iKnow{
+    margin-top: 1rem;
+  }
+  .updatePopup{
+    color: #007E72;
+    margin-top: 0.5rem;
+  }
+</style>

src/views/supply/index.vue

@@ -14,20 +14,14 @@
           :finished="finished"
           finished-text="没有更多了"
           style="margin-top: 10px;"
+          @load="getList"
         >
-          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
-            <template #label>
-              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
-            </template>
-          </van-cell>
-          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
-            <template #label>
-              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+          <van-cell icon="play" v-for="(item,index) in supplyList" :key="index" >
+            <template #title>
+              {{item.location}}
             </template>
-          </van-cell>
-          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
             <template #label>
-              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+              联系电话：{{item.phone}} <p style="float: right;">发布时间：{{item.logintime}}</p>
             </template>
           </van-cell>
         </van-list>
@@ -35,24 +29,18 @@
       <van-tab title="选项">
         <template #title><van-icon name="bookmark" size="18" style="top: 4px"/>需求信息</template>
         <van-list
-          v-model="loading"
-          :finished="finished"
+          v-model="loadingSecond"
+          :finished="finishedSecond"
           finished-text="没有更多了"
           style="margin-top: 10px;"
+          @load="getSecondList"
         >
-          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
-            <template #label>
-              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+          <van-cell icon="play"  v-for="(item,index) in supplySecondList" :key="index">
+            <template #title>
+              {{item.location}}
             </template>
-          </van-cell>
-          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
-            <template #label>
-              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
-            </template>
-          </van-cell>
-          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
             <template #label>
-              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+              联系电话：{{item.phone}} <p style="float: right;">发布时间：{{item.logintime}}</p>
             </template>
           </van-cell>
         </van-list>
@@ -62,18 +50,69 @@
 </template>
 
 <script>
+import { supplyList } from "@/api/supply/index";
 export default {
-  name: "notice",
+  name: "supply",
   data() {
     return {
       //是否显示加载
       loading: false,
       //是否滚动到底部
-      finished: true,
+      finished: false,
+      //是否显示加载
+      loadingSecond: false,
+      //是否滚动到底部
+      finishedSecond: false,
+      //查询参数
+      queryParams: {
+        deptId:100,
+        pageNum:1,
+        pageSize:10,
+        supplyDemandType:1
+      },
+      //查询参数
+      querySecondParams: {
+        deptId:100,
+        pageNum:1,
+        pageSize:10,
+        supplyDemandType:2
+      },
+      //数据集合
+      supplyList:[],
+      //数据集合
+      supplySecondList:[],
+
     };
   },
-  mounted() {},
-  methods: {},
+  created() {},
+  methods: {
+    getList(){
+      this.loading = true;
+      supplyList(this.queryParams).then(response => {
+        console.log(response)
+        this.supplyList = response.rows;
+        if(this.supplyList.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    getSecondList(){
+      this.loadingSecond = true;
+      supplyList(this.querySecondParams).then(response => {
+        console.log(response)
+        this.supplySecondList = response.rows;
+        if(this.supplySecondList.length >= response.total){
+          this.finishedSecond = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loadingSecond = false;
+      });
+    },
+  },
 };
 </script>