linwei
2024-01-10 f89867e71936474a1afd1994e49a3f55d937ec33
src/views/work/process/maintenanceFundApply/handle.vue
@@ -3,42 +3,16 @@
    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
      <el-row type="flex" class="row-bg" justify="end">
        <el-form-item>
          <el-button type="primary" @click="handleAgree">同意</el-button>
          <el-button type="danger" @click="handleDisagree">驳回</el-button>
          <el-button @click="handleCancel">关闭</el-button>
        </el-form-item>
      </el-row>
      <el-card shadow="hover">
        <div slot="header">
          <span>审批信息</span>
        </div>
        <avue-form :option="option" :value="form"></avue-form>
        <!-- <el-form-item label="申请人">
          <el-input :disabled="true" v-model="form.flow.assigneeName" />
        </el-form-item>
        <el-row>
          <el-col :span="12">
            <el-form-item label="开始时间">
              <el-input :disabled="true" v-model="form.startTime" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="结束时间">
              <el-input :disabled="true" v-model="form.endTime" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="请假理由">
          <el-input :disabled="true" type="textarea" v-model="form.reason" />
        </el-form-item>
        <el-form-item label="批复意见">
          <el-input type="textarea" v-model="form.comment" />
        </el-form-item> -->
        <avue-form :option="option" v-model="form"></avue-form>
      </el-card>
      <el-card shadow="hover">
        <div slot="header">
@@ -66,6 +40,21 @@
        </el-row>
      </el-card>
    </el-form>
    <!-- <div style="">
      <el-button type="primary" @click="handleAgree">同意</el-button>
      <el-button type="danger" @click="handleDisagree">驳回</el-button>
    </div> -->
    <div style="text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;">
      <el-button type="primary" @click="handleAgree">同意</el-button>
      <el-button type="danger" @click="handleDisagree">驳回</el-button>
    </div>
  </basic-container>
</template>
@@ -101,7 +90,6 @@
          startTime: '',
          endTime: '',
          reason: '',
          comment: '',
        },
        option: {
          height: "auto",
@@ -297,27 +285,27 @@
                trigger: "blur",
              }, ],
            },
            // {
            //   label: '施工方案附件',
            //   prop: 'constructionSchemeUrls',
            //   type: 'upload',
            //   span: 24,
            //   hide: true,
            //   labelWidth: 140,
            //   multiple: true,
            //   // showFileList: true,
            //   propsHttp: {
            //     res: 'data',
            //     name: "originalName",
            //     url: "link"
            //   },
            //   action: '/api/blade-resource/oss/endpoint/put-file-attach',
            //   rules: [{
            //     required: true,
            //     message: "请上传施工方案",
            //     trigger: "blur",
            //   }, ],
            // }
            {
              label: '施工方案附件',
              prop: 'constructionSchemeUrls',
              type: 'upload',
              span: 24,
              hide: true,
              labelWidth: 140,
              multiple: true,
              // showFileList: true,
              propsHttp: {
                res: 'data',
                name: "originalName",
                url: "link"
              },
              action: '/api/blade-resource/oss/endpoint/put-file-attach',
              rules: [{
                required: true,
                message: "请上传施工方案",
                trigger: "blur",
              }, ],
            }
          ],
        }
      }
@@ -354,7 +342,6 @@
        })
      },
      handleAgree() {
        this.form.comment = '同意'
        if (!this.form.comment) {
          this.$message.warning('请先填写批复意见');
          return;
@@ -379,7 +366,6 @@
        })
      },
      handleDisagree() {
        this.form.comment = '不同意'
        if (!this.form.comment) {
          this.$message.warning('请先填写批复意见');
          return;
@@ -410,4 +396,18 @@
      }
    }
  }
</script>
</script>
<style scoped>
  .container {
    position: relative;
    /* 确保按钮相对于该元素定位 */
  }
  #myButton {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
</style>