cloud-web-corejs 1.0.54-dev.81 → 1.0.54-dev.810

package/src/views/user/wf/wf_manage/list.vue

@@ -12,10 +12,21 @@
           :_viewType="1"
           @reload="$reloadHandle"
         ></component>
+        <micro-view-host
+          v-else-if="showWfContent && remoteView"
+          :owner="remoteView.owner"
+          :target-path="remoteView.targetPath"
+          :biz-params="remoteView.bizParams"
+          :view-meta="remoteView.viewMeta"
+          @reload="$reloadHandle"
+          @close="showWfContent = false"
+        ></micro-view-host>
       </el-tab-pane>
       <el-tab-pane :label="$t1('我的流程')" name="second">
         <div class="tree-box fl">
-          <div class="tit"><b>{{ $t1('待办类型') }}</b></div>
+          <div class="tit">
+            <b>{{ $t1("待办类型") }}</b>
+          </div>
           <el-tree
             :props="defaultProps"
             :load="loadNode"
@@ -35,38 +46,76 @@
             <i class="el-icon-more"></i>
           </div>
         </label>
-        <div class="main-right fr" style="padding-left:6px;">
+        <div class="main-right fr" style="padding-left: 6px">
           <div class="grid-height">
-            <vxe-grid ref="table-m1" v-bind="vxeOption" @resizable-change="$vxeTableUtil.onColumnWitchChange"
-                      @custom="$vxeTableUtil.customHandle">
+            <vxe-grid
+              ref="table-m1"
+              v-bind="vxeOption"
+              @resizable-change="$vxeTableUtil.onColumnWitchChange"
+              @custom="$vxeTableUtil.customHandle"
+            >
               <template #form>
                 <div class="clearfix screen-btns">
                   <div class="fl">
-                    <base-table-export :option="{ title: $t1('流程待办导出'), targetRef: 'table-m1'}"
-                                       :parent-target="_self"/>
+                    <base-table-export
+                      :option="{
+                        title: $t1('流程待办导出'),
+                        targetRef: 'table-m1',
+                      }"
+                      :parent-target="_self"
+                    />
                   </div>
                   <div class="fr">
-                    <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
-                                plain>{{ $t1('重置') }}
+                    <vxe-button
+                      icon="el-icon-brush"
+                      class="button-sty"
+                      @click="resetEvent"
+                      type="text"
+                      status="primary"
+                      plain
+                      >{{ $t1("刷新") }}
                     </vxe-button>
-                    <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
-                      {{ $t1('搜索') }}
+                    <vxe-button
+                      status="warning"
+                      icon="el-icon-search"
+                      class="button-sty"
+                      @click="searchEvent"
+                    >
+                      {{ $t1("搜索") }}
                     </vxe-button>
                   </div>
                 </div>
-                <vxe-form ref="form" class="screen-box" title-width="92px" title-align="right" :data="formData"
-                          @submit="searchEvent" @reset="searchEvent">
-                  <vxe-form-item :title="$t1('待办类型')+':'">
+                <vxe-form
+                  ref="form"
+                  class="screen-box"
+                  title-width="92px"
+                  title-align="right"
+                  :data="formData"
+                  @submit="searchEvent"
+                  @reset="searchEvent"
+                >
+                  <vxe-form-item :title="$t1('待办类型') + ':'">
                     <template v-slot>
-                      <el-input v-model="checkNodeData.label" size="small" disabled/>
+                      <el-input
+                        v-model="checkNodeData.label"
+                        size="small"
+                        disabled
+                      />
                     </template>
                   </vxe-form-item>
-                  <vxe-form-item :title="$t1('流程主题')+':'" field="name">
+                  <vxe-form-item :title="$t1('流程主题') + ':'" field="name">
                     <template v-slot>
-                      <el-input v-model="formData.name" size="small" clearable/>
+                      <el-input
+                        v-model="formData.name"
+                        size="small"
+                        clearable
+                      />
                     </template>
                   </vxe-form-item>
-                  <vxe-form-item :title="$t1('单据类型')+':'" field="objTypeName">
+                  <vxe-form-item
+                    :title="$t1('单据类型') + ':'"
+                    field="objTypeName"
+                  >
                     <template v-slot>
                       <el-input
                         class="search-input"
@@ -79,71 +128,162 @@
                         v-el-readonly
                         clearable
                       >
-                        <i slot="suffix" class="el-input__icon el-icon-search"
-                           @click="showWfObjConfigDialog = true"></i>
+                        <i
+                          slot="suffix"
+                          class="el-input__icon el-icon-search"
+                          @click="showWfObjConfigDialog = true"
+                        ></i>
                       </el-input>
                     </template>
                   </vxe-form-item>
-                  <vxe-form-item :title="$t1('流程状态')+':'" field="stat">
+                  <vxe-form-item :title="$t1('流程状态') + ':'" field="stat">
                     <template v-slot>
                       <el-select v-model="formData.stat" clearable>
-                        <el-option :value="1" :label="$t1('审核中')"></el-option>
-                        <el-option :value="2" :label="$t1('已完成')"></el-option>
-                        <el-option :value="3" :label="$t1('已驳回')"></el-option>
+                        <el-option
+                          :value="1"
+                          :label="$t1('审核中')"
+                        ></el-option>
+                        <el-option
+                          :value="2"
+                          :label="$t1('已完成')"
+                        ></el-option>
+                        <el-option
+                          :value="3"
+                          :label="$t1('已驳回')"
+                        ></el-option>
                       </el-select>
                     </template>
                   </vxe-form-item>
+                  <vxe-form-item
+                    :title="$t1('启动人') + ':'"
+                    field="starterName"
+                  >
+                    <template v-slot>
+                      <el-input
+                        v-model="formData.starterName"
+                        size="small"
+                        clearable
+                      />
+                    </template>
+                  </vxe-form-item>
+                  <vxe-form-item title="启动时间:">
+                    <template v-slot>
+                      <el-date-picker
+                        v-model="formData.startTime"
+                        type="datetime"
+                        placeholder=""
+                        size="small"
+                        clearable
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        :picker-options="
+                          $baseStartPickerOptions(formData.endTime)
+                        "
+                      ></el-date-picker>
+                      <span>-</span>
+                      <el-date-picker
+                        v-model="formData.endTime"
+                        type="datetime"
+                        placeholder=""
+                        size="small"
+                        clearable
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        default-time="23:59:59"
+                        :picker-options="
+                          $baseEndPickerOptions(formData.startTime)
+                        "
+                      ></el-date-picker>
+                    </template>
+                  </vxe-form-item>
                 </vxe-form>
               </template>
             </vxe-grid>
           </div>
         </div>
       </el-tab-pane>
-      <el-tab-pane :label="$t1('全部流程')" name="third" v-if="flag==1">
+      <el-tab-pane :label="$t1('全部流程')" name="third" v-if="flag == 1">
         <div class="grid-height">
-          <vxe-grid ref="table-m2" v-bind="vxeOption2" @resizable-change="$vxeTableUtil.onColumnWitchChange"
-                    @custom="$vxeTableUtil.customHandle">
+          <vxe-grid
+            ref="table-m2"
+            v-bind="vxeOption2"
+            @resizable-change="$vxeTableUtil.onColumnWitchChange"
+            @custom="$vxeTableUtil.customHandle"
+          >
             <template #form>
               <div class="clearfix screen-btns">
                 <div class="fl">
-                  <base-table-export :option="{ title: $t1('流程待办导出'), targetRef: 'table-m2'}"
-                                     :parent-target="_self"/>
+                  <base-table-export
+                    :option="{
+                      title: $t1('流程待办导出'),
+                      targetRef: 'table-m2',
+                    }"
+                    :parent-target="_self"
+                  />
+                  <el-button
+                    type="primary"
+                    class="button-sty"
+                    @click="openCurrentTaskUserDialog"
+                    >{{ $t1("处理任务用户") }}
+                  </el-button>
                 </div>
                 <div class="fr">
-                  <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent2" type="text" status="primary"
-                              plain>{{ $t1('重置') }}
+                  <vxe-button
+                    icon="el-icon-brush"
+                    class="button-sty"
+                    @click="resetEvent2"
+                    type="text"
+                    status="primary"
+                    plain
+                    >{{ $t1("刷新") }}
                   </vxe-button>
-                  <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent2">
-                    {{ $t1('搜索') }}
+                  <vxe-button
+                    status="warning"
+                    icon="el-icon-search"
+                    class="button-sty"
+                    @click="searchEvent2"
+                  >
+                    {{ $t1("搜索") }}
                   </vxe-button>
                 </div>
               </div>
-              <vxe-form ref="form" class="screen-box" title-width="92px" title-align="right" :data="formData2"
-                        @submit="searchEvent2" @reset="searchEvent2">
-                <vxe-form-item :title="$t1('流程主题')+':'" field="name">
+              <vxe-form
+                ref="form"
+                class="screen-box"
+                title-width="92px"
+                title-align="right"
+                :data="formData2"
+                @submit="searchEvent2"
+                @reset="searchEvent2"
+              >
+                <vxe-form-item :title="$t1('流程主题') + ':'" field="name">
                   <template v-slot>
-                    <el-input v-model="formData2.name" size="small" clearable/>
+                    <el-input v-model="formData2.name" size="small" clearable />
                   </template>
                 </vxe-form-item>
-                <vxe-form-item :title="$t1('单据类型')+':'" field="objTypeName">
+                <vxe-form-item
+                  :title="$t1('单据类型') + ':'"
+                  field="objTypeName"
+                >
                   <template v-slot>
                     <el-input
                       class="search-input"
                       max="200"
                       v-model="formData2.objTypeName"
                       @clear="
-                          formData2.objTypeCode = null;
-                          $forceUpdate();
-                        "
+                        formData2.objTypeCode = null;
+                        $forceUpdate();
+                      "
                       v-el-readonly
                       clearable
                     >
-                      <i slot="suffix" class="el-input__icon el-icon-search"
-                         @click="showWfObjConfigDialog2 = true"></i>
+                      <i
+                        slot="suffix"
+                        class="el-input__icon el-icon-search"
+                        @click="showWfObjConfigDialog2 = true"
+                      ></i>
                     </el-input>
                   </template>
                 </vxe-form-item>
-                <vxe-form-item :title="$t1('流程状态')+':'" field="stat">
+                <vxe-form-item :title="$t1('流程状态') + ':'" field="stat">
                   <template v-slot>
                     <el-select v-model="formData2.stat" clearable>
                       <el-option :value="1" :label="$t1('审核中')"></el-option>
@@ -152,45 +292,174 @@
                     </el-select>
                   </template>
                 </vxe-form-item>
+                <vxe-form-item
+                  :title="$t1('当前任务用户') + ':'"
+                  field="candidateNames"
+                >
+                  <template v-slot>
+                    <el-input
+                      v-model="formData2.candidateNames"
+                      size="small"
+                      clearable
+                    />
+                  </template>
+                </vxe-form-item>
+                <vxe-form-item :title="$t1('禁用用户流程') + ':'">
+                  <template v-slot>
+                    <el-select v-model="formData2.filterDisabledUser" clearable>
+                      <el-option :value="1" :label="$t1('是')"></el-option>
+                      <el-option :value="0" :label="$t1('否')"></el-option>
+                    </el-select>
+                  </template>
+                </vxe-form-item>
+                <vxe-form-item
+                  :title="$t1('禁用用户') + ':'"
+                  field="disabledUserName"
+                >
+                  <template v-slot>
+                    <el-input
+                      v-model="formData2.disabledUserName"
+                      size="small"
+                      clearable
+                    />
+                  </template>
+                </vxe-form-item>
               </vxe-form>
             </template>
           </vxe-grid>
         </div>
       </el-tab-pane>
     </el-tabs>
-    <wfObjConfigDialog v-if="showWfObjConfigDialog" :visiable.sync="showWfObjConfigDialog" :type.sync="type"
-                       @confirm="confirmInsertWfObjConfig" :multi="false"></wfObjConfigDialog>
-    <wfObjConfigDialog v-if="showWfObjConfigDialog2" :visiable.sync="showWfObjConfigDialog2" :type="99"
-                       @confirm="confirmInsertWfObjConfig2" :multi="false"></wfObjConfigDialog>
+    <wfObjConfigDialog
+      v-if="showWfObjConfigDialog"
+      :visiable.sync="showWfObjConfigDialog"
+      :type.sync="type"
+      @confirm="confirmInsertWfObjConfig"
+      :multi="false"
+    ></wfObjConfigDialog>
+    <wfObjConfigDialog
+      v-if="showWfObjConfigDialog2"
+      :visiable.sync="showWfObjConfigDialog2"
+      :type="99"
+      @confirm="confirmInsertWfObjConfig2"
+      :multi="false"
+    ></wfObjConfigDialog>
+    <el-dialog
+      :title="$t1('处理任务用户')"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="false"
+      :visible.sync="showCurrentTaskUserDialog"
+      :modal="false"
+      custom-class="dialog-style list-dialog pd_0"
+      width="300px"
+      @close="closeCurrentTaskUserDialog"
+      v-el-drag-dialog
+      v-el-dialog-center
+    >
+      <div class="cont" style="padding: 16px 20px">
+        <el-form
+          ref="currentTaskUserForm"
+          :model="currentTaskUserForm"
+          label-width="100px"
+        >
+          <el-form-item :label="$t1('删除用户')">
+            <el-input
+              class="search-input"
+              v-model="currentTaskUserForm.delUserNames"
+              clearable
+              @clear="clearDelUsers"
+              v-el-readonly
+            >
+              <i
+                slot="suffix"
+                class="el-input__icon el-icon-search"
+                @click="openDelUserDialog"
+              ></i>
+            </el-input>
+          </el-form-item>
+          <el-form-item :label="$t1('新增用户')">
+            <el-input
+              class="search-input"
+              v-model="currentTaskUserForm.addUserNames"
+              clearable
+              @clear="clearAddUsers"
+              v-el-readonly
+            >
+              <i
+                slot="suffix"
+                class="el-input__icon el-icon-search"
+                @click="openAddUserDialog"
+              ></i>
+            </el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          @click="closeCurrentTaskUserDialog"
+        >
+          <i class="el-icon-close el-icon"></i>
+          {{ $t1("取 消") }}
+        </el-button>
+        <el-button
+          type="primary"
+          class="button-sty"
+          @click="confirmCurrentTaskUser"
+        >
+          <i class="el-icon-check el-icon"></i>
+          {{ $t1("确 定") }}
+        </el-button>
+      </span>
+    </el-dialog>
+    <userDialog
+      v-if="showDelUserDialog"
+      :visiable.sync="showDelUserDialog"
+      @confirm="confirmDelUsers"
+      :multi="true"
+      :param="{ enabled: null }"
+      :rows="currentTaskUserForm.delUserRows"
+    />
+    <userDialog
+      v-if="showAddUserDialog"
+      :visiable.sync="showAddUserDialog"
+      @confirm="confirmAddUsers"
+      :multi="true"
+      :rows="currentTaskUserForm.addUserRows"
+    />
   </div>
 </template>
 <script>
-import {treeScollx} from '@base/utils/global.js';
-import wfObjConfigDialog from '../../../../views/user/wf/wf_obj_config/dialog.vue';
+import { treeScollx } from "@base/utils/global.js";
+import wfObjConfigDialog from "../../../../views/user/wf/wf_obj_config/dialog.vue";
+import userDialog from "@base/views/user/user/dialog";
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 
 export default {
-  name: 'wf_manage:list',
-  components: {wfObjConfigDialog},
-  created() {
-  },
+  name: "wf_manage:list",
+  components: { wfObjConfigDialog, userDialog },
+  created() {},
   async mounted() {
-    treeScollx({target: this, type: 'default'});
+    treeScollx({ target: this, type: "default" });
     await this.initWfParam();
     this.initTableList();
     this.initRole();
   },
   data() {
     return {
-      activeName: 'second',
+      activeName: "second",
       // dataId: 0,
       // showEdit: false,
       vxeOption: {},
       formData: {},
       checkNode: {},
       defaultProps: {
-        label: 'label', //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
+        label: "label", //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
         children: [],
-        isLeaf: 'leaf'
+        isLeaf: "leaf",
       },
       wfObjTypes: [],
       showWfObjConfigDialog: false,
@@ -201,75 +470,98 @@ export default {
 
       param: {},
       wfContent: null,
+      remoteView: null,
       showWfContent: false,
+
+      showCurrentTaskUserDialog: false,
+      showDelUserDialog: false,
+      showAddUserDialog: false,
+      currentTaskUserUuids: [],
+      currentTaskUserForm: {
+        delUserIds: [],
+        delUserNames: "",
+        delUserRows: [],
+        addUserIds: [],
+        addUserNames: "",
+        addUserRows: [],
+      },
     };
   },
   computed: {
     type() {
-      return this.checkNode && this.checkNode.data ? this.checkNode.data.type : '';
+      return this.checkNode && this.checkNode.data
+        ? this.checkNode.data.type
+        : "";
     },
     checkNodeData() {
       return this.checkNode && this.checkNode.data ? this.checkNode.data : {};
-    }
+    },
   },
   methods: {
     searchEvent() {
-      this.$refs['table-m1'].commitProxy('reload');
+      this.$refs["table-m1"].commitProxy("reload");
     },
     resetEvent() {
       this.formData = {};
-      this.$refs['table-m1'].commitProxy('reload');
+      this.$refs["table-m1"].commitProxy("reload");
     },
 
     initTableList() {
       let that = this;
-      let paramColumns = this.wfParamDTOs.map(item => {
-        let flag = item.paramName == '单号';
+      let paramColumns = this.wfParamDTOs.map((item) => {
+        let flag = item.paramName == "单号";
         return {
           title: this.$t1(item.paramName),
           field: item.paramKey,
           width: 150,
-          fixed: flag ? 'left' : '',
-          slots: flag ? {
-            default: ({row}) => {
-              return [
-                <div>
-                  <a
-                    href="javascript:void(0);"
-                    class="a-link"
-                    onclick={() => {
-                      this.openEditDialog(row);
-                    }}
-                    style="font-weight:bold; text-decoration: underline"
-                  >
-                    <el-tooltip class="item" effect="dark" content={this.$t1('查看')} placement="top-start">
-                      <span>{row.param1}</span>
-                    </el-tooltip>
-                  </a>
-                </div>
-              ];
-            }
-          } : ''
+          fixed: flag ? "left" : "",
+          slots: flag
+            ? {
+                default: ({ row }) => {
+                  return [
+                    <div>
+                      <a
+                        href="javascript:void(0);"
+                        class="a-link"
+                        onclick={() => {
+                          this.openEditDialog(row);
+                        }}
+                        style="font-weight:bold; text-decoration: underline"
+                      >
+                        <el-tooltip
+                          class="item"
+                          effect="dark"
+                          content={this.$t1("查看")}
+                          placement="top-start"
+                        >
+                          <span>{row.param1}</span>
+                        </el-tooltip>
+                      </a>
+                    </div>,
+                  ];
+                },
+              }
+            : "",
         };
       });
 
       // let statuses = {0: '未启动', 1: '审核中', 2: '已完成', 3: '已驳回', 4: '中断'};
       var statuses = {
-        0: [<el-tag type="warning">{this.$t1('未启动')}</el-tag>],
-        1: [<el-tag>{this.$t1('审核中')}</el-tag>],
-        2: [<el-tag type="success">{this.$t1('已完成')}</el-tag>],
-        3: [<el-tag type="danger">{this.$t1('已驳回')}</el-tag>],
-        4: [<el-tag type="danger">{this.$t1('中断')}</el-tag>]
+        0: [<el-tag type="warning">{this.$t1("未启动")}</el-tag>],
+        1: [<el-tag>{this.$t1("审核中")}</el-tag>],
+        2: [<el-tag type="success">{this.$t1("已完成")}</el-tag>],
+        3: [<el-tag type="danger">{this.$t1("已驳回")}</el-tag>],
+        4: [<el-tag type="danger">{this.$t1("中断")}</el-tag>],
       };
       let tableOption = {
         vue: this,
-        tableRef: 'table-m1',
-        tableName: 'user-wf-wf_manage-list-m2',
-        path: USER_PREFIX + '/wf_info/listPage',
+        tableRef: "table-m1",
+        tableName: "user-wf-wf_manage-list-m2",
+        path: USER_PREFIX + "/wf_info/listPage",
         param: () => {
           return {
             type: this.type,
-            ...this.formData
+            ...this.formData,
           };
         },
         /*config: {
@@ -278,57 +570,57 @@ export default {
           }
         },*/
         columns: [
-          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
           {
-            title: this.$t1('流程主题'),
-            field: 'name',
+            title: this.$t1("流程主题"),
+            field: "name",
             width: 150,
-            fixed: 'left'
+            fixed: "left",
           },
           {
-            title: this.$t1('单据类型'),
-            field: 'objTypeName',
-            width: 150
+            title: this.$t1("单据类型"),
+            field: "objTypeName",
+            width: 150,
           },
           {
-            title: this.$t1('启动人'),
-            field: 'starterName',
-            width: 150
+            title: this.$t1("启动人"),
+            field: "starterName",
+            width: 150,
           },
           {
-            title: this.$t1('当前任务'),
-            field: 'taskName',
-            width: 150
+            title: this.$t1("当前任务"),
+            field: "taskName",
+            width: 150,
           },
           {
-            title: this.$t1('当前任务用户'),
-            field: 'candidateNames',
-            width: 150
+            title: this.$t1("当前任务用户"),
+            field: "candidateNames",
+            width: 150,
           },
           {
-            title: this.$t1('流程状态'),
-            field: 'stat',
+            title: this.$t1("流程状态"),
+            field: "stat",
             width: 150,
             slots: {
-              default: ({row}) => {
-                let html = statuses[row.stat] || '';
+              default: ({ row }) => {
+                let html = statuses[row.stat] || "";
                 return html;
-              }
-            }
+              },
+            },
           },
           {
-            title: this.$t1('启动时间'),
-            field: 'createDate',
-            width: 150
+            title: this.$t1("启动时间"),
+            field: "createDate",
+            width: 150,
           },
           ...paramColumns,
           {
             width: 47,
-            fixed: 'right',
-            title: '',
+            fixed: "right",
+            title: "",
             sortable: false,
             slots: {
-              default: ({row}) => {
+              default: ({ row }) => {
                 return [
                   <a
                     href="javascript:void(0);"
@@ -338,18 +630,23 @@ export default {
                       this.openEditDialog(row);
                     }}
                   >
-                    <el-tooltip enterable={false} effect="dark" content={this.$t1('查看')} placement="top"
-                                popper-class="tooltip-skin">
-                      <i class="el-icon-edit"/>
+                    <el-tooltip
+                      enterable={false}
+                      effect="dark"
+                      content={this.$t1("查看")}
+                      placement="top"
+                      popper-class="tooltip-skin"
+                    >
+                      <i class="el-icon-edit" />
                     </el-tooltip>
-                  </a>
+                  </a>,
                 ];
-              }
-            }
-          }
-        ]
+              },
+            },
+          },
+        ],
       };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
         this.vxeOption = opts;
       });
     },
@@ -363,31 +660,54 @@ export default {
       // this.$openEditView('showEdit');
 
       let id = row.objId;
-      let wfDataId = !id || typeof id == 'object' ? 0 : Number(id);
-      if (row.url == 'form') {
+      let wfDataId = !id || typeof id == "object" ? 0 : Number(id);
+
+      if (row.url == "form") {
+        let formCode = null;
+        if (row.formCode) {
+          formCode = row.formCode;
+        } else {
+          formCode = row.objTypeCode.substr(9);
+        }
         this.param = {
-          formCode: row.objTypeCode.substr(9),
-          dataId: wfDataId
+          formCode: formCode,
+          dataId: wfDataId,
         };
-        let url = '/user/form/vform/render.vue';
-        this.wfContent = require('@/views' + url).default;
+        let url = "/user/form/vform/render.vue";
+        this.wfContent = require("@base/views" + url).default;
       } else {
         this.param = {
-          _dataId: wfDataId
+          _dataId: wfDataId,
         };
-        let url = row.url + '.vue';
-        this.wfContent = require('@/views' + url).default;
+        let url = row.url + ".vue";
+        let res = loadViewComponent(url);
+        this.remoteView =
+          res.kind === "remote"
+            ? {
+                owner: res.owner,
+                targetPath: res.targetPath,
+                bizParams: this.param,
+                viewMeta: {
+                  visibleKey: "showWfContent",
+                  defaultShowWfContent: true,
+                  viewType: 1,
+                },
+              }
+            : null;
+        this.wfContent = res.component;
       }
-      this.activeName = 'first';
-      this.$openEditView('showWfContent');
-
+      this.activeName = "first";
+      this.$openEditView("showWfContent");
     },
     guid() {
-      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        var r = (Math.random() * 16) | 0,
-          v = c == 'x' ? r : (r & 0x3) | 0x8;
-        return v.toString(16);
-      });
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
+        /[xy]/g,
+        function (c) {
+          var r = (Math.random() * 16) | 0,
+            v = c == "x" ? r : (r & 0x3) | 0x8;
+          return v.toString(16);
+        }
+      );
     },
     clearNodeClick() {
       /* this.formData.saleOrgId = '';
@@ -409,55 +729,55 @@ export default {
         return;
       }
       this.$http({
-        url: USER_PREFIX + '/wf_obj_config/getWfGroups',
-        method: 'post',
+        url: USER_PREFIX + "/wf_obj_config/getWfGroups",
+        method: "post",
         data: {
-          type: node.data.type
+          type: node.data.type,
         },
-        success: res => {
+        success: (res) => {
           let rows = res.objx || [];
-          rows.forEach(item => {
+          rows.forEach((item) => {
             item.leaf = true;
-            item.label = item.objTypeName + '(' + item.num + ')';
+            item.label = item.objTypeName + "(" + item.num + ")";
             item.type = node.data.type;
             item.uuid = this.guid();
           });
           resolve(rows);
-        }
+        },
       });
     },
     initNodeData(node, resolve) {
       let data = [
         {
           uuid: -1,
-          label: this.$t1('待审批的'),
+          label: this.$t1("待审批的"),
           type: 0,
-          leaf: true
+          leaf: true,
         },
         {
           uuid: -2,
-          label: this.$t1('我发起的'),
+          label: this.$t1("我发起的"),
           type: 1,
-          leaf: true
+          leaf: true,
         },
         {
           uuid: -3,
-          label: this.$t1('已审批的'),
+          label: this.$t1("已审批的"),
           type: 2,
-          leaf: true
+          leaf: true,
         },
         {
           uuid: -4,
-          label: this.$t1('已完成的'),
-          type: '3',
-          leaf: true
+          label: this.$t1("已完成的"),
+          type: "3",
+          leaf: true,
         },
         {
           uuid: -5,
-          label: this.$t1('我转办的'),
-          type: '4',
-          leaf: true
-        }
+          label: this.$t1("我转办的"),
+          type: "4",
+          leaf: true,
+        },
       ];
       resolve(data);
       this.$nextTick(() => {
@@ -488,156 +808,168 @@ export default {
     confirmInsertWfObjConfig(rows) {
       if (rows.length) {
         let row = rows[0];
-        this.$set(this.formData, 'objTypeName', row.objTypeName);
-        this.$set(this.formData, 'objTypeCode', row.objTypeCode);
+        this.$set(this.formData, "objTypeName", row.objTypeName);
+        this.$set(this.formData, "objTypeCode", row.objTypeCode);
       }
     },
     async initWfParam() {
       return this.$http({
-        url: USER_PREFIX + '/wf_param/list',
+        url: USER_PREFIX + "/wf_param/list",
         method: `post`,
         data: {},
-        success: res => {
+        success: (res) => {
           this.wfParamDTOs = res.objx || [];
-        }
+        },
       });
     },
     //m2
     initRole() {
       this.$http({
-        url: USER_PREFIX + '/user/currentUser',
-        method: 'post',
-        success: res => {
+        url: USER_PREFIX + "/user/currentUser",
+        method: "post",
+        success: (res) => {
           let userInfo = res.objx;
           this.getIsAdmin(userInfo);
-        }
+        },
       });
     },
     getIsAdmin(userInfo) {
       this.$http({
-        url: USER_PREFIX + '/userb/getUserRole',
+        url: USER_PREFIX + "/userb/getUserRole",
         method: `post`,
-        data: {id: userInfo.id},
-        success: res2 => {
+        data: { id: userInfo.id },
+        success: (res2) => {
           let rows = res2.objx || [];
-          let codes = rows.map(row => row.roleCode);
-          if (codes.includes('superadmin') || codes.includes('wfadmin')) {
+          let codes = rows.map((row) => row.roleCode);
+          if (codes.includes("superadmin") || codes.includes("wfadmin")) {
             this.flag = 1;
             setTimeout(() => {
               this.initTableList2();
             }, 200);
           }
-        }
+        },
       });
     },
     searchEvent2() {
-      this.$refs['table-m2'].commitProxy('reload');
+      this.$refs["table-m2"].commitProxy("reload");
     },
     resetEvent2() {
       this.formData2 = {};
-      this.$refs['table-m2'].commitProxy('reload');
+      this.$refs["table-m2"].commitProxy("reload");
     },
     initTableList2() {
       let that = this;
-      let paramColumns = this.wfParamDTOs.map(item => {
-        let flag = item.paramName == '单号';
+      let paramColumns = this.wfParamDTOs.map((item) => {
+        let flag = item.paramName == "单号";
         return {
           title: this.$t1(item.paramName),
           field: item.paramKey,
           width: 150,
-          fixed: flag ? 'left' : '',
-          slots: flag ? {
-            default: ({row}) => {
-              return [
-                <div>
-                  <a
-                    href="javascript:void(0);"
-                    class="a-link"
-                    onclick={() => {
-                      this.openEditDialog(row);
-                    }}
-                    style="font-weight:bold; text-decoration: underline"
-                  >
-                    <el-tooltip class="item" effect="dark" content={this.$t1('查看')} placement="top-start">
-                      <span>{row.param1}</span>
-                    </el-tooltip>
-                  </a>
-                </div>
-              ];
-            }
-          } : ''
+          fixed: flag ? "left" : "",
+          slots: flag
+            ? {
+                default: ({ row }) => {
+                  return [
+                    <div>
+                      <a
+                        href="javascript:void(0);"
+                        class="a-link"
+                        onclick={() => {
+                          this.openEditDialog(row);
+                        }}
+                        style="font-weight:bold; text-decoration: underline"
+                      >
+                        <el-tooltip
+                          class="item"
+                          effect="dark"
+                          content={this.$t1("查看")}
+                          placement="top-start"
+                        >
+                          <span>{row.param1}</span>
+                        </el-tooltip>
+                      </a>
+                    </div>,
+                  ];
+                },
+              }
+            : "",
         };
       });
 
       var statuses = {
-        0: [<el-tag type="warning">{this.$t1('未启动')}</el-tag>],
-        1: [<el-tag>{this.$t1('审核中')}</el-tag>],
-        2: [<el-tag type="success">{this.$t1('已完成')}</el-tag>],
-        3: [<el-tag type="danger">{this.$t1('已驳回')}</el-tag>],
-        4: [<el-tag type="danger">{this.$t1('中断')}</el-tag>]
+        0: [<el-tag type="warning">{this.$t1("未启动")}</el-tag>],
+        1: [<el-tag>{this.$t1("审核中")}</el-tag>],
+        2: [<el-tag type="success">{this.$t1("已完成")}</el-tag>],
+        3: [<el-tag type="danger">{this.$t1("已驳回")}</el-tag>],
+        4: [<el-tag type="danger">{this.$t1("中断")}</el-tag>],
       };
       let tableOption = {
         vue: this,
-        tableRef: 'table-m2',
-        tableName: 'user-wf-wf_manage-list-m3',
-        path: USER_PREFIX + '/wf_info/listPageAll',
+        tableRef: "table-m2",
+        tableName: "user-wf-wf_manage-list-m3",
+        path: USER_PREFIX + "/wf_info/listPageAll",
         param: () => {
           return {
-            ...this.formData2
+            ...this.formData2,
           };
         },
         columns: [
-          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
           {
-            title: this.$t1('流程主题'),
-            field: 'name',
+            title: this.$t1("流程主题"),
+            field: "name",
             width: 150,
-            fixed: 'left'
+            fixed: "left",
           },
           {
-            title: this.$t1('单据类型'),
-            field: 'objTypeName',
-            width: 150
+            title: this.$t1("单据类型"),
+            field: "objTypeName",
+            width: 150,
           },
           {
-            title: this.$t1('启动人'),
-            field: 'starterName',
-            width: 150
+            title: this.$t1("启动人"),
+            field: "starterName",
+            width: 150,
+          },
+          {
+            title: this.$t1("当前任务"),
+            field: "taskName",
+            width: 150,
           },
           {
-            title: this.$t1('当前任务'),
-            field: 'taskName',
-            width: 150
+            title: this.$t1("当前任务用户"),
+            field: "candidateNames",
+            width: 150,
           },
           {
-            title: this.$t1('当前任务用户'),
-            field: 'candidateNames',
-            width: 150
+            title: this.$t1("禁用用户"),
+            field: "disabledUserNames",
+            width: 200,
           },
           {
-            title: this.$t1('流程状态'),
-            field: 'stat',
+            title: this.$t1("流程状态"),
+            field: "stat",
             width: 150,
             slots: {
-              default: ({row}) => {
-                let html = statuses[row.stat] || '';
+              default: ({ row }) => {
+                let html = statuses[row.stat] || "";
                 return html;
-              }
-            }
+              },
+            },
           },
           {
-            title: this.$t1('启动时间'),
-            field: 'createDate',
-            width: 150
+            title: this.$t1("启动时间"),
+            field: "createDate",
+            width: 150,
           },
           ...paramColumns,
           {
             width: 47,
-            fixed: 'right',
-            title: '',
+            fixed: "right",
+            title: "",
             sortable: false,
             slots: {
-              default: ({row}) => {
+              default: ({ row }) => {
                 return [
                   <a
                     href="javascript:void(0);"
@@ -646,28 +978,139 @@ export default {
                       this.openEditDialog(row);
                     }}
                   >
-                    <el-tooltip enterable={false} effect="dark" content={this.$t1('查看')} placement="top"
-                                popper-class="tooltip-skin">
-                      <i class="el-icon-edit"/>
+                    <el-tooltip
+                      enterable={false}
+                      effect="dark"
+                      content={this.$t1("查看")}
+                      placement="top"
+                      popper-class="tooltip-skin"
+                    >
+                      <i class="el-icon-edit" />
                     </el-tooltip>
-                  </a>
+                  </a>,
                 ];
-              }
-            }
-          }
-        ]
+              },
+            },
+          },
+        ],
       };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
         this.vxeOption2 = opts;
       });
     },
     confirmInsertWfObjConfig2(rows) {
       if (rows.length) {
         let row = rows[0];
-        this.$set(this.formData2, 'objTypeName', row.objTypeName);
-        this.$set(this.formData2, 'objTypeCode', row.objTypeCode);
+        this.$set(this.formData2, "objTypeName", row.objTypeName);
+        this.$set(this.formData2, "objTypeCode", row.objTypeCode);
+      }
+    },
+    openCurrentTaskUserDialog() {
+      let checkRows = this.$refs["table-m2"].getCheckboxRecords(true) || [];
+      if (!checkRows.length) {
+        this.$baseAlert(this.$t1("请勾选需要处理的数据"));
+        return;
+      }
+      this.currentTaskUserUuids = checkRows.map((row) => row.uuid);
+      this.currentTaskUserForm = {
+        delUserIds: [],
+        delUserNames: "",
+        delUserRows: [],
+        addUserIds: [],
+        addUserNames: "",
+        addUserRows: [],
+      };
+      this.showCurrentTaskUserDialog = true;
+      this.initDelUsers();
+    },
+    initDelUsers() {
+      this.$http({
+        url: USER_PREFIX + "/wf_info/getDelUsers",
+        method: "post",
+        data: {
+          uuid: this.currentTaskUserUuids,
+          flag: 1,
+        },
+        success: (res) => {
+          let rows = (res.objx || []).map((row) => {
+            return { ...row, nickName: row.nickName || row.nick_name };
+          });
+          this.confirmDelUsers(rows);
+        },
+      });
+    },
+    closeCurrentTaskUserDialog() {
+      this.showCurrentTaskUserDialog = false;
+    },
+    openDelUserDialog() {
+      this.showDelUserDialog = true;
+    },
+    openAddUserDialog() {
+      this.showAddUserDialog = true;
+    },
+    clearDelUsers() {
+      this.currentTaskUserForm.delUserIds = [];
+      this.currentTaskUserForm.delUserNames = "";
+      this.currentTaskUserForm.delUserRows = [];
+    },
+    clearAddUsers() {
+      this.currentTaskUserForm.addUserIds = [];
+      this.currentTaskUserForm.addUserNames = "";
+      this.currentTaskUserForm.addUserRows = [];
+    },
+    confirmDelUsers(rows) {
+      if (!rows || !rows.length) {
+        this.clearDelUsers();
+        return;
       }
+      this.currentTaskUserForm.delUserIds = rows.map((row) => row.id);
+      this.currentTaskUserForm.delUserRows = rows;
+      this.currentTaskUserForm.delUserNames = rows
+        .map((row) => row.nickName)
+        .join(",");
     },
-  }
+    confirmAddUsers(rows) {
+      if (!rows || !rows.length) {
+        this.clearAddUsers();
+        return;
+      }
+      this.currentTaskUserForm.addUserIds = rows.map((row) => row.id);
+      this.currentTaskUserForm.addUserRows = rows;
+      this.currentTaskUserForm.addUserNames = rows
+        .map((row) => row.nickName)
+        .join(",");
+    },
+    confirmCurrentTaskUser() {
+      let delUserIds = this.currentTaskUserForm.delUserIds || [];
+      let addUserIds = this.currentTaskUserForm.addUserIds || [];
+      if (!delUserIds.length) {
+        this.$message.error(this.$t1("请选择删除用户"));
+        return;
+      }
+      this.$baseConfirm(this.$t1("您确定要处理任务用户吗？")).then(() => {
+        this.$http({
+          url: USER_PREFIX + "/wf_info/updateCurrentTaskUsers",
+          method: "post",
+          data: {
+            uuid: this.currentTaskUserUuids,
+            delUserIds: delUserIds,
+            addUserIds: addUserIds,
+          },
+          isLoading: true,
+          success: (res) => {
+            this.$message({
+              message: res.content || this.$t1("操作成功"),
+              type: "success",
+              duration: 500,
+              onClose: () => {
+                this.closeCurrentTaskUserDialog();
+                this.searchEvent2();
+              },
+            });
+          },
+        });
+      });
+    },
+  },
 };
 </script>