|
@@ -1,54 +1,18 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="jp-center">
|
|
<div class="jp-center">
|
|
|
<h2 class="title">{{ title }}</h2>
|
|
<h2 class="title">{{ title }}</h2>
|
|
|
- <img
|
|
|
|
|
- v-if="code === 1"
|
|
|
|
|
- class="process-status-img"
|
|
|
|
|
- src="../../../assets/img/flowable/1.png"
|
|
|
|
|
- />
|
|
|
|
|
- <img
|
|
|
|
|
- v-if="code === 2"
|
|
|
|
|
- class="process-status-img"
|
|
|
|
|
- src="../../../assets/img/flowable/2.png"
|
|
|
|
|
- />
|
|
|
|
|
- <img
|
|
|
|
|
- v-if="code === 3"
|
|
|
|
|
- class="process-status-img"
|
|
|
|
|
- src="../../../assets/img/flowable/3.png"
|
|
|
|
|
- />
|
|
|
|
|
- <img
|
|
|
|
|
- v-if="code === 4"
|
|
|
|
|
- class="process-status-img"
|
|
|
|
|
- src="../../../assets/img/flowable/4.png"
|
|
|
|
|
- />
|
|
|
|
|
- <img
|
|
|
|
|
- v-if="code === 5"
|
|
|
|
|
- class="process-status-img"
|
|
|
|
|
- src="../../../assets/img/flowable/5.png"
|
|
|
|
|
- />
|
|
|
|
|
- <img
|
|
|
|
|
- v-if="code === 6"
|
|
|
|
|
- class="process-status-img"
|
|
|
|
|
- src="../../../assets/img/flowable/6.png"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img v-if="code === 1" class="process-status-img" src="../../../assets/img/flowable/1.png" />
|
|
|
|
|
+ <img v-if="code === 2" class="process-status-img" src="../../../assets/img/flowable/2.png" />
|
|
|
|
|
+ <img v-if="code === 3" class="process-status-img" src="../../../assets/img/flowable/3.png" />
|
|
|
|
|
+ <img v-if="code === 4" class="process-status-img" src="../../../assets/img/flowable/4.png" />
|
|
|
|
|
+ <img v-if="code === 5" class="process-status-img" src="../../../assets/img/flowable/5.png" />
|
|
|
|
|
+ <img v-if="code === 6" class="process-status-img" src="../../../assets/img/flowable/6.png" />
|
|
|
<el-tabs type="border-card" v-model="selectedTab" @tab-click="onTabChange">
|
|
<el-tabs type="border-card" v-model="selectedTab" @tab-click="onTabChange">
|
|
|
<el-tab-pane label="表单信息" name="form-first">
|
|
<el-tab-pane label="表单信息" name="form-first">
|
|
|
- <component
|
|
|
|
|
- :formReadOnly="formReadOnly"
|
|
|
|
|
- v-if="formType === '2'"
|
|
|
|
|
- :class="formReadOnly ? 'readonly' : ''"
|
|
|
|
|
- :status="'taskFormDetail'"
|
|
|
|
|
- ref="form"
|
|
|
|
|
- :businessId="businessId"
|
|
|
|
|
- :is="form"
|
|
|
|
|
- ></component>
|
|
|
|
|
- <PreviewForm
|
|
|
|
|
- v-if="formType !== '2'"
|
|
|
|
|
- :processDefinitionId="procDefId"
|
|
|
|
|
- :edit="false"
|
|
|
|
|
- :taskFormData="taskFormData"
|
|
|
|
|
- ref="form"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <component :formReadOnly="formReadOnly" v-if="formType === '2'" :class="formReadOnly ? 'readonly' : ''"
|
|
|
|
|
+ :status="'taskFormDetail'" ref="form" :businessId="businessId" :is="form"></component>
|
|
|
|
|
+ <PreviewForm v-if="formType !== '2'" :processDefinitionId="procDefId" :edit="false"
|
|
|
|
|
+ :taskFormData="taskFormData" ref="form" />
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="流程信息" v-if="procInsId" name="form-second">
|
|
<el-tab-pane label="流程信息" v-if="procInsId" name="form-second">
|
|
|
<flow-time-line :historicTaskList="historicTaskList" />
|
|
<flow-time-line :historicTaskList="historicTaskList" />
|
|
@@ -60,89 +24,93 @@
|
|
|
<span>流程图</span>
|
|
<span>流程图</span>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
- <flow-chart
|
|
|
|
|
- ref="chart1"
|
|
|
|
|
- v-if="procInsId"
|
|
|
|
|
- :processInstanceId="procInsId"
|
|
|
|
|
- />
|
|
|
|
|
- <flow-chart
|
|
|
|
|
- ref="chart2"
|
|
|
|
|
- v-if="!procInsId"
|
|
|
|
|
- :processDefId="procDefId"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <flow-chart ref="chart1" v-if="procInsId" :processInstanceId="procInsId" />
|
|
|
|
|
+ <flow-chart ref="chart2" v-if="!procInsId" :processDefId="procDefId" />
|
|
|
</el-card>
|
|
</el-card>
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="流转记录" v-if="procInsId" name="form-forth">
|
|
<el-tab-pane label="流转记录" v-if="procInsId" name="form-forth">
|
|
|
<flow-step :historicTaskList="historicTaskList" />
|
|
<flow-step :historicTaskList="historicTaskList" />
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="入库修改历史" v-if="wareHouseId" name="form-sixth">
|
|
<el-tab-pane label="入库修改历史" v-if="wareHouseId" name="form-sixth">
|
|
|
- <vxe-table
|
|
|
|
|
- border="inner"
|
|
|
|
|
- size="mini"
|
|
|
|
|
- max-height="1000px"
|
|
|
|
|
- :data="dataListHi">
|
|
|
|
|
|
|
+ <vxe-table border="inner" size="mini" max-height="1000px" :data="dataListHi">
|
|
|
<vxe-column type="seq" width="60" title="序号"></vxe-column>
|
|
<vxe-column type="seq" width="60" title="序号"></vxe-column>
|
|
|
<vxe-column min-width="120" align="center" title="修改类型" field="updateTradeType">
|
|
<vxe-column min-width="120" align="center" title="修改类型" field="updateTradeType">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <span v-if="commonJS.isNotEmpty(scope.row.updateTradeType)"> {{scope.row.updateTradeType}} </span>
|
|
|
|
|
|
|
+ <span v-if="commonJS.isNotEmpty(scope.row.updateTradeType)"> {{ scope.row.updateTradeType }}
|
|
|
|
|
+ </span>
|
|
|
<span v-else> -- </span>
|
|
<span v-else> -- </span>
|
|
|
</template>
|
|
</template>
|
|
|
</vxe-column>
|
|
</vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="修改商品" field="updateTradeName">
|
|
<vxe-column min-width="160" align="center" title="修改商品" field="updateTradeName">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <span v-if="commonJS.isNotEmpty(scope.row.updateTradeName)"> {{scope.row.updateTradeName}} </span>
|
|
|
|
|
|
|
+ <span v-if="commonJS.isNotEmpty(scope.row.updateTradeName)"> {{ scope.row.updateTradeName }}
|
|
|
|
|
+ </span>
|
|
|
<span v-else> -- </span>
|
|
<span v-else> -- </span>
|
|
|
</template>
|
|
</template>
|
|
|
</vxe-column>
|
|
</vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="修改人" field="updateUser">
|
|
<vxe-column min-width="160" align="center" title="修改人" field="updateUser">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <span v-if="scope.row.endflag === '2'">(创建人) {{scope.row.updateUser}} </span>
|
|
|
|
|
- <span v-else>{{scope.row.updateUser}} </span>
|
|
|
|
|
|
|
+ <span v-if="scope.row.endflag === '2'">(创建人) {{ scope.row.updateUser }} </span>
|
|
|
|
|
+ <span v-else>{{ scope.row.updateUser }} </span>
|
|
|
</template>
|
|
</template>
|
|
|
</vxe-column>
|
|
</vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="修改时间" field="createTime"></vxe-column>
|
|
<vxe-column min-width="160" align="center" title="修改时间" field="createTime"></vxe-column>
|
|
|
<vxe-column title="操作" width="150px" fixed="right" align="center">
|
|
<vxe-column title="操作" width="150px" fixed="right" align="center">
|
|
|
- <template #default="scope">
|
|
|
|
|
|
|
+ <template #default="scope">
|
|
|
<el-button text type="primary" size="small" @click="hiDetail(scope.row)">修改详情</el-button>
|
|
<el-button text type="primary" size="small" @click="hiDetail(scope.row)">修改详情</el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</vxe-column>
|
|
</vxe-column>
|
|
|
</vxe-table>
|
|
</vxe-table>
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="领用退回历史" v-if="returnId" name="form-seventh">
|
|
<el-tab-pane label="领用退回历史" v-if="returnId" name="form-seventh">
|
|
|
- <vxe-table
|
|
|
|
|
- border="inner"
|
|
|
|
|
- size="mini"
|
|
|
|
|
- max-height="1000px"
|
|
|
|
|
- :data="dataListHiCollect">
|
|
|
|
|
|
|
+ <vxe-table border="inner" size="mini" max-height="1000px" :data="dataListHiCollect">
|
|
|
<vxe-column type="seq" width="60" title="序号"></vxe-column>
|
|
<vxe-column type="seq" width="60" title="序号"></vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="退回物品" field="returnGoods">
|
|
<vxe-column min-width="160" align="center" title="退回物品" field="returnGoods">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <span v-if="commonJS.isNotEmpty(scope.row.returnGoods)"> {{scope.row.returnGoods}} </span>
|
|
|
|
|
|
|
+ <span v-if="commonJS.isNotEmpty(scope.row.returnGoods)"> {{ scope.row.returnGoods }} </span>
|
|
|
<span v-else> -- </span>
|
|
<span v-else> -- </span>
|
|
|
</template>
|
|
</template>
|
|
|
</vxe-column>
|
|
</vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="退回申请人" field="returnUserName">
|
|
<vxe-column min-width="160" align="center" title="退回申请人" field="returnUserName">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <span>{{scope.row.returnUserName}} </span>
|
|
|
|
|
|
|
+ <span>{{ scope.row.returnUserName }} </span>
|
|
|
</template>
|
|
</template>
|
|
|
</vxe-column>
|
|
</vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="退回时间" field="createTime"></vxe-column>
|
|
<vxe-column min-width="160" align="center" title="退回时间" field="createTime"></vxe-column>
|
|
|
<vxe-column title="操作" width="150px" fixed="right" align="center">
|
|
<vxe-column title="操作" width="150px" fixed="right" align="center">
|
|
|
- <template #default="scope">
|
|
|
|
|
- <el-button text type="primary" size="small" @click="hiDetailCollect(scope.row)">退回详情</el-button>
|
|
|
|
|
|
|
+ <template #default="scope">
|
|
|
|
|
+ <el-button text type="primary" size="small"
|
|
|
|
|
+ @click="hiDetailCollect(scope.row)">退回详情</el-button>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </vxe-column>
|
|
|
|
|
+ </vxe-table>
|
|
|
|
|
+ </el-tab-pane>
|
|
|
|
|
+ <el-tab-pane label="领用退回历史" v-if="psiReturnId" name="form-psi-return">
|
|
|
|
|
+ <vxe-table border="inner" size="mini" max-height="1000px" :data="dataListHiCollect">
|
|
|
|
|
+ <vxe-column type="seq" width="60" title="序号"></vxe-column>
|
|
|
|
|
+ <vxe-column min-width="160" align="center" title="退回物品" field="returnGoods">
|
|
|
|
|
+ <template #default="scope">
|
|
|
|
|
+ <span v-if="commonJS.isNotEmpty(scope.row.returnGoods)"> {{ scope.row.returnGoods }} </span>
|
|
|
|
|
+ <span v-else> -- </span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </vxe-column>
|
|
|
|
|
+ <vxe-column min-width="160" align="center" title="退回申请人" field="returnUserName">
|
|
|
|
|
+ <template #default="scope">
|
|
|
|
|
+ <span>{{ scope.row.returnUserName }} </span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </vxe-column>
|
|
|
|
|
+ <vxe-column min-width="160" align="center" title="退回时间" field="createTime"></vxe-column>
|
|
|
|
|
+ <vxe-column title="操作" width="150px" fixed="right" align="center">
|
|
|
|
|
+ <template #default="scope">
|
|
|
|
|
+ <el-button text type="primary" size="small"
|
|
|
|
|
+ @click="hiPsiDetailCollect(scope.row)">退回详情</el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</vxe-column>
|
|
</vxe-column>
|
|
|
</vxe-table>
|
|
</vxe-table>
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="修改签字注师历史" v-if="sigId" name="form-eighth">
|
|
<el-tab-pane label="修改签字注师历史" v-if="sigId" name="form-eighth">
|
|
|
- <vxe-table
|
|
|
|
|
- ref="sigTable"
|
|
|
|
|
- border="inner"
|
|
|
|
|
- :key="111"
|
|
|
|
|
- size="small"
|
|
|
|
|
- class="vxe-table-element"
|
|
|
|
|
- max-height="1000px"
|
|
|
|
|
- :data="sigHiCollect">
|
|
|
|
|
|
|
+ <vxe-table ref="sigTable" border="inner" :key="111" size="small" class="vxe-table-element"
|
|
|
|
|
+ max-height="1000px" :data="sigHiCollect">
|
|
|
<vxe-column type="seq" width="60" title="序号"></vxe-column>
|
|
<vxe-column type="seq" width="60" title="序号"></vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="签字注师1" field="signatureAnnotator1"></vxe-column>
|
|
<vxe-column min-width="160" align="center" title="签字注师1" field="signatureAnnotator1"></vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="签字注师2" field="signatureAnnotator2"></vxe-column>
|
|
<vxe-column min-width="160" align="center" title="签字注师2" field="signatureAnnotator2"></vxe-column>
|
|
@@ -154,6 +122,7 @@
|
|
|
</el-tabs>
|
|
</el-tabs>
|
|
|
<WareHouseHi ref="wareHouseHi"></WareHouseHi>
|
|
<WareHouseHi ref="wareHouseHi"></WareHouseHi>
|
|
|
<CollectReturnHi ref="collectReturnHi"></CollectReturnHi>
|
|
<CollectReturnHi ref="collectReturnHi"></CollectReturnHi>
|
|
|
|
|
+ <PsiCollectReturnHi ref="psiCollectReturnHi"></PsiCollectReturnHi>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -169,14 +138,18 @@ import processService from "@/api/flowable/processService.js";
|
|
|
import { shallowRef } from 'vue'
|
|
import { shallowRef } from 'vue'
|
|
|
import WareHouseHi from '@/views/materialManagement/wareHouse/WareHouseHi'
|
|
import WareHouseHi from '@/views/materialManagement/wareHouse/WareHouseHi'
|
|
|
import CollectReturnHi from '@/views/materialManagement/collect/CollectReturnHiForm'
|
|
import CollectReturnHi from '@/views/materialManagement/collect/CollectReturnHiForm'
|
|
|
|
|
+import PsiCollectReturnHi from '@/views/psiManagement/collect/CollectReturnHiForm'
|
|
|
import CollectService from '@/api/materialManagement/CollectService'
|
|
import CollectService from '@/api/materialManagement/CollectService'
|
|
|
|
|
+import PsiCollectService from '@/api/psi/CollectService'
|
|
|
import WareHouseService from '@/api/materialManagement/WareHouseService'
|
|
import WareHouseService from '@/api/materialManagement/WareHouseService'
|
|
|
import projectReportService from '@/api/cw/reportManagement/ProjectReportService'
|
|
import projectReportService from '@/api/cw/reportManagement/ProjectReportService'
|
|
|
export default {
|
|
export default {
|
|
|
collectService: null,
|
|
collectService: null,
|
|
|
|
|
+ psiCollectService: null,
|
|
|
wareHouseService: null,
|
|
wareHouseService: null,
|
|
|
- beforeCreate () {
|
|
|
|
|
|
|
+ beforeCreate() {
|
|
|
this.collectService = new CollectService()
|
|
this.collectService = new CollectService()
|
|
|
|
|
+ this.psiCollectService = new PsiCollectService()
|
|
|
this.wareHouseService = new WareHouseService()
|
|
this.wareHouseService = new WareHouseService()
|
|
|
},
|
|
},
|
|
|
activated() {
|
|
activated() {
|
|
@@ -230,7 +203,8 @@ export default {
|
|
|
FlowStep,
|
|
FlowStep,
|
|
|
FlowTimeLine,
|
|
FlowTimeLine,
|
|
|
WareHouseHi,
|
|
WareHouseHi,
|
|
|
- CollectReturnHi
|
|
|
|
|
|
|
+ CollectReturnHi,
|
|
|
|
|
+ PsiCollectReturnHi
|
|
|
// FlowChart
|
|
// FlowChart
|
|
|
},
|
|
},
|
|
|
watch: {
|
|
watch: {
|
|
@@ -258,8 +232,9 @@ export default {
|
|
|
this.businessId = this.$route.query.businessId;
|
|
this.businessId = this.$route.query.businessId;
|
|
|
this.procInsId = this.$route.query.procInsId;
|
|
this.procInsId = this.$route.query.procInsId;
|
|
|
this.returnId = this.$route.query.returnId
|
|
this.returnId = this.$route.query.returnId
|
|
|
|
|
+ this.psiReturnId = this.$route.query.psiReturnId
|
|
|
this.wareHouseId = this.$route.query.wareHouseId
|
|
this.wareHouseId = this.$route.query.wareHouseId
|
|
|
- this.sigId=this.$route.query.sigId
|
|
|
|
|
|
|
+ this.sigId = this.$route.query.sigId
|
|
|
this.formReadOnly = true;
|
|
this.formReadOnly = true;
|
|
|
let _this = this
|
|
let _this = this
|
|
|
setTimeout(function () {
|
|
setTimeout(function () {
|
|
@@ -270,7 +245,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
}, 500)
|
|
}, 500)
|
|
|
},
|
|
},
|
|
|
- onTabChange (event) {
|
|
|
|
|
|
|
+ onTabChange(event) {
|
|
|
if (event.props.name === 'form-sixth') {
|
|
if (event.props.name === 'form-sixth') {
|
|
|
if (this.commonJS.isNotEmpty(this.wareHouseId)) {
|
|
if (this.commonJS.isNotEmpty(this.wareHouseId)) {
|
|
|
this.wareHouseService.findHiById(this.wareHouseId).then((data) => {
|
|
this.wareHouseService.findHiById(this.wareHouseId).then((data) => {
|
|
@@ -288,26 +263,41 @@ export default {
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ if (event.props.name === 'form-psi-return') {
|
|
|
|
|
+ if (this.commonJS.isNotEmpty(this.psiReturnId)) {
|
|
|
|
|
+ this.psiCollectService.findByReturnId(this.psiReturnId).then((data) => {
|
|
|
|
|
+ this.psiCollectService.findHiById(data.id).then((data) => {
|
|
|
|
|
+ this.dataListHiCollect = data
|
|
|
|
|
+ })
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
if (event.props.name === 'form-eighth') {
|
|
if (event.props.name === 'form-eighth') {
|
|
|
if (this.commonJS.isNotEmpty(this.sigId)) {
|
|
if (this.commonJS.isNotEmpty(this.sigId)) {
|
|
|
projectReportService.findByReportId(this.sigId).then((data) => {
|
|
projectReportService.findByReportId(this.sigId).then((data) => {
|
|
|
- console.log('data',data)
|
|
|
|
|
|
|
+ console.log('data', data)
|
|
|
this.sigHiCollect = data
|
|
this.sigHiCollect = data
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
// 打开入库修改历史详情页
|
|
// 打开入库修改历史详情页
|
|
|
- hiDetail (row) {
|
|
|
|
|
|
|
+ hiDetail(row) {
|
|
|
if (this.commonJS.isNotEmpty(row.id)) {
|
|
if (this.commonJS.isNotEmpty(row.id)) {
|
|
|
this.$refs.wareHouseHi.init(row.id)
|
|
this.$refs.wareHouseHi.init(row.id)
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
// 打开领用退回历史详情页
|
|
// 打开领用退回历史详情页
|
|
|
- hiDetailCollect (row) {
|
|
|
|
|
|
|
+ hiDetailCollect(row) {
|
|
|
if (this.commonJS.isNotEmpty(row.id)) {
|
|
if (this.commonJS.isNotEmpty(row.id)) {
|
|
|
this.$refs.collectReturnHi.init(row.id)
|
|
this.$refs.collectReturnHi.init(row.id)
|
|
|
}
|
|
}
|
|
|
|
|
+ },
|
|
|
|
|
+ // 打开进销存领用退回历史详情页
|
|
|
|
|
+ hiPsiDetailCollect(row) {
|
|
|
|
|
+ if (this.commonJS.isNotEmpty(row.id)) {
|
|
|
|
|
+ this.$refs.psiCollectReturnHi.init(row.id)
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
@@ -329,11 +319,12 @@ export default {
|
|
|
title: "",
|
|
title: "",
|
|
|
businessId: "",
|
|
businessId: "",
|
|
|
returnId: "",
|
|
returnId: "",
|
|
|
|
|
+ psiReturnId: '',
|
|
|
wareHouseId: '',
|
|
wareHouseId: '',
|
|
|
dataListHi: [],
|
|
dataListHi: [],
|
|
|
dataListHiCollect: [],
|
|
dataListHiCollect: [],
|
|
|
- sigId:'',
|
|
|
|
|
- sigHiCollect:[],
|
|
|
|
|
|
|
+ sigId: '',
|
|
|
|
|
+ sigHiCollect: [],
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
@@ -344,10 +335,12 @@ export default {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
padding: 10px;
|
|
padding: 10px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.title {
|
|
.title {
|
|
|
padding: 15px;
|
|
padding: 15px;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.process-status-img {
|
|
.process-status-img {
|
|
|
height: 180px;
|
|
height: 180px;
|
|
|
position: absolute;
|
|
position: absolute;
|