fix: 首页接口对接
parent
1e4c72bff2
commit
9cbf4bebb1
|
@ -1,7 +1,111 @@
|
|||
import { request } from '@cmp/cmp-element'
|
||||
|
||||
const newsUrl = '/scms/v1/memorabilia'
|
||||
const dashboardUrl = '/sms/v1/index'
|
||||
|
||||
export function mockHttp(params) {
|
||||
return request.get(newsUrl, { params })
|
||||
// 待办工单
|
||||
// 序号 数据项代码 数据类型 数据项说明
|
||||
// 1 approve_status String 审批状态 0审批中 1审批通过 -1审批不通过
|
||||
// 2 approve_user_his String 历史参与人id
|
||||
// 3 assignee_ String 任务发起人id
|
||||
// 4 can_approve String 审批标志
|
||||
// 5 create_name String 任务创建人名称
|
||||
// 6 create_time String 创建时间
|
||||
// 7 creator_id String 任务创建人id
|
||||
// 8 cur_approvers String 当前审批人id
|
||||
// 9 currentNodeName String 当前审批节点名称
|
||||
// 10 data_type String 数据类型
|
||||
// 11 end_time String 截止时间
|
||||
// 12 form_number String 表单号
|
||||
// 13 manage_id String 模板id
|
||||
// 14 nodeId String 节点id
|
||||
// 15 proc_inst_id String 流程实例id
|
||||
// 16 record_id String 记录id
|
||||
// 17 start_time String 开始时间
|
||||
// 18 start_user String 开始人id
|
||||
// 19 task_code String 任务code
|
||||
// 20 task_content String 任务描述
|
||||
// 21 task_name String 任务名称
|
||||
// 22 task_status String 任务状态
|
||||
// 23 task_system String 任务所属系统
|
||||
// 24 task_type String 任务类型,1:故障处理任务
|
||||
export function getTaskList(params) {
|
||||
return request.get(`${dashboardUrl}/doneWorkOrder`, { params })
|
||||
}
|
||||
|
||||
// 工单统计
|
||||
// 返回参数
|
||||
// {
|
||||
// "success": true,
|
||||
// "status": null,
|
||||
// "message": "查询成功",
|
||||
// "errorMsg": null,
|
||||
// "data": {
|
||||
// "waitDoneTotal": 36,//代办数量
|
||||
// "doneTotal": 3,//已办工单
|
||||
// "orderTotal": 39//工大总数
|
||||
// },
|
||||
// "solution": null,
|
||||
// "failed": false
|
||||
// }
|
||||
export function getOrderStatistics(params) {
|
||||
return request.get(`${dashboardUrl}/workOrder/stattic`, { params })
|
||||
}
|
||||
|
||||
// 右上角应用列表
|
||||
// 应用信息说明
|
||||
// 字段 类型 字段说明
|
||||
// appState int 应用状态(0注册 3上线 1发布 2下线)
|
||||
// softwareDesc String 应用描述
|
||||
// approveManager String 应用管理员
|
||||
// appAddress String 访问地址
|
||||
// appCode String 应用编码
|
||||
// appIcon String 应用图标
|
||||
// softwareOperations String 软件研发单位
|
||||
// updateUid String 更新人ID
|
||||
// appId String 应用ID
|
||||
// softwarePublishTime String 应用上线时间
|
||||
// createUid String 创建人ID
|
||||
// appDepartment String 应用单位
|
||||
// area String 所属区域
|
||||
// linkNum String 应用管理员联系电话
|
||||
// assumeDept String 软件承制单位
|
||||
// useFlag int 应用是否可用标志(1可用 0不可用)
|
||||
// softwareVersion String 应用版本
|
||||
// appSecrecyLevel String 应用密级
|
||||
// appInfo String 应用信息
|
||||
// appDirection String 应用方向
|
||||
// appTheme String 应用专题
|
||||
// modelSystem String 型号系统
|
||||
// assumeLinkman String 软件承制单位联系人
|
||||
// linkmanNum String 软件承制单位联系人电话
|
||||
// appType String 软件类型
|
||||
// appPlatform" String 应用平台
|
||||
// appName String 应用名称
|
||||
// publishArea String 应用发布区域中心编码
|
||||
// sysPlace String 部署位置
|
||||
// appLevel String 应用级别
|
||||
// updateTime String 更新时间
|
||||
// createTime String 注册时间
|
||||
export function getAppList(params) {
|
||||
return request.get(`${dashboardUrl}/userAppList `, { params })
|
||||
}
|
||||
|
||||
// 数据展示
|
||||
// 返回参数:
|
||||
// {
|
||||
// "success": true,
|
||||
// "status": null,
|
||||
// "message": "查询成功",
|
||||
// "errorMsg": null,
|
||||
// "data": {
|
||||
// "userAppCount": 3,//当前用户授权应用数
|
||||
// "taskCount": 39,//运维任务申请表
|
||||
// "userAuthList": 20//数据权限申请数量
|
||||
// //还有两个数据暂时没找到第三方接口
|
||||
// },
|
||||
// "solution": null,
|
||||
// "failed": false
|
||||
// }
|
||||
export function getStatisticsDisplay(params) {
|
||||
return request.get(`${dashboardUrl}/userData/static`, { params })
|
||||
}
|
||||
|
|
|
@ -16,6 +16,7 @@ import ItemCard from './ItemCard.vue'
|
|||
import 待办工单 from './images/icon-待办工单.png'
|
||||
import 已办工单 from './images/icon-已办工单.png'
|
||||
import 总数 from './images/icon-总数.png'
|
||||
import { getOrderStatistics } from 'services/system/dashboard'
|
||||
|
||||
export default {
|
||||
components: { ItemCard },
|
||||
|
@ -27,6 +28,21 @@ export default {
|
|||
{ label: '总数', value: 0, bgImg: 总数, background: 'rgba(93, 148, 255, 0.1)' }
|
||||
]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getItemList()
|
||||
},
|
||||
|
||||
methods: {
|
||||
getItemList() {
|
||||
getOrderStatistics().then(data => {
|
||||
if (data.success) {
|
||||
this.numList[0].value = data.data.waitDoneTotal
|
||||
this.numList[1].value = data.data.doneTotal
|
||||
this.numList[2].value = data.data.orderTotal
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
@ -23,6 +23,7 @@
|
|||
import ItemCard from './ItemCard.vue'
|
||||
import 当前用户授权应用数 from './images/icon-当前用户授权应用数.png'
|
||||
import 数据权限申请数量 from './images/icon-数据权限申请数量.png'
|
||||
import { getStatisticsDisplay } from 'services/system/dashboard'
|
||||
|
||||
export default {
|
||||
components: { ItemCard },
|
||||
|
@ -38,6 +39,24 @@ export default {
|
|||
{ label: '日志审计任务量', value: 0 }
|
||||
]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getItemList()
|
||||
},
|
||||
|
||||
methods: {
|
||||
getItemList() {
|
||||
getStatisticsDisplay().then(data => {
|
||||
if (data.success) {
|
||||
this.numList[0].value = data.data.userAppCount
|
||||
this.numList[1].value = data.data.userAuthList
|
||||
// 还有两个数据暂时没找到第三方接口
|
||||
// this.statistics[0].value = data.data.
|
||||
this.statistics[1].value = data.data.taskCount
|
||||
// this.statistics[2].value = data.data.
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
@ -1,16 +1,22 @@
|
|||
<template>
|
||||
<ItemCard title="待办工单" v-bind="$attrs">
|
||||
<el-button slot="operate" type="primary" plain>查看更多</el-button>
|
||||
<cb-table :data="tableList" :params="params" :get-list="getItemList" :total="total">
|
||||
<cb-table :data="tableList" :params="params" :get-list="getItemList" :total="total" :pageSizes="[15]">
|
||||
<el-table-column type="index" width="50" label="序号"> </el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="标题" prop="name">
|
||||
<el-table-column show-overflow-tooltip label="标题" prop="task_name">
|
||||
<template slot-scope="scope">
|
||||
<span class="weight600">{{ scope.row.name }}</span>
|
||||
<span class="weight600">{{ scope.row.task_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="状态" prop="status"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="发起人" prop="progress"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="时间" prop="time"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="状态" prop="approve_status">
|
||||
<template slot-scope="scope">
|
||||
<el-tag class="custom-tag" :type="statusFilter(scope.row.approve_status, 'color')" effect="light" round>
|
||||
{{ statusFilter(scope.row.approve_status, 'text') }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="发起人" prop="create_name"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="时间" prop="create_time"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="操作" width="60px">
|
||||
<template slot-scope="scope">
|
||||
<cb-link @click="handleOperation(scope.row)" style="font-size: 14px">审批</cb-link>
|
||||
|
@ -22,33 +28,45 @@
|
|||
|
||||
<script>
|
||||
import ItemCard from './ItemCard.vue'
|
||||
import { mockHttp } from 'services/system/dashboard'
|
||||
import { getTaskList } from 'services/system/dashboard'
|
||||
|
||||
export default {
|
||||
components: { ItemCard },
|
||||
data() {
|
||||
return {
|
||||
tableList: [
|
||||
{
|
||||
name: '测试标题',
|
||||
status: '待处理',
|
||||
progress: '张三',
|
||||
time: '2020-01-01'
|
||||
}
|
||||
],
|
||||
tableList: [],
|
||||
params: {
|
||||
page: 1,
|
||||
rows: 10
|
||||
rows: 15
|
||||
},
|
||||
total: 0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getItemList()
|
||||
},
|
||||
|
||||
methods: {
|
||||
statusFilter(status, type) {
|
||||
const map = {
|
||||
text: {
|
||||
0: '审批中',
|
||||
1: '审批通过',
|
||||
'-1': '审批驳回'
|
||||
},
|
||||
color: {
|
||||
0: 'primary',
|
||||
1: 'success',
|
||||
'-1': 'danger'
|
||||
}
|
||||
}
|
||||
return map[type][status]
|
||||
},
|
||||
getItemList() {
|
||||
mockHttp(this.params).then(data => {
|
||||
getTaskList(this.params).then(data => {
|
||||
if (data.success) {
|
||||
this.tableList = data.data.rows
|
||||
this.total = data.data.total
|
||||
this.tableList = data.data.data
|
||||
this.total = data.data.total * 1
|
||||
}
|
||||
})
|
||||
},
|
||||
|
@ -63,5 +81,15 @@ v-deep {
|
|||
.el-table--small {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.el-pager li {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.custom-tag {
|
||||
height: 22px;
|
||||
border-radius: 10px;
|
||||
line-height: 22px;
|
||||
font-size: 14px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
|
||||
<script>
|
||||
import ItemCard from './ItemCard.vue'
|
||||
import { mockHttp } from 'services/system/dashboard'
|
||||
// import { mockHttp } from 'services/system/dashboard'
|
||||
|
||||
export default {
|
||||
components: { ItemCard },
|
||||
|
@ -34,12 +34,12 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
getItemList() {
|
||||
mockHttp(this.params).then(data => {
|
||||
if (data.success) {
|
||||
this.tableList = data.data.rows
|
||||
this.total = data.data.total
|
||||
}
|
||||
})
|
||||
// mockHttp(this.params).then(data => {
|
||||
// if (data.success) {
|
||||
// this.tableList = data.data.rows
|
||||
// this.total = data.data.total
|
||||
// }
|
||||
// })
|
||||
},
|
||||
handleWarningOperation(row) {
|
||||
console.log('处理告警', row)
|
||||
|
|
Loading…
Reference in New Issue