U 列表页面加接单

he wei

2021-11-12 c89bec53dac1daed77f073eed892c5457d4fd9a5

U 列表页面加接单

 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;

 src/pages/alarmWork/js/api.js

@@ -1,5 +1,11 @@
import axios from '@/assets/js/axios';

/**
 * 获取工单列表
 * @param {*} param 
 * @param {*} data 
 * @returns 
 */
export const getList = function (param, data) {
  return axios({
    method: 'POST',
@@ -7,4 +13,18 @@
    params: param,
    data: data
  });
}

/**
 * 更新节点 接单
 * @param {*} param 
 * @param {*} data 
 * @returns 
 */
export const updateLink = function (data) {
  return axios({
    method: 'PUT',
    url: '/workflow/updateLink',
    data: data
  });
}

 src/pages/alarmWork/list.vue

@@ -39,6 +39,7 @@
          v-for="(item, idx) in list"
          :key="'list_' + idx"
          @itemclick="details"
          @receiveOrder="updateLink"
          :data="item"
        ></list-card>
        <el-empty :image-size="200" v-if="!list.length"></el-empty>
@@ -66,7 +67,8 @@
import ListCard from "./components/listCard.vue";

import {
  getList
  getList,
  updateLink
} from './js/api';

export default {
@@ -166,6 +168,24 @@
      }).catch((err) => {
        console.error(err);
      });
    },

    // 接单
    updateLink (o) {
      let param = {
        dealType: 0,
        // TODO 当前用户的Id
        dealUserId: 1023,
        id: o.linkList[0].id
      };
      updateLink(param).then((res) => {
        res = res.data;
        this.$message({
          type: res.data ? 'success' : 'warning',
          message: res.msg
        });
        this.getList();
      });
    }
    
  },