update 固定顶部按钮

gssong

2024-03-21 12461f4106fe6b69e1d7383a8dbb720ef51451ca

update 固定顶部按钮

 src/views/workflow/leave/leaveEdit.vue

@@ -1,22 +1,24 @@
<template>
  <div class="p-2">
    <el-card shadow="never">
        <div style="display: flex;justify-content: space-between;">
          <div>
            <el-button :loading="buttonLoading" 
            v-if="routeParams.type === 'add' || (routeParams.type === 'update' && form.processInstanceVo.businessStatus && (form.processInstanceVo.businessStatus === 'draft' || form.processInstanceVo.businessStatus === 'cancel' || form.processInstanceVo.businessStatus === 'back'))"
            type="info" @click="submitForm('draft')">暂存</el-button>
            <el-button :loading="buttonLoading" v-if="routeParams.type === 'add' || (routeParams.type === 'update' && form.processInstanceVo && (form.processInstanceVo.businessStatus === 'draft' || form.processInstanceVo.businessStatus === 'cancel' || form.processInstanceVo.businessStatus === 'back'))"
            type="primary" @click="submitForm('submit')">提 交</el-button>
            <el-button :loading="buttonLoading" v-if="routeParams.type === 'approval' && form.processInstanceVo && form.processInstanceVo.businessStatus === 'waiting'"
            type="primary" @click="approvalVerifyOpen">审批</el-button>
            <el-button @click="handleApprovalRecord" type="primary" v-if="processInstanceId">流程进度</el-button>
    <el-affix target=".p-2" :offset="80">
      <el-card shadow="never">
          <div style="display: flex;justify-content: space-between;">
            <div>
              <el-button :loading="buttonLoading" 
              v-if="routeParams.type === 'add' || (routeParams.type === 'update' && form.processInstanceVo.businessStatus && (form.processInstanceVo.businessStatus === 'draft' || form.processInstanceVo.businessStatus === 'cancel' || form.processInstanceVo.businessStatus === 'back'))"
              type="info" @click="submitForm('draft')">暂存</el-button>
              <el-button :loading="buttonLoading" v-if="routeParams.type === 'add' || (routeParams.type === 'update' && form.processInstanceVo && (form.processInstanceVo.businessStatus === 'draft' || form.processInstanceVo.businessStatus === 'cancel' || form.processInstanceVo.businessStatus === 'back'))"
              type="primary" @click="submitForm('submit')">提 交</el-button>
              <el-button :loading="buttonLoading" v-if="routeParams.type === 'approval' && form.processInstanceVo && form.processInstanceVo.businessStatus === 'waiting'"
              type="primary" @click="approvalVerifyOpen">审批</el-button>
              <el-button @click="handleApprovalRecord" type="primary" v-if="processInstanceId">流程进度</el-button>
            </div>
            <div>
              <el-button style="float: right" @click="goBack()">返回</el-button>
            </div>
          </div>
          <div>
            <el-button style="float: right" @click="goBack()">返回</el-button>
          </div>
        </div>
    </el-card>
      </el-card>
    </el-affix>
    <el-card shadow="never">
      <el-form ref="leaveFormRef" :disabled="routeParams.type ==='view'" v-loading="loading" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="请假类型" prop="leaveType">