U 修改列表页面

he wei

2021-11-05 1a136c4df1ddee2fedb119a264e73147b79bfb1c

U 修改列表页面

 src/assets/js/axios.js

@@ -2,7 +2,7 @@
import axios from 'axios';
if (process.env.NODE_ENV == 'dev') {
    // 跨域请求
    axios.defaults.baseURL = 'http://localhost:8919/fg/';
    axios.defaults.baseURL = 'http://localhost:8090/';
    axios.defaults.withCredentials = true; // 保持请求头
}


 src/pages/alarmWork/components/listCard.vue

File was renamed from src/components/listCard.vue
@@ -6,8 +6,8 @@
      title="点击查看详情"
    >
      <div class="">
        <span>工单编号:123</span>
        <span>工单生成时间:12233</span>
        <span>工单编号: {{data.orderId}}</span>
        <span>工单生成时间: {{data.workflowAlarm.alarmTime}}</span>
      </div>
      <div class="timer">处理时限:3333</div>
    </div>
@@ -16,13 +16,13 @@
      <div class="item order-title">
        <div class="inner">
          <div class="title">工单标题</div>
          <div class="content">机房告警</div>
          <div class="content" :title="data.title">{{data.title}}</div>
        </div>
      </div>
      <div class="item order-content">
        <div class="inner">
          <div class="title">告警内容</div>
          <div class="content">内部错误,内部错误,内部错误,内部错误,内部错误内部错误,内部错误,内部错误,内部错误,内部错误内部错误,内部错误,内部错误,内部错误,内部错误</div>
          <div class="content" :title="data.taskDesc">{{data.taskDesc}}</div>
        </div>
      </div>
      <div class="item">

 src/pages/alarmWork/js/api.js

New file
@@ -0,0 +1,10 @@
import axios from '@/assets/js/axios';

export const getList = function (param, data) {
  return axios({
    method: 'POST',
    url: '/workflow/workflowMainList',
    params: param,
    data: data
  });
}

 src/pages/alarmWork/list.vue

@@ -61,27 +61,12 @@

<script>
import FlexLayout from "@/components/FlexLayout.vue";
import ListCard from "@/components/listCard.vue";
import ListCard from "./components/listCard.vue";

let list = [
  {
    a: 1
  },
  {
    a: 2
  },
  {
    a: 1
  },
  {
    a: 2
  },{
    a: 1
  },
  {
    a: 2
  }
];
import {
  getList
} from './js/api';

export default {
    data() {
        return {
@@ -120,11 +105,36 @@
    },
    handleCurrentChange (val) {
      console.log(`当前页: ${val}`);
    },
    // 查列表
    getList () {
      let param = {
        pageNum: 1,
        pageSize: 1,
        type: 1
      };
      let data = {

      };
      getList(param, data).then((res) => {
        res = res.data;
        console.log(res, '=====');
        let list = [];
        if (res.code) {
          list = res.data;
    }
        console.log(list);
        this.list = list;
      }).catch((err) => {
        console.error(err);
      });
    }
    
  },
    mounted() {
    this.unitType = this.$route.meta.unitType
    this.list = list;
    this.unitType = this.$route.meta.unitType;

    this.getList();
    }

}
@@ -135,7 +145,7 @@
  background: #fff;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 16px;
  padding: 16px 10px;
  padding: 14px 30px;
}
.contain-search span.label {
  font-size: 18px;