diff --git a/src/api/project/index.js b/src/api/project/index.js
new file mode 100644
index 00000000..77bc0bd7
--- /dev/null
+++ b/src/api/project/index.js
@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+//字典 标的物所在地
+export function getDeptList(id) {
+  return request({
+    url: '/transaction/website/deptList' ,
+    method: 'get',
+    params: {deptId:id}
+  })
+}
+//挂牌项目列表
+export function getOutProjectList(data){
+  return request({
+    url:'/transaction/website/outproject/list?deptId=&projectNumber=&',
+    method:'get',
+  })
+}
+//挂牌项目详情
+export function getOutProjectDetail(id){
+  return request({
+    url:'/transaction/website/outproject/id/'+id,
+    method:'get',
+  })
+}
+//获取网站配置
+export function getWebConfig(){
+  return request({
+    url:'/transaction/website/config',
+    method:'get',
+  })
+}
+//竞价记录列表
+export function getBiddingList(id){
+  return request({
+    url:'/transaction/website/biddinglist/projectId?projectId='+id,
+    method:'get',
+  })
+}
+export function uploadPic (params) {
+  return request({
+    url: 'http://example.com/upload/image', // 替换成您需要上传的接口
+    method: 'post',
+    data: params
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 6c3a58d4..b1b59499 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -267,6 +267,15 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/policy/index'], resolve)
   },
+  {
+    path: '/project/signUp',
+    name: 'signUp',
+    meta: {
+      title: '报名',
+      hidden: true
+    },
+    component: (resolve) => require(['@/views/project/signUp'], resolve)
+  },
   {
     path: '/noticeDetail',
     name: 'noticeDetail',
diff --git a/src/views/project/index.vue b/src/views/project/index.vue
index bf5de59b..d00fae65 100644
--- a/src/views/project/index.vue
+++ b/src/views/project/index.vue
@@ -1,91 +1,139 @@
 <template>
   <div class="app-container">
-    <van-search v-model="value" placeholder="请输入搜索关键词" />
+    <van-search v-model="value" placeholder="请输入搜索关键词" @search="onSearch"/>
     <van-dropdown-menu>
-      <van-dropdown-item v-model="value1" :options="option1" />
-      <van-dropdown-item v-model="value2" :options="option2" />
-      <van-dropdown-item v-model="value3" :options="option3" />
+      <van-dropdown-item v-model="value1" :options="projectTypeOption" @change="getList"/>
+      <van-dropdown-item :value="value2" :title="value2">
+        <van-tree-select
+          :active-id.sync="activeId"
+          :items="deptListOption"
+          :main-active-index.sync="activeIndex"
+          :max="1"
+          @click-item="clickItem"
+          @click-nav="clickNav"
+        />
+      </van-dropdown-item>
+      <van-dropdown-item v-model="value3" :options="option3" @change="getList"/>
     </van-dropdown-menu>
-    <van-list
-      v-model="loading"
-      :finished="finished"
-      finished-text="没有更多了"
-    >
-      <router-link to="project/projectDetail">
-        <van-card thumb="../../static/images/index/projectImg.png" >
+    <van-list v-model="loading" :finished="finished" finished-text="没有更多了">
+      <router-link :to="{path:'project/projectDetail',query:{id:item.id}}" v-for="(item,index) in infoList">
+        <van-card :thumb="item.fileUrl?item.fileUrl:'../../static/images/index/projectImg.png'" >
           <template #tags>
-            <p class="title">【出租】管家堡乡500亩水田</p>
-            <p class="type">等待成交</p>
-            <p class="timeEnd">报名结束 2021-04-29 14:58:06</p>
-            <p class="timeEnd">竞价结束 2021-05-01 17:30:00</p>
+            <p class="title">【{{item.rollout}}】{{item.projectName}}</p>
+            <p class="type">{{ item.projectShowStatus }}</p>
+            <p class="timeEnd">报名结束 {{ item.signupStopTime }}</p>
+            <p class="timeEnd">竞价结束 {{ item.biddingStopTime }}</p>
             <van-row>
-              <van-col span="12" class="money"><span>500</span>元/亩/年</van-col>
-              <van-col span="12" class="time">2021-04-19 20:20:20</van-col>
+              <van-col span="12" class="money"><span>{{ item.price }}</span>{{ item.unit }}</van-col>
+              <van-col span="8" offset="4" class="time">{{ item.projectReleaseTime }}</van-col>
             </van-row>
           </template>
         </van-card>
       </router-link>
-
-      <van-card thumb="../../static/images/index/projectImg.png" >
-        <template #tags>
-          <p class="title">【出租】管家堡乡500亩水田</p>
-          <p class="type">等待成交</p>
-          <p class="timeEnd">报名结束 2021-04-29 14:58:06</p>
-          <p class="timeEnd">竞价结束 2021-05-01 17:30:00</p>
-          <van-row>
-            <van-col span="12" class="money"><span>500</span>元/亩/年</van-col>
-            <van-col span="12" class="time">2021-04-19 20:20:20</van-col>
-          </van-row>
-        </template>
-      </van-card>
-      <van-card thumb="../../static/images/index/projectImg.png" >
-        <template #tags>
-          <p class="title">【出租】管家堡乡500亩水田</p>
-          <p class="type">等待成交</p>
-          <p class="timeEnd">报名结束 2021-04-29 14:58:06</p>
-          <p class="timeEnd">竞价结束 2021-05-01 17:30:00</p>
-          <van-row>
-            <van-col span="12" class="money"><span>500</span>元/亩/年</van-col>
-            <van-col span="12" class="time">2021-04-19 20:20:20</van-col>
-          </van-row>
-        </template>
-      </van-card>
     </van-list>
   </div>
 </template>
 
 <script>
+import {getOutProjectList,getDeptList} from "../../api/project";
+
 export default {
   name: "project",
   data() {
     return {
-      value:'',
-      value1: 0,
-      value2: 'a',
-      value3: 'A',
+      value1: '',
+      value2: '标的物位置',
+      activeId: 1,
+      activeIndex: 0,
+      value3: '',
+      value:"",
       //是否显示加载
       loading: false,
       //是否滚动到底部
       finished: true,
       option1: [
-        { text: '标的物类型', value: 0 },
-        { text: '标的物类型', value: 1 },
-        { text: '标的物类型', value: 2 },
       ],
       option2: [
-        { text: '标的所在地', value: 'a' },
-        { text: '标的所在地', value: 'b' },
-        { text: '标的所在地', value: 'c' },
       ],
       option3: [
-        { text: '项目状态', value: 'A' },
-        { text: '项目状态', value: 'B' },
-        { text: '项目状态', value: 'C' },
+        { text: '竞价状态', value: '' },
+        { text: '全部', value: '全部' },
+        { text: '竞价中', value: '竞价中' },
+        { text: '竞价结束', value: '竞价结束' },
       ],
+      //标的物类型
+      projectTypeOption:[{text:'标的物类型',value:''}],
+      //标的物所在地
+      deptListOption: [
+      ],
+      input: '',
+      infoList:[],
     };
   },
+  created() {
+    this.getDicts("project_type").then(response => {
+      response.data.map(item => {
+        this.projectTypeOption.push({ value:item.dictCode, text: item.dictLabel});
+      });
+    });
+    getDeptList().then(response => {
+      response.data.map(item => {
+        getDeptList(item.deptId).then(res => {
+          let list = []
+          res.data.map(i =>{
+            list.push({text:i.deptName,children:[],id:i.deptId})
+          })
+          if(list.length==0){
+            list.push({text:item.deptName,id:item.deptId})
+          }else{
+            this.deptListOption.push({ text: item.deptName,children: list});
+          }
+
+        });
+      });
+    });
+  },
   mounted() {},
-  methods: {},
+  methods: {
+    onSearch(val) {
+      this.loading = true;
+      if(this.infoList.length>0){
+        let newList = []
+        for(let j = 0 ;j<this.infoList.length;j++){
+          if(this.infoList[j].content.indexOf(val)>-1){
+            newList.push(this.infoList[j]);
+          }
+        }
+        this.infoList = newList
+      }
+      if(val==""){
+        this.getList()
+      }
+      this.loading = false;
+    },
+    getList(){
+      let queryDatas = {
+        deptId: this.value1,
+        projectNumber:this.activeId,
+        projectShowStatus:this.value3
+      }
+      getOutProjectList(queryDatas).then(response =>{
+        this.infoList = response.rows
+      });
+    },
+    clickNav(index){
+
+    },
+    clickItem(data){
+      if(data.text==this.value2){
+        this.activeId=1
+        this.value2='标的物位置'
+      }else{
+        this.value2=data.text
+      }
+      this.getList()
+    },
+  },
 };
 </script>
 
diff --git a/src/views/project/projectDetail.vue b/src/views/project/projectDetail.vue
index 5adc94c1..a6103153 100644
--- a/src/views/project/projectDetail.vue
+++ b/src/views/project/projectDetail.vue
@@ -5,65 +5,70 @@
       left-arrow
       fixed
       placeholder
+      @click-left="$router.back(-1)"
     />
     <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 v-if="detail.fileUrlList !== undefined &&detail.fileUrlList.length>0">
+            <van-swipe-item v-for="(item,index) in detail.fileUrlList"><van-image :src="item?item:'../../static/images/index/banner.png'" height="235" /></van-swipe-item>
+          </template>
+          <template v-else>
+            <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          </template>
           <template #indicator>
-            <div class="custom-indicator">{{ current + 1 }}/4</div>
+            <div class="custom-indicator">{{ current + 1 }}/{{ detail.fileUrlList !== undefined &&detail.fileUrlList.length>0 ? detail.fileUrlList.length:1 }}</div>
           </template>
         </van-swipe>
         <van-notice-bar color="#fff" background="#007E72" left-icon="clock-o">
-          正在进行今天12：00结束
+          {{ process }}&nbsp&nbsp&nbsp&nbsp{{tip}}
         </van-notice-bar>
         <div class="information">
           <van-row>
-            <van-col span="24" class="title">【出租】管家堡乡500亩水田</van-col>
+            <van-col span="24" class="title">【{{ detail.rollout }}】{{ detail.projectName }}</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-col span="4">{{ process }}</van-col>
+            <van-col span="20"><van-count-down :time="time" 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-col span="20" class="price"><span>{{detail.price}}</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-col span="20" class="money"><span>{{ detail.deposit }}</span> 元</van-col>
           </van-row>
         </div>
         <div class="lead">
-          <van-row gutter="20">
+          <van-row >
             <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>
+            <template v-if="biddinglistInformation!=undefined&&biddinglistInformation.length>0">
+              <van-col span="4">{{biddinglistInformation[0].userName}}</van-col>
+              <van-col span="4">{{biddinglistInformation[0].money}}元</van-col>
+              <van-col span="4">领先</van-col>
+              <van-col span="8">{{biddinglistInformation[0].createTime}}</van-col>
+            </template>
           </van-row>
         </div>
         <div class="detail">
           <van-row>
-            <van-col span="24"><span>报名开始时间：</span>2021-04-1915:18:53</van-col>
+            <van-col span="24"><span>报名开始时间：</span>{{ detail.signupStartTime }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>报名截止时间：</span>2021-04-1915:20:53</van-col>
+            <van-col span="24"><span>报名截止时间：</span>{{ detail.signupStopTime }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>竞价开始时间：</span>2021-04-1915:25:53</van-col>
+            <van-col span="24"><span>竞价开始时间：</span>{{ detail.biddingStartTime }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>竞价截止时间：</span>2021-04-1915:35:53</van-col>
+            <van-col span="24"><span>竞价截止时间：</span>{{ detail.biddingStopTime }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>竞价方式：</span>自由竞价/阶梯竞价</van-col>
+            <van-col span="24"><span>竞价方式：</span>{{ detail.biddingType }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>阶梯价（加价幅度）：</span>¥1,000</van-col>
+            <van-col span="24"><span>阶梯价（加价幅度）：</span>{{ detail.ladderPrice }}</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>
@@ -77,112 +82,83 @@
             <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-col span="24"><span>转出方名称</span>{{ detail.outName }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>住址（地址）</span>威海市环翠区文化西路39号-5</van-col>
+            <van-col span="24"><span>住址（地址）</span>{{ detail.address }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="14"><span>经济类型</span>个人</van-col>
-            <van-col span="10"><span>注册账号</span>13306310001</van-col>
+            <van-col span="14"><span>经济类型</span>{{ detail.economicType }}</van-col>
+            <van-col span="10"><span>注册账号</span>{{ detail.registerNum }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>注册资本（万元）</span>2000万</van-col>
+            <van-col span="24"><span>注册资本（万元）</span>{{ detail.registerMoney }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>组织机构代码证号</span>SI4761215652</van-col>
+            <van-col span="24"><span>组织机构代码证号</span>{{ detail.areaNum }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>法定代表人/负责人</span>张三丰</van-col>
+            <van-col span="24"><span>法定代表人/负责人</span>{{ detail.legalPerson }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>身份证号</span>371481199001012400</van-col>
+            <van-col span="24"><span>身份证号</span>{{ detail.idCardNum }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>联系电话</span>13306310001</van-col>
+            <van-col span="24"><span>联系电话</span>{{ detail.phone }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>电子邮箱</span>1027238303@qq.com</van-col>
+            <van-col span="24"><span>电子邮箱</span>{{ detail.email }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="14"><span>项目类型</span>农户承包土地经营权</van-col>
-            <van-col span="10"><span>农地性质</span>耕地</van-col>
+            <van-col span="14"><span>项目类型</span>{{ detail.projectNumber }}</van-col>
+            <van-col span="10"><span>农地性质</span>{{ detail.projectType }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>转出项目名称</span>管家堡乡转500亩土地</van-col>
+            <van-col span="24"><span>转出项目名称</span>{{ detail.projectName }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>坐落</span>兴和县城关镇阳坡村委会</van-col>
+            <van-col span="24"><span>坐落</span>{{ detail.locationName }}</van-col>
           </van-row>
           <van-row>
-            <van-col span="14"><span>是否属再次转出</span>否</van-col>
-            <van-col span="10"><span>前次转出方式</span>无</van-col>
+            <van-col span="14"><span>是否属再次转出</span>{{ detail.twoout == 'N'?"否":"是"}}</van-col>
+            <van-col span="10"><span>前次转出方式</span>{{ detail.oneout}}</van-col>
           </van-row>
           <van-row>
-            <van-col span="14"><span>拟转出方式</span>出租</van-col>
-            <van-col span="10"><span>拟转出面积/数量</span>500亩</van-col>
+            <van-col span="14"><span>拟转出方式</span>{{ detail.rollout }}</van-col>
+            <van-col span="10"><span>拟转出面积/数量</span> {{detail.allCount}}{{detail.allCountUnit}} </van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>拟转出期限</span>2021-05-24至2039-05-24共18年</van-col>
+            <van-col span="24"><span>拟转出期限</span>{{detail.outStartTime}}至{{detail.outStopTime}}共{{detail.outYearNum}}年</van-col>
           </van-row>
           <van-row>
-            <van-col span="24"><span>涉及农户数</span>1户</van-col>
+            <van-col span="24"><span>涉及农户数</span>{{ detail.peasantNum }}</van-col>
           </van-row>
           <van-row>
             <van-col span="24" style="color:#007E72;">标的物信息</van-col>
           </van-row>
-          <div class="project_info">
+          <div class="project_info" v-for="(item,index) in detail.subjectList">
             <van-row>
-              <van-col span="14"><span>标的物名称</span>张三丰地</van-col>
-              <van-col span="10"><span>面积/数量</span>50亩</van-col>
+              <van-col span="14"><span>标的物名称</span>{{ item.landName }}</van-col>
+              <van-col span="10"><span>面积/数量</span>{{ item.area }}{{item.areaUnit}}</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-col span="24"><span>{{ item.condition}}</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;" />
+        <template v-if="detail.fileUrlList !== undefined &&detail.fileUrlList.length>0">
+          <van-image v-for="(item,index) in detail.fileUrlList" :src="item?item:'../../static/images/index/detailImg.png'" style="vertical-align: text-top;" />
+        </template>
+        <template v-else>
+          <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+        </template>
       </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 class="notice" v-html="webConfig">
         </div>
       </van-tab>
       <van-tab title="竞价记录" title-style="font-size:12px;">
@@ -196,26 +172,17 @@
               <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 v-for="(item,index) in this.biddinglistInformation">
+              <td>{{ item.userAccount }}</td>
+              <td>{{ item.userName }}</td>
+              <td>{{ item.money}}</td>
+              <template v-if="index==0">
+                <td style="color:#C21F3A">领先</td>
+              </template>
+              <template v-else>
+                <td></td>
+              </template>
+              <td>{{ item.createTime }}</td>
             </tr>
           </table>
         </div>
@@ -229,9 +196,9 @@
           <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 round color="#C21F3A" block :to="{path:'signUp',query:{id:detail.id}}">
+            {{ btnMsg }}<br/>
+            <span style="font-size: 10px">保证金￥{{detail.deposit}}</span>
           </van-button>
         </van-col>
       </van-row>
@@ -263,16 +230,102 @@
 </template>
 
 <script>
+import {getBiddingList, getOutProjectDetail, getWebConfig} from "../../api/project";
+
 export default {
   name: "projectDetail",
   data() {
     return {
       current: 0,
       show: false,
+      id:this.$route.query.id,
+      detail: {},
+      webConfig:"",
+      biddinglistInformation:[],
+      rollout_type:[],
+      process:"",
+      tip:"",
+      btnMsg:"",
+      time:0,
+      timeMsg:""
     };
   },
   mounted() {
 
+  },
+  created() {
+    getOutProjectDetail(this.id).then(response =>{
+      this.detail=response.data
+      this.getDicts("rollout_type").then(res =>{
+        this.detail.rollout = this.selectDictLabel(res.data,response.data.rollout);
+        if(this.detail.oneout==0){
+          this.detail.oneout = "无"
+        }else{
+          this.detail.oneout = this.selectDictLabel(res.data,response.data.oneout);
+        }
+      })
+      this.getDicts("project_type").then(res => {
+        this.detail.projectNumber = this.selectDictLabel(res.data,response.data.projectNumber);
+      });
+      this.getDicts("sub_object_type").then(res => {
+        this.detail.projectType = this.selectDictLabel(res.data,response.data.projectType);
+      });
+      this.getDicts("economic_type").then(res => {
+        this.detail.economicType = this.selectDictLabel(res.data,response.data.economicType);
+      });
+      this.getDicts("area_unit").then(res => {
+        this.detail.allCountUnit = this.selectDictLabel(res.data,response.data.allCountUnit);
+      });
+      this.getDicts("bidding_type").then(res => {
+        this.detail.biddingType = this.selectDictLabel(res.data,response.data.biddingType);
+      });
+      let biddingStartTime =  Date.parse(this.detail.biddingStartTime);
+      let biddingStopTime =  Date.parse(this.detail.biddingStopTime);
+      let signupStartTime =  Date.parse(this.detail.signupStartTime);
+      let signupStopTime =  Date.parse(this.detail.signupStopTime);
+      let nowDate = Date.parse(new Date());
+      if(signupStartTime>nowDate){
+        this.process= "报名未开始"
+        this.tip=this.detail.signupStartTime+"开始报名"
+        this.btnMsg="立即报名"
+        this.timeMsg="距报名开始"
+        this.time = signupStartTime-nowDate
+      }else if(signupStopTime>nowDate>signupStartTime){
+        this.process= "报名中"
+        this.tip=this.detail.signupStopTime+"报名截止"
+        this.btnMsg="立即报名"
+        this.timeMsg="距报名截止"
+        this.time = signupStopTime-nowDate
+      }else if(biddingStartTime>nowDate>signupStopTime){
+        this.process= "竞价未开始"
+        this.tip=this.detail.biddingStartTime+"开始竞价"
+        this.btnMsg="立即竞价"
+        this.timeMsg="距竞价开始"
+        this.time = biddingStartTime-nowDate
+      }else if(biddingStopTime>nowDate>biddingStartTime){
+        this.process= "竞价中"
+        this.tip=this.detail.biddingStopTime+"结束竞价"
+        this.btnMsg="立即竞价"
+        this.timeMsg="距竞价结束"
+        this.time = biddingStopTime-nowDate
+      }else if(nowDate>biddingStopTime){
+        this.process= "竞价结束"
+        this.tip=this.detail.biddingStopTime+"结束竞价"
+        this.btnMsg="立即竞价"
+        this.timeMsg="竞价结束"
+        this.time = 0
+      }
+    });
+    getWebConfig().then(response =>{
+        response.data.map(item =>{
+        if(item.configKey=="cqjy.website.bidInfo"){
+          this.webConfig +=  item.configValue
+        }
+      })
+    });
+    getBiddingList(this.id).then(response =>{
+      this.biddinglistInformation = response.rows
+    });
   },
   methods: {
     onChange(index) {
@@ -281,7 +334,7 @@ export default {
     showPopup() {
       this.show = true;
     },
-  },
+  }
 };
 </script>
 
diff --git a/src/views/project/signUp.vue b/src/views/project/signUp.vue
new file mode 100644
index 00000000..cdf7b1a7
--- /dev/null
+++ b/src/views/project/signUp.vue
@@ -0,0 +1,116 @@
+<template>
+  <div class="app-container" style="background: #fff;height: 100%">
+    <van-nav-bar
+      title="报名"
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+    />
+    <van-row>
+      <p class="" style="padding:20px 20px 0px;font-size: 0.4rem">
+        <span>项目名称:</span>
+        <span style="color:#007E72;font-size: 0.45rem;font-weight: bold;">管家堡乡左云村500亩水田出租</span>
+      </p>
+      <p style="padding:10px 20px 0;font-size: 0.4rem;margin-bottom: 20px">
+        <span>缴纳保证金:</span>
+        <span style="color:#C21F3A;font-size: 0.45rem;font-weight: bold;">¥1000</span>
+      </p>
+    </van-row>
+    <van-row style="padding:0 20px;">
+    <h2 style="margin-bottom:10px;">1.竞买人请确认以下事项并勾选</h2>
+    <p>· 已阅读并知晓：拍下不买的后果，即保证金不予退还并承担相应的后果包括处罚等</p>
+    <p>· 已阅读并知晓：本次报名仅代表本人，未接受他人委托参与竞买。（如需办理委托，请在报名前联系处置单位将双方信息录入系统</p>
+    <p>· 已阅读并知晓：如您报名成功，您的姓名、证件号码、手机号、联系地址等信息将披露给资产处置单位及相关服务提供方，用于核实竞买人的真是身份、竞买资格及相关服务提供</p>
+    <p>· 已阅读并知晓：竞买人如果没有进行实地看样，视为接受标的所有瑕疵等细则</p>
+    <p style="margin-bottom:10px;">· 已阅读并知晓：已阅读并同意 <span style="color:#C21F3A">《竞拍服务协议》</span></p>
+    <van-checkbox v-model="checked" shape="square" checked-color="#007E72" ><p :style="{color:color}">本人已知晓并同意以上所有事项</p></van-checkbox>
+    </van-row>
+    <van-row style="padding:0 10px;margin-top: 20px;">
+      <h2 style="margin-bottom:10px;padding:0 10px">2.竞买人身份确认</h2>
+      <van-form @submit="onSubmit">
+        <van-field
+          v-model="username"
+          name="姓名"
+          label="姓名"
+          placeholder="姓名"
+        />
+        <van-field
+          v-model="password"
+          name="会员账号"
+          label="会员账号"
+          placeholder="会员账号"
+        />
+        <van-field
+          v-model="password"
+          name="开户银行"
+          label="开户银行"
+          placeholder="密码"
+        />
+        <van-field
+          v-model="password"
+          name="银行卡号"
+          label="银行卡号"
+          placeholder="银行卡号"
+        />
+        <van-field
+          v-model="password"
+          name="身份证号"
+          label="身份证号"
+          placeholder="身份证号"
+        />
+        <van-field label="上传相关凭证" >
+          <template #input>
+            <van-uploader accept="*" :after-read="onRead">
+              <van-button icon="plus" size="small" round color="#007E72">点击上传</van-button>
+            </van-uploader>
+          </template>
+        </van-field>
+        <div style="margin: 16px;">
+          <van-button round block type="info" native-type="submit" color="#007E72">保存</van-button>
+        </div>
+      </van-form>
+    </van-row>
+  </div>
+</template>
+
+<script>
+import {uploadPic} from "../../api/project";
+
+export default {
+  name: "signUp",
+  data() {
+    return {
+      checked: true,
+      color:"#007E72",
+      username:"",
+      password:"",
+      activeIcon: 'https://img01.yzcdn.cn/vant/user-active.png',
+      inactiveIcon: 'https://img01.yzcdn.cn/vant/user-inactive.png',
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    onRead (file) {
+      let data = new FormData()
+      data.append('file', file.file)
+      uploadPic(data).then((data) => {
+        console.log(data)
+      })
+    },onSubmit(){
+
+    }
+  },
+  watch:{
+    checked(val){
+      val==true?this.color="#007E72":this.color="#000"
+    }
+}
+}
+</script>
+
+<style scoped>
+
+</style>