zhangzl
/
nsgk_mobile
2
0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1378 Commits
7 Branches
79 MiB
 
 
Tree: 6c41d9867c
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van '6c41d9867c'
${ noResults }
nsgk_mobile/src/views/project/projectDetail.vue

1039 regels
36 KiB
Ruw Blame Geschiedenis 

  1. <template>

  2.   <div class="app-container">

  3.     <van-nav-bar

  4.       title="项目详情"

  5.       left-arrow

  6.       fixed

  7.       placeholder

  8.       @click-left="$router.back(-1)"

  9.     />

  10.     <van-tabs scrollspy sticky color="#007b76" >

  11.       <van-tab title="竞拍信息" title-style="font-size:12px;">

  12. <!--        <van-swipe class="my-swipe" height="235" indicator-color="white" @change="onChange">-->

  13. <!--          <template v-if="detail.fileUrlList !== undefined &&detail.fileUrlList.length>0">-->

  14. <!--            <van-swipe-item v-for="(item,index) in detail.fileUrlList" :key="index"><van-image :src="item.fileUrl?'/api'+item.fileUrl:'../../static/images/zwtp.jpg'" height="235" /></van-swipe-item>-->

  15. <!--          </template>-->

  16. <!--          <template v-else>-->

  17. <!--            <van-swipe-item><van-image src="../../static/images/zwtp.jpg" height="235" /></van-swipe-item>-->

  18. <!--          </template>-->

  19. <!--          <template #indicator>-->

  20. <!--            <div class="custom-indicator">{{ current + 1 }}/{{ detail.fileUrlList !== undefined &&detail.fileUrlList.length>0 ? detail.fileUrlList.length:1 }}</div>-->

  21. <!--          </template>-->

  22. <!--        </van-swipe>-->

  23.         <van-notice-bar color="#fff" background="#007E72" left-icon="clock-o">

  24.           {{ process }}&nbsp&nbsp&nbsp&nbsp{{tip}}

  25.         </van-notice-bar>

  26.         <div class="information">

  27.           <van-row>

  28.             <van-col span="24" class="title">【{{ detail.rollout }}】{{ detail.projectName }}</van-col>

  29.           </van-row>

  30.           <van-row>

  31.             <van-col span="5">{{ process }}</van-col>

  32.             <van-col span="19"><van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒" @change="timerChange" /></van-col>

  33.           </van-row>

  34.           <van-row>

  35.             <van-col span="5">挂牌价</van-col>

  36.             <van-col span="19" class="price"><span>{{detail.price}}</span> {{detail.unit}}</van-col>

  37.           </van-row>

  38.           <van-row>

  39.             <van-col span="5">保证金</van-col>

  40.             <van-col span="19" class="money"><span>{{ detail.deposit }}</span> 元</van-col>

  41.           </van-row>

  42.         </div>

  43.         <div class="lead" v-if="detail.biddingType != '自由竞价' || biddingTimeType == 2">

  44.           <van-row >

  45.             <van-col span="2"><van-image src="../../static/images/icon/phone.png" style="vertical-align: text-top;" /></van-col>

  46.             <template v-if="biddinglistInformation!=undefined&&biddinglistInformation.length>0">

  47.               <van-col span="3">{{biddinglistInformation[0].memberId}}</van-col>

  48.               <van-col span="6">{{biddinglistInformation[0].money}}元</van-col>

  49.               <van-col span="4">领先</van-col>

  50.               <van-col span="9">{{biddinglistInformation[0].createTime}}</van-col>

  51.             </template>

  52.           </van-row>

  53.         </div>

  54.         <div class="detail">

  55.           <van-row>

  56.             <van-col span="24"><span>报名开始时间：</span>{{ detail.signupStartTime }}</van-col>

  57.           </van-row>

  58.           <van-row>

  59.             <van-col span="24"><span>报名截止时间：</span>{{ detail.signupStopTime }}</van-col>

  60.           </van-row>

  61.           <van-row>

  62.             <van-col span="24"><span>竞价开始时间：</span>{{ detail.biddingStartTime }}</van-col>

  63.           </van-row>

  64.           <van-row>

  65.             <van-col span="24"><span>竞价截止时间：</span>{{ detail.biddingStopTime }}</van-col>

  66.           </van-row>

  67.           <van-row>

  68.             <van-col span="24"><span>竞价方式：</span>{{ detail.biddingType }}</van-col>

  69.           </van-row>

  70.           <van-row>

  71.             <van-col span="24"><span>竞价方向：</span>{{ detail.biddingDirect }}</van-col>

  72.           </van-row>

  73.           <van-row v-if="detail.ladderPrice&&detail.biddingType=='阶梯竞价'">

  74.             <van-col span="24"><span>阶梯价(增减幅度)：</span>￥{{ detail.ladderPrice }}</van-col>

  75.           </van-row>

  76.           <van-row>

  77.             <van-col span="24"><span>延时周期：</span>{{timeConfig}}分钟</van-col>

  78.           </van-row>

  79.           <van-row>

  80.             <van-col span="24"><span>延时周期说明：</span>竞价的最后{{timeConfig}}分钟内，任意方出价，距结束时间将延长{{timeConfig}}分钟，直至无人出价为止</van-col>

  81.           </van-row>

  82.         </div>

  83.       </van-tab>

  84.       <van-tab title="标的物介绍" title-style="font-size:12px;">

  85.         <p class="delTitle">标的物介绍</p>

  86.         <div class="introduce">

  87.           <van-row>

  88.             <van-col span="24" style="color:#333333;font-size: 0.4rem;text-align: center;font-weight: bold;">项目挂牌转出方简况及公告内容</van-col>

  89.           </van-row>

  90.           <van-row>

  91.             <van-col span="24"><span>转出方名称</span>{{ detail.outName }}</van-col>

  92.           </van-row>

  93.           <van-row>

  94.             <van-col span="24"><span>住址</span>{{ detail.address }}</van-col>

  95.           </van-row>

  96.           <van-row>

  97.             <van-col span="12"><span>经济类型</span>{{ detail.economicType }}</van-col>

  98.             <van-col span="12"><span>统一社会信用代码</span>{{ detail.areaNum }}</van-col>

  99.           </van-row>

  100.           <van-row>

  101.             <van-col span="12"><span>法人/负责人</span>{{ detail.legalPerson }}</van-col>

  102.             <van-col span="12"><span>联系电话</span>{{ detail.phone }}</van-col>

  103.           </van-row>

  104.           <van-row>

  105.             <van-col span="12"><span>项目类型</span>{{ detail.projectNumber }}</van-col>

  106.             <van-col span="12"><span>农地性质</span>{{ detail.projectType }}</van-col>

  107.           </van-row>

  108.           <van-row>

  109.             <van-col span="24"><span>转出项目名称</span>{{ detail.projectName }}</van-col>

  110.           </van-row>

  111.           <van-row>

  112.             <van-col span="24"><span>坐落</span>{{ detail.locationName }}</van-col>

  113.           </van-row>

  114. <!--          <van-row>-->

  115. <!--            <van-col span="14"><span>是否属再次转出</span>{{ detail.twoout == 'N'?"否":"是"}}</van-col>-->

  116. <!--            <van-col span="10"><span>前次转出方式</span>{{ detail.oneout}}</van-col>-->

  117. <!--          </van-row>-->

  118.           <van-row>

  119.             <van-col span="12"><span>拟转出方式</span>{{ detail.rollout }}</van-col>

  120.             <van-col span="12"><span>拟转出面积/数量</span> {{detail.allCount}}{{detail.allCountUnit}} </van-col>

  121.           </van-row>

  122.           <van-row>

  123.             <van-col span="24"><span>拟转出期限</span>{{detail.outStartTime}} 至 {{detail.outStopTime}}&nbsp&nbsp&nbsp&nbsp&nbsp共{{detail.outYearNum}}年</van-col>

  124.           </van-row>

  125.           <van-row>

  126.             <van-col span="24"><span>涉及农户数</span>{{ detail.peasantNum }}</van-col>

  127.           </van-row>

  128. 

  129.           <van-row>

  130.             <van-col span="24"><span>支付方式</span>{{ detail.paymentType }}</van-col>

  131.           </van-row>

  132.           <van-row>

  133.             <van-col span="24"><span>授权情况</span>{{ detail.authorization }}</van-col>

  134.           </van-row>

  135.           <van-row>

  136.             <van-col span="24"><span>{{detail.projectNumber == '小微工程' ? '工程内容':'拟流转土地用途'}}</span>{{ detail.contractPurpose }}</van-col>

  137.           </van-row>

  138.           <van-row>

  139.             <van-col span="24"><span>{{detail.projectNumber == '小微工程' ? '承包范围':'其它需要披露的事项'}}</span>{{ detail.cracksEvents }}</van-col>

  140.           </van-row>

  141.           <van-row>

  142.             <van-col span="24"><span>受让方条件</span>{{ detail.condition }}</van-col>

  143.           </van-row>

  144. 

  145. 

  146.           <van-row>

  147.             <van-col span="24" style="color:#007E72;">标的物信息</van-col>

  148.           </van-row>

  149.           <div class="project_info" v-for="(item,index) in detail.subjectList" :key="index">

  150.             <van-row>

  151.               <van-col span="8">{{ item.landName }}</van-col>

  152.               <van-col span="8">{{ item.area }}{{item.areaUnit}}</van-col>

  153.               <van-col span="8">{{ item.condition}}</van-col>

  154.             </van-row>

  155.           </div>

  156.         </div>

  157.       </van-tab>

  158.       <van-tab title="标的物图片" title-style="font-size:12px;">

  159.         <p class="delTitle">标的物图片</p>

  160.         <template v-if="detail.fileUrlList !== undefined &&detail.fileUrlList.length>0">

  161.           <van-image v-for="(item,index) in detail.fileUrlList" :key="index" :src="item.fileUrl?'/api'+item.fileUrl:'../../static/images/index/detailImg.png'" style="vertical-align: text-top;" />

  162.         </template>

  163.         <template v-else>

  164.           <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />

  165.         </template>

  166.       </van-tab>

  167.       <van-tab title="竞买须知" title-style="font-size:12px;">

  168.         <p class="delTitle">竞买须知</p>

  169.         <div class="notice" v-html="webConfig">

  170.         </div>

  171.       </van-tab>

  172.       <van-tab title="竞价记录" title-style="font-size:12px;">

  173.         <p class="delTitle">竞价记录</p>

  174.         <div class="biddingList">

  175.           <p v-if="detail.biddingType == '自由竞价' && biddingTimeType != 2">友情提示：自由竞价方式下，竞价过程中不显示竞价记录！</p>

  176.           <table v-else width="100%" cellspacing="0">

  177.             <tr>

  178.               <td>出价人</td>

  179.               <td>出价</td>

  180.               <td>状态</td>

  181.               <td>时间</td>

  182.             </tr>

  183.             <tr v-for="(item,index) in biddinglistInformation" :key="index">

  184.               <td>{{ item.memberId }}</td>

  185.               <td>{{ item.money}}</td>

  186.               <template v-if="index==0">

  187.                 <td style="color:#C21F3A">领先</td>

  188.               </template>

  189.               <template v-else>

  190.                 <td></td>

  191.               </template>

  192.               <td>{{ item.loginTime }}</td>

  193.             </tr>

  194.           </table>

  195.         </div>

  196.       </van-tab>

  197.     </van-tabs>

  198.     <div style="height: 3rem;"></div>

  199.     <div class="bottomBtn" v-if="">

  200.       <van-row v-if="!showBtn">

  201. <!--        <van-col span="8" style="margin-top: 4px;" @click="showPopup">-->

  202. <!--          <van-image src="../../static/images/icon/clock.png" style="vertical-align: text-bottom;" />-->

  203. <!--          <p style="line-height: 0.2rem;color: #999999">提醒</p>-->

  204. <!--        </van-col>-->

  205.         <van-col span="24">

  206.           <van-button round color="#C21F3A" block :disabled="isSignup" @click="goSignUp">

  207.             {{ btnMsg }}<br/>

  208.             <span style="font-size: 10px">保证金￥{{detail.deposit}}</span>

  209.           </van-button>

  210.         </van-col>

  211.       </van-row>

  212.       <van-field v-if="showBtn&&detail.biddingType!='阶梯竞价'" v-model="price" type="number" input-align="center" placeholder="请输入出价金额" />

  213.       <van-row v-if="showBtn" type="flex" justify="space-around">

  214.         <van-col span="4" v-if="detail.ladderPrice&&detail.biddingType=='阶梯竞价'" style="text-align: center;line-height: 1rem">

  215.           <van-button color="#e2e2e2" icon="minus" size="small" @click="sub"></van-button>

  216.         </van-col>

  217.         <van-col span="16">

  218. 

  219.           <div style="display: flex;">

  220.             <van-button round color="#C21F3A" block @click="offer">

  221.               <p>出价</p>

  222.               <p v-if="detail.ladderPrice&&detail.biddingType=='阶梯竞价'">{{price}}元</p>

  223.             </van-button>

  224. 

  225.             <van-button v-if="isFirst == 'Y'" round color="#C21F3A" block @click="offerFirst" style="margin-left: 10px;">

  226.               <p>优先跟价</p>

  227.             </van-button>

  228.           </div>

  229.         </van-col>

  230.         <van-col span="4" v-if="detail.ladderPrice&&detail.biddingType=='阶梯竞价'" style="text-align: center;line-height: 1rem">

  231.           <van-button color="#e2e2e2" icon="plus" size="small" @click="add"></van-button>

  232.         </van-col>

  233.       </van-row>

  234.     </div>

  235.     <van-popup v-model="show" class="popup" closeable>

  236.       <van-image src="../../static/images/icon/success.png"/>

  237.       <p class="popupTit">提醒设置成功</p>

  238.       <p class="popupContent">系统将按要求提醒您竞拍</p>

  239.       <van-button round color="#C21F3A" block class="iKnow">

  240.         我知道了

  241.       </van-button>

  242.       <p class="updatePopup">修改提醒方式</p>

  243.     </van-popup>

  244.   </div>

  245. </template>

  246. 

  247. <script>

  248. import {

  249.   biddingSubmit,

  250.   getBiddingList,

  251.   getMember,

  252.   getOutProjectDetail,

  253.   getSignup,

  254.   getWebConfig,

  255.   projectNewBidMoney

  256. } from "../../api/project";

  257. import {getInfo} from "../../api/login";

  258. 

  259. export default {

  260.   name: "projectDetail",

  261.   provide(){

  262.     return{

  263.       reload:this.reload

  264.     }

  265.   },

  266.   data() {

  267.     return {

  268.       current: 0,

  269.       show: false,

  270.       id:this.$route.query.id,

  271.       detail: {},

  272.       webConfig:"",

  273.       biddinglistInformation:[],

  274.       rollout_type:[],

  275.       process:"",

  276.       tip:"",

  277.       btnMsg:"",

  278.       time:1000000000000000000,

  279.       timeMsg:"",

  280.       isSignup:false,

  281.       showBtn:false,

  282.       price:null,

  283.       userAccount:"",

  284.       userName:"",

  285.       userId:"",

  286.       timeConfig:'',

  287.       biddinglistInformationLength:0,

  288.       biddingTimeType:2,

  289.       isFirst:'',

  290.       timer:null

  291.     };

  292.   },

  293.   computed: {

  294.     getNowFormatDate:function(){

  295.       let date = new Date();

  296.       let seperator1 = "-";

  297.       let seperator2 = ":";

  298.       let month = date.getMonth() + 1;

  299.       let day = date.getDate();

  300.       let hours = date.getHours();

  301.       let minutes = date.getMinutes();

  302.       let seconds = date.getSeconds();

  303.       if (month >= 1 && month <= 9) {

  304.         month = "0" + month;

  305.       }

  306.       if (day >= 0 && day <= 9) {

  307.         day = "0" + day;

  308.       }

  309.       if (hours >= 0 && hours <= 9) {

  310.         hours = "0" + hours;

  311.       }

  312.       if (minutes >= 0 && minutes <= 9) {

  313.         minutes = "0" + minutes;

  314.       }

  315.       if (seconds >= 0 && seconds <= 9) {

  316.         seconds = "0" + seconds;

  317.       }

  318.       let currentdate = date.getFullYear() + seperator1 + month + seperator1 + day + " " + hours + seperator2 + minutes + seperator2 + seconds;

  319.       console.log(currentdate)

  320.       return currentdate;

  321.     }

  322.   },

  323.   created() {

  324.     clearInterval(this.timer);

  325.     this.reload();

  326.   },

  327.   methods: {

  328.     goSignUp(){

  329.       getInfo().then(response => {

  330.         getMember(response.user.userId).then(resresponse => {

  331.           let data= {

  332.             projectId:this.id,

  333.             memberId:resresponse.data.id,

  334.           };

  335.           var isSign;

  336.           getSignup(data).then(r =>{

  337.             if(r.data=="1"){

  338.               isSign=true

  339.             }

  340.           })

  341.           if (resresponse.data.auditStatus == 'Y'){

  342.             if (isSign){

  343.               this.$toast({

  344.                 icon: 'error', // 找到自己需要的图标

  345.                 message: '已报名，请耐心等待审核结果！',

  346.                 duration:"2000",

  347.                 onClose:function(){

  348.                 }

  349.               })

  350.               return;

  351.             }

  352.             this.$router.push(

  353.               {

  354.                 path: 'signUp',

  355.                 query: {

  356.                   projectId: this.detail.id,

  357.                   deposit: this.detail.deposit,

  358.                   projectName: this.detail.projectName

  359.                 }

  360.               }

  361.             );

  362.           }else{

  363.             this.$toast({

  364.               icon: 'error', // 找到自己需要的图标

  365.               message: '交易中心审核注册信息后方可进行报名！',

  366.               duration:"2000",

  367.               onClose:function(){

  368.               }

  369.             })

  370.           }

  371.         })

  372.       })

  373.     },

  374.     onChange(index) {

  375.       this.current = index;

  376.     },

  377.     showPopup() {

  378.       this.show = true;

  379.     },

  380.     reload(){

  381.       console.log("结束进入")

  382.       getOutProjectDetail(this.id).then(response =>{

  383.         this.detail=response.data

  384.         this.getDicts("rollout_type").then(res =>{

  385.           this.detail.rollout = this.selectDictLabel(res.data,response.data.rollout);

  386.           if(this.detail.oneout==0){

  387.             this.detail.oneout = "无"

  388.           }else{

  389.             this.detail.oneout = this.selectDictLabel(res.data,response.data.oneout);

  390.           }

  391.         })

  392.         this.getDicts("project_type").then(res => {

  393.           this.detail.projectNumber = this.selectDictLabel(res.data,response.data.projectNumber);

  394.         });

  395.         this.getDicts("sub_object_type").then(res => {

  396.           // this.detail.projectType = this.selectDictLabel(res.data,response.data.projectType);

  397.         });

  398.         this.getDicts("economic_type").then(res => {

  399.           this.detail.economicType = this.selectDictLabel(res.data,response.data.economicType);

  400.         });

  401.         this.getDicts("area_unit").then(res => {

  402.           this.detail.allCountUnit = this.selectDictLabel(res.data,response.data.allCountUnit);

  403.         });

  404.         this.getDicts("bidding_type").then(res => {

  405.           this.detail.biddingType = this.selectDictLabel(res.data,response.data.biddingType);

  406.         });

  407.         this.getDicts("bidding_direct").then(res => {

  408.           this.detail.biddingDirect = this.selectDictLabel(res.data,response.data.biddingDirect);

  409.         });

  410.         this.getDicts("price_unit").then(res => {

  411.           this.detail.unit = this.selectDictLabel(res.data,response.data.unit);

  412.         });

  413.         this.getDicts("payment_type").then(res => {

  414.           this.detail.paymentType = this.selectDictLabel(res.data,response.data.paymentType);

  415.         });

  416.         for(let i of this.detail.subjectList){

  417.           this.getDicts("area_unit").then(res => {

  418.             i.areaUnit = this.selectDictLabel(res.data,i.areaUnit);

  419.           });

  420.         }

  421. 

  422.         var that = this;

  423.         getBiddingList(that.id).then(response =>{

  424.           that.biddinglistInformation = response.rows

  425.           that.biddinglistInformationLength = response.total

  426.           if (that.detail.biddingType == '阶梯竞价'){

  427.             if (response.rows.length>0&&that.detail.ladderPrice){

  428.               if (that.price == 0){return;}

  429.               if (that.detail.biddingDirect == 2 ||that.detail.biddingDirect == '反向竞价') {

  430.                 that.price = parseFloat(response.rows[0].money - that.detail.ladderPrice).toFixed(2)

  431.               }else{

  432.                 that.price = parseFloat(response.rows[0].money + that.detail.ladderPrice).toFixed(2)

  433.               }

  434.             }else if (response.rows.length>0&&!that.detail.ladderPrice){

  435.               if (that.price == 0){return;}

  436.               that.price = response.rows[0].money

  437.             }else{

  438.               if (that.detail.biddingDirect == 2 ||that.detail.biddingDirect == '反向竞价') {

  439.                 that.price = parseFloat(that.detail.price - that.detail.ladderPrice).toFixed(2)

  440.               }else{

  441.                 that.price = parseFloat(that.detail.price + that.detail.ladderPrice).toFixed(2)

  442.               }

  443.             }

  444.           }

  445. 

  446. 

  447.         });

  448. 

  449.         let biddingStartTime =  Date.parse(this.detail.biddingStartTime)+0

  450.         let biddingStopTime =  Date.parse(this.detail.biddingStopTime)+0

  451.         let signupStartTime =  Date.parse(this.detail.signupStartTime)+0

  452.         let signupStopTime =  Date.parse(this.detail.signupStopTime)+0

  453.         let nowDate = Date.parse(new Date());

  454. 

  455.         if(signupStartTime>nowDate){

  456.           console.log('未开始')

  457.           this.process= "报名未开始"

  458.           this.tip=this.detail.signupStartTime+"开始报名"

  459.           this.btnMsg="立即报名"

  460.           this.timeMsg="距报名开始"

  461.           this.time = signupStartTime-nowDate

  462.           this.isSignup=true

  463.         }

  464.         if(signupStopTime>nowDate&&signupStopTime>signupStartTime){

  465.           console.log('报名中')

  466.           this.process= "报名中"

  467.           this.tip=this.detail.signupStopTime+"报名截止"

  468.           this.btnMsg="立即报名"

  469.           this.timeMsg="距报名截止"

  470.           this.time = signupStopTime-nowDate

  471.           getInfo().then(response => {

  472.             let _this = this

  473.             getMember(response.user.userId).then(res => {

  474.               console.log(res)

  475.               let data= {

  476.                 projectId:this.id,

  477.                 memberId:res.data.id,

  478.                 depositStatus:'1'

  479.               };

  480.               getSignup(data).then(r =>{

  481.                 if(r.data=="1"){

  482.                   _this.isSignup=true

  483.                   this.btnMsg="已报名"

  484.                 }

  485.               })

  486.             })

  487.           })

  488.         }

  489.         if(biddingStartTime>nowDate&&nowDate>signupStopTime){

  490.           console.log('竞价未开始')

  491.           this.biddingTimeType = 3;

  492.           this.process= "竞价未开始"

  493.           this.tip=this.detail.biddingStartTime+"开始竞价"

  494.           this.timeMsg="距竞价开始"

  495.           this.time = biddingStartTime-nowDate

  496.           getInfo().then(response => {

  497.             let _this = this

  498.             getMember(response.user.userId).then(res => {

  499.               let data= {

  500.                 projectId:this.id,

  501.                 memberId:res.data.id,

  502.                 depositStatus:'1'

  503.               };

  504.               getSignup(data).then(r =>{

  505.                 if(r.data=="1"){

  506.                   _this.isSignup=true;

  507.                   this.btnMsg="立即竞价"

  508.                   // this.price=this.detail.ladderPrice?this.biddinglistInformation[0].money+this.detail.ladderPrice:this.biddinglistInformation[0].money+1

  509.                 }else{

  510.                   this.btnMsg="未报名"

  511.                 }

  512.               })

  513.             })

  514.           })

  515.         }

  516.         if(biddingStopTime>nowDate&&nowDate>biddingStartTime){

  517.           console.log('竞价中')

  518.           this.biddingTimeType = 1;

  519.           this.process= "竞价中"

  520.           this.tip=this.detail.biddingStopTime+"结束竞价"

  521.           this.timeMsg="距竞价结束"

  522.           this.time = biddingStopTime-nowDate

  523.           getInfo().then(response => {

  524.             let _this = this

  525.             this.userId=response.user.userId

  526.             getMember(response.user.userId).then(res => {

  527.               this.userAccount=res.data.phone

  528.               this.userName=res.data.realname

  529.               this.memberId=res.data.id

  530.               let data= {

  531.                 projectId:this.id,

  532.                 memberId:res.data.id,

  533.                 depositStatus:'1'

  534.               };

  535.               getSignup(data).then(r =>{

  536.                 if(r.data=="1"){

  537.                   _this.isSignup=true

  538.                   this.btnMsg="立即竞价"

  539.                   this.showBtn=true

  540.                   _this.isFirst = r.signup.isFirst;

  541.                   // this.price=this.detail.ladderPrice?this.biddinglistInformation[0].money+this.detail.ladderPrice:this.biddinglistInformation[0].money+1

  542.                 }else{

  543.                   this.btnMsg="未报名"

  544.                   _this.isSignup=true

  545.                 }

  546.               })

  547.             })

  548.           })

  549. 

  550.           this.timer = setInterval(function () {

  551.             getBiddingList(that.id).then(response =>{

  552.               that.biddinglistInformation = response.rows

  553.               if((response.rows.length != that.biddinglistInformationLength) && that.detail.ladderPrice){

  554. 

  555.                 if (that.detail.biddingDirect == 2 ||that.detail.biddingDirect == '反向竞价') {

  556.                   that.price = parseInt(response.rows[0].money) - parseInt(that.detail.ladderPrice)

  557.                 }else{

  558.                   that.price = parseInt(response.rows[0].money) + parseInt(that.detail.ladderPrice)

  559.                 }

  560.               }

  561.               that.biddinglistInformationLength = response.total

  562.             });

  563.           },10000)

  564.         }

  565.         if(nowDate>biddingStopTime){

  566.           console.log('竞价结束')

  567.           this.process= "竞价结束"

  568.           this.tip=this.detail.biddingStopTime+"结束竞价"

  569.           this.btnMsg="竞价结束"

  570.           this.timeMsg="竞价结束"

  571.           this.time = 0

  572.           this.isSignup = true

  573.           this.showBtn=false

  574.           this.biddingTimeType = 2;

  575.         }

  576.       });

  577.       getWebConfig().then(response =>{

  578.         this.timeConfig = response.data[8].configValue;

  579.         response.data.map(item =>{

  580.           if(item.configKey=="cqjy.website.bidInfo"){

  581.             this.webConfig =  item.configValue

  582.           }

  583.         })

  584.       });

  585.     },

  586. 

  587.     offerFirst(){

  588.       clearInterval(this.timer);

  589.       let newMoney;

  590.       projectNewBidMoney(this.id).then(response =>{

  591.         if (response.data&&response.code==200){

  592.           newMoney = response.data;

  593.         }else{

  594.           newMoney = this.detail.price;

  595.         }

  596. 

  597.         let data= {

  598.           projectId:this.id,

  599.           memberId:this.memberId,

  600.           userId:this.userId,

  601.           userAccount:this.userAccount,

  602.           userName:this.userName,

  603.           money:parseFloat(newMoney),

  604.         };

  605.         biddingSubmit(data).then(response =>{

  606.           let _this = this

  607.           if(response){

  608.             this.$toast({

  609.               icon: 'success', // 找到自己需要的图标

  610.               message: '出价成功',

  611.               duration:"1000",

  612.               onClose:function(){

  613.                 _this.reload()

  614.               }

  615.             })

  616. 

  617.           }

  618.         })

  619. 

  620.       });

  621.     },

  622. 

  623.     offer(){

  624.       let newMoney;

  625.       projectNewBidMoney(this.id).then(response =>{

  626.         if (response.data&&response.code==200){

  627.           newMoney = response.data;

  628.         }else{

  629.           newMoney = this.detail.price;

  630.         }

  631. 

  632.         if (this.price==''||this.price==0||this.price<0||this.price == null){

  633.           this.$toast({

  634.             icon: 'fail', // 找到自己需要的图标

  635.             message: '请输入出价金额',

  636.             duration:"1000",

  637.             onClose:function(){

  638.             }

  639.           })

  640.           return;

  641.         }

  642.         if (this.detail.biddingDirect == '反向竞价'){

  643.           // if (this.biddinglistInformation.length<1){

  644.             if(this.detail.price<this.price){

  645.               this.$toast({

  646.                 icon: 'fail', // 找到自己需要的图标

  647.                 message: '出价不能高于挂牌价格',

  648.                 duration:"1000",

  649.                 onClose:function(){

  650.                 }

  651.               })

  652.               return;

  653.             }else{

  654.               if (this.detail.biddingType=='阶梯竞价'||this.detail.biddingType=='公开竞价'){

  655.                 if (this.biddinglistInformation.length>1){

  656.                   //判断用户出价不能高于当前出价最低价格

  657.                   if(newMoney <= this.price){

  658.                     this.$toast({

  659.                       icon: 'fail', // 找到自己需要的图标

  660.                       message: '出价不能高于当前出价最低价格',

  661.                       duration:"1000",

  662.                       onClose:function(){

  663.                       }

  664.                     })

  665.                     return;

  666.                   }

  667.                 }

  668.               }

  669.             }

  670. 

  671.         }else{

  672.           if(this.detail.price>this.price){

  673.             this.$toast({

  674.               icon: 'fail', // 找到自己需要的图标

  675.               message: '出价不能低于挂牌价格',

  676.               duration:"1000",

  677.               onClose:function(){

  678.               }

  679.             })

  680.             return;

  681.           }else{

  682.             if (this.detail.biddingType=='阶梯竞价'||this.detail.biddingType=='公开竞价'){

  683.               if (this.biddinglistInformation.length>1){

  684.                 //判断用户出价不能高于当前出价最低价格

  685.                 console.log(newMoney)

  686.                 console.log(this.price)

  687.                 if(newMoney >= this.price){

  688.                   this.$toast({

  689.                     icon: 'fail', // 找到自己需要的图标

  690.                     message: '出价不能低于当前出价最高价格',

  691.                     duration:"1000",

  692.                     onClose:function(){

  693.                     }

  694.                   })

  695.                   return;

  696.                 }

  697.               }

  698.             }

  699.           }

  700.         }

  701.         let data= {

  702.           projectId:this.id,

  703.           memberId:this.memberId,

  704.           userId:this.userId,

  705.           userAccount:this.userAccount,

  706.           userName:this.userName,

  707.           money:parseFloat(this.price),

  708.         };

  709.         console.log(data)

  710.         biddingSubmit(data).then(response =>{

  711.           let _this = this

  712.           if(response){

  713.             clearInterval(this.timer);

  714.             this.$toast({

  715.               icon: 'success', // 找到自己需要的图标

  716.               message: '出价成功',

  717.               duration:"1000",

  718.               onClose:function(){

  719.                 clearInterval(this.timer);

  720.                 _this.reload()

  721.                 if (_this.detail.biddingType=='自由竞价'||_this.detail.biddingType=='公开竞价'){

  722.                   _this.price = null;

  723.                 }else{

  724.                   _this.price = _this.price-_this.detail.ladderPrice;

  725.                 }

  726.               }

  727.             })

  728.           }

  729.         })

  730.       });

  731.     },

  732.     add(){

  733.       if (this.detail.biddingDirect == '反向竞价'){

  734.         if (this.biddinglistInformation.length<1){

  735.           if(this.detail.price <= this.price){

  736.             this.$toast({

  737.               icon: 'fail', // 找到自己需要的图标

  738.               message: '出价不能高于挂牌价格',

  739.               duration:"1000",

  740.               onClose:function(){

  741.               }

  742.             })

  743.             return;

  744.           }

  745.         }else{

  746. 

  747.           if(this.biddinglistInformation[0].money <= (parseFloat(this.price)+parseFloat(this.detail.ladderPrice)).toFixed(2)){

  748.             this.$toast({

  749.               icon: 'fail', // 找到自己需要的图标

  750.               message: '出价不能高于当前出价最低价格',

  751.               duration:"1000",

  752.               onClose:function(){

  753.               }

  754.             })

  755.             return;

  756.           }

  757.         }

  758.       }else{

  759.         if (this.biddinglistInformation.length<1){

  760.           if(this.detail.price>this.price){

  761.             this.$toast({

  762.               icon: 'fail', // 找到自己需要的图标

  763.               message: '出价不能低于挂牌价格',

  764.               duration:"1000",

  765.               onClose:function(){

  766.               }

  767.             })

  768.             return;

  769.           }

  770.         }else{

  771.           if(this.biddinglistInformation[0].money>this.price){

  772.             this.$toast({

  773.               icon: 'fail', // 找到自己需要的图标

  774.               message: '出价不能低于当前出价最高价格',

  775.               duration:"1000",

  776.               onClose:function(){

  777.               }

  778.             })

  779.             return;

  780.           }

  781.         }

  782.       }

  783.       console.log(this.price == null)

  784.       this.price == null?this.price = 0:this.price = this.price;

  785.       this.detail.ladderPrice?this.price=(parseFloat(this.price)+parseFloat(this.detail.ladderPrice)).toFixed(2):this.price += 1

  786.     },

  787.     sub(){

  788.       if (this.detail.biddingDirect == '反向竞价'){

  789.         if (this.biddinglistInformation.length<1){

  790.           if(this.detail.price<this.price){

  791.             this.$toast({

  792.               icon: 'fail', // 找到自己需要的图标

  793.               message: '出价不能高于挂牌价格',

  794.               duration:"1000",

  795.               onClose:function(){

  796.               }

  797.             })

  798.             return;

  799.           }

  800.         }else{

  801.           if(this.biddinglistInformation[0].money<this.price){

  802.             this.$toast({

  803.               icon: 'fail', // 找到自己需要的图标

  804.               message: '出价不能高于当前出价最低价格',

  805.               duration:"1000",

  806.               onClose:function(){

  807.               }

  808.             })

  809.             return;

  810.           }

  811.         }

  812.       }else{

  813.         if (this.biddinglistInformation.length<1){

  814.           if(this.detail.price>=this.price){

  815.             this.$toast({

  816.               icon: 'fail', // 找到自己需要的图标

  817.               message: '出价不能低于挂牌价格',

  818.               duration:"1000",

  819.               onClose:function(){

  820.               }

  821.             })

  822.             return;

  823.           }

  824.         }else{

  825.           if(this.biddinglistInformation[0].money >= (parseFloat(this.price)-parseFloat(this.detail.ladderPrice)).toFixed(2)){

  826.             this.$toast({

  827.               icon: 'fail', // 找到自己需要的图标

  828.               message: '出价不能低于当前出价最高价格',

  829.               duration:"1000",

  830.               onClose:function(){

  831.               }

  832.             })

  833.             return;

  834.           }

  835.         }

  836.       }

  837. 

  838.       this.price == null?this.price = 0:this.price = this.price;

  839.       if (this.price == 0)return;

  840.       this.detail.ladderPrice?this.price=(parseFloat(this.price)-parseFloat(this.detail.ladderPrice)).toFixed(2):this.price -= 1

  841.       // if(this.detail.ladderPrice){

  842.       //   if((this.price-this.detail.ladderPrice)>this.biddinglistInformation[0].money){

  843.       //     this.price-=this.detail.ladderPrice

  844.       //   }else{

  845.       //     this.$toast({

  846.       //       icon: 'error', // 找到自己需要的图标

  847.       //       message: '出价不能低于当前最高价',

  848.       //       duration:"1000",

  849.       //     })

  850.       //   }

  851.       // }else{

  852.       //   if((this.price-1)>this.biddinglistInformation[0].money){

  853.       //     this.price-=1

  854.       //   }else{

  855.       //     this.$toast({

  856.       //       icon: 'error', // 找到自己需要的图标

  857.       //       message: '出价不能低于当前最高价',

  858.       //       duration:"1000",

  859.       //     })

  860.       //   }

  861.       // }

  862.     },

  863.     timerChange(value){

  864.       let d = value.days;

  865.       let h = value.hours;

  866.       let m = value.minutes;

  867.       let s = value.seconds;

  868.       if (d==0 && h==0 && m<2){

  869.         console.log("竞价剩余两分钟"+"m:"+m+"s:"+s)

  870. 

  871.         if (m == 0 && s==0){

  872.           console.log("竞价结束22222222222")

  873.           this.reload();

  874.         }

  875.         getBiddingList(this.id).then(response =>{

  876.           this.biddinglistInformation = response.rows

  877.           if (response.rows.length>this.biddinglistInformationLength){

  878.             console.log("有人出价")

  879.             this.biddinglistInformationLength = response.rows.length;

  880.             this.time = 120000

  881.           }

  882. 

  883.         });

  884. 

  885.       }

  886.     }

  887.   },

  888.   destroyed () {

  889.     console.log('bbbbbbbbbb')

  890.     clearInterval(this.timer);

  891.   },

  892.   beforeDestory() {

  893.     clearInterval(this.timer)

  894.   },

  895.   //离开页面清除定时器失效问题

  896.   beforeRouteLeave (to, from, next) {

  897.     console.log("我离开了")

  898.     clearInterval(this.timer)

  899.     next()

  900.   }

  901. };

  902. </script>

  903. 

  904. <style scoped lang="scss">

  905. .app-container {

  906. }

  907. .custom-indicator {

  908.   position: absolute;

  909.   right: 20px;

  910.   bottom: 20px;

  911.   padding: 0px 20px;

  912.   font-size: 12px;

  913.   /*rgba(0, 0, 0, 0.1)*/

  914.   background: rgba(0, 0, 0, 0.2);

  915.   color: #FFF;

  916.   border-radius: 20px;

  917.   line-height: 0.5rem;

  918. }

  919. .title{

  920.   font-size: 0.45rem;

  921. }

  922. .my-swipe{

  923.   width: 100%;

  924. }

  925. .my-swipe .van-swipe-item .van-image{

  926.   width: 100%;

  927. }

  928. .information{

  929.   background-color: #FFF;

  930.   margin-top: 0.3rem;

  931.   padding: 0.4rem 0.5rem;

  932. }

  933. .van-row{

  934.   line-height: 0.7rem;

  935. }

  936. .price{

  937.   color: #C21F3A;

  938. }

  939. .price span{

  940.   font-size: 0.5rem;

  941.   font-weight: bold;

  942. }

  943. .money{

  944.   color: #C21F3A;

  945. }

  946. .money span{

  947.   font-size: 0.5rem;

  948.   font-weight: bold;

  949. }

  950. .van-count-down{

  951.   line-height: 0.7rem;

  952. }

  953. .lead{

  954.   background-color: #FFF;

  955.   margin-top: 0.3rem;

  956.   padding: 0.1rem 0.5rem;

  957.   color: #C21F3A;

  958. }

  959. .detail{

  960.   background-color: #FFF;

  961.   margin-top: 0.3rem;

  962.   padding: 0.2rem 0.5rem;

  963. }

  964. .detail span{

  965.   color: #8A8A8A;

  966. }

  967. .delTitle{

  968.   font-size: 0.4rem;

  969.   color: #007E72;

  970.   padding: 0.2rem 0.5rem;

  971. }

  972. .introduce{

  973.   padding: 0.2rem 0.5rem 0.5rem;

  974.   background-color: #FFF;

  975. }

  976. .introduce span{

  977.   color: #8A8A8A;

  978.   margin-right: 20px;

  979. }

  980. .project_info{

  981.   border: 1px solid #DCDCDC;

  982.   padding: 0px 20px;

  983.   margin-top: 10px;

  984.   border-radius: 10px;

  985. }

  986. .notice{

  987.   padding: 0.5rem;

  988.   background-color: #FFF;

  989. }

  990. .notice p{

  991.   line-height: 0.7rem;

  992. }

  993. .biddingList{

  994.   padding: 0.5rem;

  995.   background-color: #FFF;

  996.   margin-bottom: 0.4rem;

  997. }

  998. .biddingList table{

  999.   text-align: center;

  1000. }

  1001. .biddingList table td{

  1002.   text-align: center;

  1003.   padding: 10px 0px;

  1004. }

  1005. .biddingList table tr:first-child td{

  1006.   background-color: #007E72;

  1007.   color: #FFF;

  1008. }

  1009. .bottomBtn{

  1010.   padding: 0.2rem 0.5rem;

  1011.   background-color: #FFF;

  1012.   position: fixed;

  1013.   bottom: 0;

  1014.   width: 100%;

  1015. }

  1016.   .popup{

  1017.     text-align: center;

  1018.     padding: 0.5rem;

  1019.     border-radius: 20px;

  1020.     width: 70%;

  1021.     padding-top: 1.5rem;

  1022.   }

  1023.   .popupTit{

  1024.     color: #007E72;

  1025.     font-size: 0.4rem;

  1026.     line-height: 0.9rem;

  1027.   }

  1028.   .popupContent{

  1029.     color: #666666;

  1030.   }

  1031.   .iKnow{

  1032.     margin-top: 1rem;

  1033.   }

  1034.   .updatePopup{

  1035.     color: #007E72;

  1036.     margin-top: 0.5rem;

  1037.   }

  1038. </style>