From 811ebd74c4c94331b2811ed7ae9365e98b080700 Mon Sep 17 00:00:00 2001
From: ltlzx <942659938@qq.com>
Date: Thu, 23 Sep 2021 17:21:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/all_zc.png                     | Bin 0 -> 5436 bytes
 src/assets/img/all_zc1.png                    | Bin 0 -> 9244 bytes
 src/assets/img/all_zc2.png                    | Bin 0 -> 5086 bytes
 src/components/common/countDown.vue           |  78 +++++
 src/components/page/ClassificationDetails.vue | 277 ++++++++++++++----
 src/components/page/Listing.vue               | 166 ++++++++---
 src/components/page/Order/index.vue           |  16 +
 src/components/page/Order/orderPendingPay.vue |  12 +-
 .../page/Order/sellOrderPendingPay.vue        |  13 +-
 9 files changed, 455 insertions(+), 107 deletions(-)
 create mode 100644 src/assets/img/all_zc.png
 create mode 100644 src/assets/img/all_zc1.png
 create mode 100644 src/assets/img/all_zc2.png
 create mode 100644 src/components/common/countDown.vue

diff --git a/src/assets/img/all_zc.png b/src/assets/img/all_zc.png
new file mode 100644
index 0000000000000000000000000000000000000000..24e0e5198463bd9a674594409722703681d4eabb
GIT binary patch
literal 5436
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
JCY?KR{{fi8<>CMU

literal 0
HcmV?d00001

diff --git a/src/assets/img/all_zc1.png b/src/assets/img/all_zc1.png
new file mode 100644
index 0000000000000000000000000000000000000000..2bf30ec21606b681127d600161fac1545624a1e7
GIT binary patch
literal 9244
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/all_zc2.png b/src/assets/img/all_zc2.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a7e9495c49d00be8926346f3c0de88ae1c16144
GIT binary patch
literal 5086
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
A0RR91

literal 0
HcmV?d00001

diff --git a/src/components/common/countDown.vue b/src/components/common/countDown.vue
new file mode 100644
index 0000000..572d482
--- /dev/null
+++ b/src/components/common/countDown.vue
@@ -0,0 +1,78 @@
+<template>
+    <span :endTime="endTime" :callback="callback" :endText="endText" class="order_time">
+        <slot>
+            {{content}}
+        </slot>
+    </span>
+</template>
+<script>
+  export default {
+      data(){
+          return {
+          content: '',
+          }
+      },
+      props:{
+          endTime:{
+              type: Number,
+              default :''
+          },
+          endText:{
+              type : String,
+              default:'已结束'
+          },
+          callback : {
+              type : Function,
+              default :''
+          }
+      },
+      mounted () {
+        this.countdowm(this.endTime)
+      },
+      methods: {
+          countdowm(timestamp){
+          console.info(timestamp)
+          let self = this;
+          let timer = setInterval(function(){
+              let nowTime = new Date();
+              let endTime = new Date(timestamp * 1000);
+              let t = endTime.getTime() - nowTime.getTime();
+              if(t>0){
+                  let day = Math.floor(t/86400000);
+                  let hour=Math.floor((t/3600000)%24);
+                  let min=Math.floor((t/60000)%60);
+                  let sec=Math.floor((t/1000)%60);
+                  hour = hour < 10 ? "0" + hour : hour;
+                  min = min < 10 ? "0" + min : min;
+                  sec = sec < 10 ? "0" + sec : sec;
+                  let format = '';
+                  if(day > 0){
+                      format =  `${day}天${hour}小时${min}分${sec}秒`;
+                  }
+                  if(day <= 0 && hour > 0 ){
+                      format = `${hour}小时${min}分${sec}秒`;
+                  }
+                  if(day <= 0 && hour <= 0){
+                      format =`${min}分${sec}秒`;
+                  }
+                  self.content = format;
+                  }else{
+                    clearInterval(timer);
+                    self.content = self.endText;
+                    self._callback();
+                  }
+                },1000);
+              },
+              _callback(){
+              if(this.callback && this.callback instanceof Function){
+                    this.callback(...this);
+                }
+          }
+      }
+  }
+</script>
+<style scoped>
+  .order_time{
+    color: #89201F;
+  }
+</style>
diff --git a/src/components/page/ClassificationDetails.vue b/src/components/page/ClassificationDetails.vue
index 54b315e..dae7cd9 100644
--- a/src/components/page/ClassificationDetails.vue
+++ b/src/components/page/ClassificationDetails.vue
@@ -1,41 +1,119 @@
 <template>
   <div>
-    <!-- <div class="breadcrumb">
-      <el-breadcrumb separator-class="el-icon-arrow-right">
-        <el-breadcrumb-item :to="{ path: '/AssetClassification' }">所以分类</el-breadcrumb-item>
-        <el-breadcrumb-item>活动管理</el-breadcrumb-item>
-        <el-breadcrumb-item>活动列表</el-breadcrumb-item>
-        <el-breadcrumb-item>活动详情</el-breadcrumb-item>
-      </el-breadcrumb>
-    </div> -->
-    <div class="seach">
-      <div class="seach_div">
-        <div class="seach_item">
-          <span>标的所在地</span>
-          <el-input v-model="query.input" placeholder="请输入标的所在地" class="seach_input" suffix-icon="el-icon-search"></el-input>
+    <div>
+      <div class="seach">
+        <div class="seach_left">
+          <img src="../../assets/img/all_zc.png" alt="">
+          <span>资产类型</span>
         </div>
-        <div class="seach_item">
-          <span>标的挂牌类型</span>
-          <el-select v-model="query.value" placeholder="全部" class="seach_input">
-            <el-option key="1" label="全部" value="全部"></el-option>
-            <el-option key="2" label="协议" value="协议"></el-option>
-            <el-option key="3" label="拍卖" value="拍卖"></el-option>
+        <div class="seach_right">
+          <el-radio-group v-model="query.radio1" class="seach_group" @change="changeDate(3)">
+            <el-radio-button :label="0" >不限</el-radio-button>
+            <el-radio-button :label="1">著作权</el-radio-button>
+            <el-radio-button :label="2">专利权</el-radio-button>
+            <el-radio-button :label="3">专有技术</el-radio-button>
+            <el-radio-button :label="4">商标专有权</el-radio-button>
+            <el-radio-button :label="5">销售网络及客户关系</el-radio-button>
+            <el-radio-button :label="6">特许经营权</el-radio-button>
+            <el-radio-button :label="7">合同权益</el-radio-button>
+            <el-radio-button :label="8">域名</el-radio-button>
+            <el-radio-button :label="9">商誉</el-radio-button>
+            <el-radio-button :label="10">时间和档期</el-radio-button>
+          </el-radio-group>
+        </div>
+      </div>
+      <div class="seach">
+        <div class="seach_left">
+          <img src="../../assets/img/all_zc1.png" alt="">
+          <span>资产所在地</span>
+        </div>
+        <div class="seach_right">
+          <el-radio-group v-model="query.radio2" class="seach_group" @change="changeDate(2)">
+            <el-radio-button :label="0" >不限</el-radio-button>
+          </el-radio-group>
+          <el-select  placeholder="选择具体省份" clearable  filterable v-model="query.province" class="select_city" @change="changeDate(0)">
+            <el-option
+            v-for="item in province"
+            :key="item.id"
+            :label="item.name"
+            :value="item.province_code" >
+            </el-option>
+          </el-select>
+          <el-select  placeholder="选择具体城市" clearable  filterable v-model="query.city" class="select_city" @change="changeDate(1)">
+            <el-option
+            v-for="item in city"
+            :key="item.id"
+            :label="item.name"
+            :value="item.city_code" >
+            </el-option>
+          </el-select>
+          <el-select  placeholder="选择具体区镇" clearable  filterable v-model="query.area" class="select_city">
+            <el-option
+            v-for="item in area"
+            :key="item.id"
+            :label="item.name"
+            :value="item.area_code">
+            </el-option>
           </el-select>
         </div>
       </div>
-
-      <el-dropdown trigger="click">
-        <span class="el-dropdown-link">
-          排序<i class="el-icon-arrow-down el-icon--right"></i>
+      <div class="seach">
+        <div class="seach_left">
+          <img src="../../assets/img/all_zc2.png" alt="">
+          <span>资产状态</span>
+        </div>
+        <div class="seach_right">
+          <el-radio-group v-model="query.radio1" class="seach_group" @change="changeDate(3)">
+            <el-radio-button :label="0" >不限</el-radio-button>
+            <el-radio-button :label="1">挂牌中</el-radio-button>
+            <el-radio-button :label="2">交易中</el-radio-button>
+            <el-radio-button :label="3">已成交</el-radio-button>
+            <el-radio-button :label="4">已摘牌</el-radio-button>
+          </el-radio-group>
+        </div>
+      </div>
+    </div>
+    <div class="seach1">
+      <div class="seach1_item">
+        <span>
+          全部资产 （
+          <span class="seach1_item_span">{{pageTotal}}</span>
+          ）
         </span>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item>黄金糕</el-dropdown-item>
-          <el-dropdown-item>狮子头</el-dropdown-item>
-          <el-dropdown-item>螺蛳粉</el-dropdown-item>
-          <el-dropdown-item disabled>双皮奶</el-dropdown-item>
-          <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
-        </el-dropdown-menu>
-      </el-dropdown>
+      </div>
+      <div class="seach1_item">
+        <el-select  placeholder="选择具体区镇"    v-model="query.select" @change="changeDate(3)">
+          <el-option :key="0" label="资产价格升序" :value="0"></el-option>
+          <el-option :key="1" label="资产价格降序" :value="1"></el-option>
+          <el-option :key="2" label="挂牌时间升序" :value="2"></el-option>
+          <el-option :key="3" label="挂牌时间降序" :value="3"></el-option>
+        </el-select>
+      </div>
+      <div class="seach1_item">
+        <el-date-picker
+          v-model="query.value3"
+          type="date"
+          placeholder="选择日期"
+          format="yyyy 年 MM 月 dd 日"
+          value-format="timestamp"
+          @change="changeDate(3)">
+        </el-date-picker>
+      </div>
+      <div class="seach1_item">
+        <span>价格</span>
+        <el-input
+          class="seach_input"
+          v-model="query.input4">
+          <span slot="prefix" class="el-input__icon ">￥</span>
+        </el-input>
+        <span>-</span>
+        <el-input
+          class="seach_input"
+          v-model="query.input4">
+          <span slot="prefix" class="el-input__icon ">￥</span>
+        </el-input>
+        <button @click="changeDate(3)" class="seach_button">确定</button>
+      </div>
     </div>
 
     <div class="tabs">
@@ -78,7 +156,7 @@
   </div>
 </template>
 <script>
-import {assetClassInfo} from '../../api/index'
+import {assetClassInfo,getProvince,getCity,getArea,} from '../../api/index'
 export default {
   data(){
     return{
@@ -86,16 +164,70 @@ export default {
         page:1,
         limit:10,
         search_name:'',
-        status:''
+        status:'',
+        province:'',
+        city:'',
+        area:'',
+        radio1:0,
+        radio2:0,
+        select:0,
+        value3:'',
+        input4:''
       },
       pageTotal:0,
-      listingList:[]
+      listingList:[],
+      province:[],
+      city:[],
+      area:[],
     }
   },
   created(){
     this.getData()
+    this.getProvince();
   },
+
   methods:{
+    changeDate(type){
+      if(type==0){
+        this.getCity()
+        this.query.radio2=''
+      }else if(type==1){
+        this.getArea()
+        this.query.radio2=''
+      }else if(type==2){
+        this.query.province=''
+        this.query.city=''
+        this.query.area=''
+      }
+      this.getData()
+    },
+    getProvince(){
+      getProvince().then(res => {
+        if(res.code==100){
+          this.province=res.list
+        }
+      })
+    },
+    getCity(){
+      let data={
+        code:this.query.province
+      }
+      getCity(data).then(res=>{
+        if(res.code==100){
+          this.city=res.list
+        }
+      })
+    },
+    getArea(){
+      let data={
+        code:this.query.city
+      }
+      getArea(data).then(res=>{
+        if(res.code==100){
+          this.area=res.list
+        }
+      })
+    },
     getData(){
       assetClassInfo(this.query).then(res => {
         console.info(res)
@@ -119,30 +251,75 @@ export default {
 }
 </script>
 <style scoped>
-  .seach{
-    display: flex;
-    background-color: #FDF8F8;
-    border: 1px solid #E9B7B7;
+  .seach_button{
+    width: 60px;
+    height: 30px;
+    font-size: 12px;
+    color: #333333;
+    background-color: transparent;
+    border:1px solid #D7D7D7;
+    cursor: pointer;
+  }
+  .seach_input{
+    width: 100px;
+    margin: 0 15px;
+  }
+  .seach1{
+    width: 100%;
     height: 50px;
-    margin-top: 30px;
+    background: #F2F2F2;
+    border: 1px solid #D7D7D7;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+  }
+  .seach1_item{
     padding: 0 15px;
-    justify-content: space-between;
+    display: flex;
     align-items: center;
+    border-right: 1px solid #D7D7D7;
+    font-size: 12px;
+    height: 100%;
+  }
+  .seach1_item_span{
+    color: #C94C4C;
+  }
+  .seach1_item:last-child{
+    border-right: none;
+  }
+  .select_city{
+    margin: 0 15px;
+  }
+  .seach{
+    padding: 25px 0;
+    border-bottom: 1px solid #D7D7D7;
+    display: flex;
   }
-  .seach_item{
+  .seach:last-child{
+    border-bottom: none;
+  }
+  .seach_left{
     display: flex;
     align-items: center;
+    font-weight: 650;
     font-size: 14px;
+    color: #C94C4C;
+    width: 130px;
     margin-right: 20px;
   }
-  .seach_input{
-    width: 170px;
-    border: 1px solid #E9B7B7;
-    margin-left: 15px;
-  }
-  .seach_input>>>.el-input__inner{
+  .seach_group >>> .el-radio-button--small .el-radio-button__inner{
     border: none;
-    padding-left: 5px;
+    border-radius: 0;
+  }
+  .seach_group >>> .el-radio-button__orig-radio:checked+.el-radio-button__inner{
+    color: #FFF;
+    background-color: #C94C4C;
+    box-shadow: none;
+  }
+  .seach_left img{
+    width: 17px;
+    height: 17px;
+    margin-right: 5px;
   }
   .el-dropdown-link{
     color: #EAB1B1;
@@ -201,10 +378,6 @@ export default {
   .el-breadcrumb{
     font-size: 18px;
   }
-  .seach_div{
-    display: flex;
-    align-items: center;
-  }
   .tabs_item_content{
     width: 100%;
     background-color: rgba(255, 255, 255, 0.5);
diff --git a/src/components/page/Listing.vue b/src/components/page/Listing.vue
index 46d892a..ea31c7e 100644
--- a/src/components/page/Listing.vue
+++ b/src/components/page/Listing.vue
@@ -1,39 +1,87 @@
 <template>
   <div>
     <div class="seach">
-      <div class="seach_item">
-        <span>标的所在地</span>
-        <el-input v-model="query.input" placeholder="请输入标的所在地" class="seach_input" suffix-icon="el-icon-search"></el-input>
-      </div>
-      <div class="seach_item">
-        <span>标的挂牌类型</span>
-        <el-select v-model="query.value" placeholder="全部" class="seach_input">
-          <el-option key="1" label="全部" value="全部"></el-option>
-          <el-option key="2" label="协议" value="协议"></el-option>
-          <el-option key="3" label="拍卖" value="拍卖"></el-option>
-        </el-select>
-      </div>
-      <div class="seach_item">
-        <span>标的资产类型</span>
-        <el-input v-model="query.input" placeholder="请输入资产类型关键字" class="seach_input"></el-input>
+      <div class="seach1">
+        <div class="seach1_item">
+          <span>
+            全部资产 （
+            <span class="seach1_item_span">{{pageTotal}}</span>
+            ）
+          </span>
+        </div>
+        <div class="seach1_item">
+          <el-select  placeholder="选择具体区镇"    v-model="query.select" @change="getData">
+            <el-option :key="0" label="资产价格升序" :value="0"></el-option>
+            <el-option :key="1" label="资产价格降序" :value="1"></el-option>
+            <el-option :key="2" label="挂牌时间升序" :value="2"></el-option>
+            <el-option :key="3" label="挂牌时间降序" :value="3"></el-option>
+          </el-select>
+        </div>
+        <div class="seach1_item">
+          <el-date-picker
+            v-model="query.date"
+            type="date"
+            placeholder="选择日期"
+            format="yyyy 年 MM 月 dd 日"
+            value-format="timestamp"
+            @change="getData">
+          </el-date-picker>
+        </div>
+        <div class="seach1_item">
+          <span>价格</span>
+          <el-input
+            class="seach_input"
+            v-model="query.min_price">
+            <span slot="prefix" class="el-input__icon ">￥</span>
+          </el-input>
+          <span>-</span>
+          <el-input
+            class="seach_input"
+            v-model="query.max_price">
+            <span slot="prefix" class="el-input__icon ">￥</span>
+          </el-input>
+          <button @click="getData" class="seach_button">确定</button>
+        </div>
       </div>
-      <div class="seach_item">
-        <span>标的名称</span>
-        <el-input v-model="query.input" placeholder="请输入标的名称关键字" class="seach_input"></el-input>
+
+      <div class="seach1">
+        <div class="seach1_item">
+          <span>挂牌类型</span>
+          <el-select      v-model="query.cartellino_type" @change="getData" class="seach1_select">
+            <el-option :key="0" label="全部" value=""></el-option>
+            <el-option :key="1" label="协议" :value="1"></el-option>
+            <el-option :key="2" label="拍卖" :value="2"></el-option>
+          </el-select>
+        </div>
+        <div class="seach1_item">
+          <span>挂牌方名称</span>
+          <el-input
+            class="seach1_select"
+            placeholder="请输入挂牌方关键字"
+            v-model="query.username">
+          </el-input>
+        </div>
+        <div class="seach1_item">
+          <span>挂牌编号</span>
+          <el-input
+            class="seach1_select"
+            placeholder="请输入挂牌编号"
+            v-model="query.cartellino_id">
+          </el-input>
+        </div>
+        <div class="seach1_item">
+          <span>标的名称</span>
+          <el-input
+            class="seach1_select"
+            placeholder="请输入标的名称关键字"
+            v-model="query.serial_name">
+          </el-input>
+        </div>
+        <div class="seach1_item">
+          <button @click="getData" class="seach_button">确定</button>
+        </div>
       </div>
 
-      <el-dropdown trigger="click">
-        <span class="el-dropdown-link">
-          排序<i class="el-icon-arrow-down el-icon--right"></i>
-        </span>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item>黄金糕</el-dropdown-item>
-          <el-dropdown-item>狮子头</el-dropdown-item>
-          <el-dropdown-item>螺蛳粉</el-dropdown-item>
-          <el-dropdown-item disabled>双皮奶</el-dropdown-item>
-          <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
-        </el-dropdown-menu>
-      </el-dropdown>
     </div>
 
     <div class="tabs">
@@ -97,7 +145,7 @@ export default {
         console.info(res)
         if(res.code==100){
           this.listingList=res.data.list;
-          this.pageTotal=res.count
+          this.pageTotal=res.data.count
         }else{
           this.$message.error(res.msg)
         }
@@ -116,29 +164,53 @@ export default {
 </script>
 <style scoped>
   .seach{
-    display: flex;
-    background-color: #FDF8F8;
-    border: 1px solid #E9B7B7;
+    margin: 20px 0;
+  }
+  .seach1_select{
+    margin-left: 10px;
+    width: 170px;
+  }
+  .seach_button{
+    width: 60px;
+    height: 30px;
+    font-size: 12px;
+    color: #333333;
+    background-color: transparent;
+    border:1px solid #D7D7D7;
+    cursor: pointer;
+  }
+  .seach_input{
+    width: 100px;
+    margin: 0 15px;
+  }
+  .seach1{
+    width: 100%;
     height: 50px;
-    margin-top: 30px;
-    padding: 0 15px;
-    justify-content: space-between;
+    background: #F2F2F2;
+    border: 1px solid #D7D7D7;
+    box-sizing: border-box;
+    display: flex;
     align-items: center;
   }
-  .seach_item{
+  .seach1:last-child{
+    border-top: none;
+  }
+  .seach1_item{
+    padding: 0 20px;
     display: flex;
     align-items: center;
-    font-size: 14px;
-
+    border-right: 1px solid #D7D7D7;
+    font-size: 12px;
+    height: 100%;
   }
-  .seach_input{
-    width: 170px;
-    border: 1px solid #E9B7B7;
-    margin-left: 15px;
+  .seach1_item_span{
+    color: #C94C4C;
+  }
+  .seach1_item:last-child{
+    border-right: none;
   }
-  .seach_input>>>.el-input__inner{
-    border: none;
-    padding-left: 5px;
+  .select_city{
+    margin: 0 15px;
   }
   .el-dropdown-link{
     color: #EAB1B1;
diff --git a/src/components/page/Order/index.vue b/src/components/page/Order/index.vue
index fed25f4..35fc758 100644
--- a/src/components/page/Order/index.vue
+++ b/src/components/page/Order/index.vue
@@ -30,6 +30,22 @@ export  default{
     confirm(val){
       console.info(val);
       this.confirmTime=val;
+      if (val.status==8 || val.status==2 || val.status==3) {
+        this.step=2
+        if (val.status==8) {
+          this.$router.push({path:'/order/orderDetails',query:{batchcode:val.batchcode,type:2}})
+          this.type=2
+        }
+      }else if (val.status==0 ||val.status==1) {
+        this.step=1
+      }else if (val.status==4 ) {
+        this.step=3
+      }else if (val.status==6 ) {
+        this.step=4
+      }else if (val.status==7 ) {
+        this.step=5
+        this.$router.push({path:'/order/orderDetails',query:{batchcode:val.batchcode,type:this.$route.query.type}})
+      }
     }
   }
 }
diff --git a/src/components/page/Order/orderPendingPay.vue b/src/components/page/Order/orderPendingPay.vue
index 570f14d..520b03f 100644
--- a/src/components/page/Order/orderPendingPay.vue
+++ b/src/components/page/Order/orderPendingPay.vue
@@ -45,16 +45,18 @@
         </div>
         <p class="order_info_right_tips" v-if="orderInfos.status==0 && orderInfos.check_status==0 || orderInfos.status==1 && orderInfos.check_status==2">
           您还有
-          <span class="order_time">23小时43分15秒{{orderInfos.serial_name}}</span>
+          <countDown :endTime="orderInfos.pay_overdue_time"   endText="已经结束了"></countDown>
           来付款，超时订单自动关闭。订单关闭后3天内不能再重复购买同一个资产，为避免不便之处，请尽快付款！
         </p>
         <p class="order_info_right_tips" v-if="orderInfos.status==4">
           您还有
-          <span class="order_time">23小时43分15秒{{orderInfos.serial_name}}</span>
+          <countDown :endTime="orderInfos.pay_overdue_time"   endText="已经结束了"></countDown>
           来确认，超时订单自动确认。订单确认后交易所将会出具双方交易凭证，确认资产交易成功，请尽快确认！
         </p>
         <p class="order_info_right_tips" v-else-if="orderInfos.status==1 && orderInfos.check_status==0">
-          已上传转账记录，还有<span class="order_time">23小时43分15秒{{orderInfos.serial_name}}</span>由交易所确认，请耐心等候！
+          已上传转账记录，还有
+          <countDown :endTime="orderInfos.pay_overdue_time"   endText="已经结束了"></countDown>
+          由交易所确认，请耐心等候！
         </p>
         <p class="order_info_right_tips" v-else-if="orderInfos.status==2 && orderInfos.check_status==0 || orderInfos.status==3 && orderInfos.check_status==2">
           请双方上传签约合同PDF文件扫描件，由交易所见证交易过程！
@@ -191,7 +193,9 @@ export default {
     }
   },
   components: {
-    ElImageViewer: () => import('element-ui/packages/image/src/image-viewer')
+    ElImageViewer: () => import('element-ui/packages/image/src/image-viewer'),
+    countDown: () => import('../../common/countDown.vue'),
+
   },
   created(){
     this.query.batchcode=this.$route.query.batchcode
diff --git a/src/components/page/Order/sellOrderPendingPay.vue b/src/components/page/Order/sellOrderPendingPay.vue
index e8cd0c2..a43b0c5 100644
--- a/src/components/page/Order/sellOrderPendingPay.vue
+++ b/src/components/page/Order/sellOrderPendingPay.vue
@@ -45,13 +45,17 @@
           </span>
         </div>
         <p class="order_info_right_tips" v-if="orderInfos.status==0 && orderInfos.check_status==0 || orderInfos.status==1 && orderInfos.check_status==2">
-          摘牌方还要23小时43分15秒来付款，超时订单自动关闭。
+          摘牌方还要
+          <countDown :endTime="orderInfos.pay_overdue_time"   endText="已经结束了"></countDown>
+          来付款，超时订单自动关闭。
         </p>
         <p class="order_info_right_tips" v-if="orderInfos.status==6">
           摘牌方已确认交付，该订单正在结算中，订单结算金额为（ ¥ 27,000.00 ），请耐心等候！
         </p>
         <p class="order_info_right_tips" v-else-if="orderInfos.status==1 && orderInfos.check_status==0">
-          摘牌方已上传转账记录，还有23小时43分15秒由交易所确认，请耐心等候！
+          摘牌方已上传转账记录，还有
+          <countDown :endTime="orderInfos.pay_overdue_time"   endText="已经结束了"></countDown>
+          由交易所确认，请耐心等候！
         </p>
         <p class="order_info_right_tips" v-else-if="orderInfos.status==2 && orderInfos.check_status==0||orderInfos.status==3 && orderInfos.check_status==2">
           请双方上传签约合同PDF文件扫描件，由交易所见证交易过程！
@@ -61,7 +65,7 @@
         </p>
         <p class="order_info_right_tips" v-if="orderInfos.status==4">
           摘牌方还有
-          <span class="order_time">23小时43分15秒{{orderInfos.serial_name}}</span>
+          <countDown :endTime="orderInfos.pay_overdue_time"   endText="已经结束了"></countDown>
           来确认，超时订单自动确认。订单确认后交易所将会出具双方交易凭证，确认资产交易成功！
         </p>
         <template v-if="orderInfos.status==2 && orderInfos.check_status==0 ||orderInfos.status==3 && orderInfos.check_status==0||orderInfos.status==3 && orderInfos.check_status==2">
@@ -193,7 +197,8 @@ export default {
     }
   },
   components: {
-    ElImageViewer: () => import('element-ui/packages/image/src/image-viewer')
+    ElImageViewer: () => import('element-ui/packages/image/src/image-viewer'),
+    countDown: () => import('../../common/countDown.vue'),
   },
   created(){
     this.query.batchcode=this.$route.query.batchcode