sunlupeng 1 年之前
父節點
當前提交
18d14dd236

+ 9 - 1
src/api/oa/universal.js

@@ -3,7 +3,15 @@ import request from '@/utils/request'
 // 创建流程
 export function create(data) {
   return request({
-    url: '/bpm/oa-universal/start',
+    url: '/bpm/oa-universal/commit',
+    method: 'post',
+    data: data
+  })
+}
+// 暂存数据保存
+export function save(data) {
+  return request({
+    url: '/bpm/oa-universal/staging',
     method: 'post',
     data: data
   })

+ 22 - 11
src/views/oa/universal/DataList.vue

@@ -1,25 +1,25 @@
 <template>
   <div class="container">
     <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true" label-width="80px">
-      <el-form-item label="申请人">
+      <el-form-item label="申请人" prop="employeeName">
         <el-input v-model="queryParams.employeeName" placeholder="请输入申请人" clearable style="width: 250px"
                   @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="部门">
+      <el-form-item label="部门" prop="deptId">
         <treeselect style="width: 250px" :default-expand-level="1" v-model="queryParams.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="选择部门" />
       </el-form-item>
-      <el-form-item label="职位">
+      <el-form-item label="职位" prop="position">
         <el-select v-model="queryParams.position" placeholder="请选择"
         style="width: 250px">
           <el-option v-for="item in posOptions" :key="item.value" :label="item.label" :value="item.value">
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="手机号">
+      <el-form-item label="手机号" prop="employeePhone">
         <el-input v-model="queryParams.employeePhone" placeholder="请输入手机号" clearable style="width: 250px"
                   @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="审批状态">
+      <el-form-item label="审批状态" prop="auditStatus">
         <el-select v-model="queryParams.auditStatus" placeholder="审批状态" clearable style="width: 250px">
           <el-option v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/>
         </el-select>
@@ -47,7 +47,7 @@
       <el-table-column label="申请人" prop="employeeName" min-width="120" />
       <el-table-column label="部门" prop="deptName" min-width="150" />
       <el-table-column label="职位" prop="position" min-width="150" />
-      <el-table-column label="手机号" prop="employeePhone	" min-width="150" />
+      <el-table-column label="手机号" prop="employeePhone" min-width="150" />
       <el-table-column label="申请事项标题" prop="title" min-width="150" />
       <el-table-column label="申请时间" align="center" prop="createTime" min-width="180">
         <template v-slot="scope">
@@ -62,11 +62,11 @@
                 @pagination="getList"/>
 
     <!-- 修改 -->
-    <el-dialog title="通用审批(修改)" :visible.sync="openEdit" width="800px">
+    <el-dialog title="通用审批(修改)" :visible.sync="openEdit" width="800px" v-loading="editLoading">
       <edit :id="id"></edit>
     </el-dialog>
     <!-- 详情 -->
-    <el-dialog title="通用审批(详情)" :visible.sync="openDetail" width="800px">
+    <el-dialog title="通用审批(详情)" :visible.sync="openDetail" width="800px" v-loading="detailLoading">
       <detail :id="id"></detail>
     </el-dialog>
   </div>
@@ -89,6 +89,8 @@ export default {
   },
   data() {
     return {
+      editLoading:false,
+      detailLoading:false,
         posOptions: [],
       id:'',
       // 遮罩层
@@ -109,6 +111,11 @@ export default {
       queryParams: {
         pageNo: 1,
         pageSize: 10,
+        employeeName: undefined,
+        position: undefined,
+        employeePhone: undefined,
+        auditStatus: undefined,
+        createTime: []
       },
     };
   },
@@ -149,8 +156,12 @@ export default {
       //   this.title = "入职审批详情";
       // });
     },
+    closeEdit() {
+      this.openEdit = false;
+      this.getList();
+    },
 
-    /** 查询角色列表 */
+    /** 查询列表 */
     getList() {
       this.loading = true;
       getListData(this.queryParams).then(
@@ -181,11 +192,11 @@ export default {
     /** 导出按钮操作 */
     handleExport() {
       const queryParams = this.queryParams;
-      this.$modal.confirm('是否确认导出所有角色数据项?').then(function() {
+      this.$modal.confirm('是否确认导出所有数据项?').then(function() {
           this.exportLoading = true;
           return exportList(queryParams);
         }).then(response => {
-          this.$download.excel(response, '角色数据.xls');
+          this.$download.excel(response, '通用审批数据.xls');
           this.exportLoading = false;
       }).catch(() => {});
     }

+ 16 - 12
src/views/oa/universal/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="widget-wrapper">
-    <div class="widget-list">
+    <div class="widget-list" v-loading="loading">
       <div class="fx-field x-grid-col-12">
         <div class="field-label">
           <span class="field-required">*</span>
@@ -36,8 +36,6 @@
           <span :title="form.contactNumber">{{ form.employeePhone }}</span>
         </div>
       </div>
-
-
       <div class="fx-field x-grid-col-12">
         <div class="field-label">
           <span class="field-required">*</span>
@@ -82,7 +80,8 @@
           <span :title="form.remarks">{{ form.remarks }}</span>
         </div>
       </div>
-
+    </div>
+    <div class="widget-list" v-loading="loading">
       <div class="fx-field x-grid-col-12" v-if="form.auditStatus==2">
         <div class="field-label">
           <span class="field-required">*</span>
@@ -133,6 +132,7 @@
 
 <script>
 import { getDetail,completeTask } from "@/api/oa/universal"
+import {getDate} from "@/utils/dateUtils";
 export default {
   props: {
     id: {
@@ -142,7 +142,8 @@ export default {
   },
   data() {
     return {
-      entryId: undefined, // 编号
+      loading:false,
+      codeId: undefined, // 编号
       reason: '',
       auditRule: {
         reason: [{ required: true, message: '审批建议不能为空', trigger: 'blur' }],
@@ -185,21 +186,22 @@ export default {
     };
   },
   created() {
-    // this.entryId = this.id || this.$route.query.id;
-    // console.log(this.entryId);
+    // this.codeId = this.id || this.$route.query.id;
+    // console.log(this.codeId);
     // this.getDetail();
   },
   watch: {
     id: {
       immediate: true,
       handler(val) {
-        // console.log(val);
-        this.entryId = val;
-        this.getDetail();
+        this.getDetail(val);
       }
     }
   },
   methods: {
+    getDateStar(ms) {
+      return getDate(ms);
+    },
     handleEdit() {
       this.$router.push({ path: '/oa/entry/edit' })
     },
@@ -282,8 +284,10 @@ export default {
       return '';
     },
     /** 获得请假信息 */
-    getDetail() {
-      getDetail(this.entryId).then(response => {
+    getDetail(val) {
+      this.$parent.$parent.detailLoading = true
+      getDetail(val).then(response => {
+        this.$parent.$parent.detailLoading = false
         this.form = response.data;
         this.tasks = response.data.auditRecordList;
       });

+ 49 - 32
src/views/oa/universal/edit.vue

@@ -56,7 +56,7 @@
 </template>
 
 <script>
-import { getDetail, create, deteleById } from "@/api/oa/universal"
+import { getDetail, create, save, deleteById } from "@/api/oa/universal"
 import { getUserProfile } from "@/api/system/user";
 import { listDept } from "@/api/system/dept";
 import PeopleSelect from "@/components/PeopleSelect/index.vue";
@@ -79,14 +79,14 @@ export default {
   },
   data() {
     return {
-
+      loading:false,
       files: [],
       // 设置上传的请求头部
       headers: getBaseHeader(),
       // 上传的地址
       fileUrl: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/uploaData',
       // fileUrl: 'http://192.168.100.249:48080/admin-api/infra/file/uploaData',
-      entryId: undefined, // 编号
+      codeId: undefined, // 编号
       // 部门树选项
       posOptions: [],
       deptOptions: [],
@@ -106,7 +106,7 @@ export default {
           { required: true, message: '请输入申请的简要标题', trigger: 'blur' },
         ],
         description: [
-          { required: true, message: '请输入详细描述', trigger: 'change' }
+          { required: true, message: '请输入详细描述', trigger: 'blur' }
         ],
         peopleList: [
           { required: true, message: '请选择审批人', }
@@ -126,22 +126,26 @@ export default {
   },
 
   created() {
-    this.entryId = this.id || this.$route.query.id;
-    console.log(this.entryId);
-    if (this.entryId) {
-      this.getDetail();
-    }
-    this.getUser();
+    // this.codeId = this.id || this.$route.query.id;
+    // console.log(this.codeId);
+    // if (this.codeId) {
+    //   this.getDetail();
+    // }
+
     this.getDeptList();
   },
-  // watch: {
-  //   id: {
-  //     immediate: true,
-  //     handler(val) {
-  //       this.getDetail();
-  //     }
-  //   }
-  // },
+  watch: {
+    id: {
+      immediate: true,
+      handler(val) {
+        if(val){
+          this.getDetail(val);
+        }else{
+          this.getUser();
+        }
+      }
+    }
+  },
   methods: {
     getUser() {
       getUserProfile().then(response => {
@@ -192,15 +196,15 @@ export default {
       this.form.fileIdList = fileIds;
     },
     /** 获得表单信息 */
-    getDetail() {
-      getDetail(this.entryId).then(response => {
+    getDetail(val) {
+      getDetail(val).then(response => {
         this.form = response.data;
-        let files = response.data.files;
+        let files = response.data.fileList;
         if (files) {
           this.files = [];
           for (let i in files) {
             let url = files[i].url;
-            let name = files[i].oldName;
+            let name = files[i].name;
             let id = files[i].id;
 
             this.files.push({
@@ -210,6 +214,7 @@ export default {
             });
           }
         }
+        this.form.peopleList = undefined;
       });
     },
     /** 查询部门列表 */
@@ -231,15 +236,21 @@ export default {
     },
     //提交
     onSubmit() {
+      console.log(this.form);
       this.$refs.form.validate(valid => {
         if (valid) {
           console.log(this.form);
           this.form.startUserSelectAssignees = this.form.peopleList;
           this.form.auditPass = true;
+          this.$parent.$parent.editLoading = true;
           create(this.form).then(response => {
-            // this.$message.success('提交成功')
+            this.$parent.$parent.editLoading = false;
             this.$modal.msgSuccess("提交成功");
-            this.$router.push({ path: '/' })
+            if(this.id){
+              this.$parent.$parent.closeEdit();
+            }else{
+              this.$parent.$parent.setStatus(2);
+            }
           });
         } else {
           console.log('error submit!!');
@@ -251,19 +262,25 @@ export default {
     onSave() {
           this.form.startUserSelectAssignees = this.form.peopleList
           this.form.auditPass = false;
-          create(this.form).then(response => {
-            // this.$message.success('提交成功')
+          this.$parent.$parent.editLoading = true;
+          save(this.form).then(response => {
+            this.$parent.$parent.editLoading = false;
             this.$modal.msgSuccess("暂存成功");
-            this.$router.push({ path: '/' })
+            if(this.id){
+              this.$parent.$parent.closeEdit();
+            }else{
+              this.$parent.$parent.setStatus(2);
+            }
           });
     },
     //暂存删除
-    onDelete(){
-      this.$modal.confirm('是否确认删除?').then(function() {
-          return deteleById(this.id);
-        }).then(() => {
+    async onDelete() {
+      this.$modal.confirm('是否确认删除?').then(() => {
+        deleteById(this.id).then(response => {
           this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+          this.$parent.$parent.closeEdit();
+        })
+      }).catch(() => { });
     },
     // 关闭标签
     handleClose(index) {

+ 5 - 3
src/views/oa/universal/index.vue

@@ -1,11 +1,11 @@
 <template>
   <div>
     <div class='fixed-header'>
-      <oabar />
+      <oabar ref="oabar"/>
     </div>
     <div class="dashboard-container">
       <div v-if="status==1" class="apply-box">
-        <el-card class="box-card" style="min-height: 800px;border-radius: 10px">
+        <el-card class="box-card" style="min-height: 800px;border-radius: 10px" v-loading="editLoading">
           <div class="from-box">
             <div class="title">通用审批</div>
             <el-divider></el-divider>
@@ -43,6 +43,7 @@ export default {
   },
   data() {
     return {
+      editLoading:false,
       status: 1,
     }
   },
@@ -53,7 +54,8 @@ export default {
   methods: {
     //获取状态
     setStatus(status) {
-      this.status = status
+      this.status = status;
+      this.$refs.oabar.status = status;
     },
   }
 }