From c89bec53dac1daed77f073eed892c5457d4fd9a5 Mon Sep 17 00:00:00 2001
From: he wei <858544502@qq.com>
Date: 星期五, 12 十一月 2021 10:28:42 +0800
Subject: [PATCH] U 列表页面加接单

---
 src/pages/alarmWork/components/listCard.vue |   22 +++++++++++++++-------
 1 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/pages/alarmWork/components/listCard.vue b/src/pages/alarmWork/components/listCard.vue
index aa003c1..21b169b 100644
--- a/src/pages/alarmWork/components/listCard.vue
+++ b/src/pages/alarmWork/components/listCard.vue
@@ -1,15 +1,13 @@
 <template>
-  <div class="list-card">
+  <div class="list-card"
+    @click="itemClick">
     <!-- 澶撮儴琛� 鐐瑰嚮浜嬩欢 -->
-    <div class="order-info"
-      @click="itemClick"
-      title="鐐瑰嚮鏌ョ湅璇︽儏"
-    >
+    <div class="order-info">
       <div class="">
         <span>宸ュ崟缂栧彿: {{data.orderId}}</span>
         <span>宸ュ崟鐢熸垚鏃堕棿: {{data.createTime}}</span>
       </div>
-      <div class="timer">澶勭悊鏃堕檺: ---</div>
+      <div class="timer">澶勭悊鏃堕檺: {{data.workflowAlarm || '---'}}</div>
     </div>
     <!-- 鍐呭 -->
     <div class="contain">
@@ -40,6 +38,9 @@
       <div class="item">
         <div class="inner">
           <div class="state">{{orderStatus}}</div>
+          <el-button type="primary"
+            v-if="!data.linkList[0].dealUserId"
+            class="btn" size="mini" @click="receiveOrder">鎺ュ崟</el-button>
         </div>
       </div>
     </div>
@@ -74,6 +75,10 @@
   methods: {
     itemClick () {
       this.$emit('itemclick', this.data);
+    },
+    receiveOrder (e) {
+      e.stopPropagation();
+      this.$emit('receiveOrder', this.data);
     }
   }
 };
@@ -83,6 +88,7 @@
   .list-card {
     border: 1px #ababab solid;
     background: #f3f4f6;;
+    cursor: pointer;
   }
   .order-info {
     color: #04409a;
@@ -91,7 +97,6 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    cursor: pointer;
   }
   .order-info span {
     font-size: 20px;
@@ -116,6 +121,9 @@
   .inner {
     flex: 1;
   }
+  .btn >>> span {
+    font-size: 14px;
+  }
   .order-title {
     flex: 1.6;
     align-items: left;

--
Gitblit v1.9.1