zhangzl
/
nsgk_mobile
2
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
移动端
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
1574 Commits
7 Branches
79 MiB
 
 
Tag: 8a88dc04b5
Branches Tags
${ item.name }
Criar branch ${ searchTerm }
de 8a88dc04b5
${ noResults }
nsgk_mobile/src/views/project/projectDetail.vue

1214 linhas
42 KiB
Original Anotar Histórico 

  1. <template>

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

  3.     <van-nav-bar

  4.       title="项目详情"

  5.       left-arrow

  6.       fixed

  7.       placeholder

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

  9.     />

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

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

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

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

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

  15. <!--          </template>-->

  16. <!--          <template v-else>-->

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

  18. <!--          </template>-->

  19. <!--          <template #indicator>-->

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

  21. <!--          </template>-->

  22. <!--        </van-swipe>-->

  23. 

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

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

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

  27.         </van-notice-bar>

  28.         <div class="information">

  29.           <van-row>

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

  31.           </van-row>

  32.           <van-row>

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

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

  35.           </van-row>

  36.           <van-row>

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

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

  39.           </van-row>

  40.         </div>

  41. 

  42.         <div class="lead" v-if="((detail.biddingType=='自由竞价' || detail.biddingType=='1')&&detail.projectShowStatus=='已经成交') || (detail.biddingType!='自由竞价' && detail.biddingType!='1')">

  43.           <van-row >

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

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

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

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

  48.               <van-col span="7">领先</van-col>

  49.             </template>

  50.           </van-row>

  51.         </div>

  52.         <div class="detail">

  53.           <van-row>

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

  55.           </van-row>

  56.           <van-row>

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

  58.           </van-row>

  59.           <van-row>

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

  61.           </van-row>

  62.           <van-row>

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

  64.           </van-row>

  65.           <van-row>

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

  67.           </van-row>

  68.           <van-row>

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

  70.           </van-row>

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

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

  73.           </van-row>

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

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

  76.           </van-row>

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

  78.             <van-col span="24"><span>延时说明：</span>自由竞价期结束后，进入{{detail.delayPeriod}}秒延时竞价期；延时竞价期内但凡有出价，则继续延时竞价，直至无人出价！</van-col>

  79.           </van-row>

  80.         </div>

  81.       </van-tab>

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

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

  84.         <div class="introduce">

  85.           <van-row>

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

  87.           </van-row>

  88.           <van-row>

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

  90.           </van-row>

  91.           <van-row>

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

  93.           </van-row>

  94.           <van-row>

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

  96.           </van-row>

  97.           <van-row>

  98.             <van-col span="24"><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. 

  119. 

  120. 

  121. 

  122. 

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

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

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

  126.           </van-row>

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

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

  129. 

  130.             </template>

  131.             <van-row v-else>

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

  133.             </van-row>

  134.           </template>

  135. 

  136. 

  137. 

  138. 

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

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

  141.           </van-row>

  142. 

  143. 

  144.           <van-row>

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

  146.           </van-row>

  147.           <van-row>

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

  149.           </van-row>

  150.           <van-row>

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

  152.           </van-row>

  153.           <van-row>

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

  155.           </van-row>

  156.           <van-row>

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

  158.           </van-row>

  159. 

  160. 

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

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

  163.           </van-row>

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

  165.             <van-row>

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

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

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

  169.             </van-row>

  170.           </div>

  171.         </div>

  172.       </van-tab>

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

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

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

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

  177.         </template>

  178.         <template v-else>

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

  180.         </template>

  181.       </van-tab>

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

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

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

  185.         </div>

  186.       </van-tab>

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

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

  189.         <div class="biddingList">

  190.           <p v-if="detail.biddingType == '自由竞价' && detail.projectShowStatus != '已经成交'">友情提示：自由竞价方式下，项目成交前不显示竞价记录！</p>

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

  192.             <tr>

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

  194.               <td>出价</td>

  195.               <td>状态</td>

  196.               <td>时间</td>

  197.             </tr>

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

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

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

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

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

  203.               </template>

  204.               <template v-else>

  205.                 <td></td>

  206.               </template>

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

  208.             </tr>

  209.           </table>

  210.         </div>

  211.       </van-tab>

  212.     </van-tabs>

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

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

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

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

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

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

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

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

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

  222.             {{ btnMsg }}<br/>

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

  224.           </van-button>

  225.         </van-col>

  226.       </van-row>

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

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

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

  230.       </div>

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

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

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

  234.         </van-col>

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

  236. 

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

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

  239.               <p>出价</p>

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

  241.             </van-button>

  242. 

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

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

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

  246.           </div>

  247.         </van-col>

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

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

  250.         </van-col>

  251.       </van-row>

  252.     </div>

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

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

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

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

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

  258.         我知道了

  259.       </van-button>

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

  261.     </van-popup>

  262.   </div>

  263. </template>

  264. 

  265. <script>

  266.   import {

  267.     biddingSubmit,

  268.     getBiddingList, getBiddingStopTime,

  269.     getMember,

  270.     getOutProjectDetail,

  271.     getSignup,

  272.     getWebConfig,

  273.     projectNewBidMoney

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

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

  276. import $ from "jquery";

  277. 

  278. export default {

  279.   name: "projectDetail",

  280.   provide(){

  281.     return{

  282.       reload:this.reload

  283.     }

  284.   },

  285.   data() {

  286.     return {

  287.       current: 0,

  288.       show: false,

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

  290.       detail: {

  291.         biddingType:'自由竞价'

  292.       },

  293.       webConfig:"",

  294.       biddinglistInformation:[],

  295.       rollout_type:[],

  296.       process:"",

  297.       tip:"",

  298.       btnMsg:"",

  299.       time:null,

  300.       timeMsg:"",

  301.       isSignup:true,

  302.       showBtn:false,

  303.       price:null,

  304.       userAccount:"",

  305.       userName:"",

  306.       userId:"",

  307.       timeConfig:'',

  308.       biddinglistInformationLength:0,

  309.       biddingTimeType:1,

  310.       isFirst:'',

  311.       timer:null,

  312.       getSignupData:'',

  313.       bottomBtn:false,

  314.       delayPeriodNow:false,

  315.       nowDate:0,

  316.       biddingquery:{

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

  318.         pageSize:10,

  319.         pageNum:1

  320.       },

  321.       timeData:'',

  322.       timeCount:null

  323.     };

  324.   },

  325.   computed: {

  326.     getNowFormatDate:function(){

  327.       let date = new Date();

  328.       let seperator1 = "-";

  329.       let seperator2 = ":";

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

  331.       let day = date.getDate();

  332.       let hours = date.getHours();

  333.       let minutes = date.getMinutes();

  334.       let seconds = date.getSeconds();

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

  336.         month = "0" + month;

  337.       }

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

  339.         day = "0" + day;

  340.       }

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

  342.         hours = "0" + hours;

  343.       }

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

  345.         minutes = "0" + minutes;

  346.       }

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

  348.         seconds = "0" + seconds;

  349.       }

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

  351.       //console.log(currentdate)

  352.       return currentdate;

  353.     }

  354.   },

  355.   created() {

  356.     clearInterval(this.timer);

  357.     this.reload();

  358.   },

  359.   methods: {

  360.     goSignUp(){

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

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

  363.           let data= {

  364.             projectId:this.id,

  365.             memberId:resresponse.data.id,

  366.           };

  367.           var isSign;

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

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

  370.               isSign=true

  371.             }

  372.           })

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

  374.             if (isSign){

  375.               this.$toast({

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

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

  378.                 duration:"2000",

  379.                 onClose:function(){

  380.                 }

  381.               })

  382.               return;

  383.             }

  384.             this.$router.push(

  385.               {

  386.                 path: 'signUp',

  387.                 query: {

  388.                   projectId: this.detail.id,

  389.                   deposit: this.detail.deposit,

  390.                   projectName: this.detail.projectName

  391.                 }

  392.               }

  393.             );

  394.           }else{

  395.             this.$toast({

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

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

  398.               duration:"2000",

  399.               onClose:function(){

  400.               }

  401.             })

  402.           }

  403.         })

  404.       })

  405.     },

  406.     onChange(index) {

  407.       this.current = index;

  408.     },

  409.     showPopup() {

  410.       this.show = true;

  411.     },

  412.     reload(){

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

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

  415.         this.detail=response.data

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

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

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

  419.             this.detail.oneout = "无"

  420.           }else{

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

  422.           }

  423.         })

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

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

  426.         });

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

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

  429.         });

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

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

  432.         });

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

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

  435.         });

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

  437.           // debugger;

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

  439.         });

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

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

  442.         });

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

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

  445.         });

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

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

  448.         });

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

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

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

  452.           });

  453.         }

  454. 

  455.         var that = this;

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

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

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

  459.               that.biddinglistInformation = response.rows

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

  461. 

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

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

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

  465.                   }

  466.                 }else{

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

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

  469.                   }

  470.                 }

  471.               }

  472.               that.biddinglistInformationLength = response.total

  473.             });

  474.           }

  475.         },3000)

  476. 

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

  478.           this.userId=response.user.userId

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

  480.             this.userAccount=res.data.phone

  481.             this.userName=res.data.realname

  482.             this.memberId=res.data.id

  483.             let data= {

  484.               projectId:this.id,

  485.               memberId:res.data.id,

  486.               depositStatus:'1'

  487.             };

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

  489.               this.getSignupData = r.data;

  490.               this.isFirst = r.signup.isFirst;

  491. 

  492.               this.getBidding();

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

  494.                 this.getTime()

  495.               },1000)

  496.               this.bottomBtn = true;

  497.             })

  498.           })

  499.         })

  500.       });

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

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

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

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

  505.             this.webConfig =  item.configValue

  506.           }

  507.         })

  508.       });

  509.     },

  510.     getTime(){

  511.       this.bottomBtn = true;

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

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

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

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

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

  517. 

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

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

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

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

  522. 

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

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

  525. 

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

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

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

  529.         });

  530.       }

  531. 

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

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

  534.         this.biddingTimeType = 1;

  535.         this.process= "竞价中"

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

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

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

  539.           this.isSignup=true

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

  541.           this.showBtn=true

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

  543.         }else{

  544.           this.btnMsg="未报名"

  545.           this.isSignup=true

  546.         }

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

  548. 

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

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

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

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

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

  554.             if (timeNew > 0) {

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

  556.               this.getTime();

  557.             } else {

  558.               // clearInterval(this.timeCount);

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

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

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

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

  563.               this.time = 0

  564.               this.isSignup = true

  565.               this.showBtn = false

  566.               this.biddingTimeType = 2;

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

  568.               return;

  569.             }

  570.           });

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

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

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

  574.             });

  575.         }

  576.       }else{

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

  578.       }

  579.     },

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

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

  582.       if(signupStartTime>nowDate){

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

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

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

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

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

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

  589.         // this.timeData = ;

  590.         this.isSignup=true

  591.       }

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

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

  594.         this.process= "报名中"

  595.         this.isSignup=false

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

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

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

  599.         // this.time = signupStopTime-nowDate

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

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

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

  603.           this.isSignup=true

  604.           this.btnMsg="已报名"

  605.         }

  606.       }

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

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

  609.         this.biddingTimeType = 3;

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

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

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

  613.         // this.time = biddingStartTime-nowDate

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

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

  616.         this.isSignup=true;

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

  618.           this.btnMsg="已报名"

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

  620.         }else{

  621.           this.btnMsg="未报名"

  622.         }

  623.       }

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

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

  626.         this.biddingTimeType = 1;

  627.         this.process= "竞价中"

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

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

  630.         // this.time = biddingStopTime-nowDate

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

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

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

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

  635.           this.isSignup=true

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

  637.           this.showBtn=true

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

  639.         }else{

  640.           this.btnMsg="未报名"

  641.           this.isSignup=true

  642.         }

  643.       }

  644.       if(nowDate>biddingStopTime){

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

  646.         // clearInterval(this.timeCount);

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

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

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

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

  651.         this.time = 0

  652.         this.isSignup = true

  653.         this.showBtn=false

  654.         this.biddingTimeType = 2;

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

  656.         // this.timeData = ''

  657.       }

  658.     },

  659. 

  660.   getBidding(){

  661.     var that = this;

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

  663.       that.biddinglistInformation = response.rows

  664.       that.biddinglistInformationLength = response.total

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

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

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

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

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

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

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

  672.             }

  673.           }else{

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

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

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

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

  678.             }

  679.           }

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

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

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

  683.         }else{

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

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

  686.           }else{

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

  688.           }

  689.         }

  690.       }

  691. 

  692. 

  693.     });

  694.   },

  695. 

  696.     offerFirst(){

  697.       let newMoney;

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

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

  700.           newMoney = response.data;

  701.         }else{

  702.           newMoney = this.detail.price;

  703.         }

  704. 

  705.         let data= {

  706.           projectId:this.id,

  707.           memberId:this.memberId,

  708.           userId:this.userId,

  709.           userAccount:this.userAccount,

  710.           userName:this.userName,

  711.           money:parseFloat(newMoney),

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

  713.         };

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

  715.           let _this = this

  716.           if(response){

  717.             this.$toast({

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

  719.               message: '出价成功',

  720.               duration:"1000",

  721.               onClose:function(){

  722.                 clearInterval(this.timer);

  723.                 // _this.reload()

  724.                 _this.getBidding();

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

  726.                   _this.time = null;

  727.                 }

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

  729.                   _this.price = null;

  730.                 }

  731.               }

  732.             })

  733. 

  734.           }

  735.         })

  736. 

  737.       });

  738.     },

  739. 

  740.     offer(){

  741.       let newMoney;

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

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

  744.           newMoney = response.data;

  745.         }else{

  746.           newMoney = this.detail.price;

  747.         }

  748. 

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

  750.           this.$toast({

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

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

  753.             duration:"1000",

  754.             onClose:function(){

  755.             }

  756.           })

  757.           return;

  758.         }

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

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

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

  762.               this.$toast({

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

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

  765.                 duration:"1000",

  766.                 onClose:function(){

  767.                 }

  768.               })

  769.               return;

  770.             }else{

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

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

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

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

  775.                     this.$toast({

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

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

  778.                       duration:"1000",

  779.                       onClose:function(){

  780.                       }

  781.                     })

  782.                     return;

  783.                   }

  784.                 }

  785.               }

  786.             }

  787. 

  788.         }else{

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

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

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

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

  802.                 //console.log(newMoney)

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

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

  805.                   this.$toast({

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

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

  808.                     duration:"1000",

  809.                     onClose:function(){

  810.                     }

  811.                   })

  812.                   return;

  813.                 }

  814.               }

  815.             }

  816.           }

  817.         }

  818.         let data= {

  819.           projectId:this.id,

  820.           memberId:this.memberId,

  821.           userId:this.userId,

  822.           userAccount:this.userAccount,

  823.           userName:this.userName,

  824.           money:parseFloat(this.price),

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

  826.         };

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

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

  829.           let _this = this

  830.           if(response){

  831.             // clearInterval(this.timer);

  832.             this.$toast({

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

  834.               message: '出价成功',

  835.               duration:"1000",

  836.               onClose:function(){

  837.                 clearInterval(this.timer);

  838.                 // _this.reload()

  839.                 _this.getBidding();

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

  841.                   _this.time = null;

  842.                 }

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

  844.                   _this.price = null;

  845.                 }else{

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

  847.                 }

  848.               }

  849.             })

  850.           }

  851.         })

  852.       });

  853.     },

  854.     add(){

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

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

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

  858.             this.$toast({

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

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

  861.               duration:"1000",

  862.               onClose:function(){

  863.               }

  864.             })

  865.             return;

  866.           }

  867.         }else{

  868. 

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

  870.             this.$toast({

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

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

  873.               duration:"1000",

  874.               onClose:function(){

  875.               }

  876.             })

  877.             return;

  878.           }

  879.         }

  880.       }else{

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

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

  883.             this.$toast({

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

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

  886.               duration:"1000",

  887.               onClose:function(){

  888.               }

  889.             })

  890.             return;

  891.           }

  892.         }else{

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

  894.             this.$toast({

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

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

  897.               duration:"1000",

  898.               onClose:function(){

  899.               }

  900.             })

  901.             return;

  902.           }

  903.         }

  904.       }

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

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

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

  908.     },

  909.     sub(){

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

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

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

  913.             this.$toast({

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

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

  916.               duration:"1000",

  917.               onClose:function(){

  918.               }

  919.             })

  920.             return;

  921.           }

  922.         }else{

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

  924.             this.$toast({

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

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

  927.               duration:"1000",

  928.               onClose:function(){

  929.               }

  930.             })

  931.             return;

  932.           }

  933.         }

  934.       }else{

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

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

  937.             this.$toast({

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

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

  940.               duration:"1000",

  941.               onClose:function(){

  942.               }

  943.             })

  944.             return;

  945.           }

  946.         }else{

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

  948.             this.$toast({

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

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

  951.               duration:"1000",

  952.               onClose:function(){

  953.               }

  954.             })

  955.             return;

  956.           }

  957.         }

  958.       }

  959. 

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

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

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

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

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

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

  966.       //   }else{

  967.       //     this.$toast({

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

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

  970.       //       duration:"1000",

  971.       //     })

  972.       //   }

  973.       // }else{

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

  975.       //     this.price-=1

  976.       //   }else{

  977.       //     this.$toast({

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

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

  980.       //       duration:"1000",

  981.       //     })

  982.       //   }

  983.       // }

  984.     },

  985.     timerChange(value){

  986.       let d = value.days;

  987.       let h = value.hours;

  988.       let m = value.minutes;

  989.       let s = value.seconds;

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

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

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

  993. 

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

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

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

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

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

  999.           if (timeNew > 0) {

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

  1001.             this.getTime();

  1002.           } else {

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

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

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

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

  1007.             this.time = 0

  1008.             this.isSignup = true

  1009.             this.showBtn = false

  1010.             this.biddingTimeType = 2;

  1011.             return;

  1012.           }

  1013.         });

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

  1015. 

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

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

  1018.         // console.log(time)

  1019.         // this.getTime();

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

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

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

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

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

  1025.               this.time = null;

  1026.             }

  1027.             this.detail.biddingStopTime = response.data

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

  1029.             this.delayPeriodNow = true;

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

  1031.           });

  1032.         }

  1033.       }

  1034. 

  1035.     },

  1036.     TimeInterval(timestamp) {

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

  1038.       // 总秒数

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

  1040.       // 天数

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

  1042.       // 小时

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

  1044.       // 分钟

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

  1046.       // 秒

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

  1048. 

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

  1050. 

  1051.     },

  1052.   },

  1053.   destroyed () {

  1054.     console.log('bbbbbbbbbb')

  1055.     clearInterval(this.timer);

  1056.     clearInterval(this.timeCount);

  1057.   },

  1058.   beforeDestory() {

  1059.     clearInterval(this.timer)

  1060.     clearInterval(this.timeCount);

  1061.   },

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

  1063.   beforeRouteLeave(to, from, next) {

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

  1065.     clearInterval(this.timer)

  1066.     clearInterval(this.timeCount);

  1067.     this.time = null;

  1068.     next()

  1069.   }

  1070. };

  1071. </script>

  1072. 

  1073. <style scoped lang="scss">

  1074. .app-container {

  1075. }

  1076. 

  1077. .van-count-down{

  1078.   display: inline-block;

  1079.   color: #fff;

  1080. }

  1081. .custom-indicator {

  1082.   position: absolute;

  1083.   right: 20px;

  1084.   bottom: 20px;

  1085.   padding: 0px 20px;

  1086.   font-size: 12px;

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

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

  1089.   color: #FFF;

  1090.   border-radius: 20px;

  1091.   line-height: 0.5rem;

  1092. }

  1093. .title{

  1094.   font-size: 0.45rem;

  1095.   margin-bottom: 10PX;

  1096. }

  1097. .my-swipe{

  1098.   width: 100%;

  1099. }

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

  1101.   width: 100%;

  1102. }

  1103. .information{

  1104.   background-color: #FFF;

  1105.   margin-top: 0.3rem;

  1106.   padding: 0.4rem 0.5rem;

  1107. }

  1108. .van-row{

  1109.   line-height: 0.7rem;

  1110. }

  1111. .price{

  1112.   color: #C21F3A;

  1113. }

  1114. .price span{

  1115.   font-size: 0.5rem;

  1116.   font-weight: bold;

  1117. }

  1118. .money{

  1119.   color: #C21F3A;

  1120. }

  1121. .money span{

  1122.   font-size: 0.5rem;

  1123.   font-weight: bold;

  1124. }

  1125. .van-count-down{

  1126.   line-height: 0.7rem;

  1127. }

  1128. .lead{

  1129.   background-color: #FFF;

  1130.   margin-top: 0.3rem;

  1131.   padding: 0.1rem 0.5rem;

  1132.   color: #C21F3A;

  1133. }

  1134. .detail{

  1135.   background-color: #FFF;

  1136.   margin-top: 0.3rem;

  1137.   padding: 0.2rem 0.5rem;

  1138. }

  1139. .detail span{

  1140.   color: #8A8A8A;

  1141. }

  1142. .delTitle{

  1143.   font-size: 0.4rem;

  1144.   color: #007E72;

  1145.   padding: 0.2rem 0.5rem;

  1146. }

  1147. .introduce{

  1148.   padding: 0.2rem 0.5rem 0.5rem;

  1149.   background-color: #FFF;

  1150. }

  1151. .introduce span{

  1152.   color: #8A8A8A;

  1153.   margin-right: 20px;

  1154. }

  1155. .project_info{

  1156.   border: 1px solid #DCDCDC;

  1157.   padding: 0px 20px;

  1158.   margin-top: 10px;

  1159.   border-radius: 10px;

  1160. }

  1161. .notice{

  1162.   padding: 0.5rem;

  1163.   background-color: #FFF;

  1164. }

  1165. .notice p{

  1166.   line-height: 0.7rem;

  1167. }

  1168. .biddingList{

  1169.   padding: 0.5rem;

  1170.   background-color: #FFF;

  1171.   margin-bottom: 0.4rem;

  1172. }

  1173. .biddingList table{

  1174.   text-align: center;

  1175. }

  1176. .biddingList table td{

  1177.   text-align: center;

  1178.   padding: 10px 0px;

  1179. }

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

  1181.   background-color: #007E72;

  1182.   color: #FFF;

  1183. }

  1184. .bottomBtn{

  1185.   padding: 0.2rem 0.2rem;

  1186.   background-color: #FFF;

  1187.   position: fixed;

  1188.   bottom: 0;

  1189.   width: 100%;

  1190. }

  1191.   .popup{

  1192.     text-align: center;

  1193.     padding: 0.5rem;

  1194.     border-radius: 20px;

  1195.     width: 70%;

  1196.     padding-top: 1.5rem;

  1197.   }

  1198.   .popupTit{

  1199.     color: #007E72;

  1200.     font-size: 0.4rem;

  1201.     line-height: 0.9rem;

  1202.   }

  1203.   .popupContent{

  1204.     color: #666666;

  1205.   }

  1206.   .iKnow{

  1207.     margin-top: 1rem;

  1208.   }

  1209.   .updatePopup{

  1210.     color: #007E72;

  1211.     margin-top: 0.5rem;

  1212.   }

  1213. </style>