zhangzl
/
nsgk_mobile
2
0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
移动端
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
1221 Commit
7 Rami (Branch)
79 MiB
 
 
Albero (Tree): 006e6a3679
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da '006e6a3679'
${ noResults }
nsgk_mobile/src/views/project/projectDetail.vue

1014 righe
34 KiB
Originale Blame Cronologia 

  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. 

  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.       let newMoney;

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

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

  568.           newMoney = response.data;

  569.         }else{

  570.           newMoney = this.detail.price;

  571.         }

  572. 

  573.         let data= {

  574.           projectId:this.id,

  575.           memberId:this.memberId,

  576.           userId:this.userId,

  577.           userAccount:this.userAccount,

  578.           userName:this.userName,

  579.           money:parseFloat(newMoney),

  580.         };

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

  582.           let _this = this

  583.           if(response){

  584.             this.$toast({

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

  586.               message: '出价成功',

  587.               duration:"1000",

  588.               onClose:function(){

  589.                 _this.reload()

  590.               }

  591.             })

  592. 

  593.           }

  594.         })

  595. 

  596.       });

  597.     },

  598. 

  599.     offer(){

  600.       let newMoney;

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

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

  603.           newMoney = response.data;

  604.         }else{

  605.           newMoney = this.detail.price;

  606.         }

  607. 

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

  609.           this.$toast({

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

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

  612.             duration:"1000",

  613.             onClose:function(){

  614.             }

  615.           })

  616.           return;

  617.         }

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

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

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

  621.               this.$toast({

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

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

  624.                 duration:"1000",

  625.                 onClose:function(){

  626.                 }

  627.               })

  628.               return;

  629.             }else{

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

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

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

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

  634.                     this.$toast({

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

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

  637.                       duration:"1000",

  638.                       onClose:function(){

  639.                       }

  640.                     })

  641.                     return;

  642.                   }

  643.                 }

  644.               }

  645.             }

  646. 

  647.         }else{

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

  649.             this.$toast({

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

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

  652.               duration:"1000",

  653.               onClose:function(){

  654.               }

  655.             })

  656.             return;

  657.           }else{

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

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

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

  661.                 console.log(newMoney)

  662.                 console.log(this.price)

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

  664.                   this.$toast({

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

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

  667.                     duration:"1000",

  668.                     onClose:function(){

  669.                     }

  670.                   })

  671.                   return;

  672.                 }

  673.               }

  674.             }

  675.           }

  676.         }

  677.         let data= {

  678.           projectId:this.id,

  679.           memberId:this.memberId,

  680.           userId:this.userId,

  681.           userAccount:this.userAccount,

  682.           userName:this.userName,

  683.           money:parseFloat(this.price),

  684.         };

  685.         console.log(data)

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

  687.           let _this = this

  688.           if(response){

  689.             this.$toast({

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

  691.               message: '出价成功',

  692.               duration:"1000",

  693.               onClose:function(){

  694.                 clearInterval(this.timer);

  695.                 _this.reload()

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

  697.                   _this.price = null;

  698.                 }else{

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

  700.                 }

  701.               }

  702.             })

  703.           }

  704.         })

  705.       });

  706.     },

  707.     add(){

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

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

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

  711.             this.$toast({

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

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

  714.               duration:"1000",

  715.               onClose:function(){

  716.               }

  717.             })

  718.             return;

  719.           }

  720.         }else{

  721. 

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

  723.             this.$toast({

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

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

  726.               duration:"1000",

  727.               onClose:function(){

  728.               }

  729.             })

  730.             return;

  731.           }

  732.         }

  733.       }else{

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

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

  736.             this.$toast({

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

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

  739.               duration:"1000",

  740.               onClose:function(){

  741.               }

  742.             })

  743.             return;

  744.           }

  745.         }else{

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

  747.             this.$toast({

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

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

  750.               duration:"1000",

  751.               onClose:function(){

  752.               }

  753.             })

  754.             return;

  755.           }

  756.         }

  757.       }

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

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

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

  761.     },

  762.     sub(){

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

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

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

  766.             this.$toast({

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

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

  769.               duration:"1000",

  770.               onClose:function(){

  771.               }

  772.             })

  773.             return;

  774.           }

  775.         }else{

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

  777.             this.$toast({

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

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

  780.               duration:"1000",

  781.               onClose:function(){

  782.               }

  783.             })

  784.             return;

  785.           }

  786.         }

  787.       }else{

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

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

  790.             this.$toast({

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

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

  793.               duration:"1000",

  794.               onClose:function(){

  795.               }

  796.             })

  797.             return;

  798.           }

  799.         }else{

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

  801.             this.$toast({

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

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

  804.               duration:"1000",

  805.               onClose:function(){

  806.               }

  807.             })

  808.             return;

  809.           }

  810.         }

  811.       }

  812. 

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

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

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

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

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

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

  819.       //   }else{

  820.       //     this.$toast({

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

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

  823.       //       duration:"1000",

  824.       //     })

  825.       //   }

  826.       // }else{

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

  828.       //     this.price-=1

  829.       //   }else{

  830.       //     this.$toast({

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

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

  833.       //       duration:"1000",

  834.       //     })

  835.       //   }

  836.       // }

  837.     },

  838.     timerChange(value){

  839.       let d = value.days;

  840.       let h = value.hours;

  841.       let m = value.minutes;

  842.       let s = value.seconds;

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

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

  845. 

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

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

  848.           this.reload();

  849.         }

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

  851.           this.biddinglistInformation = response.rows

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

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

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

  855.             this.time = 120000

  856.           }

  857. 

  858.         });

  859. 

  860.       }

  861.     }

  862.   },

  863.   destroyed () {

  864.     console.log('bbbbbbbbbb')

  865.     clearInterval(this.timer);

  866.   },

  867.   beforeDestory() {

  868.     clearInterval(this.timer)

  869.   },

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

  871.   beforeRouteLeave (to, from, next) {

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

  873.     clearInterval(this.timer)

  874.     next()

  875.   }

  876. };

  877. </script>

  878. 

  879. <style scoped lang="scss">

  880. .app-container {

  881. }

  882. .custom-indicator {

  883.   position: absolute;

  884.   right: 20px;

  885.   bottom: 20px;

  886.   padding: 0px 20px;

  887.   font-size: 12px;

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

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

  890.   color: #FFF;

  891.   border-radius: 20px;

  892.   line-height: 0.5rem;

  893. }

  894. .title{

  895.   font-size: 0.45rem;

  896. }

  897. .my-swipe{

  898.   width: 100%;

  899. }

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

  901.   width: 100%;

  902. }

  903. .information{

  904.   background-color: #FFF;

  905.   margin-top: 0.3rem;

  906.   padding: 0.4rem 0.5rem;

  907. }

  908. .van-row{

  909.   line-height: 0.7rem;

  910. }

  911. .price{

  912.   color: #C21F3A;

  913. }

  914. .price span{

  915.   font-size: 0.5rem;

  916.   font-weight: bold;

  917. }

  918. .money{

  919.   color: #C21F3A;

  920. }

  921. .money span{

  922.   font-size: 0.5rem;

  923.   font-weight: bold;

  924. }

  925. .van-count-down{

  926.   line-height: 0.7rem;

  927. }

  928. .lead{

  929.   background-color: #FFF;

  930.   margin-top: 0.3rem;

  931.   padding: 0.1rem 0.5rem;

  932.   color: #C21F3A;

  933. }

  934. .detail{

  935.   background-color: #FFF;

  936.   margin-top: 0.3rem;

  937.   padding: 0.2rem 0.5rem;

  938. }

  939. .detail span{

  940.   color: #8A8A8A;

  941. }

  942. .delTitle{

  943.   font-size: 0.4rem;

  944.   color: #007E72;

  945.   padding: 0.2rem 0.5rem;

  946. }

  947. .introduce{

  948.   padding: 0.2rem 0.5rem 0.5rem;

  949.   background-color: #FFF;

  950. }

  951. .introduce span{

  952.   color: #8A8A8A;

  953.   margin-right: 20px;

  954. }

  955. .project_info{

  956.   border: 1px solid #DCDCDC;

  957.   padding: 0px 20px;

  958.   margin-top: 10px;

  959.   border-radius: 10px;

  960. }

  961. .notice{

  962.   padding: 0.5rem;

  963.   background-color: #FFF;

  964. }

  965. .notice p{

  966.   line-height: 0.7rem;

  967. }

  968. .biddingList{

  969.   padding: 0.5rem;

  970.   background-color: #FFF;

  971.   margin-bottom: 0.4rem;

  972. }

  973. .biddingList table{

  974.   text-align: center;

  975. }

  976. .biddingList table td{

  977.   text-align: center;

  978.   padding: 10px 0px;

  979. }

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

  981.   background-color: #007E72;

  982.   color: #FFF;

  983. }

  984. .bottomBtn{

  985.   padding: 0.2rem 0.5rem;

  986.   background-color: #FFF;

  987.   position: fixed;

  988.   bottom: 0;

  989.   width: 100%;

  990. }

  991.   .popup{

  992.     text-align: center;

  993.     padding: 0.5rem;

  994.     border-radius: 20px;

  995.     width: 70%;

  996.     padding-top: 1.5rem;

  997.   }

  998.   .popupTit{

  999.     color: #007E72;

  1000.     font-size: 0.4rem;

  1001.     line-height: 0.9rem;

  1002.   }

  1003.   .popupContent{

  1004.     color: #666666;

  1005.   }

  1006.   .iKnow{

  1007.     margin-top: 1rem;

  1008.   }

  1009.   .updatePopup{

  1010.     color: #007E72;

  1011.     margin-top: 0.5rem;

  1012.   }

  1013. </style>