|
|
@@ -23,7 +23,16 @@
|
|
|
<Cell title="履约单号" :value="selectedRow.performanceplanid" />
|
|
|
</CellGroup>
|
|
|
<CellGroup title="执行信息">
|
|
|
-
|
|
|
+ <Steps v-for="(item, index) in datalist" :key="index" direction="vertical">
|
|
|
+ <Step>
|
|
|
+ <p>{{ item.stepindex }}</p>
|
|
|
+ <p>{{ getPerformanceStepStatusName(item.stepstatus) }}</p>
|
|
|
+ <h4>{{ item.steptypename }}</h4>
|
|
|
+ <p>{{ item.stepstatus === 2 ? `剩余${item.remaindays}天` : ((item.stepstatus === 3 || item.stepstatus === 6) ? `${item.stepdays}` : '') }}</p>
|
|
|
+ <p v-if="item.stepstatus != 2">{{ formatDate(item.starttime, 'YYYY-MM-DD') }}-{{ formatDate(item.endtime, 'YYYY-MM-DD') }}</p>
|
|
|
+ <p v-if="item.stepstatus === 1">{{ item.stepdays }}天</p>
|
|
|
+ </Step>
|
|
|
+ </Steps>
|
|
|
</CellGroup>
|
|
|
</div>
|
|
|
<Form ref="formRef" class="g-form__container" @submit="toConfirm">
|
|
|
@@ -42,15 +51,17 @@
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
import { shallowRef, PropType } from 'vue'
|
|
|
-import { CellGroup, Cell, Button, Dialog, Field, FieldRule, Form, FormInstance } from 'vant'
|
|
|
+import { CellGroup, Cell, Button, Dialog, Field, FieldRule, Form, FormInstance, Step, Steps } from 'vant'
|
|
|
import { fullloading } from '@/utils/vant'
|
|
|
import { formatDate, formatDecimal } from '@/filters'
|
|
|
import { usePerformanceDelayApply, usePerformanceManualConfirm } from '@/business/performance'
|
|
|
import { queryWrPerformancePlanStep } from '@/services/api/performance'
|
|
|
+import { getPerformanceStepStatusName } from '@/constants/order'
|
|
|
|
|
|
import AppModal from '@/components/base/modal/index.vue'
|
|
|
import { useRequest } from '@/hooks/request'
|
|
|
|
|
|
+
|
|
|
const showModal = shallowRef(true)
|
|
|
// 是否刷新父组件数据
|
|
|
const refresh = shallowRef(false)
|
|
|
@@ -65,7 +76,7 @@ const props = defineProps({
|
|
|
})
|
|
|
|
|
|
const { confirmFormData, confirmSubmit } = usePerformanceManualConfirm(props.selectedRow.buyaccountid)
|
|
|
-const datelist = shallowRef<Model.WrPerformancePlanStep[]>([])
|
|
|
+const datalist = shallowRef<Model.WrPerformancePlanStep[]>([])
|
|
|
const error = shallowRef(false)
|
|
|
const show = shallowRef(false)
|
|
|
const showDays = shallowRef(false)
|
|
|
@@ -89,7 +100,7 @@ const { loading } = useRequest(queryWrPerformancePlanStep, {
|
|
|
planid: props.selectedRow.performanceplanid
|
|
|
},
|
|
|
onSuccess: (res) => {
|
|
|
- datelist.value.push(...res.data)
|
|
|
+ datalist.value.push(...res.data)
|
|
|
},
|
|
|
onError: () => {
|
|
|
error.value = true
|