cloud-web-corejs 1.0.54-dev.32 → 1.0.54-dev.320

package/src/components/tempStorage/index.vue

@@ -1,11 +1,11 @@
 <template>
   <span class="button-sty">
-      <el-button type="success" class="btn-connect" icon="iconfont icon-zancun" @click="openSubmitDialog" plain>暂存</el-button>
+      <el-button type="success" class="btn-connect" icon="iconfont icon-zancun" @click="openSubmitDialog" plain :disabled="disabled">暂存</el-button>
       <el-tooltip class="item" effect="dark" content="查看暂存数据" placement="top">
-        <el-button class="btn-connect" @click="openTempStorageDialog" icon="iconfont icon-chakanshuju" type="success" ></el-button>
+        <el-button class="btn-connect" @click="openTempStorageDialog" icon="iconfont icon-chakanshuju" type="success" :disabled="disabled"></el-button>
       </el-tooltip>
 
-      <tempStorageDialog v-if="showTempStorageDialog" :visiable.sync="showTempStorageDialog" 
+      <tempStorageDialog v-if="showTempStorageDialog" :visiable.sync="showTempStorageDialog"
                          @confirm="confirmTempStorageDialog" :storageType="storageType" multi="false"/>
     <el-dialog
       v-if="showSubmitDialog"
@@ -54,7 +54,8 @@ import tempStorageDialog from "./tempStorageDialog.vue";
 
 export default {
   props: {
-    option: Object
+    option: Object,
+    disabled: Boolean,
   },
   components: {
     tempStorageDialog
@@ -82,7 +83,10 @@ export default {
       let url = USER_PREFIX + '/temp_storage/save';
       let billData = this.option.data() || {};
       let data = JSON.stringify(billData)
-      this.$http({
+
+      let that = this.option.vue || this.$$attrs["parent-target"] || this.$parent;
+      this.showSubmitDialog = false;
+      that.$http({
         url: url,
         method: `post`,
         data: {
@@ -99,7 +103,6 @@ export default {
             duration: 500,
             onClose: t => {
               this.option.saveConfirm && this.option.saveConfirm(res);
-              this.showSubmitDialog = false;
             }
           });
         }

package/src/components/tempStorage/tempStorageDialog.vue

@@ -60,7 +60,7 @@
       <el-tooltip :enterable="false" effect="dark" :content="$t1('全部删除')" placement="top"><a
         class="allDel icon-quanbushanchu" @click="clearChecked()"></a></el-tooltip>
       <div class="list">
-        <div class="item" v-for="(checkRow, index) in checkRows">
+        <div class="item" v-for="(checkRow, index) in checkRows" :key="index">
           <p>{{ checkRow.storageCode }}</p>
           <a class="el-icon-close" @click="clearTable1Select(index)"></a>
         </div>

package/src/components/vb-tabs/x-tabs.vue

@@ -36,14 +36,15 @@ export default {
     }
   },
   methods: {
-    openEditTab(row) {
+    openEditTab(row,param) {
       let paneKeyName = this.paneKeyName;
       let tab = this.tabs.find(tab => tab.data[paneKeyName] === row[paneKeyName])
       if (!tab) {
         tab = {
           data: row,
           showContent: false,
-          dataId: row[paneKeyName]
+          dataId: row[paneKeyName],
+          param
         }
         if (this.tabs.length >= 30) {
           this.tabs.splice(0, 1, tab);

package/src/components/wf/addOpinionButton.vue

@@ -0,0 +1,106 @@
+<template>
+  <el-button type="primary" class="button-sty" @click="openDialog"
+              icon="el-icon-plus">{{ $t1('补充意见') }}
+  <el-dialog
+        v-if="showDialog"
+        :visible.sync="showDialog"
+        :modal-append-to-body="false"
+        :close-on-click-modal="false"
+        :modal="false"
+        custom-class="dialog-style wf-dialog"
+        :destroy-on-close="true"
+        :append-to-body="true"
+        v-el-drag-dialog
+        v-el-dialog-center
+      >
+        <template #title>
+          <span class="el-dialog__title">{{ $t1('补充意见') }}<span
+            style="margin-left: 10px;margin-right: 10px;">—</span><b
+            class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{
+              wfInfo.taskName
+            }}</b></span>
+        </template>
+        <el-form ref="form" :model="formData">
+          <div id="containt">
+            <table class="table-detail">
+              <tbody>
+              <tr>
+                <th>
+                    <span class="t">
+                      {{ $t1('内容') }}
+                    </span>
+                </th>
+                <td>
+                  <el-form-item label="" field="opinion">
+                    <el-input type="textarea" :rows="8" v-model="formData.opinion"></el-input>
+                  </el-form-item>
+                </td>
+              </tr>
+              </tbody>
+            </table>
+          </div>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" plain class="button-sty" @click="showDialog=false">
+            <i class="el-icon-close el-icon"></i>
+            {{ $t2('取 消', 'system.button.cancel2') }}
+          </el-button>
+          <el-button type="primary" @click="confirmDialog" class="button-sty">
+            <i class="el-icon-check el-icon"></i>
+            {{ $t2('确 定', 'system.button.confirm2') }}
+          </el-button>
+        </span>
+      </el-dialog>
+  </el-button>
+</template>
+<script>
+export default {
+    props: {
+        wfSendTaskId: String,
+        wfInfo: Object, 
+        current_prefix:String
+    },
+    inject:['getEditVueTarget'],
+    data() {
+        return {
+            formData: {
+                opinion: ''
+            },
+            showDialog: false
+        }
+    },
+    methods: {
+        openDialog() {
+            this.showDialog = true
+        },
+        confirmDialog(){
+          this.$refs.form.$baseValidate((valid) => {
+            if (valid) {
+              let that = this.getEditVueTarget();
+              let taskId = this.wfSendTaskId;
+              let formData = {
+                opinion: this.formData.opinion,
+                taskId: taskId
+              }
+              return that.$http({
+                url: this.current_prefix + "/wf/addOpinion",
+                method: `post`,
+                data: formData,
+                isLoading: true,
+                modalStrictly: true,
+                success: (res) => {
+                  that.$message({
+                    message: res.content,
+                    type: "success",
+                    duration: 1000,
+                  });
+                  this.showDialog = false;
+                  this.$emit('confirm')
+                },
+              });
+            }
+          })
+        }
+    }
+}
+</script>

package/src/components/wf/content.vue

@@ -38,11 +38,12 @@
                    v-show="wfInfo.toRevoke"
                    icon="el-icon-document-delete">{{ $t2('撤回', 'components.wf.revoke') }}
         </el-button>
+        <addOpinionButton v-if="showAddOpinionButton" @confirm="reloadContent()" :wfInfo="wfInfo" :wfSendTaskId="wfSendTaskId" :current_prefix="current_prefix"></addOpinionButton>
       </div>
       <div class="title-name">
         <b>
           <em>{{ $t2('流程主题', 'components.wf.theme') }}：</em>
-          {{ (wfInfo.createDate ? wfInfo.createDate.substring(0, 10) : '') + wfInfo.name }}
+          {{ wfInfo.name }}
         </b>
         <span v-html="wfInfo.statusStr" class="status"></span>
       </div>
@@ -71,35 +72,62 @@
         <div class="title-tab">
           <div>
             <b :class="{on:tabIndex=='1'}" @click="tabIndex='1'">{{ $t2('任务情况', 'components.wf.taskInfo') }}</b>
-            <b :class="{on:tabIndex=='2'}" @click="tabIndex='2'"
-               v-if="toTalk">{{ $t2('流程沟通', 'components.wf.wfTalk') }}</b>
-            <b :class="{on:tabIndex=='3'}" @click="tabIndex='3'"
-               v-if="showAllWfOpinon">{{ $t2('全部任务情况', 'components.wf.allTaskInfo') }}</b>
+            <b :class="{on:tabIndex=='2'}" @click="tabIndex='2'" v-if="toTalk">{{ $t2('流程沟通', 'components.wf.wfTalk') }}</b>
+            <b :class="{on:tabIndex=='4'}" @click="tabIndex='4'" v-if="showCandidate">{{ $t1('节点候选人') }}</b>
+            <b :class="{on:tabIndex=='3'}" @click="tabIndex='3'" v-if="showAllWfOpinon">{{ $t2('全部任务情况', 'components.wf.allTaskInfo') }}</b>
           </div>
         </div>
-        <div class="task-situation" v-show="tabIndex=='1'" style="max-height: 500px; overflow: hidden auto;">
-          <div class="item" v-for="wftaskLineData in wftaskData" :key="wftaskLineData.id">
-            <div class="time">
-              {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(0, 10) : '' }}
-              <br/>
-              {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(11) : '' }}
-            </div>
-            <div class="status" :class="taskStatuses[wftaskLineData.type]?taskStatuses[wftaskLineData.type].class:''">
-              {{ taskStatuses[wftaskLineData.type] ? taskStatuses[wftaskLineData.type].value : null }}
+        <div v-show="tabIndex=='1'">
+          <div class="title-five"><b>任务流程</b></div>
+          <div class="task-situation" style="padding-left: 14px;">
+            <div class="item" v-for="wftaskLineData in wftaskData" :key="wftaskLineData.id">
+              <div class="time">
+                {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(0, 10) : '' }}
+                <br/>
+                {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(11) : '' }}
+              </div>
+              <div class="status" :class="taskStatuses[wftaskLineData.type]?taskStatuses[wftaskLineData.type].class:''">
+                {{ taskStatuses[wftaskLineData.type] ? taskStatuses[wftaskLineData.type].value : null }}
+              </div>
+              <i class="circle"></i>
+              <div class="info">
+                <p>
+                  <span class="name">{{ wftaskLineData.taskName }}</span>
+                  <span>{{ $t2('执行人', 'components.wf.approverName') }}：{{ wftaskLineData.approverName }}</span>
+                  <span>
+                    {{ $t2('候选人', 'components.wf.candidateName') }}：
+                    <span>
+                      <span style="float:left;width:auto;margin-right:10px;">{{ wftaskLineData.candidateNames }}</span>
+                      <setCandidateButton
+                      v-if="wftaskLineData.flag==1"
+                       style="float:left;width:auto;"
+                      :current_prefix="current_prefix"
+                      :wfInfo="wfInfo"
+                      :checkRow="wftaskLineData"
+                      @confirm="reloadContent()"
+                      ></setCandidateButton>
+                  </span>
+
+                </span>
+                </p>
+                <p class="t"><span class="t1">{{ $t2('备注/意见', 'components.wf.opinion') }}：</span><span>{{
+                    wftaskLineData.opinion
+                  }}</span></p>
+              </div>
             </div>
-            <i class="circle"></i>
-            <div class="info">
-              <p>
-                <span class="name">{{ wftaskLineData.taskName }}</span>
-                <span>{{ $t2('执行人', 'components.wf.approverName') }}：{{ wftaskLineData.approverName }}</span>
-                <span>
-                {{ $t2('候选人', 'components.wf.candidateName') }}：
-                <span class="">{{ wftaskLineData.candidateNames }}</span>
-              </span>
-              </p>
-              <p class="t"><span class="t1">{{ $t2('备注/意见', 'components.wf.opinion') }}：</span><span>{{
-                  wftaskLineData.opinion
-                }}</span></p>
+
+          </div>
+          <div class="title-five" v-if="showWfMemo">
+            <b>{{$t1("发起人附言")}}</b>
+            <el-button v-if="wfInfo.toAddMemo" class="button-sty" icon="el-icon-plus" @click="openWfMemoDialog()" type="primary">{{$t1("新增")}}</el-button>
+          </div>
+          <div class="postscript-box">
+            <div class='item' v-for="(item,index) in wfMemoData" :key="index">
+              <div class="txt" style="white-space: pre-wrap;">{{item.content}}</div>
+              <div class="attach-box" v-if="item.attachmentDTOs && item.attachmentDTOs.length">
+                <baseUpload accept="file" multi="true" :edit="false" :widgetSize="1" :file.sync="item.attachmentDTOs"></baseUpload>
+              </div>
+              <div class="time">{{item.createDate}}</div>
             </div>
           </div>
         </div>
@@ -205,7 +233,22 @@
             </div>
           </div>
         </div>
+        <template v-if="showCandidate">
+          <div v-show="tabIndex=='4'">
+              <div style="width:800px">
+                <vxe-grid
+                  ref="table-candidate"
+                  v-bind="candidateOption"
+                  :data="candidateDatas"
+                  @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                  @custom="$vxeTableUtil.customHandle"
+                ></vxe-grid>
+              </div>
+          </div>
+        </template>
+
       </div>
+      <!--沟通-->
       <el-dialog
         v-if="showTalkDialog"
         :visible.sync="showTalkDialog"
@@ -295,6 +338,69 @@
         </span>
       </el-dialog>
 
+      <!--发起人附言-->
+      <el-dialog
+        v-if="showWfMemoDialog"
+        :visible.sync="showWfMemoDialog"
+        :modal-append-to-body="false"
+        :close-on-click-modal="false"
+        :modal="false"
+        custom-class="dialog-style wf-dialog"
+        :append-to-body="true"
+        v-el-drag-dialog
+        v-el-dialog-center
+      >
+        <template #title>
+          <span class="el-dialog__title">{{ $t1('发起人附言') }}<span
+            style="margin-left: 10px;margin-right: 10px;">—</span><b
+            class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{
+              wfInfo.taskName
+            }}</b></span>
+        </template>
+        <el-form :model="wfMemoForm">
+          <div id="containt" style="height: 500px;">
+            <table class="table-detail">
+              <tbody>
+              <tr>
+                <th>
+                    <span class="t">
+                      {{ $t1('内容') }}
+                    </span>
+                </th>
+                <td>
+                  <el-form-item field="content">
+                    <el-input type="textarea" :rows="8"
+                              :placeholder="$t1('内容')"
+                              v-model="wfMemoForm.content"></el-input>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th>
+                    <span class="t">
+                      {{ $t1('附件') }}
+                    </span>
+                </th>
+                <td>
+                  <baseUpload accept="file" multi="true" :file.sync="wfMemoForm.attachmentDTOs"></baseUpload>
+                </td>
+              </tr>
+              </tbody>
+            </table>
+          </div>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" plain class="button-sty" @click="showWfMemoDialog = false">
+            <i class="el-icon-close el-icon"></i>
+            {{ $t2('取 消', 'system.button.cancel2') }}
+          </el-button>
+          <el-button type="primary" @click="submitWfMemoForm" class="button-sty">
+            <i class="el-icon-check el-icon"></i>
+            {{ $t2('确 定', 'system.button.confirm2') }}
+          </el-button>
+        </span>
+      </el-dialog>
+
       <el-dialog
         v-if="rejectDialogVisible"
         :visible.sync="rejectDialogVisible"
@@ -437,6 +543,7 @@
         custom-class="dialog-style wf-dialog"
         v-el-drag-dialog
         v-el-dialog-center
+        :append-to-body="true"
       >
         <template #title>
           <span class="el-dialog__title">{{ $t2('流程转办', 'components.wf.wfTransfer') }}<span
@@ -592,6 +699,7 @@
         custom-class="dialog-style wf-dialog"
         v-el-drag-dialog
         v-el-dialog-center
+        :append-to-body="true"
       >
         <template #title>
           <span class="el-dialog__title">{{ $t2('流程加签', 'components.wf.wfAddIncreaseSign') }}<span
@@ -695,7 +803,9 @@ export default {
     urgingDialog: () => import('./urgingDialog'),
     deleteTaskUserDialog: () => import('./deleteTaskUserDialog'),
     addTaskUserdialog: () => import('./addTaskUserdialog'),
-    setCandidateDialog: () => import('./setCandidateDialog')
+    setCandidateDialog: () => import('./setCandidateDialog'),
+    setCandidateButton: () => import('./setCandidateButton'),
+    addOpinionButton: () => import('./addOpinionButton'),
   },
   mixins: [wfContentMixin]
 };

package/src/components/wf/mixins/setCandidateButton.js

@@ -0,0 +1,161 @@
+import userDialog from "../../../views/user/user/dialog.vue";
+import wfTaskUserRangeDialog from '../wfTaskUserRangeDialog.vue'
+
+let moudule = {};
+moudule = {
+  props: ['visiable', 'multi', 'rows', 'param', 'current_prefix', 'wfInfo','checkRow'],
+  components: {userDialog,wfTaskUserRangeDialog},
+  created() {
+    this.init()
+  },
+  mounted() {
+
+  },
+  data() {
+    var that = this;
+    return {
+      showDialog: true,
+      falseValue: false,
+      selectMulti: true,
+      vxeOption: {},
+      showUserDialog: false,
+      userRows: [],
+      operateIndex: -1,
+
+      rangeTableDatas:[],
+      userRangeRows: [],
+      showWfTaskUserRangeDialog:false,
+      currentRow:null
+    };
+  },
+  methods: {
+    init(){
+      this.currentRow = this.$baseLodash.cloneDeep(this.checkRow);
+    },
+    openShowWfTaskUserRangeDialog(row, rangeTableDatas){
+      /* this.userRangeRows = row.wfTaskCandidateDTOs.map(item => {
+        return {
+          userId: item.id,
+          nickName: item.name
+        }
+      }); */
+      this.rangeTableDatas = rangeTableDatas;
+      this.showWfTaskUserRangeDialog = true;
+    },
+    confirmWfTaskUserRangeDialog(rows){
+      let wfInfo = this.wfInfo;
+      let item2s = []
+      rows.forEach(row => {
+        let userId = row.userId;
+        item2s.push({
+          id: userId,
+          name: row.nickName,
+          userFlag: 6
+        })
+      })
+
+      let formData = {
+        uuid: wfInfo.uuid,
+        taskId:this.currentRow.taskId,
+        nodeId:this.currentRow.taskDefinitionKey,
+        wfTaskCandidateDTOs:item2s
+      }
+
+      this.saveItem(formData);
+    },
+    checkWfTaskUserRange(row, callback){
+      //是否使用用户范围
+      let wfInfo = this.wfInfo;
+      this.$http({
+        url: this.current_prefix + '/wf_task_user_range/list',
+        method: `post`,
+        data: {
+          modelId: wfInfo.modelId,
+          taskDefinitionKey: row.taskDefinitionKey
+        },
+        isLoading: true,
+        errorMsg: false,
+        error:(error)=>{
+          if(error?.response?.status == 404){
+            //不使用用户范围
+            callback && callback();
+          }else{
+            this.$errorMsg({
+              content: error.message,
+              type: 'error',
+            })
+          }
+        },
+        success: res => {
+          let rows = res.objx || [];
+          if(!rows.length){
+            //不使用用户范围
+            callback && callback();
+          }else{
+            //使用用户范围
+            this.openShowWfTaskUserRangeDialog(row, rows)
+          }
+        }
+      });
+    },
+
+    openUserDialig() {
+      let row = this.currentRow;
+      //是否使用用户范围
+      this.checkWfTaskUserRange(row, ()=>{
+        //不使用用户范围
+        /* this.userRows = row.wfTaskCandidateDTOs.map(item => {
+          return {
+            id: item.id,
+            nickName: item.name
+          }
+        }); */
+        this.showUserDialog = true;
+      })
+    },
+    userConfirm(rows) {
+      let wfInfo = this.wfInfo;
+      let item2s = []
+      rows.forEach(row => {
+        let userId = row.id + "";
+        item2s.push({
+          id: userId,
+          name: row.nickName,
+          userFlag: 6
+        })
+      })
+
+      let formData = {
+        uuid: wfInfo.uuid,
+        taskId:this.currentRow.taskId,
+        nodeId:this.currentRow.taskDefinitionKey,
+        wfTaskCandidateDTOs:item2s
+      }
+
+      this.saveItem(formData);
+    },
+    saveItem(row) {
+      this.$http({
+        url: this.current_prefix + '/wf/setCurrentTaskUser',
+        method: `post`,
+        data: row,
+        isLoading: true,
+        success: res => {
+          this.$message({
+            message: res.content,
+            type: 'success',
+            duration: 500,
+            onClose: t => {
+              this.$emit('confirm')
+            }
+          });
+        }
+      });
+    },
+    closeWin() {
+      this.dialogClose();
+      this.$emit('close')
+    }
+  }
+};
+export default moudule;