移动端
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

777 righe
26 KiB

  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?global.severApi+item.fileUrl:'../../static/images/zwtp.jpg'" height="235" /></van-swipe-item>
  15. </template>
  16. <template v-else>
  17. <van-swipe-item><van-image src="../../static/images/zwtp.jpg" height="235" /></van-swipe-item>
  18. </template>
  19. <template #indicator>
  20. <div class="custom-indicator">{{ current + 1 }}/{{ detail.fileUrlList !== undefined &&detail.fileUrlList.length>0 ? detail.fileUrlList.length:1 }}</div>
  21. </template>
  22. </van-swipe>
  23. <van-notice-bar color="#fff" background="#007E72" left-icon="clock-o">
  24. {{ process }}&nbsp&nbsp&nbsp&nbsp{{tip}}
  25. </van-notice-bar>
  26. <div class="information">
  27. <van-row>
  28. <van-col span="24" class="title">【{{ detail.rollout }}】{{ detail.projectName }}</van-col>
  29. </van-row>
  30. <van-row>
  31. <van-col span="5">{{ process }}</van-col>
  32. <van-col span="19"><van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒" /></van-col>
  33. </van-row>
  34. <van-row>
  35. <van-col span="5">挂牌价</van-col>
  36. <van-col span="19" class="price"><span>{{detail.price}}</span> 元/亩/年</van-col>
  37. </van-row>
  38. <van-row>
  39. <van-col span="5">保证金</van-col>
  40. <van-col span="19" class="money"><span>{{ detail.deposit }}</span> 元</van-col>
  41. </van-row>
  42. </div>
  43. <div class="lead">
  44. <van-row >
  45. <van-col span="2"><van-image src="../../static/images/icon/phone.png" style="vertical-align: text-top;" /></van-col>
  46. <template v-if="biddinglistInformation!=undefined&&biddinglistInformation.length>0">
  47. <van-col span="5">{{biddinglistInformation[0].userName}}</van-col>
  48. <van-col span="4">{{biddinglistInformation[0].money}}元</van-col>
  49. <van-col span="4">领先</van-col>
  50. <van-col span="9">{{biddinglistInformation[0].createTime}}</van-col>
  51. </template>
  52. </van-row>
  53. </div>
  54. <div class="detail">
  55. <van-row>
  56. <van-col span="24"><span>报名开始时间:</span>{{ detail.signupStartTime }}</van-col>
  57. </van-row>
  58. <van-row>
  59. <van-col span="24"><span>报名截止时间:</span>{{ detail.signupStopTime }}</van-col>
  60. </van-row>
  61. <van-row>
  62. <van-col span="24"><span>竞价开始时间:</span>{{ detail.biddingStartTime }}</van-col>
  63. </van-row>
  64. <van-row>
  65. <van-col span="24"><span>竞价截止时间:</span>{{ detail.biddingStopTime }}</van-col>
  66. </van-row>
  67. <van-row>
  68. <van-col span="24"><span>竞价方式:</span>{{ detail.biddingType }}</van-col>
  69. </van-row>
  70. <van-row>
  71. <van-col span="24"><span>竞价方向:</span>{{ detail.biddingDirect }}</van-col>
  72. </van-row>
  73. <van-row v-if="detail.ladderPrice">
  74. <van-col span="24"><span>阶梯价(加价幅度):</span>{{ detail.ladderPrice }}</van-col>
  75. </van-row>
  76. <van-row>
  77. <van-col span="24"><span>延时周期:</span>2分钟<van-icon name="question" size="15" style="top: 3px;left: 5px;" color="#CDCDCD"/></van-col>
  78. </van-row>
  79. </div>
  80. </van-tab>
  81. <van-tab title="标的物介绍" title-style="font-size:12px;">
  82. <p class="delTitle">标的物介绍</p>
  83. <div class="introduce">
  84. <van-row>
  85. <van-col span="24" style="color:#8A8A8A;font-size: 0.4rem;">项目挂牌转出方简况及公告内容</van-col>
  86. </van-row>
  87. <van-row>
  88. <van-col span="24"><span>转出方名称</span>{{ detail.outName }}</van-col>
  89. </van-row>
  90. <van-row>
  91. <van-col span="24"><span>住址(地址)</span>{{ detail.address }}</van-col>
  92. </van-row>
  93. <van-row>
  94. <van-col span="14"><span>经济类型</span>{{ detail.economicType }}</van-col>
  95. <van-col span="10"><span>注册账号</span>{{ detail.registerNum }}</van-col>
  96. </van-row>
  97. <van-row>
  98. <van-col span="24"><span>注册资本(万元)</span>{{ detail.registerMoney }}</van-col>
  99. </van-row>
  100. <van-row>
  101. <van-col span="24"><span>组织机构代码证号</span>{{ detail.areaNum }}</van-col>
  102. </van-row>
  103. <van-row>
  104. <van-col span="24"><span>法定代表人/负责人</span>{{ detail.legalPerson }}</van-col>
  105. </van-row>
  106. <van-row>
  107. <van-col span="24"><span>身份证号</span>{{ detail.idCardNum }}</van-col>
  108. </van-row>
  109. <van-row>
  110. <van-col span="24"><span>联系电话</span>{{ detail.phone }}</van-col>
  111. </van-row>
  112. <van-row>
  113. <van-col span="24"><span>电子邮箱</span>{{ detail.email }}</van-col>
  114. </van-row>
  115. <van-row>
  116. <van-col span="14"><span>项目类型</span>{{ detail.projectNumber }}</van-col>
  117. <van-col span="10"><span>农地性质</span>{{ detail.projectType }}</van-col>
  118. </van-row>
  119. <van-row>
  120. <van-col span="24"><span>转出项目名称</span>{{ detail.projectName }}</van-col>
  121. </van-row>
  122. <van-row>
  123. <van-col span="24"><span>坐落</span>{{ detail.locationName }}</van-col>
  124. </van-row>
  125. <van-row>
  126. <van-col span="14"><span>是否属再次转出</span>{{ detail.twoout == 'N'?"否":"是"}}</van-col>
  127. <van-col span="10"><span>前次转出方式</span>{{ detail.oneout}}</van-col>
  128. </van-row>
  129. <van-row>
  130. <van-col span="14"><span>拟转出方式</span>{{ detail.rollout }}</van-col>
  131. <van-col span="10"><span>拟转出面积/数量</span> {{detail.allCount}}{{detail.allCountUnit}} </van-col>
  132. </van-row>
  133. <van-row>
  134. <van-col span="24"><span>拟转出期限</span>{{detail.outStartTime}} 至 {{detail.outStopTime}}&nbsp&nbsp&nbsp&nbsp&nbsp共{{detail.outYearNum}}年</van-col>
  135. </van-row>
  136. <van-row>
  137. <van-col span="24"><span>涉及农户数</span>{{ detail.peasantNum }}</van-col>
  138. </van-row>
  139. <van-row>
  140. <van-col span="24" style="color:#007E72;">标的物信息</van-col>
  141. </van-row>
  142. <div class="project_info" v-for="(item,index) in detail.subjectList" :key="index">
  143. <van-row>
  144. <van-col span="14"><span>标的物名称</span>{{ item.landName }}</van-col>
  145. <van-col span="10"><span>面积/数量</span>{{ item.area }}{{item.areaUnit}}</van-col>
  146. </van-row>
  147. <van-row>
  148. <van-col span="24"><span>{{ item.condition}}</span></van-col>
  149. </van-row>
  150. </div>
  151. </div>
  152. </van-tab>
  153. <van-tab title="标的物图片" title-style="font-size:12px;">
  154. <p class="delTitle">标的物图片</p>
  155. <template v-if="detail.fileUrlList !== undefined &&detail.fileUrlList.length>0">
  156. <van-image v-for="(item,index) in detail.fileUrlList" :key="index" :src="item.fileUrl?''+item.fileUrl:'../../static/images/index/detailImg.png'" style="vertical-align: text-top;" />
  157. </template>
  158. <template v-else>
  159. <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
  160. </template>
  161. </van-tab>
  162. <van-tab title="竞买须知" title-style="font-size:12px;">
  163. <p class="delTitle">竞买须知</p>
  164. <div class="notice" v-html="webConfig">
  165. </div>
  166. </van-tab>
  167. <van-tab title="竞价记录" title-style="font-size:12px;">
  168. <p class="delTitle">竞价记录</p>
  169. <div class="biddingList">
  170. <table width="100%" cellspacing="0">
  171. <tr>
  172. <td>出价人账号</td>
  173. <td>姓名</td>
  174. <td>出价价格</td>
  175. <td>状态</td>
  176. <td>出价时间</td>
  177. </tr>
  178. <tr v-for="(item,index) in biddinglistInformation" :key="index">
  179. <td>{{ item.userAccount }}</td>
  180. <td>{{ item.userName }}</td>
  181. <td>{{ item.money}}</td>
  182. <template v-if="index==0">
  183. <td style="color:#C21F3A">领先</td>
  184. </template>
  185. <template v-else>
  186. <td></td>
  187. </template>
  188. <td>{{ item.createTime }}</td>
  189. </tr>
  190. </table>
  191. </div>
  192. </van-tab>
  193. </van-tabs>
  194. <div style="height: 3rem;"></div>
  195. <div class="bottomBtn" v-if="">
  196. <van-row v-if="!showBtn">
  197. <van-col span="8" style="margin-top: 4px;" @click="showPopup">
  198. <van-image src="../../static/images/icon/clock.png" style="vertical-align: text-bottom;" />
  199. <p style="line-height: 0.2rem;color: #999999">提醒</p>
  200. </van-col>
  201. <van-col span="16">
  202. <van-button round color="#C21F3A" block :disabled="isSignup" :to="{path:'signUp',query:{projectId:detail.id,deposit:detail.deposit,projectName:detail.projectName}}">
  203. {{ btnMsg }}<br/>
  204. <span style="font-size: 10px">保证金¥{{detail.deposit}}</span>
  205. </van-button>
  206. </van-col>
  207. </van-row>
  208. <van-field v-if="showBtn&&!detail.ladderPrice" v-model="price" type="number" input-align="center" placeholder="请输入出价金额" />
  209. <van-row v-if="showBtn" type="flex" justify="space-around">
  210. <van-col span="4" v-if="detail.ladderPrice" style="text-align: center;line-height: 1rem">
  211. <van-button color="#e2e2e2" icon="minus" size="small" @click="sub"></van-button>
  212. </van-col>
  213. <van-col span="16">
  214. <van-button round color="#C21F3A" block @click="offer">
  215. <p>出价</p>
  216. <p v-if="detail.ladderPrice">{{price}}元</p>
  217. </van-button>
  218. </van-col>
  219. <van-col span="4" v-if="detail.ladderPrice" style="text-align: center;line-height: 1rem">
  220. <van-button color="#e2e2e2" icon="plus" size="small" @click="add"></van-button>
  221. </van-col>
  222. </van-row>
  223. </div>
  224. <van-popup v-model="show" class="popup" closeable>
  225. <van-image src="../../static/images/icon/success.png"/>
  226. <p class="popupTit">提醒设置成功</p>
  227. <p class="popupContent">系统将按要求提醒您竞拍</p>
  228. <van-button round color="#C21F3A" block class="iKnow">
  229. 我知道了
  230. </van-button>
  231. <p class="updatePopup">修改提醒方式</p>
  232. </van-popup>
  233. </div>
  234. </template>
  235. <script>
  236. import {
  237. biddingSubmit,
  238. getBiddingList,
  239. getMember,
  240. getOutProjectDetail,
  241. getSignup,
  242. getWebConfig
  243. } from "../../api/project";
  244. import {getInfo} from "../../api/login";
  245. export default {
  246. name: "projectDetail",
  247. provide(){
  248. return{
  249. reload:this.reload
  250. }
  251. },
  252. data() {
  253. return {
  254. current: 0,
  255. show: false,
  256. id:this.$route.query.id,
  257. detail: {},
  258. webConfig:"",
  259. biddinglistInformation:[],
  260. rollout_type:[],
  261. process:"",
  262. tip:"",
  263. btnMsg:"",
  264. time:0,
  265. timeMsg:"",
  266. isSignup:false,
  267. showBtn:false,
  268. price:null,
  269. userAccount:"",
  270. userName:"",
  271. userId:""
  272. };
  273. },
  274. computed: {
  275. getNowFormatDate:function(){
  276. let date = new Date();
  277. let seperator1 = "-";
  278. let seperator2 = ":";
  279. let month = date.getMonth() + 1;
  280. let day = date.getDate();
  281. let hours = date.getHours();
  282. let minutes = date.getMinutes();
  283. let seconds = date.getSeconds();
  284. if (month >= 1 && month <= 9) {
  285. month = "0" + month;
  286. }
  287. if (day >= 0 && day <= 9) {
  288. day = "0" + day;
  289. }
  290. if (hours >= 0 && hours <= 9) {
  291. hours = "0" + hours;
  292. }
  293. if (minutes >= 0 && minutes <= 9) {
  294. minutes = "0" + minutes;
  295. }
  296. if (seconds >= 0 && seconds <= 9) {
  297. seconds = "0" + seconds;
  298. }
  299. let currentdate = date.getFullYear() + seperator1 + month + seperator1 + day + " " + hours + seperator2 + minutes + seperator2 + seconds;
  300. console.log(currentdate)
  301. return currentdate;
  302. }
  303. },
  304. created() {
  305. this.reload();
  306. },
  307. methods: {
  308. onChange(index) {
  309. this.current = index;
  310. },
  311. showPopup() {
  312. this.show = true;
  313. },
  314. reload(){
  315. getOutProjectDetail(this.id).then(response =>{
  316. this.detail=response.data
  317. this.getDicts("rollout_type").then(res =>{
  318. this.detail.rollout = this.selectDictLabel(res.data,response.data.rollout);
  319. if(this.detail.oneout==0){
  320. this.detail.oneout = "无"
  321. }else{
  322. this.detail.oneout = this.selectDictLabel(res.data,response.data.oneout);
  323. }
  324. })
  325. this.getDicts("project_type").then(res => {
  326. this.detail.projectNumber = this.selectDictLabel(res.data,response.data.projectNumber);
  327. });
  328. this.getDicts("sub_object_type").then(res => {
  329. this.detail.projectType = this.selectDictLabel(res.data,response.data.projectType);
  330. });
  331. this.getDicts("economic_type").then(res => {
  332. this.detail.economicType = this.selectDictLabel(res.data,response.data.economicType);
  333. });
  334. this.getDicts("area_unit").then(res => {
  335. this.detail.allCountUnit = this.selectDictLabel(res.data,response.data.allCountUnit);
  336. });
  337. this.getDicts("bidding_type").then(res => {
  338. this.detail.biddingType = this.selectDictLabel(res.data,response.data.biddingType);
  339. });
  340. this.getDicts("bidding_direct").then(res => {
  341. this.detail.biddingDirect = this.selectDictLabel(res.data,response.data.biddingDirect);
  342. });
  343. for(let i of this.detail.subjectList){
  344. this.getDicts("area_unit").then(res => {
  345. i.areaUnit = this.selectDictLabel(res.data,i.areaUnit);
  346. });
  347. }
  348. let biddingStartTime = Date.parse(this.detail.biddingStartTime)+0
  349. let biddingStopTime = Date.parse(this.detail.biddingStopTime)+0
  350. let signupStartTime = Date.parse(this.detail.signupStartTime)+0
  351. let signupStopTime = Date.parse(this.detail.signupStopTime)+0
  352. let nowDate = Date.parse(new Date());
  353. console.log('竞价开始时间'+biddingStartTime)
  354. console.log('竞价截止时间'+biddingStopTime)
  355. console.log('报名开始时间'+signupStartTime)
  356. console.log('报名截止时间'+signupStopTime)
  357. console.log('当前时间'+nowDate)
  358. if(signupStartTime>nowDate){
  359. console.log('未开始')
  360. this.process= "报名未开始"
  361. this.tip=this.detail.signupStartTime+"开始报名"
  362. this.btnMsg="立即报名"
  363. this.timeMsg="距报名开始"
  364. this.time = signupStartTime-nowDate
  365. this.isSignup=true
  366. }
  367. if(signupStopTime>nowDate&&signupStopTime>signupStartTime){
  368. console.log('报名中')
  369. this.process= "报名中"
  370. this.tip=this.detail.signupStopTime+"报名截止"
  371. this.btnMsg="立即报名"
  372. this.timeMsg="距报名截止"
  373. this.time = signupStopTime-nowDate
  374. getInfo().then(response => {
  375. let _this = this
  376. getMember(response.user.userId).then(res => {
  377. console.log(res)
  378. let data= {
  379. projectId:this.id,
  380. memberId:res.data.id,
  381. };
  382. getSignup(data).then(r =>{
  383. if(r.data=="1"){
  384. _this.isSignup=true
  385. this.btnMsg="已报名"
  386. }
  387. })
  388. })
  389. })
  390. }
  391. if(biddingStartTime>nowDate&&nowDate>signupStopTime){
  392. console.log('竞价未开始')
  393. this.process= "竞价未开始"
  394. this.tip=this.detail.biddingStartTime+"开始竞价"
  395. this.timeMsg="距竞价开始"
  396. this.time = biddingStartTime-nowDate
  397. getInfo().then(response => {
  398. let _this = this
  399. getMember(response.user.userId).then(res => {
  400. let data= {
  401. projectId:this.id,
  402. memberId:res.data.id,
  403. };
  404. getSignup(data).then(r =>{
  405. if(r.data=="1"){
  406. _this.isSignup=true
  407. this.btnMsg="立即竞价"
  408. // this.price=this.detail.ladderPrice?this.biddinglistInformation[0].money+this.detail.ladderPrice:this.biddinglistInformation[0].money+1
  409. }else{
  410. this.btnMsg="未报名"
  411. }
  412. })
  413. })
  414. })
  415. }
  416. if(biddingStopTime>nowDate&&nowDate>biddingStartTime){
  417. console.log('竞价中')
  418. this.process= "竞价中"
  419. this.tip=this.detail.biddingStopTime+"结束竞价"
  420. this.timeMsg="距竞价结束"
  421. this.time = biddingStopTime-nowDate
  422. getInfo().then(response => {
  423. let _this = this
  424. this.userId=response.user.userId
  425. getMember(response.user.userId).then(res => {
  426. this.userAccount=res.data.phone
  427. this.userName=res.data.realname
  428. this.memberId=res.data.id
  429. let data= {
  430. projectId:this.id,
  431. memberId:res.data.id,
  432. };
  433. getSignup(data).then(r =>{
  434. if(r.data=="1"){
  435. _this.isSignup=true
  436. this.btnMsg="立即竞价"
  437. this.showBtn=true
  438. // this.price=this.detail.ladderPrice?this.biddinglistInformation[0].money+this.detail.ladderPrice:this.biddinglistInformation[0].money+1
  439. }else{
  440. this.btnMsg="未报名"
  441. _this.isSignup=true
  442. }
  443. })
  444. })
  445. })
  446. }
  447. if(nowDate>biddingStopTime){
  448. console.log('竞价结束')
  449. this.process= "竞价结束"
  450. this.tip=this.detail.biddingStopTime+"结束竞价"
  451. this.btnMsg="竞价结束"
  452. this.timeMsg="竞价结束"
  453. this.time = 0
  454. this.isSignup = true
  455. }
  456. });
  457. getWebConfig().then(response =>{
  458. response.data.map(item =>{
  459. if(item.configKey=="cqjy.website.bidInfo"){
  460. this.webConfig += item.configValue
  461. }
  462. })
  463. });
  464. getBiddingList(this.id).then(response =>{
  465. this.biddinglistInformation = response.rows
  466. if (response.rows.length>0&&this.detail.ladderPrice){
  467. this.price = response.rows[0].money+this.detail.ladderPrice
  468. }
  469. });
  470. },
  471. offer(){
  472. if (this.price==''||this.price==0||this.price<0||this.price == null){
  473. this.$toast({
  474. icon: 'fail', // 找到自己需要的图标
  475. message: '请输入出价金额',
  476. duration:"1000",
  477. onClose:function(){
  478. }
  479. })
  480. return;
  481. }
  482. if (this.detail.biddingDirect == '递减竞价'){
  483. if (this.biddinglistInformation.length<1){
  484. if(this.detail.price<=this.price){
  485. this.$toast({
  486. icon: 'fail', // 找到自己需要的图标
  487. message: '出价不能高于挂牌价格',
  488. duration:"1000",
  489. onClose:function(){
  490. }
  491. })
  492. return;
  493. }
  494. }else{
  495. if(this.biddinglistInformation[0].money<=this.price){
  496. this.$toast({
  497. icon: 'fail', // 找到自己需要的图标
  498. message: '出价不能高于当前出价最低价格',
  499. duration:"1000",
  500. onClose:function(){
  501. }
  502. })
  503. return;
  504. }
  505. }
  506. }else{
  507. if (this.biddinglistInformation.length<1){
  508. if(this.detail.price>=this.price){
  509. this.$toast({
  510. icon: 'fail', // 找到自己需要的图标
  511. message: '出价不能低于挂牌价格',
  512. duration:"1000",
  513. onClose:function(){
  514. }
  515. })
  516. return;
  517. }
  518. }else{
  519. if(this.biddinglistInformation[0].money>=this.price){
  520. this.$toast({
  521. icon: 'fail', // 找到自己需要的图标
  522. message: '出价不能低于当前出价最高价格',
  523. duration:"1000",
  524. onClose:function(){
  525. }
  526. })
  527. return;
  528. }
  529. }
  530. }
  531. let data= {
  532. projectId:this.id,
  533. memberId:this.memberId,
  534. userId:this.userId,
  535. userAccount:this.userAccount,
  536. userName:this.userName,
  537. money:this.price,
  538. loginTime:this.getNowFormatDate
  539. };
  540. console.log(data)
  541. biddingSubmit(data).then(response =>{
  542. let _this = this
  543. if(response){
  544. this.$toast({
  545. icon: 'success', // 找到自己需要的图标
  546. message: '出价成功',
  547. duration:"1000",
  548. onClose:function(){
  549. _this.reload()
  550. }
  551. })
  552. }
  553. })
  554. },
  555. add(){
  556. if (this.detail.biddingDirect == '递减竞价'){
  557. if (this.biddinglistInformation.length<=1){
  558. if(this.detail.price<this.price){
  559. this.$toast({
  560. icon: 'fail', // 找到自己需要的图标
  561. message: '出价不能高于挂牌价格',
  562. duration:"1000",
  563. onClose:function(){
  564. }
  565. })
  566. return;
  567. }
  568. }else{
  569. if(this.biddinglistInformation[0].money<=this.price){
  570. this.$toast({
  571. icon: 'fail', // 找到自己需要的图标
  572. message: '出价不能高于当前出价最低价格',
  573. duration:"1000",
  574. onClose:function(){
  575. }
  576. })
  577. return;
  578. }
  579. }
  580. }else{
  581. if (this.biddinglistInformation.length<1){
  582. if(this.detail.price>=this.price){
  583. this.$toast({
  584. icon: 'fail', // 找到自己需要的图标
  585. message: '出价不能低于挂牌价格',
  586. duration:"1000",
  587. onClose:function(){
  588. }
  589. })
  590. return;
  591. }
  592. }else{
  593. if(this.biddinglistInformation[0].money>=this.price){
  594. this.$toast({
  595. icon: 'fail', // 找到自己需要的图标
  596. message: '出价不能低于当前出价最高价格',
  597. duration:"1000",
  598. onClose:function(){
  599. }
  600. })
  601. return;
  602. }
  603. }
  604. }
  605. this.detail.ladderPrice?this.price=parseInt(this.price)+parseInt(this.detail.ladderPrice):this.price += 1
  606. },
  607. sub(){
  608. if(this.detail.ladderPrice){
  609. if((this.price-this.detail.ladderPrice)>this.biddinglistInformation[0].money){
  610. this.price-=this.detail.ladderPrice
  611. }else{
  612. this.$toast({
  613. icon: 'error', // 找到自己需要的图标
  614. message: '出价不能低于当前最高价',
  615. duration:"1000",
  616. })
  617. }
  618. }else{
  619. if((this.price-1)>this.biddinglistInformation[0].money){
  620. this.price-=1
  621. }else{
  622. this.$toast({
  623. icon: 'error', // 找到自己需要的图标
  624. message: '出价不能低于当前最高价',
  625. duration:"1000",
  626. })
  627. }
  628. }
  629. },
  630. }
  631. };
  632. </script>
  633. <style scoped lang="scss">
  634. .app-container {
  635. }
  636. .custom-indicator {
  637. position: absolute;
  638. right: 20px;
  639. bottom: 20px;
  640. padding: 0px 20px;
  641. font-size: 12px;
  642. /*rgba(0, 0, 0, 0.1)*/
  643. background: rgba(0, 0, 0, 0.2);
  644. color: #FFF;
  645. border-radius: 20px;
  646. line-height: 0.5rem;
  647. }
  648. .title{
  649. font-size: 0.45rem;
  650. }
  651. .my-swipe{
  652. width: 100%;
  653. }
  654. .my-swipe .van-swipe-item .van-image{
  655. width: 100%;
  656. }
  657. .information{
  658. background-color: #FFF;
  659. margin-top: 0.3rem;
  660. padding: 0.4rem 0.5rem;
  661. }
  662. .van-row{
  663. line-height: 0.7rem;
  664. }
  665. .price{
  666. color: #C21F3A;
  667. }
  668. .price span{
  669. font-size: 0.5rem;
  670. font-weight: bold;
  671. }
  672. .money{
  673. color: #C21F3A;
  674. }
  675. .money span{
  676. font-size: 0.5rem;
  677. font-weight: bold;
  678. }
  679. .van-count-down{
  680. line-height: 0.7rem;
  681. }
  682. .lead{
  683. background-color: #FFF;
  684. margin-top: 0.3rem;
  685. padding: 0.1rem 0.5rem;
  686. color: #C21F3A;
  687. }
  688. .detail{
  689. background-color: #FFF;
  690. margin-top: 0.3rem;
  691. padding: 0.2rem 0.5rem;
  692. }
  693. .detail span{
  694. color: #8A8A8A;
  695. }
  696. .delTitle{
  697. font-size: 0.4rem;
  698. color: #007E72;
  699. padding: 0.2rem 0.5rem;
  700. }
  701. .introduce{
  702. padding: 0.2rem 0.5rem 0.5rem;
  703. background-color: #FFF;
  704. }
  705. .introduce span{
  706. color: #8A8A8A;
  707. margin-right: 20px;
  708. }
  709. .project_info{
  710. border: 1px solid #DCDCDC;
  711. padding: 0px 20px;
  712. margin-top: 10px;
  713. border-radius: 10px;
  714. }
  715. .notice{
  716. padding: 0.5rem;
  717. background-color: #FFF;
  718. }
  719. .notice p{
  720. line-height: 0.7rem;
  721. }
  722. .biddingList{
  723. padding: 0.5rem;
  724. background-color: #FFF;
  725. margin-bottom: 0.4rem;
  726. }
  727. .biddingList table{
  728. text-align: center;
  729. }
  730. .biddingList table td{
  731. text-align: center;
  732. padding: 10px 0px;
  733. }
  734. .biddingList table tr:first-child td{
  735. background-color: #007E72;
  736. color: #FFF;
  737. }
  738. .bottomBtn{
  739. padding: 0.2rem 0.5rem;
  740. background-color: #FFF;
  741. position: fixed;
  742. bottom: 0;
  743. width: 100%;
  744. }
  745. .popup{
  746. text-align: center;
  747. padding: 0.5rem;
  748. border-radius: 20px;
  749. width: 70%;
  750. padding-top: 1.5rem;
  751. }
  752. .popupTit{
  753. color: #007E72;
  754. font-size: 0.4rem;
  755. line-height: 0.9rem;
  756. }
  757. .popupContent{
  758. color: #666666;
  759. }
  760. .iKnow{
  761. margin-top: 1rem;
  762. }
  763. .updatePopup{
  764. color: #007E72;
  765. margin-top: 0.5rem;
  766. }
  767. </style>