zhangzl
/
nsgk_mobile
2
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
移动端
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
1414 Revize
7 Větve
79 MiB
 
 
Strom: 6f2816fcab
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „6f2816fcab“
${ noResults }
nsgk_mobile/src/views/project/projectDetail.vue

1155 řádky
39 KiB
Surový Blame Historie 

  1. <template>

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

  3.     <van-nav-bar

  4.       title="项目详情1"

  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{{timeData}}

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

  26.         </van-notice-bar>

  27.         <div class="information">

  28.           <van-row>

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

  30.           </van-row>

  31.           <van-row>

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

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

  34.           </van-row>

  35.           <van-row>

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

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

  38.           </van-row>

  39.         </div>

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

  41.           <van-row >

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

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

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

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

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

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

  48.             </template>

  49.           </van-row>

  50.         </div>

  51.         <div class="detail">

  52.           <van-row>

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

  54.           </van-row>

  55.           <van-row>

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

  57.           </van-row>

  58.           <van-row>

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

  60.           </van-row>

  61.           <van-row>

  62.             <van-col span="24"><span>竞价截止时间 <span v-if="detail.delayPeriod!=0">(含延期)</span>：</span>{{ detail.biddingStopTime }}</van-col>

  63.           </van-row>

  64.           <van-row>

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

  66.           </van-row>

  67.           <van-row>

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

  69.           </van-row>

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

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

  72.           </van-row>

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

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

  75.           </van-row>

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

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

  78.           </van-row>

  79.         </div>

  80.       </van-tab>

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

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

  83.         <div class="introduce">

  84.           <van-row>

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

  86.           </van-row>

  87.           <van-row>

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

  89.           </van-row>

  90.           <van-row>

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

  92.           </van-row>

  93.           <van-row>

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

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

  96.           </van-row>

  97.           <van-row>

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

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

  100.           </van-row>

  101.           <van-row>

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

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

  104.           </van-row>

  105.           <van-row>

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

  107.           </van-row>

  108.           <van-row>

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

  110.           </van-row>

  111. <!--          <van-row>-->

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

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

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

  115.           <van-row>

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

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

  118.           </van-row>

  119.           <van-row>

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

  121.           </van-row>

  122.           <van-row>

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

  124.           </van-row>

  125. 

  126.           <van-row>

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

  128.           </van-row>

  129.           <van-row>

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

  131.           </van-row>

  132.           <van-row>

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

  134.           </van-row>

  135.           <van-row>

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

  137.           </van-row>

  138.           <van-row>

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

  140.           </van-row>

  141. 

  142. 

  143.           <van-row>

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

  145.           </van-row>

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

  147.             <van-row>

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

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

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

  151.             </van-row>

  152.           </div>

  153.         </div>

  154.       </van-tab>

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

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

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

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

  159.         </template>

  160.         <template v-else>

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

  162.         </template>

  163.       </van-tab>

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

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

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

  167.         </div>

  168.       </van-tab>

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

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

  171.         <div class="biddingList">

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

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

  174.             <tr>

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

  176.               <td>出价</td>

  177.               <td>状态</td>

  178.               <td>时间</td>

  179.             </tr>

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

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

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

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

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

  185.               </template>

  186.               <template v-else>

  187.                 <td></td>

  188.               </template>

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

  190.             </tr>

  191.           </table>

  192.         </div>

  193.       </van-tab>

  194.     </van-tabs>

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

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

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

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

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

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

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

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

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

  204.             {{ btnMsg }}<br/>

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

  206.           </van-button>

  207.         </van-col>

  208.       </van-row>

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

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

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

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

  213.         </van-col>

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

  215. 

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

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

  218.               <p>出价</p>

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

  220.             </van-button>

  221. 

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

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

  224.             </van-button>

  225.           </div>

  226.         </van-col>

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

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

  229.         </van-col>

  230.       </van-row>

  231.     </div>

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

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

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

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

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

  237.         我知道了

  238.       </van-button>

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

  240.     </van-popup>

  241.   </div>

  242. </template>

  243. 

  244. <script>

  245.   import {

  246.     biddingSubmit,

  247.     getBiddingList, getBiddingStopTime,

  248.     getMember,

  249.     getOutProjectDetail,

  250.     getSignup,

  251.     getWebConfig,

  252.     projectNewBidMoney

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

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

  255. import $ from "jquery";

  256. 

  257. export default {

  258.   name: "projectDetail",

  259.   provide(){

  260.     return{

  261.       reload:this.reload

  262.     }

  263.   },

  264.   data() {

  265.     return {

  266.       current: 0,

  267.       show: false,

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

  269.       detail: {},

  270.       webConfig:"",

  271.       biddinglistInformation:[],

  272.       rollout_type:[],

  273.       process:"",

  274.       tip:"",

  275.       btnMsg:"",

  276.       time:null,

  277.       timeMsg:"",

  278.       isSignup:false,

  279.       showBtn:false,

  280.       price:null,

  281.       userAccount:"",

  282.       userName:"",

  283.       userId:"",

  284.       timeConfig:'',

  285.       biddinglistInformationLength:0,

  286.       biddingTimeType:2,

  287.       isFirst:'',

  288.       timer:null,

  289.       getSignupData:'',

  290.       bottomBtn:false,

  291.       delayPeriodNow:false,

  292.       nowDate:0,

  293.       biddingquery:{

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

  295.         pageSize:10,

  296.         pageNum:1

  297.       },

  298.       timeData:'',

  299.     };

  300.   },

  301.   computed: {

  302.     getNowFormatDate:function(){

  303.       let date = new Date();

  304.       let seperator1 = "-";

  305.       let seperator2 = ":";

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

  307.       let day = date.getDate();

  308.       let hours = date.getHours();

  309.       let minutes = date.getMinutes();

  310.       let seconds = date.getSeconds();

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

  312.         month = "0" + month;

  313.       }

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

  315.         day = "0" + day;

  316.       }

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

  318.         hours = "0" + hours;

  319.       }

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

  321.         minutes = "0" + minutes;

  322.       }

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

  324.         seconds = "0" + seconds;

  325.       }

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

  327.       console.log(currentdate)

  328.       return currentdate;

  329.     }

  330.   },

  331.   created() {

  332.     clearInterval(this.timer);

  333.     this.reload();

  334.   },

  335.   methods: {

  336.     goSignUp(){

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

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

  339.           let data= {

  340.             projectId:this.id,

  341.             memberId:resresponse.data.id,

  342.           };

  343.           var isSign;

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

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

  346.               isSign=true

  347.             }

  348.           })

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

  350.             if (isSign){

  351.               this.$toast({

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

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

  354.                 duration:"2000",

  355.                 onClose:function(){

  356.                 }

  357.               })

  358.               return;

  359.             }

  360.             this.$router.push(

  361.               {

  362.                 path: 'signUp',

  363.                 query: {

  364.                   projectId: this.detail.id,

  365.                   deposit: this.detail.deposit,

  366.                   projectName: this.detail.projectName

  367.                 }

  368.               }

  369.             );

  370.           }else{

  371.             this.$toast({

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

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

  374.               duration:"2000",

  375.               onClose:function(){

  376.               }

  377.             })

  378.           }

  379.         })

  380.       })

  381.     },

  382.     onChange(index) {

  383.       this.current = index;

  384.     },

  385.     showPopup() {

  386.       this.show = true;

  387.     },

  388.     reload(){

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

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

  391.         this.detail=response.data

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

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

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

  395.             this.detail.oneout = "无"

  396.           }else{

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

  398.           }

  399.         })

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

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

  402.         });

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

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

  405.         });

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

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

  408.         });

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

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

  411.         });

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

  413.           // debugger;

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

  415.         });

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

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

  418.         });

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

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

  421.         });

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

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

  424.         });

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

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

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

  428.           });

  429.         }

  430. 

  431.         var that = this;

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

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

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

  435.               that.biddinglistInformation = response.rows

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

  437. 

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

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

  440.                 }else{

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

  442.                 }

  443.               }

  444.               that.biddinglistInformationLength = response.total

  445.             });

  446.           }

  447.         },3000)

  448. 

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

  450.           this.userId=response.user.userId

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

  452.             this.userAccount=res.data.phone

  453.             this.userName=res.data.realname

  454.             this.memberId=res.data.id

  455.             let data= {

  456.               projectId:this.id,

  457.               memberId:res.data.id,

  458.               depositStatus:'1'

  459.             };

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

  461.               this.getSignupData = r.data;

  462.               this.isFirst = r.signup.isFirst;

  463. 

  464.               this.getBidding();

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

  466.                 this.getTime()

  467.               },1000)

  468.               this.bottomBtn = true;

  469.             })

  470.           })

  471.         })

  472.       });

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

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

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

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

  477.             this.webConfig =  item.configValue

  478.           }

  479.         })

  480.       });

  481.     },

  482.     getTime(){

  483.       this.bottomBtn = true;

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

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

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

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

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

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

  490.       var difference = biddingStopTime-nowDate;

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

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

  493. 

  494.       if(signupStartTime>nowDate){

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

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

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

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

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

  500.         this.timeData = {

  501.           days :signupStartTime-nowDate,

  502.           hours :signupStartTime-nowDate,

  503.           minutes :signupStartTime-nowDate,

  504.           seconds :signupStartTime-nowDate,

  505.         }

  506.         this.isSignup=true

  507.       }

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

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

  510.         this.process= "报名中"

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

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

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

  514.         this.time = signupStopTime-nowDate

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

  516.           this.isSignup=true

  517.           this.btnMsg="已报名"

  518.         }

  519.       }

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

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

  522.         this.biddingTimeType = 3;

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

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

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

  526.         this.time = biddingStartTime-nowDate

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

  528.           this.isSignup=true;

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

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

  531.         }else{

  532.           this.btnMsg="未报名"

  533.         }

  534.       }

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

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

  537.         this.biddingTimeType = 1;

  538.         this.process= "竞价中"

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

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

  541.         // this.time = biddingStopTime-nowDate

  542.         this.timeData = this.TimeInterval(biddingStopTime-nowDate);

  543.         console.log(this.timeData)

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

  545.           this.isSignup=true

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

  547.           this.showBtn=true

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

  549.         }else{

  550.           this.btnMsg="未报名"

  551.           this.isSignup=true

  552.         }

  553. 

  554. 

  555.       }

  556.       if(nowDate>biddingStopTime){

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

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

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

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

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

  562.         this.time = 0

  563.         this.isSignup = true

  564.         this.showBtn=false

  565.         this.biddingTimeType = 2;

  566.       }

  567. 

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

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

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

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

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

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

  574.           if (timeNew > 0) {

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

  576.             this.getTime();

  577.           } else {

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

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

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

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

  582.             this.time = 0

  583.             this.isSignup = true

  584.             this.showBtn = false

  585.             this.biddingTimeType = 2;

  586.             return;

  587.           }

  588.         });

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

  590. 

  591.         console.log('aaa')

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

  593.         // console.log(time)

  594.         // this.getTime();

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

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

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

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

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

  600.               this.time = null;

  601.             }

  602.             this.detail.biddingStopTime = response.data

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

  604.             this.delayPeriodNow = true;

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

  606.           });

  607.         }

  608.       }

  609. 

  610.     },

  611.   getBidding(){

  612.     var that = this;

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

  614.       that.biddinglistInformation = response.rows

  615.       that.biddinglistInformationLength = response.total

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

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

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

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

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

  621.           }else{

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

  623.           }

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

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

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

  627.         }

  628.         else{

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

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

  631.           }else{

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

  633.           }

  634.         }

  635.       }

  636. 

  637. 

  638.     });

  639.   },

  640. 

  641.     offerFirst(){

  642.       let newMoney;

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

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

  645.           newMoney = response.data;

  646.         }else{

  647.           newMoney = this.detail.price;

  648.         }

  649. 

  650.         let data= {

  651.           projectId:this.id,

  652.           memberId:this.memberId,

  653.           userId:this.userId,

  654.           userAccount:this.userAccount,

  655.           userName:this.userName,

  656.           money:parseFloat(newMoney),

  657.         };

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

  659.           let _this = this

  660.           if(response){

  661.             this.$toast({

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

  663.               message: '出价成功',

  664.               duration:"1000",

  665.               onClose:function(){

  666.                 clearInterval(this.timer);

  667.                 // _this.reload()

  668.                 _this.getBidding();

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

  670.                   _this.time = null;

  671.                 }

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

  673.                   _this.price = null;

  674.                 }else{

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

  676.                 }

  677.               }

  678.             })

  679. 

  680.           }

  681.         })

  682. 

  683.       });

  684.     },

  685. 

  686.     offer(){

  687.       let newMoney;

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

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

  690.           newMoney = response.data;

  691.         }else{

  692.           newMoney = this.detail.price;

  693.         }

  694. 

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

  696.           this.$toast({

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

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

  699.             duration:"1000",

  700.             onClose:function(){

  701.             }

  702.           })

  703.           return;

  704.         }

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

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

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

  708.               this.$toast({

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

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

  711.                 duration:"1000",

  712.                 onClose:function(){

  713.                 }

  714.               })

  715.               return;

  716.             }else{

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

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

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

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

  721.                     this.$toast({

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

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

  724.                       duration:"1000",

  725.                       onClose:function(){

  726.                       }

  727.                     })

  728.                     return;

  729.                   }

  730.                 }

  731.               }

  732.             }

  733. 

  734.         }else{

  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.           }else{

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

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

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

  748.                 console.log(newMoney)

  749.                 console.log(this.price)

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

  751.                   this.$toast({

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

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

  754.                     duration:"1000",

  755.                     onClose:function(){

  756.                     }

  757.                   })

  758.                   return;

  759.                 }

  760.               }

  761.             }

  762.           }

  763.         }

  764.         let data= {

  765.           projectId:this.id,

  766.           memberId:this.memberId,

  767.           userId:this.userId,

  768.           userAccount:this.userAccount,

  769.           userName:this.userName,

  770.           money:parseFloat(this.price),

  771.         };

  772.         console.log(data)

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

  774.           let _this = this

  775.           if(response){

  776.             // clearInterval(this.timer);

  777.             this.$toast({

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

  779.               message: '出价成功',

  780.               duration:"1000",

  781.               onClose:function(){

  782.                 clearInterval(this.timer);

  783.                 // _this.reload()

  784.                 _this.getBidding();

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

  786.                   _this.time = null;

  787.                 }

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

  789.                   _this.price = null;

  790.                 }else{

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

  792.                 }

  793.               }

  794.             })

  795.           }

  796.         })

  797.       });

  798.     },

  799.     add(){

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

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

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

  803.             this.$toast({

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

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

  806.               duration:"1000",

  807.               onClose:function(){

  808.               }

  809.             })

  810.             return;

  811.           }

  812.         }else{

  813. 

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

  815.             this.$toast({

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

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

  818.               duration:"1000",

  819.               onClose:function(){

  820.               }

  821.             })

  822.             return;

  823.           }

  824.         }

  825.       }else{

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

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

  828.             this.$toast({

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

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

  831.               duration:"1000",

  832.               onClose:function(){

  833.               }

  834.             })

  835.             return;

  836.           }

  837.         }else{

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

  839.             this.$toast({

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

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

  842.               duration:"1000",

  843.               onClose:function(){

  844.               }

  845.             })

  846.             return;

  847.           }

  848.         }

  849.       }

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

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

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

  853.     },

  854.     sub(){

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

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

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

  858.             this.$toast({

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

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

  861.               duration:"1000",

  862.               onClose:function(){

  863.               }

  864.             })

  865.             return;

  866.           }

  867.         }else{

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

  869.             this.$toast({

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

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

  872.               duration:"1000",

  873.               onClose:function(){

  874.               }

  875.             })

  876.             return;

  877.           }

  878.         }

  879.       }else{

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

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

  882.             this.$toast({

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

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

  885.               duration:"1000",

  886.               onClose:function(){

  887.               }

  888.             })

  889.             return;

  890.           }

  891.         }else{

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

  893.             this.$toast({

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

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

  896.               duration:"1000",

  897.               onClose:function(){

  898.               }

  899.             })

  900.             return;

  901.           }

  902.         }

  903.       }

  904. 

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

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

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

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

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

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

  911.       //   }else{

  912.       //     this.$toast({

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

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

  915.       //       duration:"1000",

  916.       //     })

  917.       //   }

  918.       // }else{

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

  920.       //     this.price-=1

  921.       //   }else{

  922.       //     this.$toast({

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

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

  925.       //       duration:"1000",

  926.       //     })

  927.       //   }

  928.       // }

  929.     },

  930.     timerChange(value){

  931.       let d = value.days;

  932.       let h = value.hours;

  933.       let m = value.minutes;

  934.       let s = value.seconds;

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

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

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

  938. 

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

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

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

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

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

  944.           if (timeNew > 0) {

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

  946.             this.getTime();

  947.           } else {

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

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

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

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

  952.             this.time = 0

  953.             this.isSignup = true

  954.             this.showBtn = false

  955.             this.biddingTimeType = 2;

  956.             return;

  957.           }

  958.         });

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

  960. 

  961.         console.log('aaa')

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

  963.         // console.log(time)

  964.         // this.getTime();

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

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

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

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

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

  970.               this.time = null;

  971.             }

  972.             this.detail.biddingStopTime = response.data

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

  974.             this.delayPeriodNow = true;

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

  976.           });

  977.         }

  978.       }

  979. 

  980.     },

  981.     TimeInterval(timestamp) {

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

  983.       // 总秒数

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

  985.       // 天数

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

  987.       // 小时

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

  989.       // 分钟

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

  991.       // 秒

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

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

  994. 

  995.     },

  996.   },

  997.   destroyed () {

  998.     console.log('bbbbbbbbbb')

  999.     clearInterval(this.timer);

  1000.   },

  1001.   beforeDestory() {

  1002.     clearInterval(this.timer)

  1003.   },

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

  1005.   beforeRouteLeave(to, from, next) {

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

  1007.     clearInterval(this.timer)

  1008.     this.time = null;

  1009.     next()

  1010.   }

  1011. };

  1012. </script>

  1013. 

  1014. <style scoped lang="scss">

  1015. .app-container {

  1016. }

  1017. 

  1018. .van-count-down{

  1019.   display: inline-block;

  1020.   color: #fff;

  1021. }

  1022. .custom-indicator {

  1023.   position: absolute;

  1024.   right: 20px;

  1025.   bottom: 20px;

  1026.   padding: 0px 20px;

  1027.   font-size: 12px;

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

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

  1030.   color: #FFF;

  1031.   border-radius: 20px;

  1032.   line-height: 0.5rem;

  1033. }

  1034. .title{

  1035.   font-size: 0.45rem;

  1036.   margin-bottom: 10PX;

  1037. }

  1038. .my-swipe{

  1039.   width: 100%;

  1040. }

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

  1042.   width: 100%;

  1043. }

  1044. .information{

  1045.   background-color: #FFF;

  1046.   margin-top: 0.3rem;

  1047.   padding: 0.4rem 0.5rem;

  1048. }

  1049. .van-row{

  1050.   line-height: 0.7rem;

  1051. }

  1052. .price{

  1053.   color: #C21F3A;

  1054. }

  1055. .price span{

  1056.   font-size: 0.5rem;

  1057.   font-weight: bold;

  1058. }

  1059. .money{

  1060.   color: #C21F3A;

  1061. }

  1062. .money span{

  1063.   font-size: 0.5rem;

  1064.   font-weight: bold;

  1065. }

  1066. .van-count-down{

  1067.   line-height: 0.7rem;

  1068. }

  1069. .lead{

  1070.   background-color: #FFF;

  1071.   margin-top: 0.3rem;

  1072.   padding: 0.1rem 0.5rem;

  1073.   color: #C21F3A;

  1074. }

  1075. .detail{

  1076.   background-color: #FFF;

  1077.   margin-top: 0.3rem;

  1078.   padding: 0.2rem 0.5rem;

  1079. }

  1080. .detail span{

  1081.   color: #8A8A8A;

  1082. }

  1083. .delTitle{

  1084.   font-size: 0.4rem;

  1085.   color: #007E72;

  1086.   padding: 0.2rem 0.5rem;

  1087. }

  1088. .introduce{

  1089.   padding: 0.2rem 0.5rem 0.5rem;

  1090.   background-color: #FFF;

  1091. }

  1092. .introduce span{

  1093.   color: #8A8A8A;

  1094.   margin-right: 20px;

  1095. }

  1096. .project_info{

  1097.   border: 1px solid #DCDCDC;

  1098.   padding: 0px 20px;

  1099.   margin-top: 10px;

  1100.   border-radius: 10px;

  1101. }

  1102. .notice{

  1103.   padding: 0.5rem;

  1104.   background-color: #FFF;

  1105. }

  1106. .notice p{

  1107.   line-height: 0.7rem;

  1108. }

  1109. .biddingList{

  1110.   padding: 0.5rem;

  1111.   background-color: #FFF;

  1112.   margin-bottom: 0.4rem;

  1113. }

  1114. .biddingList table{

  1115.   text-align: center;

  1116. }

  1117. .biddingList table td{

  1118.   text-align: center;

  1119.   padding: 10px 0px;

  1120. }

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

  1122.   background-color: #007E72;

  1123.   color: #FFF;

  1124. }

  1125. .bottomBtn{

  1126.   padding: 0.2rem 0.5rem;

  1127.   background-color: #FFF;

  1128.   position: fixed;

  1129.   bottom: 0;

  1130.   width: 100%;

  1131. }

  1132.   .popup{

  1133.     text-align: center;

  1134.     padding: 0.5rem;

  1135.     border-radius: 20px;

  1136.     width: 70%;

  1137.     padding-top: 1.5rem;

  1138.   }

  1139.   .popupTit{

  1140.     color: #007E72;

  1141.     font-size: 0.4rem;

  1142.     line-height: 0.9rem;

  1143.   }

  1144.   .popupContent{

  1145.     color: #666666;

  1146.   }

  1147.   .iKnow{

  1148.     margin-top: 1rem;

  1149.   }

  1150.   .updatePopup{

  1151.     color: #007E72;

  1152.     margin-top: 0.5rem;

  1153.   }

  1154. </style>