zhangzl
/
nsgk_mobile
2
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1815 Commits
7 Branches
5.8 GiB
 
 
Tree: f8e7da7a34
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'f8e7da7a34'
${ noResults }
nsgk_mobile/src/views/project/projectDetail.vue

1355 lines
48 KiB
Raw Blame History 

  1. <template>

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

  3.     <navBar title="项目详情" background="0" positionType="relative"></navBar>

  4.     <van-tabs scrollspy sticky >

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

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

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

  8.             <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>

  9.           </template>

  10.           <template v-else>

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

  12.           </template>

  13.           <template #indicator>

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

  15.           </template>

  16.         </van-swipe>

  17. 

  18.         <van-notice-bar color="#fff" background="#21B6AB" left-icon="clock-o">

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

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

  21.         </van-notice-bar>

  22.         <div class="information">

  23.           <van-row>

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

  25.           </van-row>

  26.           <van-row>

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

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

  29.           </van-row>

  30.           <van-row v-if="detail.priceMax">

  31.             <van-col span="5">最高限价</van-col>

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

  33.           </van-row>

  34.           <van-row>

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

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

  37.           </van-row>

  38.         </div>

  39. 

  40.         <div class="lead" v-if="((detail.biddingType=='自由竞价' || detail.biddingType=='1')&&detail.projectShowStatus!='正在竞价'&&detail.projectShowStatus!='等待竞价') || (detail.biddingType!='自由竞价' && detail.biddingType!='1')">

  41.           <img src="../../../static/images/transaction_new/project/project_icon_01.png" style="display: block;" />

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

  43.             <p>{{biddinglistInformation[0].memberId}}</p>

  44.             <p>{{biddinglistInformation[0].money}}{{detail.unit}}</p>

  45.             <p>领先</p>

  46.           </template>

  47.           <p v-else style="margin: 0 auto;">暂无出价</p>

  48.         </div>

  49.         <div class="detail">

  50.           <van-row>

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

  52.           </van-row>

  53.           <van-row>

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

  55.           </van-row>

  56.           <van-row>

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

  58.           </van-row>

  59.           <van-row>

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

  61.           </van-row>

  62.           <van-row>

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

  64.           </van-row>

  65.           <van-row>

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

  67.           </van-row>

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

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

  70.           </van-row>

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

  72.             <van-col span="24"><span>延时周期：</span>{{detail.delayPeriod}}秒</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.changeImg.length > 0">

  78.             <van-col span="24"><span>变更说明：</span></van-col>

  79.           </van-row>

  80.           <van-row v-if="detail.changeImg.length > 0">

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

  82.               <img v-for="(item,index) in detail.changeImg" @click="previewImage(index,detail.changeImg)" :key="index" :src="'/api' + item" style="width: 100%;" />

  83.             </van-col>

  84.           </van-row>

  85.         </div>

  86.       </van-tab>

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

  88.         <div class="introduce gnbg">

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

  90.           <van-row>

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

  92.           </van-row>

  93.           <van-row>

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

  95.           </van-row>

  96.           <van-row>

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

  98.           </van-row>

  99.           <van-row>

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

  101.           </van-row>

  102.           <van-row>

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

  104.           </van-row>

  105.           <van-row>

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

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

  108.           </van-row>

  109.           <van-row>

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

  111.             <van-col span="12"><span>标的类别</span>{{ detail.projectType }}</van-col>

  112.           </van-row>

  113.           <van-row>

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

  115.           </van-row>

  116.           <van-row>

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

  118.           </van-row>

  119. <!--          <van-row>-->

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

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

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

  123. 

  124. 

  125. 

  126. 

  127. 

  128.           <van-row v-if="detail.projectNumber != '集体资产采购类'">

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

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

  131.           </van-row>

  132.           <template v-if="detail.projectNumber != '集体资产采购类'">

  133.             <template v-if="detail.projectNumber == '集体经营性资产' && detail.projectType == '房屋建筑' && detail.rollout == '转让'">

  134. 

  135.             </template>

  136.             <van-row v-else>

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

  138.             </van-row>

  139.           </template>

  140. 

  141. 

  142. 

  143. 

  144.           <van-row v-if="detail.projectNumber != '集体资产采购类'">

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

  146.           </van-row>

  147. 

  148. 

  149.           <van-row>

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

  151.           </van-row>

  152.           <van-row>

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

  154.           </van-row>

  155.           <van-row>

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

  157.           </van-row>

  158.           <van-row>

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

  160.           </van-row>

  161.           <van-row>

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

  163.           </van-row>

  164. 

  165. 

  166.           <van-row v-if="detail.projectNumber != '集体资产采购类'">

  167.             <van-col span="24" style="color:#0DBCAA;">标的物信息</van-col>

  168.           </van-row>

  169.           <div v-if="detail.projectNumber != '集体资产采购类'" class="project_info" v-for="(item,index) in detail.subjectList" :key="index">

  170.             <van-row>

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

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

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

  174.             </van-row>

  175.           </div>

  176.         </div>

  177.       </van-tab>

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

  179.         <div class="introduce gnbg">

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

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

  182.             <img 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;width: 100%;" />

  183.           </template>

  184.           <template v-else>

  185.             <img src="../../../static/images/index/detailImg.png" style="vertical-align: text-top;width: 100%;" />

  186.           </template>

  187.         </div>

  188.       </van-tab>

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

  190.         <div class="notice gnbg">

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

  192.           <div v-html="webConfig"></div>

  193.         </div>

  194.       </van-tab>

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

  196.         <div class="biddingList gnbg">

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

  198.           <p v-if="detail.biddingType == '自由竞价' && (detail.projectShowStatus == '正在竞价'||detail.projectShowStatus == '等待竞价')">友情提示：自由竞价方式下，项目结束前不显示竞价记录！</p>

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

  200.             <tr>

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

  202.               <td>出价</td>

  203.               <td>状态</td>

  204.               <td>时间</td>

  205.             </tr>

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

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

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

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

  210.                 <td style="color:#FF2D2D">领先</td>

  211.               </template>

  212.               <template v-else>

  213.                 <td></td>

  214.               </template>

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

  216.             </tr>

  217.           </table>

  218.         </div>

  219.       </van-tab>

  220.     </van-tabs>

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

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

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

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

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

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

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

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

  229.           <van-button round color="linear-gradient(to right,#FD683F,#FF2D2D)" block :disabled="isSignup" @click="goSignUp">

  230.             {{ btnMsg }}<br/>

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

  232.           </van-button>

  233.         </van-col>

  234.       </van-row>

  235.       <div v-if="showBtn&&detail.biddingType!='阶梯竞价'" style="display: flex;align-items: center;width: 70%;margin: 0 auto;">

  236.         <van-field v-model="price" type="number" input-align="center" placeholder="请输入出价金额" />

  237.         <p style="flex-shrink: 0;">{{detail.unit}}</p>

  238.       </div>

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

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

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

  242.         </van-col>

  243.         <van-col span="18">

  244. 

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

  246.             <van-button round color="linear-gradient(to right,#FD683F,#FF2D2D)" block @click="offer">

  247.               <p>出价</p>

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

  249.             </van-button>

  250. 

  251. <!--            <van-button v-if="isFirst == 'Y'" round color="#FF2D2D" block @click="offerFirst" style="margin-left: 10px;width: 30%;">-->

  252. <!--              <p>优先跟价</p>-->

  253. <!--            </van-button>-->

  254.           </div>

  255.         </van-col>

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

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

  258.         </van-col>

  259.       </van-row>

  260.     </div>

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

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

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

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

  265.       <van-button round color="#FF2D2D" block class="iKnow">

  266.         我知道了

  267.       </van-button>

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

  269.     </van-popup>

  270.   </div>

  271. </template>

  272. 

  273. <script>

  274. import {

  275.   biddingSubmit,

  276.   getBiddingList, getBiddingStopTime,

  277.   getMember,

  278.   getOutProjectDetail,

  279.   getSignup,

  280.   getWebConfig,

  281.   projectNewBidMoney

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

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

  284. import $ from "jquery";

  285. import navBar from "@/components/common/nav_bar.vue";

  286. import {ImagePreview} from "vant";

  287. 

  288. export default {

  289.   name: "projectDetail",

  290.   components: { navBar },

  291.   provide(){

  292.     return{

  293.       reload:this.reload

  294.     }

  295.   },

  296.   data() {

  297.     return {

  298.       current: 0,

  299.       show: false,

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

  301.       detail: {

  302.         biddingType:'自由竞价'

  303.       },

  304.       webConfig:"",

  305.       biddinglistInformation:[],

  306.       rollout_type:[],

  307.       process:"",

  308.       tip:"",

  309.       btnMsg:"",

  310.       time:null,

  311.       timeMsg:"",

  312.       isSignup:true,

  313.       showBtn:false,

  314.       price:null,

  315.       userAccount:"",

  316.       userName:"",

  317.       userId:"",

  318.       timeConfig:'',

  319.       biddinglistInformationLength:0,

  320.       biddingTimeType:1,

  321.       isFirst:'',

  322.       timer:null,

  323.       getSignupData:'',

  324.       bottomBtn:false,

  325.       delayPeriodNow:false,

  326.       nowDate:0,

  327.       biddingquery:{

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

  329.         pageSize:10,

  330.         pageNum:1

  331.       },

  332.       timeData:'',

  333.       timeCount:null

  334.     };

  335.   },

  336.   computed: {

  337.     getNowFormatDate:function(){

  338.       let date = new Date();

  339.       let seperator1 = "-";

  340.       let seperator2 = ":";

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

  342.       let day = date.getDate();

  343.       let hours = date.getHours();

  344.       let minutes = date.getMinutes();

  345.       let seconds = date.getSeconds();

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

  347.         month = "0" + month;

  348.       }

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

  350.         day = "0" + day;

  351.       }

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

  353.         hours = "0" + hours;

  354.       }

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

  356.         minutes = "0" + minutes;

  357.       }

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

  359.         seconds = "0" + seconds;

  360.       }

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

  362.       //console.log(currentdate)

  363.       return currentdate;

  364.     }

  365.   },

  366.   created() {

  367.     clearInterval(this.timer);

  368.     this.reload();

  369.   },

  370.   methods: {

  371.     previewImage(index, imgList) {

  372.       ImagePreview({

  373.         startPosition: index,

  374.         images: imgList.map(element => '/api' + element),

  375.       });

  376.     },

  377.     goSignUp(){

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

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

  380.           let data= {

  381.             projectId:this.id,

  382.             memberId:resresponse.data.id,

  383.           };

  384.           var isSign;

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

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

  387.               isSign=true

  388.             }

  389.           })

  390.           if (resresponse.data.activitiStatus == '3'){

  391.             if (isSign){

  392.               this.$toast({

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

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

  395.                 duration:"2000",

  396.                 onClose:function(){

  397.                 }

  398.               })

  399.               return;

  400.             }

  401.             this.$router.push(

  402.               {

  403.                 path: 'signUp',

  404.                 query: {

  405.                   projectId: this.detail.id,

  406.                   deposit: this.detail.deposit,

  407.                   projectName: this.detail.projectName

  408.                 }

  409.               }

  410.             );

  411.           }else{

  412.             this.$toast({

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

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

  415.               duration:"2000",

  416.               onClose:function(){

  417.               }

  418.             })

  419.           }

  420.         })

  421.       })

  422.     },

  423.     onChange(index) {

  424.       this.current = index;

  425.     },

  426.     showPopup() {

  427.       this.show = true;

  428.     },

  429.     reload(){

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

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

  432. 

  433.         this.detail = response.data;

  434. 

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

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

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

  438.             this.detail.oneout = "无"

  439.           }else{

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

  441.           }

  442.         })

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

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

  445.         });

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

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

  448.         // });

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

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

  451.         });

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

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

  454.         });

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

  456.           // debugger;

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

  458.         });

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

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

  461.         });

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

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

  464.         });

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

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

  467.         });

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

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

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

  471.           });

  472.         }

  473. 

  474.         var that = this;

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

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

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

  478.               that.biddinglistInformation = response.rows

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

  480. 

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

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

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

  484.                   }

  485.                 }else{

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

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

  488.                   }

  489.                 }

  490.               }

  491.               that.biddinglistInformationLength = response.total

  492.             });

  493.           }

  494.         },3000)

  495. 

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

  497.           this.userId = response.user.userId;

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

  499.             this.userAccount=res.data.phone

  500.             this.userName=res.data.realname

  501.             this.memberId=res.data.id

  502.             let data= {

  503.               projectId:this.id,

  504.               memberId:res.data.id,

  505.               depositStatus:'1'

  506.             };

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

  508.               this.getSignupData = r.data;

  509.               this.isFirst = r.signup.isFirst;

  510. 

  511.               this.getBidding();

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

  513.                 this.getTime()

  514.               },1000)

  515.               this.bottomBtn = true;

  516.             })

  517.           })

  518.         })

  519.       });

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

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

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

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

  524.             this.webConfig =  item.configValue

  525.           }

  526.         })

  527.       });

  528.     },

  529.     getTime(){

  530.       this.bottomBtn = true;

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

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

  533.       // let biddingStopSetime =  Date.parse(this.detail.biddingStopSetime)+0

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

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

  536.       let biddingStartTime =  new Date(this.detail.biddingStartTime.replace(/-/g,'/')).getTime();

  537.       let biddingStopTime =  new Date(this.detail.biddingStopTime.replace(/-/g,'/')).getTime();

  538.       let biddingStopSetime =  new Date(this.detail.biddingStopSetime.replace(/-/g,'/')).getTime();

  539.       let signupStartTime =  new Date(this.detail.signupStartTime.replace(/-/g,'/')).getTime();

  540.       let signupStopTime =  new Date(this.detail.signupStopTime.replace(/-/g,'/')).getTime();

  541.       // console.log(this.detail.biddingStartTime.replace(/-/g,'/'));

  542.       // console.log(this.detail.biddingStopTime.replace(/-/g,'/'));

  543.       // console.log(this.detail.biddingStopSetime.replace(/-/g,'/'));

  544.       // console.log(this.detail.signupStartTime.replace(/-/g,'/'));

  545.       // console.log(this.detail.signupStopTime.replace(/-/g,'/'));

  546.       // alert(this.detail.biddingStartTime.replace(/-/g,'/')+' & '+biddingStartTime);

  547.       // alert(this.detail.biddingStopTime.replace(/-/g,'/')+' & '+biddingStopTime);

  548.       // alert(this.detail.biddingStopSetime.replace(/-/g,'/')+' & '+biddingStopSetime);

  549.       // alert(this.detail.signupStartTime.replace(/-/g,'/')+' & '+signupStartTime);

  550.       // alert(this.detail.signupStopTime.replace(/-/g,'/')+' & '+signupStopTime);

  551.       // console.log('1111111111111111111111111')

  552.       // console.log(biddingStartTime);

  553.       // console.log(biddingStopTime);

  554.       // console.log(biddingStopSetime);

  555.       // console.log(signupStartTime);

  556.       // console.log(signupStopTime);

  557.       // console.log('-------------------------')

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

  559.       // console.log($.ajax({async:false,data:{i: new Date().getTime()}}))

  560.       let nowDate = new Date($.ajax({async:false,data:{i: new Date().getTime()}}).getResponseHeader("Date")).getTime();

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

  562.       var difference = biddingStopTime-nowDate;//延时后时间差

  563.       var differenceSetime = biddingStopSetime-nowDate;//延时后时间差

  564. 

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

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

  567. 

  568.       if (s%2 == 0&&time!=0){

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

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

  571.         });

  572.       }

  573. 

  574.       if (differenceSetime <= 0 && difference >= 0 && difference <=time){

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

  576.         this.biddingTimeType = 1;

  577.         this.process= "竞价中"

  578.         this.detail.projectShowStatus = '正在竞价';

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

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

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

  582.           this.isSignup=true

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

  584.           if(this.detail.biddingType!='线下竞价'){

  585.             this.showBtn=true

  586.           }else{

  587.             this.btnMsg="立即竞价(暂不支持线上出价)"

  588.           }

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

  590.         }else{

  591.           this.btnMsg="未报名"

  592.           this.isSignup=true

  593.         }

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

  595. 

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

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

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

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

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

  601.             if (timeNew > 0) {

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

  603.               this.getTime();

  604.             } else {

  605.               // clearInterval(this.timeCount);

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

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

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

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

  610.               this.time = 0

  611.               this.isSignup = true

  612.               this.showBtn = false

  613.               this.biddingTimeType = 2;

  614.               this.detail.projectShowStatus = '竞价结束'

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

  616.               return;

  617.             }

  618.           });

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

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

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

  622.             });

  623.         }

  624.       }else{

  625.         this.dataCompare(signupStartTime,signupStopTime,biddingStartTime,biddingStopSetime)

  626.       }

  627.     },

  628.     dataCompare(signupStartTime,signupStopTime,biddingStartTime,biddingStopTime){

  629.       // alert(new Date($.ajax({async:false,data:{i: Date.parse(new Date())}}).getResponseHeader("Date")).getTime());

  630.       // let nowDate = Date.parse(

  631.       //   this.format(

  632.       //     $.ajax({

  633.       //       async:false,

  634.       //       data:{i: Date.parse(new Date())}

  635.       //     }).getResponseHeader("Date"), "yyyy-MM-dd HH:mm:ss")

  636.       // );

  637.       let nowDate = new Date($.ajax({async:false,data:{i: new Date().getTime()}}).getResponseHeader("Date")).getTime();

  638.       if(signupStartTime>nowDate){

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

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

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

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

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

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

  645.         // this.timeData = ;

  646.         this.isSignup=true

  647.       }

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

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

  650.         this.process= "报名中"

  651.         this.isSignup=false

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

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

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

  655.         // this.time = signupStopTime-nowDate

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

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

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

  659.           this.isSignup=true

  660.           this.btnMsg="已报名"

  661.         }

  662.       }

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

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

  665.         this.biddingTimeType = 3;

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

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

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

  669.         // this.time = biddingStartTime-nowDate

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

  671. 

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

  673.         this.isSignup=true;

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

  675.           this.btnMsg="已报名"

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

  677.         }else{

  678.           this.btnMsg="未报名"

  679.         }

  680.       }

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

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

  683.         this.biddingTimeType = 1;

  684.         this.process= "竞价中"

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

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

  687.         // this.time = biddingStopTime-nowDate

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

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

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

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

  692.           this.isSignup=true

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

  694.           if(this.detail.biddingType!='线下竞价'){

  695.             this.showBtn=true

  696.           }else{

  697.             this.btnMsg="立即竞价(暂不支持线上出价)"

  698.           }

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

  700.         }else{

  701.           this.btnMsg="未报名"

  702.           this.isSignup=true

  703.         }

  704.       }

  705.       if(nowDate>biddingStopTime){

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

  707.         // clearInterval(this.timeCount);

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

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

  710.         this.detail.projectShowStatus = '竞价结束'

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

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

  713.         this.time = 0

  714.         this.isSignup = true

  715.         this.showBtn=false

  716.         this.biddingTimeType = 2;

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

  718.         // this.timeData = ''

  719.       }

  720.     },

  721. 

  722.   getBidding(){

  723.     var that = this;

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

  725.       that.biddinglistInformation = response.rows

  726.       that.biddinglistInformationLength = response.total

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

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

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

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

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

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

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

  734.             }

  735.           }else{

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

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

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

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

  740.             }

  741.           }

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

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

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

  745.         }else{

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

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

  748.           }else{

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

  750.           }

  751.         }

  752.       }

  753. 

  754. 

  755.     });

  756.   },

  757. 

  758.     offerFirst(){

  759.       let newMoney;

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

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

  762.           newMoney = response.data;

  763.         }else{

  764.           newMoney = this.detail.price;

  765.         }

  766. 

  767.         let data= {

  768.           projectId:this.id,

  769.           memberId:this.memberId,

  770.           userId:this.userId,

  771.           userAccount:this.userAccount,

  772.           userName:this.userName,

  773.           money:parseFloat(newMoney),

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

  775.         };

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

  777.           let _this = this

  778.           if(response){

  779.             this.$toast({

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

  781.               message: '出价成功',

  782.               duration:"1000",

  783.               onClose:function(){

  784.                 clearInterval(this.timer);

  785.                 // _this.reload()

  786.                 _this.getBidding();

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

  788.                   _this.time = null;

  789.                 }

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

  791.                   _this.price = null;

  792.                 }

  793.               }

  794.             })

  795. 

  796.           }

  797.         })

  798. 

  799.       });

  800.     },

  801. 

  802.     offer(){

  803.       let newMoney;

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

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

  806.           newMoney = response.data;

  807.         }else{

  808.           newMoney = this.detail.price;

  809.         }

  810. 

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

  812.           this.$toast({

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

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

  815.             duration:"1000",

  816.             onClose:function(){

  817.             }

  818.           })

  819.           return;

  820.         }

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

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

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

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

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

  837.                     this.$toast({

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

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

  840.                       duration:"1000",

  841.                       onClose:function(){

  842.                       }

  843.                     })

  844.                     return;

  845.                   }

  846.                 }

  847.               }

  848.             }

  849. 

  850.         }else{

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

  852.             this.$toast({

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

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

  855.               duration:"1000",

  856.               onClose:function(){

  857.               }

  858.             })

  859.             return;

  860.           }else{

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

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

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

  864.                 //console.log(newMoney)

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

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

  867.                   this.$toast({

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

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

  870.                     duration:"1000",

  871.                     onClose:function(){

  872.                     }

  873.                   })

  874.                   return;

  875.                 }

  876.               }

  877.             }

  878.           }

  879.         }

  880.         let data= {

  881.           projectId:this.id,

  882.           memberId:this.memberId,

  883.           userId:this.userId,

  884.           userAccount:this.userAccount,

  885.           userName:this.userName,

  886.           money:parseFloat(this.price),

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

  888.         };

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

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

  891.           let _this = this

  892.           if(response){

  893.             // clearInterval(this.timer);

  894.             this.$toast({

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

  896.               message: '出价成功',

  897.               duration:"1000",

  898.               onClose:function(){

  899.                 clearInterval(this.timer);

  900.                 // _this.reload()

  901.                 _this.getBidding();

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

  903.                   _this.time = null;

  904.                 }

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

  906.                   _this.price = null;

  907.                 }else{

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

  909.                 }

  910.               }

  911.             })

  912.           }

  913.         })

  914.       });

  915.     },

  916.     add(){

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

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

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

  920.             this.$toast({

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

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

  923.               duration:"1000",

  924.               onClose:function(){

  925.               }

  926.             })

  927.             return;

  928.           }

  929.         }else{

  930. 

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

  932.             this.$toast({

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

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

  935.               duration:"1000",

  936.               onClose:function(){

  937.               }

  938.             })

  939.             return;

  940.           }

  941.         }

  942.       }else{

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

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

  945.             this.$toast({

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

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

  948.               duration:"1000",

  949.               onClose:function(){

  950.               }

  951.             })

  952.             return;

  953.           }

  954.         }else{

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

  956.             this.$toast({

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

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

  959.               duration:"1000",

  960.               onClose:function(){

  961.               }

  962.             })

  963.             return;

  964.           }

  965.         }

  966.       }

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

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

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

  970.     },

  971.     sub(){

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

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

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

  975.             this.$toast({

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

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

  978.               duration:"1000",

  979.               onClose:function(){

  980.               }

  981.             })

  982.             return;

  983.           }

  984.         }else{

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

  986.             this.$toast({

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

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

  989.               duration:"1000",

  990.               onClose:function(){

  991.               }

  992.             })

  993.             return;

  994.           }

  995.         }

  996.       }else{

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

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

  999.             this.$toast({

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

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

  1002.               duration:"1000",

  1003.               onClose:function(){

  1004.               }

  1005.             })

  1006.             return;

  1007.           }

  1008.         }else{

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

  1010.             this.$toast({

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

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

  1013.               duration:"1000",

  1014.               onClose:function(){

  1015.               }

  1016.             })

  1017.             return;

  1018.           }

  1019.         }

  1020.       }

  1021. 

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

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

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

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

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

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

  1028.       //   }else{

  1029.       //     this.$toast({

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

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

  1032.       //       duration:"1000",

  1033.       //     })

  1034.       //   }

  1035.       // }else{

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

  1037.       //     this.price-=1

  1038.       //   }else{

  1039.       //     this.$toast({

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

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

  1042.       //       duration:"1000",

  1043.       //     })

  1044.       //   }

  1045.       // }

  1046.     },

  1047.     timerChange(value){

  1048.       let d = value.days;

  1049.       let h = value.hours;

  1050.       let m = value.minutes;

  1051.       let s = value.seconds;

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

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

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

  1055. 

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

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

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

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

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

  1061.           if (timeNew > 0) {

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

  1063.             this.getTime();

  1064.           } else {

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

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

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

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

  1069.             this.time = 0

  1070.             this.isSignup = true

  1071.             this.showBtn = false

  1072.             this.biddingTimeType = 2;

  1073.             return;

  1074.           }

  1075.         });

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

  1077. 

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

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

  1080.         // console.log(time)

  1081.         // this.getTime();

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

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

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

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

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

  1087.               this.time = null;

  1088.             }

  1089.             this.detail.biddingStopTime = response.data

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

  1091.             this.delayPeriodNow = true;

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

  1093.           });

  1094.         }

  1095.       }

  1096. 

  1097.     },

  1098.     TimeInterval(timestamp) {

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

  1100.       // 总秒数

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

  1102.       // 天数

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

  1104.       // 小时

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

  1106.       // 分钟

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

  1108.       // 秒

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

  1110. 

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

  1112. 

  1113.     },

  1114.   },

  1115.   destroyed () {

  1116.     console.log('bbbbbbbbbb')

  1117.     clearInterval(this.timer);

  1118.     clearInterval(this.timeCount);

  1119.   },

  1120.   beforeDestory() {

  1121.     clearInterval(this.timer)

  1122.     clearInterval(this.timeCount);

  1123.   },

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

  1125.   beforeRouteLeave(to, from, next) {

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

  1127.     clearInterval(this.timer)

  1128.     clearInterval(this.timeCount);

  1129.     this.time = null;

  1130.     next()

  1131.   }

  1132. };

  1133. </script>

  1134. 

  1135. <style scoped lang="scss">

  1136. .app-container {

  1137.   background: #F4F8FB;

  1138.   height: 100vh;

  1139.   overflow-y: scroll;

  1140. }

  1141. /deep/ .van-tabs__content{

  1142.   background: transparent;

  1143.   /*border-radius: 20PX;*/

  1144. }

  1145. /deep/ .van-tabs__nav{

  1146.   /*background: transparent;*/

  1147.   padding-bottom: 0;

  1148. }

  1149. /deep/ .van-tab--active{

  1150.   background: #fff;

  1151. }

  1152. /deep/ .van-tab::after{

  1153.   display: none;

  1154. }

  1155. /deep/ .van-tabs__wrap{

  1156.   overflow: initial;

  1157. }

  1158. /deep/ .van-tabs__line{

  1159.   /*background: linear-gradient(to right, #5166f5, #97eedc);*/

  1160.   background: url("../../../static/images/transaction_new/tab_border.png") no-repeat center;

  1161.   height: 0.35rem;

  1162.   bottom: 0;

  1163. }

  1164. /deep/ .van-tab:nth-child(1)::before{

  1165.   content: "";

  1166.   position: absolute;

  1167.   left: auto;

  1168.   top: 0;

  1169.   right: -19%;

  1170.   bottom: 0;

  1171.   background: url("../../../static/images/yinnong/login_tab_icon.png") no-repeat center;

  1172.   background-size: 100% 100%;

  1173.   width: 20%;

  1174. }

  1175. /deep/ .van-tab:nth-child(2)::before{

  1176.   content: "";

  1177.   position: absolute;

  1178.   left: -19%;

  1179.   top: 0;

  1180.   right: auto;

  1181.   bottom: 0;

  1182.   /*background: url("../../../static/images/yinnong/login_tab_icon_right.png") no-repeat center;*/

  1183.   /*background-size: 100% 100%;*/

  1184.   width: 20%;

  1185. }

  1186. .van-count-down{

  1187.   display: inline-block;

  1188.   color: #fff;

  1189. }

  1190. .custom-indicator {

  1191.   position: absolute;

  1192.   right: 20px;

  1193.   bottom: 20px;

  1194.   padding: 0px 20px;

  1195.   font-size: 12px;

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

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

  1198.   color: #FFF;

  1199.   border-radius: 20px;

  1200.   line-height: 0.5rem;

  1201. }

  1202. .title{

  1203.   font-size: 0.45rem;

  1204.   margin-bottom: 10PX;

  1205. }

  1206. .my-swipe{

  1207.   width: 100%;

  1208. }

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

  1210.   width: 100%;

  1211. }

  1212. .information{

  1213.   background-color: #FFF;

  1214.   padding: 0.4rem 0.5rem;

  1215.   width: 94%;

  1216.   margin: 0.3rem auto 0;

  1217.   border-radius: 10PX;

  1218. }

  1219. .van-row{

  1220.   line-height: 0.7rem;

  1221. }

  1222. .price{

  1223.   color: #FF2D2D;

  1224. }

  1225. .price span{

  1226.   font-size: 0.5rem;

  1227.   font-weight: bold;

  1228. }

  1229. .money{

  1230.   color: #FF2D2D;

  1231. }

  1232. .money span{

  1233.   font-size: 0.5rem;

  1234.   font-weight: bold;

  1235. }

  1236. .van-count-down{

  1237.   line-height: 0.7rem;

  1238. }

  1239. .lead{

  1240.   background: #FFF url("../../../static/images/transaction_new/project/project_icon_02.png") no-repeat center;

  1241.   background-size: 100% 100%;

  1242.   padding: 0.2rem 0.5rem;

  1243.   color: #FF2D2D;

  1244.   display: flex;

  1245.   align-items: center;

  1246.   justify-content: space-between;

  1247.   width: 94%;

  1248.   margin: 0.3rem auto 0;

  1249.   border-radius: 10PX;

  1250. }

  1251. .detail{

  1252.   background-color: #FFF;

  1253.   padding: 0.2rem 0.5rem;

  1254.   width: 94%;

  1255.   margin: 0.3rem auto 0;

  1256.   border-radius: 10PX;

  1257. }

  1258. .detail span{

  1259.   color: #8A8A8A;

  1260. }

  1261. .delTitle{

  1262.   font-size: 16PX;

  1263.   color: #333333;

  1264.   padding: 0.2rem 0;

  1265.   display: flex;

  1266.   align-items: center;

  1267.   line-height: 1;

  1268.   i{

  1269.     background: #0CBEA6;

  1270.     width: 4PX;

  1271.     height: 14PX;

  1272.     border-radius: 100PX;

  1273.     margin-right: 5PX;

  1274.   }

  1275. }

  1276. .gnbg{

  1277.   background: #ffffff linear-gradient(rgba(13,188,170,.28),#ffffff) no-repeat;

  1278.   background-size: 100% 50Px;

  1279. }

  1280. .introduce{

  1281.   padding: 0.2rem 0.5rem 0.5rem;

  1282.   background-color: #FFF;

  1283.   width: 94%;

  1284.   margin: 0.3rem auto 0;

  1285.   border-radius: 10PX;

  1286. }

  1287. .introduce span{

  1288.   color: #8A8A8A;

  1289.   margin-right: 20px;

  1290. }

  1291. .project_info{

  1292.   border: 1px solid #DCDCDC;

  1293.   padding: 0px 20px;

  1294.   margin-top: 10px;

  1295.   border-radius: 10px;

  1296. }

  1297. .notice{

  1298.   padding: 0.2rem 0.5rem 0.5rem;

  1299.   background-color: #FFF;

  1300.   width: 94%;

  1301.   margin: 0.3rem auto 0;

  1302.   border-radius: 10PX;

  1303. }

  1304. .notice div p{

  1305.   line-height: 0.7rem;

  1306. }

  1307. .biddingList{

  1308.   padding: 0.2rem 0.5rem 0.5rem;

  1309.   background-color: #FFF;

  1310.   width: 94%;

  1311.   margin: 0.3rem auto 0.4rem;

  1312.   border-radius: 10PX;

  1313. }

  1314. .biddingList table{

  1315.   text-align: center;

  1316. }

  1317. .biddingList table td{

  1318.   text-align: center;

  1319.   padding: 10px 0px;

  1320. }

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

  1322.   background-color: #0DBCAA;

  1323.   color: #FFF;

  1324. }

  1325. .bottomBtn{

  1326.   padding: 0.2rem 0.2rem;

  1327.   background-color: #FFF;

  1328.   position: fixed;

  1329.   bottom: 0;

  1330.   width: 100%;

  1331. }

  1332.   .popup{

  1333.     text-align: center;

  1334.     padding: 0.5rem;

  1335.     border-radius: 20px;

  1336.     width: 70%;

  1337.     padding-top: 1.5rem;

  1338.   }

  1339.   .popupTit{

  1340.     color: #0DBCAA;

  1341.     font-size: 0.4rem;

  1342.     line-height: 0.9rem;

  1343.   }

  1344.   .popupContent{

  1345.     color: #666666;

  1346.   }

  1347.   .iKnow{

  1348.     margin-top: 1rem;

  1349.   }

  1350.   .updatePopup{

  1351.     color: #0DBCAA;

  1352.     margin-top: 0.5rem;

  1353.   }

  1354. </style>