|
|
@@ -0,0 +1,200 @@
|
|
|
+<template>
|
|
|
+ <el-col :span="16" :offset="6">
|
|
|
+ <el-form label-width="100px" ref="formRef" :model="form">
|
|
|
+ <el-form-item
|
|
|
+ label="审批建议"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
+ :rules="{
|
|
|
+ required: true,
|
|
|
+ message: '请选择',
|
|
|
+ trigger: 'change'
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ v-model="form.reason"
|
|
|
+ placeholder="请输入审批建议"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div style="margin-left: 10%; margin-bottom: 20px; font-size: 14px">
|
|
|
+ <el-button
|
|
|
+ icon="el-icon-edit-outline"
|
|
|
+ type="success"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAudit(1)"
|
|
|
+ v-if="taskDefinitionKey != 'storemanApprove'"
|
|
|
+ >通过
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ icon="el-icon-edit-outline"
|
|
|
+ type="success"
|
|
|
+ size="mini"
|
|
|
+ @click="storemanApprove"
|
|
|
+ v-if="taskDefinitionKey == 'storemanApprove'"
|
|
|
+ >申请入库
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ icon="el-icon-circle-close"
|
|
|
+ type="danger"
|
|
|
+ size="mini"
|
|
|
+ @click="approveTaskWithVariables(0)"
|
|
|
+ >驳回
|
|
|
+ </el-button>
|
|
|
+ <el-dropdown
|
|
|
+ @command="(command) => handleCommand(command)"
|
|
|
+ style="margin-left: 30px"
|
|
|
+ >
|
|
|
+ <span class="el-dropdown-link"
|
|
|
+ >更多<i class="el-icon-arrow-down el-icon--right"></i
|
|
|
+ ></span>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item command="cancel">作废</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ approveTaskWithVariables,
|
|
|
+ rejectTask,
|
|
|
+ cancelTask
|
|
|
+ } from '@/api/bpm/task';
|
|
|
+
|
|
|
+ import storageApi from '@/api/warehouseManagement';
|
|
|
+ // 流程实例的详情页,可用于审批
|
|
|
+ export default {
|
|
|
+ name: '',
|
|
|
+ components: {
|
|
|
+ // Parser
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ businessId: {
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
+ taskId: {
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
+ id: {
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
+ taskDefinitionKey: {
|
|
|
+ default: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ form: {
|
|
|
+ technicianId: '',
|
|
|
+ reason: ''
|
|
|
+ },
|
|
|
+ activeComp: ''
|
|
|
+ };
|
|
|
+ },
|
|
|
+ async created() {},
|
|
|
+ methods: {
|
|
|
+ /** 处理转办审批人 */
|
|
|
+ handleUpdateAssignee() {
|
|
|
+ this.$emit('handleUpdateAssignee');
|
|
|
+ },
|
|
|
+ /** 退回 */
|
|
|
+ handleBackList() {
|
|
|
+ this.$emit('handleBackList');
|
|
|
+ },
|
|
|
+ async storemanApprove() {
|
|
|
+ let res = await this.getTableValue();
|
|
|
+ let storageData = res.returnStorageData;
|
|
|
+
|
|
|
+ if (!storageData) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ // 入库来源isSkip 0-正常 1-外部(外部跳过内部审核流程)
|
|
|
+ storageData.isSkip = 1;
|
|
|
+
|
|
|
+ try {
|
|
|
+ this.isSaveLoading = true;
|
|
|
+ await storageApi.storage(storageData);
|
|
|
+ approveTaskWithVariables({
|
|
|
+ id: this.taskId,
|
|
|
+ reason: this.form.reason,
|
|
|
+ variables: {
|
|
|
+ pass: true
|
|
|
+ }
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code != '-1') {
|
|
|
+ this.$emit('handleAudit', {
|
|
|
+ status: 1,
|
|
|
+ title: '入库'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.isSaveLoading = false;
|
|
|
+ });
|
|
|
+ } catch (error) {
|
|
|
+ this.isSaveLoading = false;
|
|
|
+ this.$message.error('保存失败');
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ async handleAudit(status) {
|
|
|
+ await this.approveTaskWithVariables(status);
|
|
|
+ },
|
|
|
+
|
|
|
+ async approveTaskWithVariables(status) {
|
|
|
+ let variables = {
|
|
|
+ pass: !!status
|
|
|
+ };
|
|
|
+ let API = !!status ? approveTaskWithVariables : rejectTask;
|
|
|
+ API({
|
|
|
+ id: this.taskId,
|
|
|
+ reason: this.form.reason,
|
|
|
+ variables
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code != '-1') {
|
|
|
+ this.$emit('handleAudit', {
|
|
|
+ status,
|
|
|
+ title: status === 0 ? '驳回' : ''
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getTableValue() {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ this.$emit('getTableValue', async (data) => {
|
|
|
+ resolve(await data);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ //更多
|
|
|
+ handleCommand(command) {
|
|
|
+ if (command === 'cancel') {
|
|
|
+ this.$confirm('是否确认作废?', {
|
|
|
+ type: 'warning',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ confirmButtonText: '确定'
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ cancelTask({
|
|
|
+ id: this.id,
|
|
|
+ taskId: this.taskId,
|
|
|
+ reason: this.form.reason,
|
|
|
+ businessId: this.businessId
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$emit('handleClose');
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.$message.error('流程作废失败');
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss"></style>
|