U 列表页面加接单

he wei

2021-11-12 c89bec53dac1daed77f073eed892c5457d4fd9a5

 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;