Skip to content

W
weChatFlowApprove
Commit 1a72fc49 authored by 刘川's avatar 刘川
Browse files
Options

Delete planChangeFlow.vue

parent d378b62d
Hide whitespace changes
Inline Side-by-side
Showing with 0 additions and 344 deletions
src/views/plan-change-flow/planChangeFlow.vue deleted 100644 → 0
View file @ d378b62d
<template>
<div class="lists">
<van-nav-bar class="status_bar" title="发货计划变更审批" left-arrow @click-left="onClickLeft" />
<div class="header-bg"><img class="header-bg-img" src="@/assets/images/nav_bg@3x.png" /></div>
<div class="main">
<div class="list-wrapper">
<div class="top-block">
<van-cell title="申请时间" :value="conditions.createdDate" />
<van-cell title="录入人" :value="conditions.createdByName" />
<van-cell title="计划年度" :value="conditions.pyear" />
</div>
<van-button
class="download-btn"
@click="exportMonthPlanOrder"
:icon="downloadIcon"
type="primary"
>
变更发货计划下载
</van-button>
<van-collapse class="step-block" v-model="activeNames" :border="false">
<van-collapse-item title="审批" name="1" :border="false">
<van-steps
direction="vertical"
:active="stepActive"
active-color="#FF1D32"
inactive-color="#999"
>
<van-step v-for="(item, index) in tablePathData" :key="index">
<template #active-icon>
<span class="active-dot">{{ index + 1 }}</span>
</template>
<template #inactive-icon>
<span class="inactive-dot">{{ index + 1 }}</span>
</template>
<template #finish-icon>
<span class="active-dot">{{ index + 1 }}</span>
</template>
<p class="step-title">{{ item.statusName }}</p>
<p class="step-title2">{{ item.handler }}</p>
</van-step>
<van-step class="last-step">
<template #active-icon>
<span class="active-dot"></span>
</template>
<template #inactive-icon>
<span class="inactive-dot"></span>
</template>
<template #finish-icon>
<span class="active-dot"></span>
</template>
</van-step>
</van-steps>
</van-collapse-item>
</van-collapse>
<div class="remark-block">
<span class="title">意见</span>
<textarea v-model="conditions.handleOpinion" class="text" type="textarea" rows="2" />
</div>
</div>
</div>
<p class="bottom-block"></p>
<div class="bottom">
<van-button plain @click="refuse" type="primary">驳回</van-button>
<van-button plain @click="submit('1')" type="primary">通过</van-button>
</div>
</div>
</template>
<script>
import { apiMonthplanAdjustFindById, apiExportMonthPlanAdjuseOrder } from '@/api/monthPlan.js'
import { queryApprovalHistoryByBizId, advance } from '@/api/flowHander'
import { download } from '@/utils/index'
import { Toast } from 'vant'
import { mapGetters } from 'vuex'
export default {
data() {
return {
activeNames: ['1'],
stepActive: '0',
downloadIcon: require('@/assets/images/download@3x.png'),
conditions: {
id: '',
bizId: '',
taskId: '',
handleOpinion: '',
handleResult: '1'
},
tablePathData: []
}
},
computed: {
...mapGetters['token']
},
created() {
const { id, taskId } = this.$route.query
if (id) {
this.conditions.id = id
this.conditions.bizId = id
this.conditions.taskId = taskId
this.initDetail()
this.flowPath()
}
},
methods: {
initDetail() {
apiMonthplanAdjustFindById(this.conditions).then(res => {
console.log(res.data)
res.data.pyear += ''
this.conditions = { ...this.conditions, ...res.data }
})
},
flowPath() {
queryApprovalHistoryByBizId({ bizId: this.conditions.id })
.then(res => {
if (res.data) {
this.tablePathData = res.data.Rows
this.stepActive = this.tablePathData.length
}
})
.catch(() => {})
},
async submit(handleResult) {
this.conditions.handleResult = handleResult
const params = JSON.parse(JSON.stringify(this.conditions))
params.currentHandleId = ''
params.currentHandleGroupId = ''
params.taskId = this.$route.query.taskId
if (this.conditions.id) {
const res = await advance(params)
console.log('22asssssss', res)
if (res.status === 1) {
Toast('提交成功')
window.close()
}
}
},
refuse() {
this.conditions.handleResult = '2'
this.submit('2')
},
// 导出
async exportMonthPlanOrder() {
const params = {
bizId: this.conditions.bizId,
type: this.$route.query.type
}
const res = await apiExportMonthPlanAdjuseOrder(params)
try {
const { data, name, type } = res
download(data, name, type)
} catch (error) {
Toast('下载异常')
}
},
onClickLeft() {}
}
}
</script>
<style scoped lang="scss">
.lists {
height: 100%;
display: flex;
position: relative;
flex-direction: column;
background: #f0f4f5;
overflow: hidden;
:deep(.status_bar) {
background: transparent;
.van-nav-bar__arrow {
color: #333;
}
}
.header-bg {
width: 100%;
// height: 142px;
margin-top: -48px;
// background: url(~@/assets/images/nav_bg@3x.png) no-repeat;
// background-size: cover;
.header-bg-img {
width: 100%;
}
}
.main {
display: flex;
position: absolute;
width: 100%;
top: 48px;
left: 0;
flex-direction: column;
padding: 0 8px;
overflow: hidden;
border-radius: 8px;
.list-wrapper {
background-color: #fff;
display: flex;
flex-direction: column;
padding: 20px;
}
}
:deep(.top-block) {
.van-cell {
padding: 0;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
&::after {
display: none;
}
.van-cell__title {
font-size: 14px;
color: #999;
}
.van-cell__value {
flex: 2.5;
font-size: 14px;
color: #333;
text-align: left;
}
}
}
.download-btn {
width: 160px;
height: 30px;
font-size: 12px;
border-radius: 16px;
color: #ff1d32;
background-color: #fff;
border-color: #ff1d32;
margin: 24px 0;
}
:deep(.step-block) {
margin-bottom: 24px;
.van-collapse-item {
.van-cell {
padding: 0;
}
.van-collapse-item__wrapper {
.van-collapse-item__content {
padding: 0;
}
}
}
.van-steps {
padding-bottom: 10px;
.van-steps__items {
.van-step {
&::after {
display: none;
}
.van-step__title {
margin-left: 20px;
.step-title {
font-size: 17px;
color: #333;
margin-bottom: 6px;
}
.step-title2 {
font-size: 15px;
color: #999;
}
}
}
.van-step__circle-container {
.active-dot {
width: 20px;
height: 20px;
line-height: 22px;
text-align: center;
background: #ff1d32;
border-radius: 50%;
color: #fff;
font-size: 14px;
}
.inactive-dot {
width: 8px;
height: 8px;
background: #e5e5e5;
border-radius: 50%;
}
}
.last-step {
.van-step__circle-container {
.active-dot {
width: 10px;
height: 10px;
line-height: 10px;
background: #e5e5e5;
}
}
}
}
}
}
.remark-block {
display: flex;
flex-direction: column;
.title {
font-size: 14px;
color: #999;
margin-bottom: 12px;
}
.text {
width: 311px;
height: 91px;
background: #f5f6f7;
border-radius: 4px;
appearance: none;
border: none;
padding: 8px 14px;
}
}
.bottom-block {
width: 100%;
height: 71px;
}
.bottom {
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
bottom: 0;
width: 100%;
height: 71px;
background: #ffffff;
padding: 0 16px;
.van-button {
height: 42px;
border: 1px solid #ff1d32;
border-radius: 22px;
color: #fff;
font-size: 14px;
background-color: #ff1d32;
flex: 1;
&:first-child {
margin-right: 15px;
background-color: #fff;
color: #ff1d32;
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment