流程页面基本完成

2023-04-17 17:03:58 +08:00
parent c8db1229dc
commit f87f00b2e7
10 changed files with 270 additions and 368 deletions
@@ -4,10 +4,11 @@
                ref="examineForm"
                :model="examineForm"
                :rules="examineFormRules"
+                size="medium"
                class="label-input-form prc-content-border">
          <el-row :gutter="24">
            <el-col :span="9">
-              <el-form-item label="选择赋权时间" prop="date"
+              <el-form-item label="选择赋权时间:" prop="date"
                            label-width="132px" class="add-form-item"
                            :class="{'form-item-disabled': formdisableflag}">
                <el-date-picker
@@ -20,7 +21,7 @@
          </el-row>
            <el-row :gutter="24">
                <el-col :span="24">
-                    <el-form-item label="审批结果" prop="flag"
+                    <el-form-item label="审批结果:" prop="flag"
                                  label-width="132px" class="add-form-item"
                                  :class="{'form-item-disabled': formdisableflag}">
                        <el-radio-group :disabled="formdisableflag" v-model="examineForm.flag" >
@@ -33,7 +34,7 @@
            <el-row :gutter="24">
                <el-col :span="24">
                    <el-form-item :prop="!formdisableflag?'approvalOpinion':''" label-width="132px" class="add-form-item">
-                        <template slot="label">审批意见</template>
+                        <template slot="label">审批意见:</template>
                        <el-input :maxlength='1000'
                                v-model="examineForm.approvalOpinion"
                                placeholder="请输入审批意见"
@@ -78,6 +79,9 @@ export default {
        flag: '1'
      },
      examineFormRules: {
+        date: [
+          { required: true, message: '选择赋权时间不能为空', trigger: 'change' }
+        ],
        oldName: [
          { required: true, message: '添加指派不能为空', trigger: 'change' }
        ],
@@ -1,7 +1,7 @@
 <template>
  <div class="reportTable">
-    <el-button type="primary"  size="big">添加报告</el-button>
-    <el-button type="success" size="big" @click="deleteAll">批量删除</el-button>
+    <el-button v-if="!disabled" type="primary"  size="big">添加报告</el-button>
+    <el-button v-if="!disabled" type="success" size="big" @click="deleteAll">批量删除</el-button>
    <div class="table">
      <vxe-table :data="processTable" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="500"
      ref="xTable" @checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent">
@@ -12,7 +12,7 @@
        <vxe-column show-overflow show-header-overflow field="labelThreeName" :title="tagsForm.tags03.name"></vxe-column>
        <vxe-column show-overflow show-header-overflow field="year" title="报告年份"></vxe-column>
        <vxe-column show-overflow show-header-overflow field="createDate" title="上传时间"></vxe-column>
-        <vxe-column show-overflow show-header-overflow title="操作" width="200" fixed="right">
+        <vxe-column show-overflow show-header-overflow title="操作" width="200" fixed="right" v-if="!disabled">
          <template #default="{ row }">
            <el-button type="text" class="del-btn" @click="reportDelete(row.id)">删除</el-button>
            <!--                        <el-button type="text" @click="downloadRow(row)">下载</el-button>-->
@@ -39,6 +39,10 @@ export default {
      type: Array,
      default: new Array([]),
      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
    }
  },
  data () {
@@ -2,12 +2,12 @@
 <!--  此页面主要展示审核和已完成-->
  <div class="process">
    <div class="process_box">
-      <process-header :title="'发起流程'"></process-header>
+      <process-header :title="'权限审批'" :proceesNum="'proceesNum'"></process-header>
      <div class="procedure">
        <div class="content">
          <span class="base_title">基础信息</span>
          <el-row>
-            <report-table v-model="tableData" @updateTable="(newValue)=>{tableData=newValue}"></report-table>
+            <report-table v-model="tableData" @updateTable="(newValue)=>{tableData=newValue}" :disabled="formControl"></report-table>
          </el-row>
          <el-row>
            <el-form ref="form" :model="applicationForm" label-width="150px"
@@ -16,12 +16,12 @@
              <el-row>
                <el-col :span="9">
                  <el-form-item label="申请原因:" prop="name">
-                    <el-input type="textarea" v-model="applicationForm.name"></el-input>
+                    <el-input type="textarea" v-model="applicationForm.name" placeholder="请输入申请原因"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="9" :offset="6">
                  <el-form-item label="选择申请权限:" prop="send">
-                    <el-select v-model="applicationForm.send" placeholder="">
+                    <el-select v-model="applicationForm.send" placeholder="请选择申请权限">
                      <el-option
                        v-for="item in PERMISSION"
                        :key="item.value"
@@ -50,9 +50,16 @@
        :show-submit="isShowSubmit"
        :submitLoading="isSubmit"
        :TransferLoading="tranLoading"
-        @reset="handleReset"
+        @transfer="handleTransfer"
        @submit="handleSubmit"
      ></process-footer>
+      <process-choose-tree
+        dialog-model
+        :visible.sync="visibleTree"
+        :maxSelected="100"
+        :config="{value: '',valueName:''}"
+        @confirm="handleDblClick"
+      ></process-choose-tree>
    </div>
  </div>
 </template>
@@ -60,6 +67,7 @@
 <script>
 import processHeader from '@/components/ProcessHeader'
 import processFooter from '@/components/ProcessFooter'
+import processChooseTree from '../../components/ProcessChooseTree'
 import processApprovalHistory from '@/components/ProcessApprovalHistory'
 import auditOperation from './components/AuditOperation'
 import reportTable from './components/reportTable'
@@ -72,15 +80,17 @@ export default {
    reportTable,
    processFooter,
    processApprovalHistory,
-    auditOperation
+    auditOperation,
+    processChooseTree
  },
  data () {
    return {
+      visibleTree: false,
      isSubmit: false,
      tranLoading: false,
      isShowTran: true,
      isShowSubmit: true,
-      formControl: false,
+      formControl: true,
      assignForm: {},
      tableData: [],
      applicationForm: {},
@@ -126,9 +136,26 @@ export default {
        this.tableData = data.records
      })
    },
-    handleReset () {
-      this.applicationForm = {}
-      this.assignForm = {}
+    // 转办
+    handleTransfer () {
+      this.visibleTree = true
+    },
+    // 选择转办
+    handleDblClick (treeNode) {
+      // changeAssigneeNew({
+      //   taskId: this.$store.getters.getHandleInfo.taskIds, // 任务id
+      //   assignee: treeNode[0].userId, // 转办人
+      //   userId: this.$store.getters.userInfo.userId, // 转办人
+      //   pId: this.$store.getters.getHandleInfo.prcId // 流程实例
+      // }).then(res => {
+      //   if (res.success) {
+      //     this.$message.success('转办成功')
+      //     this.$router.push('/processCenter')
+      //     this.visibleTree = false
+      //   } else {
+      //     this.$message.warning(res.message)
+      //   }
+      // })
    }
  }
 }
@@ -15,12 +15,12 @@
              <el-row>
                <el-col :span="9">
                  <el-form-item label="申请原因:" prop="name">
-                    <el-input type="textarea" v-model="applicationForm.name"></el-input>
+                    <el-input type="textarea" v-model="applicationForm.name" placeholder="请输入申请原因"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="9" :offset="6">
                  <el-form-item label="选择申请权限:" prop="send">
-                    <el-select v-model="applicationForm.send" placeholder="">
+                    <el-select v-model="applicationForm.send" placeholder="请选择申请权限">
                      <el-option
                        v-for="item in PERMISSION"
                        :key="item.value"