zhangzl
/
nsgk_mobile
2
0
Forkuj 0
Kod Zgłoszenia 0 Oczekujące zmiany 0 Wydania 0 Wiki Aktywność
移动端
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
1477 Commity
7 Gałęzie
79 MiB
 
 
Drzewo: 0617ce7b1e
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z '0617ce7b1e'
${ noResults }
nsgk_mobile/src/views/project/projectDetail.vue

1180 wiersze
41 KiB
Czysty Wina Historia 

  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. 

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

  25.           {{ process }}&nbsp&nbsp&nbsp&nbsp<span id="timeData"></span>

  26. <!--          <van-count-down ref="countDown" :time="time" format="DD 天 HH 时 mm 分 ss 秒" @change="timerChange" />-->

  27.         </van-notice-bar>

  28.         <div class="information">

  29.           <van-row>

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

  31.           </van-row>

  32.           <van-row>

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

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

  35.           </van-row>

  36.           <van-row>

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

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

  39.           </van-row>

  40.         </div>

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

  42.           <van-row >

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

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

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

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

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

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

  49.             </template>

  50.           </van-row>

  51.         </div>

  52.         <div class="detail">

  53.           <van-row>

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

  55.           </van-row>

  56.           <van-row>

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

  58.           </van-row>

  59.           <van-row>

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

  61.           </van-row>

  62.           <van-row>

  63.             <van-col span="24"><span>竞价结束时间：</span>{{ detail.biddingStopTime }}</van-col>

  64.           </van-row>

  65.           <van-row>

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

  67.           </van-row>

  68.           <van-row>

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

  70.           </van-row>

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

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

  73.           </van-row>

  74.           <van-row v-if="detail.delayPeriod!=0">

  75.             <van-col span="24"><span>延时周期：</span>{{detail.delayPeriod}}秒</van-col>

  76.           </van-row>

  77.           <van-row v-if="detail.delayPeriod!=0">

  78.             <van-col span="24"><span>延时说明：</span>竞价的最后{{detail.delayPeriod}}秒内任意方出价，竞价结束时间将延长至此刻的{{detail.delayPeriod}}秒后，直至无人出价为止。</van-col>

  79.           </van-row>

  80.         </div>

  81.       </van-tab>

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

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

  84.         <div class="introduce">

  85.           <van-row>

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

  87.           </van-row>

  88.           <van-row>

  89.             <van-col span="24"><span>{{detail.projectNumber == '集体资产采购类' ? '建设方':'转出方'}}名称</span>{{ detail.outName }}</van-col>

  90.           </van-row>

  91.           <van-row>

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

  93.           </van-row>

  94.           <van-row>

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

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

  97.           </van-row>

  98.           <van-row>

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

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

  101.           </van-row>

  102.           <van-row>

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

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

  105.           </van-row>

  106.           <van-row>

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

  108.           </van-row>

  109.           <van-row>

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

  111.           </van-row>

  112. <!--          <van-row>-->

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

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

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

  116.           <van-row>

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

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

  119.           </van-row>

  120.           <van-row>

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

  122.           </van-row>

  123.           <van-row>

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

  125.           </van-row>

  126. 

  127.           <van-row>

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

  129.           </van-row>

  130.           <van-row>

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

  132.           </van-row>

  133.           <van-row>

  134.             <van-col span="24"><span>{{detail.projectNumber == '集体资产采购类' ? '工程内容':'拟流转土地用途'}}</span>{{ detail.contractPurpose }}</van-col>

  135.           </van-row>

  136.           <van-row>

  137.             <van-col span="24"><span>{{detail.projectNumber == '集体资产采购类' ? '承包范围':'其它需要披露的事项'}}</span>{{ detail.cracksEvents }}</van-col>

  138.           </van-row>

  139.           <van-row>

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

  141.           </van-row>

  142. 

  143. 

  144.           <van-row>

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

  146.           </van-row>

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

  148.             <van-row>

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

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

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

  152.             </van-row>

  153.           </div>

  154.         </div>

  155.       </van-tab>

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

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

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

  159.           <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;" />

  160.         </template>

  161.         <template v-else>

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

  163.         </template>

  164.       </van-tab>

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

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

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

  168.         </div>

  169.       </van-tab>

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

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

  172.         <div class="biddingList">

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

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

  175.             <tr>

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

  177.               <td>出价</td>

  178.               <td>状态</td>

  179.               <td>时间</td>

  180.             </tr>

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

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

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

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

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

  186.               </template>

  187.               <template v-else>

  188.                 <td></td>

  189.               </template>

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

  191.             </tr>

  192.           </table>

  193.         </div>

  194.       </van-tab>

  195.     </van-tabs>

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

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

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

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

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

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

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

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

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

  205.             {{ btnMsg }}<br/>

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

  207.           </van-button>

  208.         </van-col>

  209.       </van-row>

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

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

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

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

  214.         </van-col>

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

  216. 

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

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

  219.               <p>出价</p>

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

  221.             </van-button>

  222. 

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

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

  225.             </van-button>

  226.           </div>

  227.         </van-col>

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

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

  230.         </van-col>

  231.       </van-row>

  232.     </div>

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

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

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

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

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

  238.         我知道了

  239.       </van-button>

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

  241.     </van-popup>

  242.   </div>

  243. </template>

  244. 

  245. <script>

  246.   import {

  247.     biddingSubmit,

  248.     getBiddingList, getBiddingStopTime,

  249.     getMember,

  250.     getOutProjectDetail,

  251.     getSignup,

  252.     getWebConfig,

  253.     projectNewBidMoney

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

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

  256. import $ from "jquery";

  257. 

  258. export default {

  259.   name: "projectDetail",

  260.   provide(){

  261.     return{

  262.       reload:this.reload

  263.     }

  264.   },

  265.   data() {

  266.     return {

  267.       current: 0,

  268.       show: false,

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

  270.       detail: {

  271.         biddingType:'自由竞价'

  272.       },

  273.       webConfig:"",

  274.       biddinglistInformation:[],

  275.       rollout_type:[],

  276.       process:"",

  277.       tip:"",

  278.       btnMsg:"",

  279.       time:null,

  280.       timeMsg:"",

  281.       isSignup:true,

  282.       showBtn:false,

  283.       price:null,

  284.       userAccount:"",

  285.       userName:"",

  286.       userId:"",

  287.       timeConfig:'',

  288.       biddinglistInformationLength:0,

  289.       biddingTimeType:1,

  290.       isFirst:'',

  291.       timer:null,

  292.       getSignupData:'',

  293.       bottomBtn:false,

  294.       delayPeriodNow:false,

  295.       nowDate:0,

  296.       biddingquery:{

  297.         projectId:this.$route.query.id,

  298.         pageSize:10,

  299.         pageNum:1

  300.       },

  301.       timeData:'',

  302.       timeCount:null

  303.     };

  304.   },

  305.   computed: {

  306.     getNowFormatDate:function(){

  307.       let date = new Date();

  308.       let seperator1 = "-";

  309.       let seperator2 = ":";

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

  311.       let day = date.getDate();

  312.       let hours = date.getHours();

  313.       let minutes = date.getMinutes();

  314.       let seconds = date.getSeconds();

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

  316.         month = "0" + month;

  317.       }

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

  319.         day = "0" + day;

  320.       }

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

  322.         hours = "0" + hours;

  323.       }

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

  325.         minutes = "0" + minutes;

  326.       }

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

  328.         seconds = "0" + seconds;

  329.       }

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

  331.       //console.log(currentdate)

  332.       return currentdate;

  333.     }

  334.   },

  335.   created() {

  336.     clearInterval(this.timer);

  337.     this.reload();

  338.   },

  339.   methods: {

  340.     goSignUp(){

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

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

  343.           let data= {

  344.             projectId:this.id,

  345.             memberId:resresponse.data.id,

  346.           };

  347.           var isSign;

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

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

  350.               isSign=true

  351.             }

  352.           })

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

  354.             if (isSign){

  355.               this.$toast({

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

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

  358.                 duration:"2000",

  359.                 onClose:function(){

  360.                 }

  361.               })

  362.               return;

  363.             }

  364.             this.$router.push(

  365.               {

  366.                 path: 'signUp',

  367.                 query: {

  368.                   projectId: this.detail.id,

  369.                   deposit: this.detail.deposit,

  370.                   projectName: this.detail.projectName

  371.                 }

  372.               }

  373.             );

  374.           }else{

  375.             this.$toast({

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

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

  378.               duration:"2000",

  379.               onClose:function(){

  380.               }

  381.             })

  382.           }

  383.         })

  384.       })

  385.     },

  386.     onChange(index) {

  387.       this.current = index;

  388.     },

  389.     showPopup() {

  390.       this.show = true;

  391.     },

  392.     reload(){

  393.       //console.log("结束进入")

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

  395.         this.detail=response.data

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

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

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

  399.             this.detail.oneout = "无"

  400.           }else{

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

  402.           }

  403.         })

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

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

  406.         });

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

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

  409.         });

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

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

  412.         });

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

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

  415.         });

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

  417.           // debugger;

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

  419.         });

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

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

  422.         });

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

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

  425.         });

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

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

  428.         });

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

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

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

  432.           });

  433.         }

  434. 

  435.         var that = this;

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

  437.           if(that.process == "竞价中"){

  438.             getBiddingList(that.biddingquery).then(response =>{

  439.               that.biddinglistInformation = response.rows

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

  441. 

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

  443.                   if(response.rows[0].money<=that.price) {

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

  445.                   }

  446.                 }else{

  447.                   if(response.rows[0].money>=that.price) {

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

  449.                   }

  450.                 }

  451.               }

  452.               that.biddinglistInformationLength = response.total

  453.             });

  454.           }

  455.         },3000)

  456. 

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

  458.           this.userId=response.user.userId

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

  460.             this.userAccount=res.data.phone

  461.             this.userName=res.data.realname

  462.             this.memberId=res.data.id

  463.             let data= {

  464.               projectId:this.id,

  465.               memberId:res.data.id,

  466.               depositStatus:'1'

  467.             };

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

  469.               this.getSignupData = r.data;

  470.               this.isFirst = r.signup.isFirst;

  471. 

  472.               this.getBidding();

  473.               this.timeCount = setInterval(()=>{

  474.                 this.getTime()

  475.               },1000)

  476.               this.bottomBtn = true;

  477.             })

  478.           })

  479.         })

  480.       });

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

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

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

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

  485.             this.webConfig =  item.configValue

  486.           }

  487.         })

  488.       });

  489.     },

  490.     getTime(){

  491.       this.bottomBtn = true;

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

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

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

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

  496.       let nowDate = Date.parse(this.format($.ajax({async:false,data:{i: Date.parse(new Date())}}).getResponseHeader("Date"), "yyyy-MM-dd HH:mm:ss"));

  497.       let time = this.detail.delayPeriod * 1000;

  498.       var difference = biddingStopTime-nowDate;

  499.       let m = Math.floor(difference/1000/60%60);

  500.       let s = Math.floor(difference/1000%60);

  501. 

  502.       if(signupStartTime>nowDate){

  503.         //console.log('未开始')

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

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

  506.         this.btnMsg="报名未开始"

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

  508.         $('#timeData').html(this.TimeInterval(signupStartTime-nowDate))

  509.         // this.timeData = ;

  510.         this.isSignup=true

  511.       }

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

  513.         //console.log('报名中')

  514.         this.process= "报名中"

  515.         this.isSignup=false

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

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

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

  519.         // this.time = signupStopTime-nowDate

  520.         $('#timeData').html(this.TimeInterval(signupStopTime-nowDate));

  521.         // this.timeData = this.TimeInterval(signupStopTime-nowDate);

  522.         if(this.getSignupData=="1"){

  523.           this.isSignup=true

  524.           this.btnMsg="已报名"

  525.         }

  526.       }

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

  528.         //console.log('竞价未开始')

  529.         this.biddingTimeType = 3;

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

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

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

  533.         // this.time = biddingStartTime-nowDate

  534.         $('#timeData').html(this.TimeInterval(biddingStartTime-nowDate));

  535.         // this.timeData = this.TimeInterval(biddingStartTime-nowDate);

  536.         this.isSignup=true;

  537.         if(this.getSignupData=="1"){

  538.           this.btnMsg="已报名"

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

  540.         }else{

  541.           this.btnMsg="未报名"

  542.         }

  543.       }

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

  545.         //console.log('竞价中')

  546.         this.biddingTimeType = 1;

  547.         this.process= "竞价中"

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

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

  550.         // this.time = biddingStopTime-nowDate

  551.         $('#timeData').html(this.TimeInterval(biddingStopTime-nowDate));

  552.         // this.timeData = this.TimeInterval(biddingStopTime-nowDate);

  553.         //console.log(this.timeData)

  554.         if(this.getSignupData=="1"){

  555.           this.isSignup=true

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

  557.           this.showBtn=true

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

  559.         }else{

  560.           this.btnMsg="未报名"

  561.           this.isSignup=true

  562.         }

  563. 

  564. 

  565.       }

  566.       if(nowDate>biddingStopTime){

  567.         //console.log('竞价结束')

  568.         clearInterval(this.timeCount);

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

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

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

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

  573.         this.time = 0

  574.         this.isSignup = true

  575.         this.showBtn=false

  576.         this.biddingTimeType = 2;

  577.         $('#timeData').html('');

  578.         // this.timeData = ''

  579.       }

  580. 

  581.       // console.log(s+'---------------'+m)

  582.       if (s < 1 && m < 1){

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

  584.         getBiddingStopTime(this.id).then(response => {

  585.           this.$set(this.detail,'biddingStopTime',response.data)

  586.           let timeNew = Date.parse(response.data) + 0 - nowDate;

  587.           if (timeNew > 0) {

  588.             this.$set(this.detail,'biddingStopTime',response.data)

  589.             this.getTime();

  590.           } else {

  591.             clearInterval(this.timeCount);

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

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

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

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

  596.             this.time = 0

  597.             this.isSignup = true

  598.             this.showBtn = false

  599.             this.biddingTimeType = 2;

  600.             $('#timeData').html('');

  601.             return;

  602.           }

  603.         });

  604.       }else if (s%2 == 0&&time!=0){

  605. 

  606.         //console.log('aaa')

  607.         // console.log((biddingStopTime-nowDate))

  608.         // console.log(time)

  609.         // this.getTime();

  610.         if ((biddingStopTime-nowDate)<=time){

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

  612.           getBiddingStopTime(this.id).then(response =>{

  613.             if(this.detail.biddingStopTime!=response.data){

  614.               console.log('有人出价')

  615.               this.time = null;

  616.             }

  617.             // this.detail.biddingStopTime = response.data

  618.             this.$set(this.detail,'biddingStopTime',response.data);

  619.             // this.delayPeriodNow = true;

  620.             // this.time = Date.parse(response.data)+0-nowDate;

  621.           });

  622.         }

  623.       }

  624. 

  625.     },

  626.   getBidding(){

  627.     var that = this;

  628.     getBiddingList(that.biddingquery).then(response =>{

  629.       that.biddinglistInformation = response.rows

  630.       that.biddinglistInformationLength = response.total

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

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

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

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

  635.             let money = that.price?that.price:response.rows[0].money

  636.             if(response.rows[0].money<=money){

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

  638.             }

  639.           }else{

  640.             console.log(response.rows[0].money>=that.price)

  641.             let money = that.price?that.price:response.rows[0].money

  642.             if(response.rows[0].money>=money){

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

  644.             }

  645.           }

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

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

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

  649.         }else{

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

  651.             that.price = parseFloat(that.detail.price).toFixed(2)

  652.           }else{

  653.             that.price = parseFloat(that.detail.price).toFixed(2)

  654.           }

  655.         }

  656.       }

  657. 

  658. 

  659.     });

  660.   },

  661. 

  662.     offerFirst(){

  663.       let newMoney;

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

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

  666.           newMoney = response.data;

  667.         }else{

  668.           newMoney = this.detail.price;

  669.         }

  670. 

  671.         let data= {

  672.           projectId:this.id,

  673.           memberId:this.memberId,

  674.           userId:this.userId,

  675.           userAccount:this.userAccount,

  676.           userName:this.userName,

  677.           money:parseFloat(newMoney),

  678.           loginTime:Date.now($.ajax({async:false,data:{i: Date.parse(new Date())}}).getResponseHeader("Date"))

  679.         };

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

  681.           let _this = this

  682.           if(response){

  683.             this.$toast({

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

  685.               message: '出价成功',

  686.               duration:"1000",

  687.               onClose:function(){

  688.                 clearInterval(this.timer);

  689.                 // _this.reload()

  690.                 _this.getBidding();

  691.                 if (_this.detail.delayPeriod != 0 && _this.delayPeriodNow){

  692.                   _this.time = null;

  693.                 }

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

  695.                   _this.price = null;

  696.                 }

  697.               }

  698.             })

  699. 

  700.           }

  701.         })

  702. 

  703.       });

  704.     },

  705. 

  706.     offer(){

  707.       let newMoney;

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

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

  710.           newMoney = response.data;

  711.         }else{

  712.           newMoney = this.detail.price;

  713.         }

  714. 

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

  716.           this.$toast({

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

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

  719.             duration:"1000",

  720.             onClose:function(){

  721.             }

  722.           })

  723.           return;

  724.         }

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

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

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

  728.               this.$toast({

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

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

  731.                 duration:"1000",

  732.                 onClose:function(){

  733.                 }

  734.               })

  735.               return;

  736.             }else{

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

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

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

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

  741.                     this.$toast({

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

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

  744.                       duration:"1000",

  745.                       onClose:function(){

  746.                       }

  747.                     })

  748.                     return;

  749.                   }

  750.                 }

  751.               }

  752.             }

  753. 

  754.         }else{

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

  756.             this.$toast({

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

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

  759.               duration:"1000",

  760.               onClose:function(){

  761.               }

  762.             })

  763.             return;

  764.           }else{

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

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

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

  768.                 //console.log(newMoney)

  769.                 //console.log(this.price)

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

  771.                   this.$toast({

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

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

  774.                     duration:"1000",

  775.                     onClose:function(){

  776.                     }

  777.                   })

  778.                   return;

  779.                 }

  780.               }

  781.             }

  782.           }

  783.         }

  784.         let data= {

  785.           projectId:this.id,

  786.           memberId:this.memberId,

  787.           userId:this.userId,

  788.           userAccount:this.userAccount,

  789.           userName:this.userName,

  790.           money:parseFloat(this.price),

  791.           loginTime:Date.now($.ajax({async:false,data:{i: Date.parse(new Date())}}).getResponseHeader("Date"))

  792.         };

  793.         // console.log(Date.now($.ajax({async:false}).getResponseHeader("Date")))

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

  795.           let _this = this

  796.           if(response){

  797.             // clearInterval(this.timer);

  798.             this.$toast({

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

  800.               message: '出价成功',

  801.               duration:"1000",

  802.               onClose:function(){

  803.                 clearInterval(this.timer);

  804.                 // _this.reload()

  805.                 _this.getBidding();

  806.                 if (_this.detail.delayPeriod != 0 && _this.delayPeriodNow){

  807.                   _this.time = null;

  808.                 }

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

  810.                   _this.price = null;

  811.                 }else{

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

  813.                 }

  814.               }

  815.             })

  816.           }

  817.         })

  818.       });

  819.     },

  820.     add(){

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

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

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

  824.             this.$toast({

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

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

  827.               duration:"1000",

  828.               onClose:function(){

  829.               }

  830.             })

  831.             return;

  832.           }

  833.         }else{

  834. 

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

  836.             this.$toast({

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

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

  839.               duration:"1000",

  840.               onClose:function(){

  841.               }

  842.             })

  843.             return;

  844.           }

  845.         }

  846.       }else{

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

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

  849.             this.$toast({

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

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

  852.               duration:"1000",

  853.               onClose:function(){

  854.               }

  855.             })

  856.             return;

  857.           }

  858.         }else{

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

  860.             this.$toast({

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

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

  863.               duration:"1000",

  864.               onClose:function(){

  865.               }

  866.             })

  867.             return;

  868.           }

  869.         }

  870.       }

  871.       //console.log(this.price == null)

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

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

  874.     },

  875.     sub(){

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

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

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

  879.             this.$toast({

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

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

  882.               duration:"1000",

  883.               onClose:function(){

  884.               }

  885.             })

  886.             return;

  887.           }

  888.         }else{

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

  890.             this.$toast({

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

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

  893.               duration:"1000",

  894.               onClose:function(){

  895.               }

  896.             })

  897.             return;

  898.           }

  899.         }

  900.       }else{

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

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

  903.             this.$toast({

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

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

  906.               duration:"1000",

  907.               onClose:function(){

  908.               }

  909.             })

  910.             return;

  911.           }

  912.         }else{

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

  914.             this.$toast({

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

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

  917.               duration:"1000",

  918.               onClose:function(){

  919.               }

  920.             })

  921.             return;

  922.           }

  923.         }

  924.       }

  925. 

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

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

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

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

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

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

  932.       //   }else{

  933.       //     this.$toast({

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

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

  936.       //       duration:"1000",

  937.       //     })

  938.       //   }

  939.       // }else{

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

  941.       //     this.price-=1

  942.       //   }else{

  943.       //     this.$toast({

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

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

  946.       //       duration:"1000",

  947.       //     })

  948.       //   }

  949.       // }

  950.     },

  951.     timerChange(value){

  952.       let d = value.days;

  953.       let h = value.hours;

  954.       let m = value.minutes;

  955.       let s = value.seconds;

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

  957.       let nowDate = Date.parse(this.format($.ajax({async:false,data:{i: Date.parse(new Date())}}).getResponseHeader("Date"), "yyyy-MM-dd HH:mm:ss"));

  958.       let time = this.detail.delayPeriod * 1000;

  959. 

  960.       if (s < 1 && m < 1){

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

  962.         getBiddingStopTime(this.id).then(response => {

  963.           this.$set(this.detail,'biddingStopTime',response.data)

  964.           let timeNew = Date.parse(response.data) + 0 - nowDate;

  965.           if (timeNew > 0) {

  966.             this.$set(this.detail,'biddingStopTime',response.data)

  967.             this.getTime();

  968.           } else {

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

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

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

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

  973.             this.time = 0

  974.             this.isSignup = true

  975.             this.showBtn = false

  976.             this.biddingTimeType = 2;

  977.             return;

  978.           }

  979.         });

  980.       }else if (s%2 == 0&&time!=0){

  981. 

  982.         //console.log('aaa')

  983.         // console.log((biddingStopTime-nowDate))

  984.         // console.log(time)

  985.         // this.getTime();

  986.         if ((biddingStopTime-nowDate)<=time){

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

  988.           getBiddingStopTime(this.id).then(response =>{

  989.             if(this.detail.biddingStopTime!=response.data){

  990.               console.log('有人出价')

  991.               this.time = null;

  992.             }

  993.             this.detail.biddingStopTime = response.data

  994.             this.$set(this.detail,'biddingStopTime',response.data);

  995.             this.delayPeriodNow = true;

  996.             // this.time = Date.parse(response.data)+0-nowDate;

  997.           });

  998.         }

  999.       }

  1000. 

  1001.     },

  1002.     TimeInterval(timestamp) {

  1003.       //时间戳转化为天时分秒

  1004.       // 总秒数

  1005.       var second = Math.floor(timestamp/ 1000);

  1006.       // 天数

  1007.       var day = Math.floor(second / 3600 / 24);

  1008.       // 小时

  1009.       var hr = Math.floor(second / 3600 % 24);

  1010.       // 分钟

  1011.       var min = Math.floor(second / 60 % 60);

  1012.       // 秒

  1013.       var sec = Math.floor(second % 60);

  1014. 

  1015.       return (day?day + "天":'0天') + (hr?hr+ "时":'0时') + ( min?min + "分":'0分') + sec + "秒";

  1016. 

  1017.     },

  1018.   },

  1019.   destroyed () {

  1020.     console.log('bbbbbbbbbb')

  1021.     clearInterval(this.timer);

  1022.     clearInterval(this.timeCount);

  1023.   },

  1024.   beforeDestory() {

  1025.     clearInterval(this.timer)

  1026.     clearInterval(this.timeCount);

  1027.   },

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

  1029.   beforeRouteLeave(to, from, next) {

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

  1031.     clearInterval(this.timer)

  1032.     clearInterval(this.timeCount);

  1033.     this.time = null;

  1034.     next()

  1035.   }

  1036. };

  1037. </script>

  1038. 

  1039. <style scoped lang="scss">

  1040. .app-container {

  1041. }

  1042. 

  1043. .van-count-down{

  1044.   display: inline-block;

  1045.   color: #fff;

  1046. }

  1047. .custom-indicator {

  1048.   position: absolute;

  1049.   right: 20px;

  1050.   bottom: 20px;

  1051.   padding: 0px 20px;

  1052.   font-size: 12px;

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

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

  1055.   color: #FFF;

  1056.   border-radius: 20px;

  1057.   line-height: 0.5rem;

  1058. }

  1059. .title{

  1060.   font-size: 0.45rem;

  1061.   margin-bottom: 10PX;

  1062. }

  1063. .my-swipe{

  1064.   width: 100%;

  1065. }

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

  1067.   width: 100%;

  1068. }

  1069. .information{

  1070.   background-color: #FFF;

  1071.   margin-top: 0.3rem;

  1072.   padding: 0.4rem 0.5rem;

  1073. }

  1074. .van-row{

  1075.   line-height: 0.7rem;

  1076. }

  1077. .price{

  1078.   color: #C21F3A;

  1079. }

  1080. .price span{

  1081.   font-size: 0.5rem;

  1082.   font-weight: bold;

  1083. }

  1084. .money{

  1085.   color: #C21F3A;

  1086. }

  1087. .money span{

  1088.   font-size: 0.5rem;

  1089.   font-weight: bold;

  1090. }

  1091. .van-count-down{

  1092.   line-height: 0.7rem;

  1093. }

  1094. .lead{

  1095.   background-color: #FFF;

  1096.   margin-top: 0.3rem;

  1097.   padding: 0.1rem 0.5rem;

  1098.   color: #C21F3A;

  1099. }

  1100. .detail{

  1101.   background-color: #FFF;

  1102.   margin-top: 0.3rem;

  1103.   padding: 0.2rem 0.5rem;

  1104. }

  1105. .detail span{

  1106.   color: #8A8A8A;

  1107. }

  1108. .delTitle{

  1109.   font-size: 0.4rem;

  1110.   color: #007E72;

  1111.   padding: 0.2rem 0.5rem;

  1112. }

  1113. .introduce{

  1114.   padding: 0.2rem 0.5rem 0.5rem;

  1115.   background-color: #FFF;

  1116. }

  1117. .introduce span{

  1118.   color: #8A8A8A;

  1119.   margin-right: 20px;

  1120. }

  1121. .project_info{

  1122.   border: 1px solid #DCDCDC;

  1123.   padding: 0px 20px;

  1124.   margin-top: 10px;

  1125.   border-radius: 10px;

  1126. }

  1127. .notice{

  1128.   padding: 0.5rem;

  1129.   background-color: #FFF;

  1130. }

  1131. .notice p{

  1132.   line-height: 0.7rem;

  1133. }

  1134. .biddingList{

  1135.   padding: 0.5rem;

  1136.   background-color: #FFF;

  1137.   margin-bottom: 0.4rem;

  1138. }

  1139. .biddingList table{

  1140.   text-align: center;

  1141. }

  1142. .biddingList table td{

  1143.   text-align: center;

  1144.   padding: 10px 0px;

  1145. }

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

  1147.   background-color: #007E72;

  1148.   color: #FFF;

  1149. }

  1150. .bottomBtn{

  1151.   padding: 0.2rem 0.5rem;

  1152.   background-color: #FFF;

  1153.   position: fixed;

  1154.   bottom: 0;

  1155.   width: 100%;

  1156. }

  1157.   .popup{

  1158.     text-align: center;

  1159.     padding: 0.5rem;

  1160.     border-radius: 20px;

  1161.     width: 70%;

  1162.     padding-top: 1.5rem;

  1163.   }

  1164.   .popupTit{

  1165.     color: #007E72;

  1166.     font-size: 0.4rem;

  1167.     line-height: 0.9rem;

  1168.   }

  1169.   .popupContent{

  1170.     color: #666666;

  1171.   }

  1172.   .iKnow{

  1173.     margin-top: 1rem;

  1174.   }

  1175.   .updatePopup{

  1176.     color: #007E72;

  1177.     margin-top: 0.5rem;

  1178.   }

  1179. </style>