zhangzl
/
nsgk_mobile
2
0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики 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.
1261 Ревизии
7 Клонове
79 MiB
 
 
ИН на ревизия: d2a2f595f2
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от 'd2a2f595f2'
${ noResults }
nsgk_mobile/src/views/project/projectDetail.vue

1016 lines
34 KiB
Директен файл Blame История 

  1. <template>

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

  3.     <van-nav-bar

  4.       title="项目详情"

  5.       left-arrow

  6.       fixed

  7.       placeholder

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

  9.     />

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

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

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

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

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

  15.           </template>

  16.           <template v-else>

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

  18.           </template>

  19.           <template #indicator>

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

  21.           </template>

  22.         </van-swipe>

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

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

  25.         </van-notice-bar>

  26.         <div class="information">

  27.           <van-row>

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

  29.           </van-row>

  30.           <van-row>

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

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

  33.           </van-row>

  34.           <van-row>

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

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

  37.           </van-row>

  38.           <van-row>

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

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

  41.           </van-row>

  42.         </div>

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

  44.           <van-row >

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

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

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

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

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

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

  51.             </template>

  52.           </van-row>

  53.         </div>

  54.         <div class="detail">

  55.           <van-row>

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

  57.           </van-row>

  58.           <van-row>

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

  60.           </van-row>

  61.           <van-row>

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

  63.           </van-row>

  64.           <van-row>

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

  66.           </van-row>

  67.           <van-row>

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

  69.           </van-row>

  70.           <van-row>

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

  72.           </van-row>

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

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

  75.           </van-row>

  76.           <van-row>

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

  78.           </van-row>

  79.           <van-row>

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

  81.           </van-row>

  82.         </div>

  83.       </van-tab>

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

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

  86.         <div class="introduce">

  87.           <van-row>

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

  89.           </van-row>

  90.           <van-row>

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

  92.           </van-row>

  93.           <van-row>

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

  95.           </van-row>

  96.           <van-row>

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

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

  99.           </van-row>

  100.           <van-row>

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

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

  103.           </van-row>

  104.           <van-row>

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

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

  107.           </van-row>

  108.           <van-row>

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

  110.           </van-row>

  111.           <van-row>

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

  113.           </van-row>

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

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

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

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

  118.           <van-row>

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

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

  121.           </van-row>

  122.           <van-row>

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

  124.           </van-row>

  125.           <van-row>

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

  127.           </van-row>

  128. 

  129.           <van-row>

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

  131.           </van-row>

  132.           <van-row>

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

  134.           </van-row>

  135.           <van-row>

  136.             <van-col span="24"><span>拟流转用途</span>{{ detail.contractPurpose }}</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="">

  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,

  248.   getMember,

  249.   getOutProjectDetail,

  250.   getSignup,

  251.   getWebConfig,

  252.   projectNewBidMoney

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

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

  255. 

  256. export default {

  257.   name: "projectDetail",

  258.   provide(){

  259.     return{

  260.       reload:this.reload

  261.     }

  262.   },

  263.   data() {

  264.     return {

  265.       current: 0,

  266.       show: false,

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

  268.       detail: {},

  269.       webConfig:"",

  270.       biddinglistInformation:[],

  271.       rollout_type:[],

  272.       process:"",

  273.       tip:"",

  274.       btnMsg:"",

  275.       time:1000000000000000000,

  276.       timeMsg:"",

  277.       isSignup:false,

  278.       showBtn:false,

  279.       price:null,

  280.       userAccount:"",

  281.       userName:"",

  282.       userId:"",

  283.       timeConfig:'',

  284.       biddinglistInformationLength:0,

  285.       biddingTimeType:0,

  286.       isFirst:'',

  287.       timer:null

  288.     };

  289.   },

  290.   computed: {

  291.     getNowFormatDate:function(){

  292.       let date = new Date();

  293.       let seperator1 = "-";

  294.       let seperator2 = ":";

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

  296.       let day = date.getDate();

  297.       let hours = date.getHours();

  298.       let minutes = date.getMinutes();

  299.       let seconds = date.getSeconds();

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

  301.         month = "0" + month;

  302.       }

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

  304.         day = "0" + day;

  305.       }

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

  307.         hours = "0" + hours;

  308.       }

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

  310.         minutes = "0" + minutes;

  311.       }

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

  313.         seconds = "0" + seconds;

  314.       }

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

  316.       console.log(currentdate)

  317.       return currentdate;

  318.     }

  319.   },

  320.   created() {

  321.     clearInterval(this.timer);

  322.     this.reload();

  323.   },

  324.   methods: {

  325.     goSignUp(){

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

  327.         getMember(response.user.userId).then(response => {

  328.           if (response.data.auditStatus == 'Y'){

  329.             this.$router.push(

  330.               {

  331.                 path: 'signUp',

  332.                 query: {

  333.                   projectId: this.detail.id,

  334.                   deposit: this.detail.deposit,

  335.                   projectName: this.detail.projectName

  336.                 }

  337.               }

  338.             );

  339.           }else{

  340.             this.$toast({

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

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

  343.               duration:"2000",

  344.               onClose:function(){

  345.               }

  346.             })

  347.           }

  348.         })

  349.       })

  350.     },

  351.     onChange(index) {

  352.       this.current = index;

  353.     },

  354.     showPopup() {

  355.       this.show = true;

  356.     },

  357.     reload(){

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

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

  360.         this.detail=response.data

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

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

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

  364.             this.detail.oneout = "无"

  365.           }else{

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

  367.           }

  368.         })

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

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

  371.         });

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

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

  374.         });

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

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

  377.         });

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

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

  380.         });

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

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

  383.         });

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

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

  386.         });

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

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

  389.         });

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

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

  392.         });

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

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

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

  396.           });

  397.         }

  398. 

  399.         var that = this;

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

  401.           that.biddinglistInformation = response.rows

  402.           that.biddinglistInformationLength = response.total

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

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

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

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

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

  408.               }else{

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

  410.               }

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

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

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

  414.             }else{

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

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

  417.               }else{

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

  419.               }

  420.             }

  421.           }

  422. 

  423. 

  424.         });

  425. 

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

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

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

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

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

  431. 

  432.         if(signupStartTime>nowDate){

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

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

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

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

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

  438.           this.time = signupStartTime-nowDate

  439.           this.isSignup=true

  440.         }

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

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

  443.           this.process= "报名中"

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

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

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

  447.           this.time = signupStopTime-nowDate

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

  449.             let _this = this

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

  451.               console.log(res)

  452.               let data= {

  453.                 projectId:this.id,

  454.                 memberId:res.data.id,

  455.                 depositStatus:'1'

  456.               };

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

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

  459.                   _this.isSignup=true

  460.                   this.btnMsg="已报名"

  461.                 }

  462.               })

  463.             })

  464.           })

  465.         }

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

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

  468.           this.biddingTimeType = 3;

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

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

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

  472.           this.time = biddingStartTime-nowDate

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

  474.             let _this = this

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

  476.               let data= {

  477.                 projectId:this.id,

  478.                 memberId:res.data.id,

  479.                 depositStatus:'1'

  480.               };

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

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

  483.                   _this.isSignup=true;

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

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

  486.                 }else{

  487.                   this.btnMsg="未报名"

  488.                 }

  489.               })

  490.             })

  491.           })

  492.         }

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

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

  495.           this.biddingTimeType = 1;

  496.           this.process= "竞价中"

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

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

  499.           this.time = biddingStopTime-nowDate

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

  501.             let _this = this

  502.             this.userId=response.user.userId

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

  504.               this.userAccount=res.data.phone

  505.               this.userName=res.data.realname

  506.               this.memberId=res.data.id

  507.               let data= {

  508.                 projectId:this.id,

  509.                 memberId:res.data.id,

  510.                 depositStatus:'1'

  511.               };

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

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

  514.                   _this.isSignup=true

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

  516.                   this.showBtn=true

  517.                   _this.isFirst = r.signup.isFirst;

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

  519.                 }else{

  520.                   this.btnMsg="未报名"

  521.                   _this.isSignup=true

  522.                 }

  523.               })

  524.             })

  525.           })

  526. 

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

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

  529.               that.biddinglistInformation = response.rows

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

  531. 

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

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

  534.                 }else{

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

  536.                 }

  537.               }

  538.               that.biddinglistInformationLength = response.total

  539.             });

  540.           },10000)

  541.         }

  542.         if(nowDate>biddingStopTime){

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

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

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

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

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

  548.           this.time = 0

  549.           this.isSignup = true

  550.           this.showBtn=false

  551.           this.biddingTimeType = 2;

  552.         }

  553.       });

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

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

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

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

  558.             this.webConfig =  item.configValue

  559.           }

  560.         })

  561.       });

  562.     },

  563. 

  564.     offerFirst(){

  565.       clearInterval(this.timer);

  566.       let newMoney;

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

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

  569.           newMoney = response.data;

  570.         }else{

  571.           newMoney = this.detail.price;

  572.         }

  573. 

  574.         let data= {

  575.           projectId:this.id,

  576.           memberId:this.memberId,

  577.           userId:this.userId,

  578.           userAccount:this.userAccount,

  579.           userName:this.userName,

  580.           money:parseFloat(newMoney),

  581.         };

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

  583.           let _this = this

  584.           if(response){

  585.             this.$toast({

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

  587.               message: '出价成功',

  588.               duration:"1000",

  589.               onClose:function(){

  590.                 _this.reload()

  591.               }

  592.             })

  593. 

  594.           }

  595.         })

  596. 

  597.       });

  598.     },

  599. 

  600.     offer(){

  601.       let newMoney;

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

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

  604.           newMoney = response.data;

  605.         }else{

  606.           newMoney = this.detail.price;

  607.         }

  608. 

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

  610.           this.$toast({

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

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

  613.             duration:"1000",

  614.             onClose:function(){

  615.             }

  616.           })

  617.           return;

  618.         }

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

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

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

  622.               this.$toast({

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

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

  625.                 duration:"1000",

  626.                 onClose:function(){

  627.                 }

  628.               })

  629.               return;

  630.             }else{

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

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

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

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

  635.                     this.$toast({

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

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

  638.                       duration:"1000",

  639.                       onClose:function(){

  640.                       }

  641.                     })

  642.                     return;

  643.                   }

  644.                 }

  645.               }

  646.             }

  647. 

  648.         }else{

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

  650.             this.$toast({

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

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

  653.               duration:"1000",

  654.               onClose:function(){

  655.               }

  656.             })

  657.             return;

  658.           }else{

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

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

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

  662.                 console.log(newMoney)

  663.                 console.log(this.price)

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

  665.                   this.$toast({

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

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

  668.                     duration:"1000",

  669.                     onClose:function(){

  670.                     }

  671.                   })

  672.                   return;

  673.                 }

  674.               }

  675.             }

  676.           }

  677.         }

  678.         let data= {

  679.           projectId:this.id,

  680.           memberId:this.memberId,

  681.           userId:this.userId,

  682.           userAccount:this.userAccount,

  683.           userName:this.userName,

  684.           money:parseFloat(this.price),

  685.         };

  686.         console.log(data)

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

  688.           let _this = this

  689.           if(response){

  690.             clearInterval(this.timer);

  691.             this.$toast({

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

  693.               message: '出价成功',

  694.               duration:"1000",

  695.               onClose:function(){

  696.                 clearInterval(this.timer);

  697.                 _this.reload()

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

  699.                   _this.price = null;

  700.                 }else{

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

  702.                 }

  703.               }

  704.             })

  705.           }

  706.         })

  707.       });

  708.     },

  709.     add(){

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

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

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

  713.             this.$toast({

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

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

  716.               duration:"1000",

  717.               onClose:function(){

  718.               }

  719.             })

  720.             return;

  721.           }

  722.         }else{

  723. 

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

  725.             this.$toast({

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

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

  728.               duration:"1000",

  729.               onClose:function(){

  730.               }

  731.             })

  732.             return;

  733.           }

  734.         }

  735.       }else{

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

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

  738.             this.$toast({

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

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

  741.               duration:"1000",

  742.               onClose:function(){

  743.               }

  744.             })

  745.             return;

  746.           }

  747.         }else{

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

  749.             this.$toast({

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

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

  752.               duration:"1000",

  753.               onClose:function(){

  754.               }

  755.             })

  756.             return;

  757.           }

  758.         }

  759.       }

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

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

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

  763.     },

  764.     sub(){

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

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

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

  768.             this.$toast({

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

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

  771.               duration:"1000",

  772.               onClose:function(){

  773.               }

  774.             })

  775.             return;

  776.           }

  777.         }else{

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

  779.             this.$toast({

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

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

  782.               duration:"1000",

  783.               onClose:function(){

  784.               }

  785.             })

  786.             return;

  787.           }

  788.         }

  789.       }else{

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

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

  792.             this.$toast({

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

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

  795.               duration:"1000",

  796.               onClose:function(){

  797.               }

  798.             })

  799.             return;

  800.           }

  801.         }else{

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

  803.             this.$toast({

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

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

  806.               duration:"1000",

  807.               onClose:function(){

  808.               }

  809.             })

  810.             return;

  811.           }

  812.         }

  813.       }

  814. 

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

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

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

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

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

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

  821.       //   }else{

  822.       //     this.$toast({

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

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

  825.       //       duration:"1000",

  826.       //     })

  827.       //   }

  828.       // }else{

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

  830.       //     this.price-=1

  831.       //   }else{

  832.       //     this.$toast({

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

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

  835.       //       duration:"1000",

  836.       //     })

  837.       //   }

  838.       // }

  839.     },

  840.     timerChange(value){

  841.       let d = value.days;

  842.       let h = value.hours;

  843.       let m = value.minutes;

  844.       let s = value.seconds;

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

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

  847. 

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

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

  850.           this.reload();

  851.         }

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

  853.           this.biddinglistInformation = response.rows

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

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

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

  857.             this.time = 120000

  858.           }

  859. 

  860.         });

  861. 

  862.       }

  863.     }

  864.   },

  865.   destroyed () {

  866.     console.log('bbbbbbbbbb')

  867.     clearInterval(this.timer);

  868.   },

  869.   beforeDestory() {

  870.     clearInterval(this.timer)

  871.   },

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

  873.   beforeRouteLeave (to, from, next) {

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

  875.     clearInterval(this.timer)

  876.     next()

  877.   }

  878. };

  879. </script>

  880. 

  881. <style scoped lang="scss">

  882. .app-container {

  883. }

  884. .custom-indicator {

  885.   position: absolute;

  886.   right: 20px;

  887.   bottom: 20px;

  888.   padding: 0px 20px;

  889.   font-size: 12px;

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

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

  892.   color: #FFF;

  893.   border-radius: 20px;

  894.   line-height: 0.5rem;

  895. }

  896. .title{

  897.   font-size: 0.45rem;

  898. }

  899. .my-swipe{

  900.   width: 100%;

  901. }

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

  903.   width: 100%;

  904. }

  905. .information{

  906.   background-color: #FFF;

  907.   margin-top: 0.3rem;

  908.   padding: 0.4rem 0.5rem;

  909. }

  910. .van-row{

  911.   line-height: 0.7rem;

  912. }

  913. .price{

  914.   color: #C21F3A;

  915. }

  916. .price span{

  917.   font-size: 0.5rem;

  918.   font-weight: bold;

  919. }

  920. .money{

  921.   color: #C21F3A;

  922. }

  923. .money span{

  924.   font-size: 0.5rem;

  925.   font-weight: bold;

  926. }

  927. .van-count-down{

  928.   line-height: 0.7rem;

  929. }

  930. .lead{

  931.   background-color: #FFF;

  932.   margin-top: 0.3rem;

  933.   padding: 0.1rem 0.5rem;

  934.   color: #C21F3A;

  935. }

  936. .detail{

  937.   background-color: #FFF;

  938.   margin-top: 0.3rem;

  939.   padding: 0.2rem 0.5rem;

  940. }

  941. .detail span{

  942.   color: #8A8A8A;

  943. }

  944. .delTitle{

  945.   font-size: 0.4rem;

  946.   color: #007E72;

  947.   padding: 0.2rem 0.5rem;

  948. }

  949. .introduce{

  950.   padding: 0.2rem 0.5rem 0.5rem;

  951.   background-color: #FFF;

  952. }

  953. .introduce span{

  954.   color: #8A8A8A;

  955.   margin-right: 20px;

  956. }

  957. .project_info{

  958.   border: 1px solid #DCDCDC;

  959.   padding: 0px 20px;

  960.   margin-top: 10px;

  961.   border-radius: 10px;

  962. }

  963. .notice{

  964.   padding: 0.5rem;

  965.   background-color: #FFF;

  966. }

  967. .notice p{

  968.   line-height: 0.7rem;

  969. }

  970. .biddingList{

  971.   padding: 0.5rem;

  972.   background-color: #FFF;

  973.   margin-bottom: 0.4rem;

  974. }

  975. .biddingList table{

  976.   text-align: center;

  977. }

  978. .biddingList table td{

  979.   text-align: center;

  980.   padding: 10px 0px;

  981. }

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

  983.   background-color: #007E72;

  984.   color: #FFF;

  985. }

  986. .bottomBtn{

  987.   padding: 0.2rem 0.5rem;

  988.   background-color: #FFF;

  989.   position: fixed;

  990.   bottom: 0;

  991.   width: 100%;

  992. }

  993.   .popup{

  994.     text-align: center;

  995.     padding: 0.5rem;

  996.     border-radius: 20px;

  997.     width: 70%;

  998.     padding-top: 1.5rem;

  999.   }

  1000.   .popupTit{

  1001.     color: #007E72;

  1002.     font-size: 0.4rem;

  1003.     line-height: 0.9rem;

  1004.   }

  1005.   .popupContent{

  1006.     color: #666666;

  1007.   }

  1008.   .iKnow{

  1009.     margin-top: 1rem;

  1010.   }

  1011.   .updatePopup{

  1012.     color: #007E72;

  1013.     margin-top: 0.5rem;

  1014.   }

  1015. </style>