<template> <view> <cu-custom bgColor="bg-gradual-blueness" :isBack="true"> <block slot="backText">返回</block> <block slot="content">安全环保检查流程图</block> </cu-custom> <view class="form"> <uni-steps :options="varList" direction="column" :active="active"></uni-steps> </view> <view class="cu-bar btn-group" style="margin-top: 30upx;"> <button class="cu-btn bg-green margin-tb-sm lg" @click="goback()">返回 </button> </view> </view> </template> <script> import { basePath } from '@/common/tool.js'; import uniSteps from '@dcloudio/uni-ui/lib/uni-steps/uni-steps' // import {setSafetyenvironmentalFlow} from "../../../../../qa-regulatory-gwj-app/api"; export default { components: { 'uni-steps': uniSteps }, data() { return { basePath:basePath, msg: 'add', noClick: true, ID: '', varList: [], active: 0 } }, onLoad(event) { this.ID = event.id this.getData(); }, methods: { async getData() { var _this = this; uni.showLoading({ title: '请稍候' }) uni.request({ url: basePath + '/app/safetyenvironmental/showFlowChart', method: 'POST', header: { 'Content-type': 'application/x-www-form-urlencoded' }, data: { ID: _this.ID, }, success: (res) => { if ("success" == res.data.result) { this.active = Number(res.data.active) this.varList = res.data.varList console.log("打印数据:"+JSON.stringify(this.active, null, 2)); console.log(JSON.stringify(this.varList, null, 2)); uni.hideLoading(); } else if ("exception" == res.data.result) { uni.showToast({ title: '错误', duration: 2000 }); } } }); }, goback() { uni.navigateBack({ delta: 1 }); uni.hideLoading(); }, } } </script> <style lang="scss"> .status-btn { /* #ifndef APP-NVUE */ display: flex; /* #endif */ flex-direction: row; align-items: center; justify-content: center; height: 92 rpx; margin: 30 rpx; background-color: #007AFF; } .example-body { /* #ifndef APP-NVUE */ display: block; /* #endif */ padding: 15px; flex-direction: row; } </style>