zhangzl
/
nsgk_mobile
2
0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
移动端
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
1529 Commits
7 Branches
79 MiB
 
 
Struktur: 0d5c63fdc9
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „0d5c63fdc9“
${ noResults }
nsgk_mobile/src/views/project/projectDetail.vue

1189 Zeilen
42 KiB
Originalformat Blame Verlauf 

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

  42.           <van-row >

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

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

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

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

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

  48.               <van-col span="9">{{biddinglistInformation[0].createTime}}</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 v-if="detail.delayPeriod!=0">(含延期)</span>：</span>{{ detail.biddingStopTime }}</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="12"><span>经济类型</span>{{ detail.economicType }}</van-col>

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

  97.           </van-row>

  98.           <van-row>

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

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

  101.           </van-row>

  102.           <van-row>

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

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

  105.           </van-row>

  106.           <van-row>

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

  108.           </van-row>

  109.           <van-row>

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

  111.           </van-row>

  112. <!--          <van-row>-->

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

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

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

  116.           <van-row>

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

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

  119.           </van-row>

  120.           <van-row>

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

  122.           </van-row>

  123.           <van-row>

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

  125.           </van-row>

  126. 

  127.           <van-row>

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

  129.           </van-row>

  130.           <van-row>

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

  132.           </van-row>

  133.           <van-row>

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

  135.           </van-row>

  136.           <van-row>

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

  138.           </van-row>

  139.           <van-row>

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

  141.           </van-row>

  142. 

  143. 

  144.           <van-row>

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

  146.           </van-row>

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

  148.             <van-row>

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

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

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

  152.             </van-row>

  153.           </div>

  154.         </div>

  155.       </van-tab>

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

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

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

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

  160.         </template>

  161.         <template v-else>

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

  163.         </template>

  164.       </van-tab>

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

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

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

  168.         </div>

  169.       </van-tab>

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

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

  172.         <div class="biddingList">

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

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

  175.             <tr>

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

  177.               <td>出价</td>

  178.               <td>状态</td>

  179.               <td>时间</td>

  180.             </tr>

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

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

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

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

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

  186.               </template>

  187.               <template v-else>

  188.                 <td></td>

  189.               </template>

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

  191.             </tr>

  192.           </table>

  193.         </div>

  194.       </van-tab>

  195.     </van-tabs>

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

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

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

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

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

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

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

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

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

  205.             {{ btnMsg }}<br/>

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

  207.           </van-button>

  208.         </van-col>

  209.       </van-row>

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

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

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

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

  214.         </van-col>

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

  216. 

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

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

  219.               <p>出价</p>

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

  221.             </van-button>

  222. 

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

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

  225.             </van-button>

  226.           </div>

  227.         </van-col>

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

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

  230.         </van-col>

  231.       </van-row>

  232.     </div>

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

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

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

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

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

  238.         我知道了

  239.       </van-button>

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

  241.     </van-popup>

  242.   </div>

  243. </template>

  244. 

  245. <script>

  246.   import {

  247.     biddingSubmit,

  248.     getBiddingList, getBiddingStopTime,

  249.     getMember,

  250.     getOutProjectDetail,

  251.     getSignup,

  252.     getWebConfig,

  253.     projectNewBidMoney

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

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

  256. import $ from "jquery";

  257. 

  258. export default {

  259.   name: "projectDetail",

  260.   provide(){

  261.     return{

  262.       reload:this.reload

  263.     }

  264.   },

  265.   data() {

  266.     return {

  267.       current: 0,

  268.       show: false,

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

  270.       detail: {

  271.         biddingType:'自由竞价'

  272.       },

  273.       webConfig:"",

  274.       biddinglistInformation:[],

  275.       rollout_type:[],

  276.       process:"",

  277.       tip:"",

  278.       btnMsg:"",

  279.       time:null,

  280.       timeMsg:"",

  281.       isSignup:true,

  282.       showBtn:false,

  283.       price:null,

  284.       userAccount:"",

  285.       userName:"",

  286.       userId:"",

  287.       timeConfig:'',

  288.       biddinglistInformationLength:0,

  289.       biddingTimeType:1,

  290.       isFirst:'',

  291.       timer:null,

  292.       getSignupData:'',

  293.       bottomBtn:false,

  294.       delayPeriodNow:false,

  295.       nowDate:0,

  296.       biddingquery:{

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

  298.         pageSize:10,

  299.         pageNum:1

  300.       },

  301.       timeData:'',

  302.       timeCount:null

  303.     };

  304.   },

  305.   computed: {

  306.     getNowFormatDate:function(){

  307.       let date = new Date();

  308.       let seperator1 = "-";

  309.       let seperator2 = ":";

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

  311.       let day = date.getDate();

  312.       let hours = date.getHours();

  313.       let minutes = date.getMinutes();

  314.       let seconds = date.getSeconds();

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

  316.         month = "0" + month;

  317.       }

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

  319.         day = "0" + day;

  320.       }

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

  322.         hours = "0" + hours;

  323.       }

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

  325.         minutes = "0" + minutes;

  326.       }

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

  328.         seconds = "0" + seconds;

  329.       }

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

  331.       //console.log(currentdate)

  332.       return currentdate;

  333.     }

  334.   },

  335.   created() {

  336.     clearInterval(this.timer);

  337.     this.reload();

  338.   },

  339.   methods: {

  340.     goSignUp(){

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

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

  343.           let data= {

  344.             projectId:this.id,

  345.             memberId:resresponse.data.id,

  346.           };

  347.           var isSign;

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

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

  350.               isSign=true

  351.             }

  352.           })

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

  354.             if (isSign){

  355.               this.$toast({

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

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

  358.                 duration:"2000",

  359.                 onClose:function(){

  360.                 }

  361.               })

  362.               return;

  363.             }

  364.             this.$router.push(

  365.               {

  366.                 path: 'signUp',

  367.                 query: {

  368.                   projectId: this.detail.id,

  369.                   deposit: this.detail.deposit,

  370.                   projectName: this.detail.projectName

  371.                 }

  372.               }

  373.             );

  374.           }else{

  375.             this.$toast({

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

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

  378.               duration:"2000",

  379.               onClose:function(){

  380.               }

  381.             })

  382.           }

  383.         })

  384.       })

  385.     },

  386.     onChange(index) {

  387.       this.current = index;

  388.     },

  389.     showPopup() {

  390.       this.show = true;

  391.     },

  392.     reload(){

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

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

  395.         this.detail=response.data

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

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

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

  399.             this.detail.oneout = "无"

  400.           }else{

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

  402.           }

  403.         })

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

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

  406.         });

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

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

  409.         });

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

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

  412.         });

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

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

  415.         });

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

  417.           // debugger;

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

  419.         });

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

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

  422.         });

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

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

  425.         });

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

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

  428.         });

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

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

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

  432.           });

  433.         }

  434. 

  435.         var that = this;

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

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

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

  439.               that.biddinglistInformation = response.rows

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

  441. 

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

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

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

  445.                   }

  446.                 }else{

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

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

  449.                   }

  450.                 }

  451.               }

  452.               that.biddinglistInformationLength = response.total

  453.             });

  454.           }

  455.         },3000)

  456. 

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

  458.           this.userId=response.user.userId

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

  460.             this.userAccount=res.data.phone

  461.             this.userName=res.data.realname

  462.             this.memberId=res.data.id

  463.             let data= {

  464.               projectId:this.id,

  465.               memberId:res.data.id,

  466.               depositStatus:'1'

  467.             };

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

  469.               this.getSignupData = r.data;

  470.               this.isFirst = r.signup.isFirst;

  471. 

  472.               this.getBidding();

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

  474.                 this.getTime()

  475.               },1000)

  476.               this.bottomBtn = true;

  477.             })

  478.           })

  479.         })

  480.       });

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

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

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

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

  485.             this.webConfig =  item.configValue

  486.           }

  487.         })

  488.       });

  489.     },

  490.     getTime(){

  491.       this.bottomBtn = true;

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

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

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

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

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

  497. 

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

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

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

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

  502. 

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

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

  505. 

  506. 

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

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

  509.         this.biddingTimeType = 1;

  510.         this.process= "竞价中"

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

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

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

  514.           this.isSignup=true

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

  516.           this.showBtn=true

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

  518.         }else{

  519.           this.btnMsg="未报名"

  520.           this.isSignup=true

  521.         }

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

  523. 

  524.         if (s < 2 && m < 1){

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

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

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

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

  529.             if (timeNew > 0) {

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

  531.               this.getTime();

  532.             } else {

  533.               clearInterval(this.timeCount);

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

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

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

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

  538.               this.time = 0

  539.               this.isSignup = true

  540.               this.showBtn = false

  541.               this.biddingTimeType = 2;

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

  543.               return;

  544.             }

  545.           });

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

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

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

  549.             });

  550.         }

  551.       }else{

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

  553.       }

  554.     },

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

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

  557.       if(signupStartTime>nowDate){

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

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

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

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

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

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

  564.         // this.timeData = ;

  565.         this.isSignup=true

  566.       }

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

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

  569.         this.process= "报名中"

  570.         this.isSignup=false

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

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

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

  574.         // this.time = signupStopTime-nowDate

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

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

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

  578.           this.isSignup=true

  579.           this.btnMsg="已报名"

  580.         }

  581.       }

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

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

  584.         this.biddingTimeType = 3;

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

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

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

  588.         // this.time = biddingStartTime-nowDate

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

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

  591.         this.isSignup=true;

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

  593.           this.btnMsg="已报名"

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

  595.         }else{

  596.           this.btnMsg="未报名"

  597.         }

  598.       }

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

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

  601.         this.biddingTimeType = 1;

  602.         this.process= "竞价中"

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

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

  605.         // this.time = biddingStopTime-nowDate

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

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

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

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

  610.           this.isSignup=true

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

  612.           this.showBtn=true

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

  614.         }else{

  615.           this.btnMsg="未报名"

  616.           this.isSignup=true

  617.         }

  618.       }

  619.       if(nowDate>biddingStopTime){

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

  621.         clearInterval(this.timeCount);

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

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

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

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

  626.         this.time = 0

  627.         this.isSignup = true

  628.         this.showBtn=false

  629.         this.biddingTimeType = 2;

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

  631.         // this.timeData = ''

  632.       }

  633.     },

  634. 

  635.   getBidding(){

  636.     var that = this;

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

  638.       that.biddinglistInformation = response.rows

  639.       that.biddinglistInformationLength = response.total

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

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

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

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

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

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

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

  647.             }

  648.           }else{

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

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

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

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

  653.             }

  654.           }

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

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

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

  658.         }else{

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

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

  661.           }else{

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

  663.           }

  664.         }

  665.       }

  666. 

  667. 

  668.     });

  669.   },

  670. 

  671.     offerFirst(){

  672.       let newMoney;

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

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

  675.           newMoney = response.data;

  676.         }else{

  677.           newMoney = this.detail.price;

  678.         }

  679. 

  680.         let data= {

  681.           projectId:this.id,

  682.           memberId:this.memberId,

  683.           userId:this.userId,

  684.           userAccount:this.userAccount,

  685.           userName:this.userName,

  686.           money:parseFloat(newMoney),

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

  688.         };

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

  690.           let _this = this

  691.           if(response){

  692.             this.$toast({

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

  694.               message: '出价成功',

  695.               duration:"1000",

  696.               onClose:function(){

  697.                 clearInterval(this.timer);

  698.                 // _this.reload()

  699.                 _this.getBidding();

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

  701.                   _this.time = null;

  702.                 }

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

  704.                   _this.price = null;

  705.                 }

  706.               }

  707.             })

  708. 

  709.           }

  710.         })

  711. 

  712.       });

  713.     },

  714. 

  715.     offer(){

  716.       let newMoney;

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

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

  719.           newMoney = response.data;

  720.         }else{

  721.           newMoney = this.detail.price;

  722.         }

  723. 

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

  725.           this.$toast({

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

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

  728.             duration:"1000",

  729.             onClose:function(){

  730.             }

  731.           })

  732.           return;

  733.         }

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

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

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

  737.               this.$toast({

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

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

  740.                 duration:"1000",

  741.                 onClose:function(){

  742.                 }

  743.               })

  744.               return;

  745.             }else{

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

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

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

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

  750.                     this.$toast({

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

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

  753.                       duration:"1000",

  754.                       onClose:function(){

  755.                       }

  756.                     })

  757.                     return;

  758.                   }

  759.                 }

  760.               }

  761.             }

  762. 

  763.         }else{

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

  765.             this.$toast({

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

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

  768.               duration:"1000",

  769.               onClose:function(){

  770.               }

  771.             })

  772.             return;

  773.           }else{

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

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

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

  777.                 //console.log(newMoney)

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

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

  780.                   this.$toast({

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

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

  783.                     duration:"1000",

  784.                     onClose:function(){

  785.                     }

  786.                   })

  787.                   return;

  788.                 }

  789.               }

  790.             }

  791.           }

  792.         }

  793.         let data= {

  794.           projectId:this.id,

  795.           memberId:this.memberId,

  796.           userId:this.userId,

  797.           userAccount:this.userAccount,

  798.           userName:this.userName,

  799.           money:parseFloat(this.price),

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

  801.         };

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

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

  804.           let _this = this

  805.           if(response){

  806.             // clearInterval(this.timer);

  807.             this.$toast({

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

  809.               message: '出价成功',

  810.               duration:"1000",

  811.               onClose:function(){

  812.                 clearInterval(this.timer);

  813.                 // _this.reload()

  814.                 _this.getBidding();

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

  816.                   _this.time = null;

  817.                 }

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

  819.                   _this.price = null;

  820.                 }else{

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

  822.                 }

  823.               }

  824.             })

  825.           }

  826.         })

  827.       });

  828.     },

  829.     add(){

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

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

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

  833.             this.$toast({

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

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

  836.               duration:"1000",

  837.               onClose:function(){

  838.               }

  839.             })

  840.             return;

  841.           }

  842.         }else{

  843. 

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

  845.             this.$toast({

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

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

  848.               duration:"1000",

  849.               onClose:function(){

  850.               }

  851.             })

  852.             return;

  853.           }

  854.         }

  855.       }else{

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

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

  858.             this.$toast({

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

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

  861.               duration:"1000",

  862.               onClose:function(){

  863.               }

  864.             })

  865.             return;

  866.           }

  867.         }else{

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

  869.             this.$toast({

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

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

  872.               duration:"1000",

  873.               onClose:function(){

  874.               }

  875.             })

  876.             return;

  877.           }

  878.         }

  879.       }

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

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

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

  883.     },

  884.     sub(){

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

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

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

  888.             this.$toast({

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

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

  891.               duration:"1000",

  892.               onClose:function(){

  893.               }

  894.             })

  895.             return;

  896.           }

  897.         }else{

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

  899.             this.$toast({

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

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

  902.               duration:"1000",

  903.               onClose:function(){

  904.               }

  905.             })

  906.             return;

  907.           }

  908.         }

  909.       }else{

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

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

  912.             this.$toast({

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

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

  915.               duration:"1000",

  916.               onClose:function(){

  917.               }

  918.             })

  919.             return;

  920.           }

  921.         }else{

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

  923.             this.$toast({

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

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

  926.               duration:"1000",

  927.               onClose:function(){

  928.               }

  929.             })

  930.             return;

  931.           }

  932.         }

  933.       }

  934. 

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

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

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

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

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

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

  941.       //   }else{

  942.       //     this.$toast({

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

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

  945.       //       duration:"1000",

  946.       //     })

  947.       //   }

  948.       // }else{

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

  950.       //     this.price-=1

  951.       //   }else{

  952.       //     this.$toast({

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

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

  955.       //       duration:"1000",

  956.       //     })

  957.       //   }

  958.       // }

  959.     },

  960.     timerChange(value){

  961.       let d = value.days;

  962.       let h = value.hours;

  963.       let m = value.minutes;

  964.       let s = value.seconds;

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

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

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

  968. 

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

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

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

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

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

  974.           if (timeNew > 0) {

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

  976.             this.getTime();

  977.           } else {

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

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

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

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

  982.             this.time = 0

  983.             this.isSignup = true

  984.             this.showBtn = false

  985.             this.biddingTimeType = 2;

  986.             return;

  987.           }

  988.         });

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

  990. 

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

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

  993.         // console.log(time)

  994.         // this.getTime();

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

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

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

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

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

  1000.               this.time = null;

  1001.             }

  1002.             this.detail.biddingStopTime = response.data

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

  1004.             this.delayPeriodNow = true;

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

  1006.           });

  1007.         }

  1008.       }

  1009. 

  1010.     },

  1011.     TimeInterval(timestamp) {

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

  1013.       // 总秒数

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

  1015.       // 天数

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

  1017.       // 小时

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

  1019.       // 分钟

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

  1021.       // 秒

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

  1023. 

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

  1025. 

  1026.     },

  1027.   },

  1028.   destroyed () {

  1029.     console.log('bbbbbbbbbb')

  1030.     clearInterval(this.timer);

  1031.     clearInterval(this.timeCount);

  1032.   },

  1033.   beforeDestory() {

  1034.     clearInterval(this.timer)

  1035.     clearInterval(this.timeCount);

  1036.   },

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

  1038.   beforeRouteLeave(to, from, next) {

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

  1040.     clearInterval(this.timer)

  1041.     clearInterval(this.timeCount);

  1042.     this.time = null;

  1043.     next()

  1044.   }

  1045. };

  1046. </script>

  1047. 

  1048. <style scoped lang="scss">

  1049. .app-container {

  1050. }

  1051. 

  1052. .van-count-down{

  1053.   display: inline-block;

  1054.   color: #fff;

  1055. }

  1056. .custom-indicator {

  1057.   position: absolute;

  1058.   right: 20px;

  1059.   bottom: 20px;

  1060.   padding: 0px 20px;

  1061.   font-size: 12px;

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

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

  1064.   color: #FFF;

  1065.   border-radius: 20px;

  1066.   line-height: 0.5rem;

  1067. }

  1068. .title{

  1069.   font-size: 0.45rem;

  1070.   margin-bottom: 10PX;

  1071. }

  1072. .my-swipe{

  1073.   width: 100%;

  1074. }

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

  1076.   width: 100%;

  1077. }

  1078. .information{

  1079.   background-color: #FFF;

  1080.   margin-top: 0.3rem;

  1081.   padding: 0.4rem 0.5rem;

  1082. }

  1083. .van-row{

  1084.   line-height: 0.7rem;

  1085. }

  1086. .price{

  1087.   color: #C21F3A;

  1088. }

  1089. .price span{

  1090.   font-size: 0.5rem;

  1091.   font-weight: bold;

  1092. }

  1093. .money{

  1094.   color: #C21F3A;

  1095. }

  1096. .money span{

  1097.   font-size: 0.5rem;

  1098.   font-weight: bold;

  1099. }

  1100. .van-count-down{

  1101.   line-height: 0.7rem;

  1102. }

  1103. .lead{

  1104.   background-color: #FFF;

  1105.   margin-top: 0.3rem;

  1106.   padding: 0.1rem 0.5rem;

  1107.   color: #C21F3A;

  1108. }

  1109. .detail{

  1110.   background-color: #FFF;

  1111.   margin-top: 0.3rem;

  1112.   padding: 0.2rem 0.5rem;

  1113. }

  1114. .detail span{

  1115.   color: #8A8A8A;

  1116. }

  1117. .delTitle{

  1118.   font-size: 0.4rem;

  1119.   color: #007E72;

  1120.   padding: 0.2rem 0.5rem;

  1121. }

  1122. .introduce{

  1123.   padding: 0.2rem 0.5rem 0.5rem;

  1124.   background-color: #FFF;

  1125. }

  1126. .introduce span{

  1127.   color: #8A8A8A;

  1128.   margin-right: 20px;

  1129. }

  1130. .project_info{

  1131.   border: 1px solid #DCDCDC;

  1132.   padding: 0px 20px;

  1133.   margin-top: 10px;

  1134.   border-radius: 10px;

  1135. }

  1136. .notice{

  1137.   padding: 0.5rem;

  1138.   background-color: #FFF;

  1139. }

  1140. .notice p{

  1141.   line-height: 0.7rem;

  1142. }

  1143. .biddingList{

  1144.   padding: 0.5rem;

  1145.   background-color: #FFF;

  1146.   margin-bottom: 0.4rem;

  1147. }

  1148. .biddingList table{

  1149.   text-align: center;

  1150. }

  1151. .biddingList table td{

  1152.   text-align: center;

  1153.   padding: 10px 0px;

  1154. }

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

  1156.   background-color: #007E72;

  1157.   color: #FFF;

  1158. }

  1159. .bottomBtn{

  1160.   padding: 0.2rem 0.5rem;

  1161.   background-color: #FFF;

  1162.   position: fixed;

  1163.   bottom: 0;

  1164.   width: 100%;

  1165. }

  1166.   .popup{

  1167.     text-align: center;

  1168.     padding: 0.5rem;

  1169.     border-radius: 20px;

  1170.     width: 70%;

  1171.     padding-top: 1.5rem;

  1172.   }

  1173.   .popupTit{

  1174.     color: #007E72;

  1175.     font-size: 0.4rem;

  1176.     line-height: 0.9rem;

  1177.   }

  1178.   .popupContent{

  1179.     color: #666666;

  1180.   }

  1181.   .iKnow{

  1182.     margin-top: 1rem;

  1183.   }

  1184.   .updatePopup{

  1185.     color: #007E72;

  1186.     margin-top: 0.5rem;

  1187.   }

  1188. </style>