cloud-web-corejs 1.1.0-dev.6 → 1.1.0-dev.61

package/src/components/mobile/wf/content.vue

@@ -1,1662 +1,1734 @@
-<template>
-  <div>
-    <h5-card-pane label="流程信息">
-      <template #default>
-        <div class="flowPath-box">
-          <!-- 这一行的值是 wfInfo.name（流程主题），标签原先误写成「任务情况」——
-               与下面第三行「查看任务情况」重名。PC content.vue 同一个值的标签就是
-               「流程主题」（components.wf.theme）。 -->
-          <div class="t"><span>{{ $t2('流程主题', 'components.wf.theme') }}</span></div>
-          <div class="c">
-            <div class="name">
-              {{ (wfInfo.createDate ? wfInfo.createDate.substring(0, 10) : '') + wfInfo.name }}
-              <el-tag :type="getWfStatusType()" size="mini">{{ getWfStatusLabel() }}</el-tag>
-            </div>
-          </div>
-          <div class="m2">
-            <div class="t"><span>{{ $t2('流程图', 'components.wf.wfImage') }}</span></div>
-            <div class="c">
-              <el-button icon="" class="btn" @click="showPreviewDialog=true" icon="el-icon-view">查看流程图</el-button>
-            </div>
-          </div>
-          <div class="m2">
-            <div class="t"><span>{{ $t2('任务情况', 'components.wf.taskInfo') }}</span></div>
-            <div class="c">
-              <el-button icon="" class="btn" @click="showRenwuDialog=true" icon="iconfont icon-preview">查看任务情况
-              </el-button>
-            </div>
-          </div>
-
-        </div>
-        <!-- hideActions：宿主已经把审批动作提到别处（如 xform H5 的底部动作栏）时，
-             这一排整条藏掉，避免一个动作出现两份。与 PC content.vue 的
-             headerActionsMounted 同意图，这里做成 prop 是为了没有时序问题。 -->
-        <div class="flowPath-btns" v-show="!hideActions">
-          <el-button type="success" plain class="btn" @click="openAgreeDialog" v-show="wfInfo.toSubmit"
-                     icon="iconfont icon-tongguo">{{ $t2('通过', 'components.wf.agree') }}
-          </el-button>
-          <el-button type="warning" plain class="btn" @click="openManualDialog" v-show="wfInfo.toInterrupt"
-                     icon="iconfont icon-caozuozhongduan">{{ $t2('中断', 'components.wf.manual') }}
-          </el-button>
-          <el-button type="danger" plain class="btn" @click="rejectWfTask" v-show="wfInfo.toReject"
-                     icon="iconfont icon-a-bohui1">{{ $t2('驳回', 'components.wf.reject') }}
-          </el-button>
-          <el-button type="primary" plain class="btn" @click="openChangeWfForm"
-                     v-show="(wfInfo.toTransfer===null || wfInfo.toTransfer===undefined) ? wfInfo.toSubmit: wfInfo.toTransfer"
-                     icon="iconfont icon-zhuanban">{{ $t2('转办', 'components.wf.transfer') }}
-          </el-button>
-          <el-button type="primary" plain class="btn" @click="openUrgingDialog" v-show="wfInfo.toInterrupt"
-                     icon="iconfont icon-cuiban">{{ $t2('催办', 'components.wf.urging') }}
-          </el-button>
-          <el-button type="primary" plain class="btn" @click="openAddIncreaseSign" v-show="wfInfo.toAddIncreaseSign"
-                     icon="el-icon-plus">{{ $t2('加签', 'components.wf.addIncreaseSign') }}
-          </el-button>
-          <el-button type="primary" plain class="btn" @click="openDeleteTaskUserDialog"
-                     v-show="wfInfo.toDeleteIncreaseSign"
-                     icon="el-icon-delete">{{ $t2('减签', 'components.wf.deleteIncreaseSign') }}
-          </el-button>
-          <el-button type="primary" plain class="btn" @click="openTalkDialog()"
-                     icon="el-icon-chat-dot-square" v-if="toTalk && wfInfo.toLinkup">
-            {{ $t2('沟通', 'components.wf.talk') }}
-          </el-button>
-          <el-button type="primary" plain class="btn" @click="openSetCandidateDialog(null)"
-                     v-show="wfInfo.toSetCandidate"
-                     icon="el-icon-user">{{ $t2('修改候选人', 'components.wf.setCandidate') }}
-          </el-button>
-          <el-button type="danger" plain class="btn" @click="openRevokeDialog(null)"
-                     v-show="wfInfo.toRevoke"
-                     icon="el-icon-document-delete">{{ $t2('撤回', 'components.wf.revoke') }}
-          </el-button>
-        </div>
-      </template>
-    </h5-card-pane>
-
-    <!-- 流程相关的弹框必须放在卡片外面。h5CardPane 折叠时会给 .cont 加
-         display:none，放在插槽里的弹框会被一起隐藏 —— 表现为「流程信息收起后，
-         通过/驳回/转办这些弹框点了没反应」（祖先 display:none 无法被后代覆盖）。 -->
-    <div class="pop-box" v-if="showPreviewDialog">
-      <div>
-        <div class="header-box">
-          <i class="back el-icon-close" @click="showPreviewDialog=false"></i>流程图预览
-        </div>
-        <div class="flex" style="height:calc(100vh - 38px)">
-          <el-form label-position="top" class="form-box">
-            <div class="tit"><span>{{
-                (wfInfo.createDate ? wfInfo.createDate.substring(0, 10) : '') + wfInfo.name
-              }}</span></div>
-            <iframe style="width: 100%;flex:1" :src="wfImage"></iframe>
-          </el-form>
-        </div>
-        <!-- 只读预览，没有「确定」要提交的东西：原先取消/确定两个按钮点了都是关掉，
-             合成一个「关 闭」。.btn 上的 flex:1 会让它自动铺满一行（见 styles/h5.scss）。 -->
-        <div class="fixed-bottom-btns">
-          <el-button type="primary" plain class="btn" @click="showPreviewDialog=false" icon="el-icon-close">{{
-              $t2('关 闭', 'system.button.close2')
-            }}
-          </el-button>
-        </div>
-      </div>
-    </div>
-
-    <div class="pop-box" v-if="showRenwuDialog">
-      <div>
-        <div class="header-box">
-          <i class="back el-icon-close" @click="showRenwuDialog=false"></i>任务情况预览
-        </div>
-        <div class="flex" style="height:calc(100vh - 38px);overflow:auto">
-          <div class="h5-process-info">
-            <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 class="">{{ wftaskLineData.candidateNames }}</span>
-              </span>
-                </p>
-                <p class="t"><span class="t1">{{ $t2('备注/意见', 'components.wf.opinion') }}：</span><span>{{
-                    wftaskLineData.opinion
-                  }}</span></p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- 同上：只读预览，合成一个「关 闭」 -->
-        <div class="fixed-bottom-btns">
-          <el-button type="primary" plain class="btn" @click="showRenwuDialog=false" icon="el-icon-close">{{
-              $t2('关 闭', 'system.button.close2')
-            }}
-          </el-button>
-        </div>
-      </div>
-    </div>
-
-    <div class="pop-tipsBox" style="display: block;" v-if="showWfManualDialog">
-      <div>
-        <i class="icon"></i>
-        <div class="cont">
-          <p class="name">
-            {{ $t2('流程中断', 'components.wf.wfManual') }}<span>—</span><b
-            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b>
-          </p>
-          <p class="txt">{{ $t2('您确定要中断流程吗？', 'components.wf.manualTip') }}</p>
-        </div>
-        <div class="btns">
-          <el-button type="primary" class="btn" plain icon="el-icon-close" @click="showWfManualDialog = false">{{
-              $t2('取 消', 'system.button.cancel2')
-            }}
-          </el-button>
-          <el-button type="primary" class="btn" icon="el-icon-check" @click="manualEndWf()">{{
-              $t2('确 定', 'system.button.confirm2')
-            }}
-          </el-button>
-        </div>
-      </div>
-    </div>
-    <div class="pop-tipsBox" style="display: block;" v-if="rejectDialogVisible">
-      <div>
-        <i class="icon"></i>
-        <div class="cont">
-          <p class="name">{{ $t2('流程驳回', 'components.wf.wfReject') }}<span
-          >—</span><b
-            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></p>
-          <el-form label-position="top" class="form-box">
-            <el-form-item label="驳回节点" field="nodeId">
-              <el-select v-model="rejectForm.nodeId"
-                         :placeholder="$t2('请选择驳回节点', 'components.wf.rejectNodePlaceholder')">
-                <el-option v-for="(rejectNode,index) in rejectNodes" :label="rejectNode.nodeName"
-                           :value="rejectNode.nodeId" :key="index"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="驳回意见" field="opinion">
-              <el-input type="textarea" :rows="8"
-                        :placeholder="$t2('请输入内容', 'components.wf.rejectOpinionPlaceholder')"
-                        v-model="rejectForm.opinion" class="txt"></el-input>
-            </el-form-item>
-          </el-form>
-        </div>
-        <div class="btns">
-          <el-button type="primary" class="btn" plain icon="el-icon-close" @click="rejectDialogVisible = false">{{
-              $t2('取 消', 'system.button.cancel2')
-            }}
-          </el-button>
-          <el-button type="primary" class="btn" icon="el-icon-check" @click="subRejectForm()">{{
-              $t2('确 定', 'system.button.confirm2')
-            }}
-          </el-button>
-        </div>
-      </div>
-    </div>
-    <div class="pop-tipsBox" style="display: block;" v-if="agreeDialogVisible">
-      <div>
-        <i class="icon"></i>
-        <div class="cont">
-          <p class="name">{{ $t2('流程通过', 'components.wf.wfAgree') }}<span
-          >—</span><b
-            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></p>
-          <el-form label-position="top" class="form-box">
-            <!-- 只有分支网关这类多出口节点，getNextOutgoingNodes 才会返回候选节点；
-                 单出口节点返回空数组，这一项必须整条不渲染，否则会露出一个没有任何
-                 选项的空下拉（提交时 nodeId 本就传 null，不需要选）。
-                 与 PC content.vue 的 <tr v-if="agreeNodes.length > 0"> 同口径。 -->
-            <el-form-item v-if="agreeNodes.length > 0"
-                          :label="$t2('通过节点', 'components.wf.agreeNode')" field="nodeId">
-              <el-select v-model="agreeForm.nodeId"
-                         :placeholder="$t2('请选择通过节点', 'components.wf.agreeNodePlaceholder')">
-                <el-option v-for="(node,index) in agreeNodes" :label="node.nodeName"
-                           :value="node.nodeId" :key="index"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item :label="$t2('通过意见', 'components.wf.agreeOpinion')" field="opinion">
-              <el-input type="textarea" :rows="8" :placeholder="$t2(`请填写您的意见~
-       注：
-       通过默认意见为“同意”
-        `, 'components.wf.agreeOpinionPlaceholder')" v-model="agreeForm.opinion"></el-input>
-            </el-form-item>
-          </el-form>
-        </div>
-        <div class="btns">
-          <el-button type="primary" class="btn" plain icon="el-icon-close" @click="agreeDialogVisible = false">{{
-              $t2('取 消', 'system.button.cancel2')
-            }}
-          </el-button>
-          <el-button type="primary" class="btn" icon="el-icon-check" @click="subAgreeForm()">{{
-              $t2('确 定', 'system.button.confirm2')
-            }}
-          </el-button>
-        </div>
-      </div>
-    </div>
-    <div class="pop-tipsBox" style="display: block;" v-if="changeWfDialogVisible">
-      <div>
-        <i class="icon"></i>
-        <div class="cont">
-          <p class="name">{{ $t2('流程转办', 'components.wf.wfTransfer') }}<span>—</span><b
-            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></p>
-          <el-form label-position="top" class="form-box">
-            <el-form-item label="转办人" field="nodeId">
-              <el-input
-                class="search-input"
-                max="200"
-                v-model="changeWfForm.userNickNames"
-                @clear="
-                        changeWfForm.userIds = '';
-                        changeUserRows = [];
-                        $forceUpdate();
-                      "
-                v-el-readonly
-                clearable
-              >
-                <i slot="suffix" class="el-input__icon el-icon-search" @click="showUserDialog = true"></i>
-              </el-input>
-            </el-form-item>
-            <el-form-item label="转办意见" field="opinion">
-              <el-input type="textarea" :rows="8"
-                        :placeholder="$t2('请输入内容', 'components.wf.transferOpinionPlaceholder')"
-                        v-model="changeWfForm.opinion"></el-input>
-            </el-form-item>
-          </el-form>
-        </div>
-        <div class="btns">
-          <el-button type="primary" class="btn" plain @click="changeWfDialogVisible = false">{{
-              $t2('取 消', 'system.button.cancel2')
-            }}
-          </el-button>
-          <el-button type="primary" class="btn" @click="subChangeWfForm()">
-            {{ $t2('确认转办', 'components.wf.confirmTransfer') }}
-          </el-button>
-        </div>
-      </div>
-    </div>
-    <div class="pop-tipsBox" style="display: block;" v-if="showAddIncreaseSignDialog">
-      <div>
-        <i class="icon"></i>
-        <div class="cont">
-          <p class="name">
-            {{ $t2('流程加签', 'components.wf.wfAddIncreaseSign') }}<span>—</span><b
-            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b>
-          </p>
-          <el-form label-position="top" class="form-box">
-            <el-form-item label="候选人">
-              <el-input
-                class="search-input"
-                max="200"
-                v-model="addIncreaseSignForm.userNickNames"
-                @clear="
-                          addIncreaseSignUsers = [];
-                          $forceUpdate();
-                        "
-                :placeholder="$t2('候选人', 'components.wf.addIncreaseSignUser')"
-                v-el-readonly
-                clearable
-              >
-                <i slot="suffix" class="el-input__icon el-icon-search"
-                   @click="showAddTaskUserDialog = true"></i>
-              </el-input>
-            </el-form-item>
-            <el-form-item label="加签意见" field="opinion">
-              <el-input type="textarea" :rows="8"
-                        :placeholder="$t2('请输入内容', 'components.wf.addIncreaseSignOpinionPlaceholder')"
-                        v-model="addIncreaseSignForm.opinion"></el-input>
-            </el-form-item>
-          </el-form>
-        </div>
-        <div class="btns">
-          <el-button type="primary" class="btn" plain @click="showAddIncreaseSignDialog = false">{{
-              $t2('取 消', 'system.button.cancel2')
-            }}
-          </el-button>
-          <el-button type="primary" class="btn" @click="submitAddTaskUserForm(0)">
-            {{ $t2('确认加签', 'components.wf.confirmAddIncreaseSign') }}
-          </el-button>
-        </div>
-      </div>
-    </div>
-
-    <user-dialog v-if="showUserDialog" :visiable.sync="showUserDialog" @close="showUserDialog = false"
-                 @confirm="userConfirm" multi="true" :param.sync="wfUserParamForTransfer"
-                 :rows="changeUserRows"></user-dialog>
-    <urgingDialog v-if="urgingDialogVisible" :visiable.sync="urgingDialogVisible" :wfInfo="wfInfo"
-                  :current_prefix="current_prefix"
-                  @confirm="reloadContent" multi="true"></urgingDialog>
-    <deleteTaskUserDialog v-if="showDeleteTaskUserDialog" :visiable.sync="showDeleteTaskUserDialog" :wfInfo="wfInfo"
-                          :current_prefix="current_prefix"
-                          @confirm="reloadContent" multi="true"></deleteTaskUserDialog>
-
-    <addTaskUserdialog v-if="showAddTaskUserDialog" :visiable.sync="showAddTaskUserDialog" :wfInfo="wfInfo"
-                       :current_prefix="current_prefix" :rows.sync="addIncreaseSignUsers"
-                       @confirm="confirmAddTaskUser" multi="true"
-                       :param.sync="wfUserParamForAddSign"></addTaskUserdialog>
-    <user-dialog v-if="showTalkUserDialog" :visiable.sync="showTalkUserDialog" @close="showTalkUserDialog = false"
-                 @confirm="confirmTalkUserDialog" multi="false" :param.sync="wfUserParamForTalk"></user-dialog>
-    <setCandidateDialog v-if="showSetCandidateDialog" :visiable.sync="showSetCandidateDialog"
-                        @close="closeSetCandidateDialog"
-                        :wfInfo="wfInfo"
-                        :current_prefix="current_prefix"></setCandidateDialog>
-  </div>
-</template>
-<script>
-import Vue from "vue";
-
-import settingConfig from "@/settings";
-import commonMixin from "../../../mixins/mobile/common/index";
-import {getToken} from "../../../utils/auth";
-
-let configUtil = {
-  baseUrl: process.env.VUE_APP_BASE_API,
-  getToken,
-  settingConfig,
-  Vue,
-};
-
-function appendPrevChildDom(parentDom, newDom) {
-  if (parentDom.hasChildNodes()) {
-    let currentDom = parentDom.children[0];
-    parentDom.insertBefore(newDom, currentDom);
-  } else {
-    parentDom.append(newDom);
-  }
-}
-
-function getTarget(t) {
-  return t.parentVue;
-}
-
-export default {
-  mixins: [commonMixin],
-  props: {
-    _wfInfo: Object,
-    _taskParam: Object,
-    wfOption: Object,
-    defaultShowWfContent: Boolean,
-    // 见模板里 .flowPath-btns 的注释：宿主接管审批动作时藏掉面板内那一排
-    hideActions: Boolean,
-  },
-  components: {
-    /* 本组件根节点就是 <h5-card-pane>，但此前没在这里注册——手写移动页是靠
-       mixins/mobile/common 在**宿主**上局部注册才碰巧能渲染。Vue 2 解析组件只查
-       自身 components 与全局注册、不查父组件的局部注册，所以被别处（如 xform 的
-       detail-h5-item）引用时会渲染不出来。补上自己的依赖声明。 */
-    h5CardPane: () => import('../h5Card/h5CardPane.vue'),
-    UserDialog: () => import('../../../views/mobile/user/user/dialog.vue'),
-    urgingDialog: () => import('./urgingDialog'),
-    deleteTaskUserDialog: () => import('./deleteTaskUserDialog'),
-    addTaskUserdialog: () => import('./addTaskUserdialog'),
-    setCandidateDialog: () => import('./setCandidateDialog')
-  },
-  computed: {
-    current_prefix() {
-      return this.serviceId ? "/" + this.serviceId : "";
-    },
-    viewTarget() {
-      return getTarget(this);
-    },
-    isHideWf() {
-      let that = this.viewTarget;
-      let _hideWf = that._hideWf || that.$attrs._hideWf;
-      return _hideWf === true || _hideWf === 'true';
-    }
-  },
-  data() {
-    let showWfFold =
-      settingConfig.showWfFold != null && settingConfig.showWfFold != undefined
-        ? settingConfig.showWfFold
-        : false;
-    let showWfContent =
-      showWfFold &&
-      settingConfig.defaultShowWfContent != null &&
-      settingConfig.defaultShowWfContent != undefined
-        ? settingConfig.defaultShowWfContent
-        : true;
-    if (
-      this.defaultShowWfContent != null &&
-      this.defaultShowWfContent != undefined
-    ) {
-      showWfContent = this.defaultShowWfContent;
-    }
-
-    return {
-      showRenwuDialog: false,
-      showDomContent: false,
-      showPreviewDialog: false,
-      objId: null,
-      wfCode: null,
-      serviceId: null,
-      parentVue: null,
-      wfConfig: null,
-
-      fileInfos: [],
-      showUserDialog: false,
-      showContent: true,
-      objTypeCode: "",
-      // objId: '',
-      wfInfo: {},
-      // currentTask: {},
-      taskParam: {},
-      wfImage: "",
-      wfStartBtn: false,
-      wfManualendBtn: false,
-      wfSubmitBtn: false,
-      wfRejectBtn: false,
-      changeHandlerBtn: false,
-      wftaskData: [],
-      allWfTaskOpinions: [],
-      vxeOption: {},
-      rejectNodes: [],
-      rejectDialogVisible: false,
-      rejectForm: {
-        rejectSubmitModel: null,
-        nodeId: null,
-        opinion: null,
-      },
-      formLabelWidth: "120px",
-      agreeDialogVisible: false,
-      agreeForm: {
-        opinion: this.$t2('同意', 'components.wf.defaultAgreeOption'),
-        nodeId: null,
-      },
-      changeWfDialogVisible: false,
-      changeWfForm: {},
-      changeUserRows: [],
-      taskStatuses: {
-        start: {
-          class: "blue",
-          value: this.$t2('开始', 'components.wf.startStatus'),
-        },
-        approve: {
-          class: "orgn",
-          value: this.$t2('待审批', 'components.wf.approveStatus'),
-        },
-        submit: {
-          class: "green",
-          value: this.$t2('同意', 'components.wf.submitStatus'),
-        },
-        reject: {
-          class: "red",
-          value: this.$t2('驳回', 'components.wf.rejectStatus'),
-        },
-        transfer: {
-          class: "green",
-          value: this.$t2('转办', 'components.wf.transferStatus'),
-        },
-        addIncreaseSign: {
-          class: "green",
-          value: this.$t2('加签', 'components.wf.addIncreaseSignStatus'),
-        },
-        revoke: {
-          class: "red",
-          value: this.$t2('撤回', 'components.wf.revokeStatus'),
-        },
-        end: {
-          class: "gray",
-          value: this.$t2('结束', 'components.wf.endStatus'),
-        },
-      },
-      opinion: "",
-      showWfFold: showWfFold,
-      showWfContent: showWfContent,
-
-      urgingForm: {},
-      urgingDialogVisible: false,
-      urgingUserIds: [],
-      urgingUsers: [],
-      agreeNodes: [],
-      showWfManualDialog: false,
-
-      showDeleteTaskUserDialog: false,
-      showAddTaskUserDialog: false,
-      wfUserParam: {},
-      wfUserParamForTransfer: {},//转办
-      wfUserParamForAddSign: {},//加签
-      wfUserParamForTalk: {},//沟通
-      tabIndex: "1",
-      linkupOption: {},
-      talkForm: {
-        receiverName: null,
-        content: null,
-        attachmentDTOs: [],
-        replyId: null
-      },
-      showTalkUserDialog: false,
-      showTalkDialog: false,
-      showFlowImg: true,
-      operateType: null,
-      addIncreaseSignUsers: [],
-      addIncreaseSignForm: {
-        userNickNames: null,
-        opinion: null
-      },
-      showAddIncreaseSignDialog: false,
-      showOpeaImg: true,
-      showSetCandidateDialog: false,
-      toTalk: false,
-      showAllWfOpinon: false,
-
-      revokeDialogVisible: false,
-      revokeForm: {opinion: null},
-      wfStatusMap: {
-        1: {label: "审核中", type: "warning"},
-        3: {label: "已驳回", type: "danger"},
-        2: {label: "已完成", type: "success"}
-      }
-    };
-  },
-  provide() {
-    return {
-      getParentVue: () => {
-        return this.parentVue;
-      }
-    };
-  },
-  created() {
-    // this.wfInfo = this._wfInfo;
-    this.showFlowImg = settingConfig.expandWfImage === false ? false : true;
-    this.showAllWfOpinon = settingConfig.showAllWfOpinon === true;
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    getWfStatusLabel() {
-      return this.wfStatusMap[this.wfInfo.stat]?.label;
-    },
-    getWfStatusType() {
-      return this.wfStatusMap[this.wfInfo.stat]?.type;
-    },
-    init() {
-      let opt = this.wfOption;
-      this.objId = opt.objId;
-      this.wfCode = opt.wfCode;
-      this.serviceId = opt.serviceId;
-      this.parentVue = opt.parentVue;
-      this.wfConfig = this.wfOption;
-
-      let wfConfig = this.wfOption;
-      let that = getTarget(this);
-      let hasWf = false;
-      let wfInfo, currentTask, taskParam;
-      let option = {
-        objId: this.objId,
-        wfCode: this.wfCode
-      }
-      let current_prefix = this.current_prefix;
-
-      let initButton = () => {
-        /*return
-        this.$nextTick(() => {
-          that.$refs.wfButtonGroup.init({
-            taskParam,
-            wfInfo,
-            hasWf,
-            current_prefix,
-            wfConfig
-          });
-        });*/
-      }
-
-      this.initWfInfo(option, {
-        success: res => {
-          if (res.objx && res.objx.procInstId) {
-            hasWf = true;
-            wfInfo = res.objx;
-            this.wfInfo = wfInfo;
-            // this.showDomContent = true;
-
-            if (wfInfo.taskId) {
-              this.getTaskParams(wfInfo.taskId, {
-                success: res2 => {
-                  taskParam = res2.objx || {};
-                  taskParam.objId = option.objId;
-                  this.taskParam = taskParam;
-
-                  initButton();
-                }
-              });
-            } else {
-              initButton();
-            }
-            this.initOperateType();
-            this.initForAll();
-          } else {
-            initButton();
-          }
-        }
-      });
-    },
-    initWfInfo(option, httpConfig) {
-
-      let that = getTarget(this);
-      let id = option.objId;
-      let code = option.wfCode;
-      return that.$http({
-        url: this.current_prefix + '/wf/getWfInfo',
-        method: `post`,
-        data: {
-          objTypeCode: code,
-          objId: id
-        },
-        isLoading: true,
-        modalStrictly: true,
-        ...httpConfig
-      });
-    },
-    getTaskParams(taskId, httpConfig) {
-      let that = getTarget(this);
-      return that.$http({
-        url: this.current_prefix + '/wf/getTaskVariables',
-        method: `post`,
-        data: {
-          stringOne: taskId
-        },
-        isLoading: true,
-        modalStrictly: true,
-        ...httpConfig
-      });
-    },
-
-
-    initOperateType() {
-      if (this.operateType) {
-        let wfInfo = this.wfInfo;
-        if (wfInfo.toSubmit) {
-          this.openAgreeDialog('submit');
-        } else if (wfInfo.toReject) {
-          this.rejectWfTask('reject');
-        } else if (wfInfo.toAddIncreaseSign) {
-          this.openAddIncreaseSign('addIncreaseSign')
-        } else if (wfInfo.toRevoke) {
-          this.openRevokeDialog('revoke')
-        } else if (wfInfo.toLinkup) {
-          this.openTalkDialog(null, null, 'talk');
-        } else {
-          this.operateType = null;
-        }
-      }
-    },
-    initForAll() {
-      let that = getTarget(this);
-      this.initWf(() => {
-        if (this.wfInfo.procInstId) {
-          this.initCurrentTask(this.wfInfo.procInstId, () => {
-            this.initWftask(this.wfInfo.procInstId);
-            this.getAllWfTaskOpinions();
-          });
-          this.initWfUserParam();
-          this.initTabIndex();
-        }
-      });
-    },
-    initTabIndex() {
-      let that = getTarget(this);
-      that.$http({
-        url: USER_PREFIX + "/wf_diy_attribute/getValue",
-        method: `post`,
-        data: {attributeKey: "param7"},
-        isLoading: true,
-        success: (res) => {
-          let val = res !== null ? res.objx === true : false;
-          this.toTalk = val;
-          let flag = false;
-          if (val) {
-            let flag1 = that.$attrs._isNotifyMessage == true || that.$attrs._isNotifyMessage == "true";
-            if (flag1) {
-              this.tabIndex = "2";
-            }
-            if (settingConfig.autoOpenWfLinkup) {
-              flag = true;
-              let flag2 = that.$attrs._wfNotifyType == "wfLinkup";
-              let flag3 = flag1 && flag2;
-              if (flag3) {
-                this.$nextTick(() => {
-                  let wfTabPane = this.$refs.wfTabPane;
-                  if (!wfTabPane.showContent) {
-                    wfTabPane.handleFold();
-                  }
-                });
-              }
-            }
-          }
-          this.initLinkup(flag);
-        }
-      });
-
-    },
-    initWf(done) {
-      var data = this.wfInfo;
-      if (data && data.procInstId) {
-        /** 流程状态：0未启动，1审核中，2已完成，3驳回，4中断 */
-        var statuses = {
-          1: '<span class="tag">' + this.$t2('审核中', 'components.wf.wfStatus1') + '</span>',
-          3: '<span class="tag red">' + this.$t2('已驳回', 'components.wf.wfStatus2') + '</span>',
-          2: '<span class="tag green">' + this.$t2('已完成', 'components.wf.wfStatus3') + '</span>',
-        };
-        var statusStr = "";
-        if (data.stat != null) {
-          statusStr = statuses[data.stat] || "";
-        }
-        data.statusStr = statusStr;
-        this.wfInfo = data;
-
-        this.wfStartBtn = false;
-        if (data.status != 2 && data.starterId) {
-          this.wfManualendBtn = true;
-        }
-        this.wfSubmitBtn = false;
-        this.wfRejectBtn = false;
-
-        var url =
-          this.current_prefix +
-          "/wf/flowImage?procInstId=" +
-          data.procInstId +
-          "&_r=" +
-          Math.random() +
-          "&access_token=" +
-          configUtil.getToken();
-        this.wfImage = configUtil.baseUrl + url;
-        done();
-      }
-    },
-    initCurrentTask(procInstId, done) {
-      if (this.wfInfo.taskId) {
-        this.wfSubmitBtn = true;
-        this.wfRejectBtn = true;
-        this.changeHandlerBtn = true;
-      }
-      done();
-    },
-    initWftask(procInstId) {
-      let that = getTarget(this);
-      that.$http({
-        url: this.current_prefix + "/wf/getWfTaskOpinionMerge",
-        data: {
-          stringOne: procInstId,
-        },
-        method: "post",
-        isLoading: true,
-        modalStrictly: true,
-        success: (resultmsg) => {
-          var datas = resultmsg.objx || [];
-          this.wftaskData = datas;
-        },
-      });
-    },
-    getAllWfTaskOpinions() {
-      if (!this.showAllWfOpinon) {
-        return;
-      }
-      let that = getTarget(this);
-      let wfInfo = this.wfInfo;
-      that.$http({
-        url: this.current_prefix + "/wf/getAllWfTaskOpinions",
-        data: {
-          objId: wfInfo.objId,
-          objTypeCode: wfInfo.objTypeCode
-        },
-        method: "post",
-        isLoading: true,
-        modalStrictly: true,
-        success: (resultmsg) => {
-          var datas = resultmsg.objx || [];
-          this.allWfTaskOpinions = datas;
-        },
-      });
-    },
-    openManualDialog(operateType) {
-      this.operateType = operateType;
-      this.showWfManualDialog = true;
-    },
-    manualEndWf() {
-      this.showWfManualDialog = false;
-      let that = getTarget(this);
-      var procInstId = this.wfInfo.procInstId;
-      var taskId = this.wfInfo.taskId ? this.wfInfo.taskId : "";
-      var data = JSON.stringify({
-        uuid: this.wfInfo.uuid,
-      });
-      that.$http({
-        url: this.current_prefix + "/wf/interrupt",
-        data: data,
-        method: "post",
-        headers: {
-          "Content-Type": "application/json;charset=utf-8",
-        },
-        isLoading: true,
-        success: (resultMsg) => {
-          that.$message({
-            message: resultMsg.content,
-            type: "success",
-            duration: 500,
-            onClose: (t) => {
-              this.reloadContent();
-              this.closeWinOnCheck(3);
-            },
-          });
-        },
-      });
-    },
-    async rejectWfTask(operateType) {
-      // 与 PC wf.js 的 rejectWfTask 同结构：驳回也要先过一遍「驳回提醒」
-      this.handleReminderContent("rejectReminder", async () => {
-        let that = getTarget(this);
-        var procInstId = this.wfInfo.procInstId;
-        var taskId = this.wfInfo.taskId;
-        var destinations = [];
-
-        await that.$http({
-          url: this.current_prefix + "/wf/getPreIncomeNodes",
-          data: {
-            stringOne: taskId,
-          },
-          method: "post",
-          //contentType: 'application/json;charset=utf-8',
-          isLoading: true,
-          success: (resultMsg) => {
-            destinations = (resultMsg.objx || []).reverse();
-          },
-        });
-
-        if (destinations == null) {
-          return false;
-        }
-        if (destinations.length == 0) {
-          that.$message({
-            message: this.$t2('无法驳回，没有目标节点', 'components.wf.rejectWarnMsg1'),
-            type: "error",
-            duration: 2 * 1000,
-          });
-          return false;
-        }
-        this.operateType = operateType;
-
-        /* 驳回后提交模式，取自流程对象配置（wf_obj_config「驳回后提交模式」三选一）：
-           toNextNode === 1   → 顺延下一步提交        → 1
-           toRejectNode false → 直接提交到驳回节点     → 2
-           toRejectNode true  → 由提交人确定节点提交   → null（提交时自己选）
-           三个分支不能省成两个：选了「顺延下一步」时后台把 toRejectNode 置为 null，
-           而 null == false 在 JS 里是 false，会落到 null 分支上，配置被静默丢掉。
-           与 PC wf.js 的 rejectWfTask 同口径。 */
-        let rejectSubmitModel = null;
-        if (this.wfInfo.toNextNode === 1) {
-          rejectSubmitModel = this.wfInfo.toNextNode
-        } else {
-          rejectSubmitModel = this.wfInfo.toRejectNode == false ? 2 : null
-        }
-        this.rejectForm.rejectSubmitModel = rejectSubmitModel;
-        this.rejectForm.nodeId = destinations[0].nodeId;
-        this.rejectForm.opinion = "";
-        this.rejectNodes = destinations;
-        this.rejectDialogVisible = true;
-      })
-    },
-    subRejectForm() {
-      let that = getTarget(this);
-      var procInstId = this.wfInfo.procInstId;
-      var taskId = this.wfInfo.taskId;
-
-      if (!this.rejectForm.nodeId) {
-        that.$message({
-          message: this.$t2('请选择驳回节点', 'components.wf.rejectWarnMsg2'),
-          type: "error",
-          duration: 2 * 1000,
-        });
-        return false;
-      }
-
-      if (!this.rejectForm.opinion) {
-        that.$message({
-          message: this.$t2('请输入驳回意见', 'components.wf.rejectWarnMsg3'),
-          type: "error",
-          duration: 2 * 1000,
-        });
-        return false;
-      }
-
-      var data = JSON.stringify({
-        taskId: taskId,
-        uuid: this.wfInfo.uuid,
-        nodeId: this.rejectForm.nodeId,
-        suggestion: this.rejectForm.opinion,
-        rejectSubmitModel: this.rejectForm.rejectSubmitModel
-      });
-      this.rejectDialogVisible = false;
-      that.$http({
-        url: this.current_prefix + "/wf/reject",
-        data: data,
-        method: "post",
-        headers: {
-          "Content-Type": "application/json;charset=utf-8",
-        },
-        isLoading: true,
-        success: (resultMsg) => {
-          that.$message({
-            message: resultMsg.content,
-            type: "success",
-            duration: 500,
-            onClose: (t) => {
-              this.reloadContent();
-              this.closeWinOnCheck(2);
-            },
-          });
-        },
-      });
-    },
-    /**
-     * 提交/驳回前的「提醒内容」：后台按 scriptType 跑脚本，返回文案就先弹确认框，
-     * 用户点确定才继续；没有文案（或接口 404，即后端未部署该能力）直接放行。
-     * 与 PC wf.js 的同名方法保持一致。
-     *
-     * 提醒只是主流程前面的一道增强，不能让它把主流程带崩或卡死，所以：
-     * - 放行只允许一次（go 自带闸门），成功/异常各分支共用一个出口；
-     * - 确认框点取消 = 放弃本次操作，什么都不做，但 MessageBox 的 reject 必须吃掉，
-     *   否则是一条 unhandled rejection；
-     * - error 分支绝不能抛异常。request.js 是先调 config.error(e) 再 removeModel(config)
-     *   （见 utils/request.js 的响应错误拦截），这里一抛，isLoading 的全屏遮罩就永远
-     *   关不掉、整页被锁死。而网络失败/超时时 e.response 本就是 undefined，
-     *   老写法 e.response.status 必崩 —— 故 status 取值全程判空。
-     */
-    handleReminderContent(scriptType, callback) {
-      let that = getTarget(this);
-      let called = false;
-      const go = () => {
-        if (called) return
-        called = true;
-        callback && callback();
-      };
-      that.$http({
-        url: this.current_prefix + "/wf/getReminderContent",
-        data: {
-          scriptType,
-          taskId: this.wfInfo.taskId,
-          uuid: this.wfInfo.uuid,
-        },
-        method: "post",
-        isLoading: true,
-        errorMsg: false,
-        success: (res) => {
-          if (res && res.objx) {
-            that.$baseConfirm(res.objx).then(go).catch(() => {});
-          } else {
-            go();
-          }
-        },
-        error: (e) => {
-          let status = e && e.response ? e.response.status : null;
-          if (status === 404) {
-            // 后端没部署这个接口，等同于「没有提醒」，静默放行
-            go();
-            return
-          }
-          /* 其余错误只提示不放行：提醒内容可能是必须让人看到的业务警告，
-             接口挂了就悄悄跳过等于把它吞掉。用户重试即可。 */
-          that.$errorMsg({
-            content: (e && e.message) || this.$t2('获取提醒内容失败', 'components.wf.reminderError'),
-            type: 'error',
-          }).catch(() => {});
-        },
-      });
-    },
-    openAgreeDialog(operateType) {
-      const done = () => {
-        this.handleReminderContent("submitReminder", () => {
-          this.operateType = operateType;
-          let that = getTarget(this);
-          this.agreeForm = {
-            opinion: this.$t2('同意', 'components.wf.defaultAgreeOption'),
-            nodeId: null,
-          };
-          this.agreeNodes = [];
-          that.$http({
-            url: this.current_prefix + "/wf/getNextOutgoingNodes",
-            data: {
-              stringOne: this.wfInfo.taskId,
-            },
-            method: "post",
-            isLoading: true,
-            success: (res) => {
-              let nodes = res.objx || [];
-              /*if (tq == true) {
-                nodes.reverse();
-              }*/
-              if (nodes.length) {
-                this.agreeForm.nodeId = nodes[0].nodeId;
-              }
-              this.agreeNodes = nodes;
-              this.agreeDialogVisible = true;
-            },
-          });
-        })
-      }
-      // wfConfig 在 init() 里才赋值（初值 null），这里兜一层空对象
-      let wfConfig = this.wfConfig || {};
-      if (wfConfig.onClickAgree) {
-        wfConfig.onClickAgree(done)
-      } else {
-        done();
-      }
-    },
-    subAgreeForm() {
-      let wfConfig = this.wfConfig;
-      let done = () => {
-        this.subAgreeHandle();
-      }
-      if (wfConfig.onBeforeAgree) {
-        wfConfig.onBeforeAgree(done)
-      } else {
-        done();
-      }
-    },
-    subAgreeHandle() {
-      let that = getTarget(this);
-      let nodeId = null;
-      if (this.agreeNodes.length) {
-        if (!this.agreeForm.nodeId) {
-          that.$message({
-            message: this.$t2('请选择节点', 'components.wf.agreeWarnMsg1'),
-            type: "error",
-            duration: 2 * 1000,
-          });
-          return;
-        }
-        nodeId = this.agreeForm.nodeId;
-      }
-
-      var procInstId = this.wfInfo.procInstId;
-      var taskId = this.wfInfo.taskId;
-      var memo = this.agreeForm.opinion || this.$t2('同意', 'components.wf.defaultAgreeOption');
-      var data = JSON.stringify({
-        taskId: taskId,
-        uuid: this.wfInfo.uuid,
-        suggestion: memo,
-        nodeId: nodeId,
-      });
-      this.agreeDialogVisible = false;
-      that.$http({
-        url: this.current_prefix + "/wf/submit",
-        data: data,
-        method: "post",
-        headers: {
-          "Content-Type": "application/json;charset=utf-8",
-        },
-        isLoading: true,
-        success: (resultMsg) => {
-          if (resultMsg.objx && resultMsg.objx.code == "999999") {
-            this.errorSubmit({
-              taskId: taskId,
-              uuid: this.wfInfo.uuid,
-              suggestion: memo,
-              errorMsg: resultMsg.objx.errorMsg
-            });
-          } else {
-            that.$message({
-              message: resultMsg.content,
-              type: "success",
-              duration: 500,
-              onClose: (t) => {
-                this.reloadContent();
-                this.closeWinOnCheck(1);
-              },
-            });
-          }
-        },
-      });
-    },
-    errorSubmit(data) {
-      let that = getTarget(this);
-      that.$http({
-        url: this.current_prefix + "/wf/errorSubmit",
-        data: data,
-        method: "post",
-        isLoading: true,
-        success: (resultMsg) => {
-          that.$message({
-            message: resultMsg.content,
-            type: "success",
-            duration: 500,
-            onClose: (t) => {
-              this.reloadContent();
-              this.closeWinOnCheck(1);
-            },
-          });
-        },
-      });
-    },
-    openChangeWfForm(operateType) {
-      this.operateType = operateType;
-      this.changeWfDialogVisible = true;
-      this.changeUserRows = [];
-      this.changeWfForm = {
-        userIds: [],
-        userNickNames: null,
-        opinion: null,
-      };
-    },
-    subChangeWfForm() {
-      let that = getTarget(this);
-      var procInstId = this.wfInfo.procInstId;
-      var taskId = this.wfInfo.taskId;
-
-      var userIds = this.changeWfForm.userIds || [];
-      var opinion = this.changeWfForm.opinion || null;
-
-      if (!userIds.length) {
-        that.$message({
-          message: this.$t2('请选择转办人', 'components.wf.transferWarnMsg1'),
-          type: "error",
-          duration: 2000,
-          onClose: (t) => {
-          },
-        });
-        return false;
-      }
-
-      var data = JSON.stringify({
-        taskId: taskId,
-        uuid: this.wfInfo.uuid,
-        transferTo: userIds,
-        suggestion: opinion,
-      });
-      this.changeWfDialogVisible = false;
-      that.$http({
-        url: this.current_prefix + "/wf/transfer",
-        data: data,
-        method: "post",
-        headers: {
-          "Content-Type": "application/json;charset=utf-8",
-        },
-        isLoading: true,
-        success: (resultMsg) => {
-          that.$message({
-            message: resultMsg.content,
-            type: "success",
-            duration: 500,
-            onClose: (t) => {
-              this.reloadContent();
-              this.closeWinOnCheck(4);
-            },
-          });
-        },
-      });
-    },
-    userConfirm(rows) {
-      if (rows.length > 0) {
-        let changeUserRows = this.changeUserRows;
-        let ids = changeUserRows.map((changeUserRow) => changeUserRow.id);
-        let addRows = rows.filter((row) => !ids.includes(row.id));
-        changeUserRows.push(...addRows);
-
-        let row = rows[0];
-        this.changeWfForm.userIds = changeUserRows.map(
-          (changeUserRow) => changeUserRow.id
-        );
-        this.changeWfForm.userNickNames = changeUserRows
-          .map((changeUserRow) => changeUserRow.nickName)
-          .join(",");
-      }
-    },
-    reloadContent() {
-      let that = getTarget(this);
-      that.$baseReload();
-    },
-    closeWinOnCheck(flag) {
-      //_closeWindowOnCheck=true, 1提交，2驳回，3中断，4转办时，5沟通 关闭窗口
-      let that = getTarget(this);
-      let _closeWindowOnCheck = that.$attrs._closeWindowOnCheck || that._closeWindowOnCheck;
-      if (_closeWindowOnCheck === true || _closeWindowOnCheck === "true") {
-        window.close && window.close();
-      }
-      let _handleCallback = that.$attrs._handleCallback || that._handleCallback;
-      _handleCallback && _handleCallback(flag);
-    },
-    manualCallback() {
-      this.$emit("manualCallback");
-    },
-    openUrgingDialog(operateType) {
-      this.operateType = operateType;
-      this.urgingDialogVisible = true;
-    },
-    openDeleteTaskUserDialog(operateType) {
-      this.operateType = operateType;
-      this.showDeleteTaskUserDialog = true;
-    },
-    openAddTaskUserDialog(operateType) {
-      this.operateType = operateType;
-      this.showAddTaskUserDialog = true;
-    },
-    openAddIncreaseSign(operateType) {
-      this.operateType = operateType;
-      this.addIncreaseSignUsers = [];
-      this.addIncreaseSignForm = {userNickNames: null};
-      this.showAddIncreaseSignDialog = true;
-    },
-    initWfUserParam(callback) {
-      this.initTransferUserParam();//转办
-      this.initAddSignUserParam();//加签
-      this.initTalkUserParam();//沟通
-    },
-    //
-    initTransferUserParam(callback) {
-      //初始化转办用户参数
-      let that = getTarget(this);
-      return that.$http({
-        url: USER_PREFIX + "/wf_diy_attribute/getValue",
-        method: `post`,
-        data: {attributeKey: "param1"},
-        isLoading: true,
-        modalStrictly: true,
-        success: (res) => {
-          this.wfUserParamForTransfer = res.objx || {};
-          callback && callback();
-        },
-      });
-    },
-    initAddSignUserParam(callback) {
-      //初始化加签用户参数
-      let that = getTarget(this);
-      return that.$http({
-        url: USER_PREFIX + "/wf_diy_attribute/getValue",
-        method: `post`,
-        data: {attributeKey: "param2"},
-        isLoading: true,
-        modalStrictly: true,
-        success: (res) => {
-          this.wfUserParamForAddSign = res.objx || {};
-          callback && callback();
-        },
-      });
-    },
-    initTalkUserParam(callback) {
-      //初始化沟通用户参数
-      let that = getTarget(this);
-      return that.$http({
-        url: USER_PREFIX + "/wf_diy_attribute/getValue",
-        method: `post`,
-        data: {attributeKey: "param3"},
-        isLoading: true,
-        modalStrictly: true,
-        success: (res) => {
-          this.wfUserParamForTalk = res.objx || {};
-          callback && callback();
-        },
-      });
-    },
-    //
-    resetLinkup() {
-      this.formData = {};
-      this.$refs["table-linkup"].commitProxy("reload");
-    },
-    searchLinkup() {
-      this.$refs["table-linkup"].commitProxy("reload");
-    },
-    initLinkup(flag) {
-      return
-      let h = this.$createElement;
-      let statusMap = {
-        0: this.$t2('未完成', 'components.wf.talkStatus0'),
-        1: this.$t2('已完成', 'components.wf.talkStatus1'),
-        2: this.$t2('已取消', 'components.wf.talkStatus2')
-      };
-      let tableOption = {
-        vue: this,
-        tableRef: "table-linkup",
-        tableName: "wf_table-linkup",
-        path: this.current_prefix + "/wf_linkup/listPage",
-        param: () => {
-          return {
-            uuid: this.wfInfo.uuid,
-          };
-        },
-        config: {
-          height: 350
-        },
-        columns: [
-          {type: "checkbox", width: 48, resizable: false, fixed: "left"},
-          {
-            title: this.$t2('任务名称', 'components.wf.taskName'),
-            field: "taskName",
-            width: 150,
-            fixed: "left",
-          },
-          {
-            title: this.$t2('发送人', 'components.wf.senderName'),
-            field: "senderName",
-            width: 150,
-            slots: {
-              default: "sender",
-            },
-          },
-          {
-            title: this.$t2('接收人', 'components.wf.receiverName'),
-            field: "receiverName",
-            width: 150,
-            slots: {
-              default: "receiver",
-            },
-          },
-          {
-            title: this.$t2('沟通内容', 'components.wf.talkContent'),
-            field: "content",
-            width: 250,
-            showOverflow: false,
-            slots: {
-              default: ({row, rowIndex}) => {
-                return row.replyId ? ("[" + this.$t2('回复', 'components.wf.reply') + "]" + row.content) : row.content;
-              },
-            },
-          },
-          {
-            width: 150,
-            title: this.$t2('沟通资料', 'components.wf.talkAttachment'),
-            field: "attachmentImage",
-            sortable: false,
-            slots: {
-              default: ({row, rowIndex}) => {
-                let option = {
-                  title: this.$t2('沟通资料', 'components.wf.talkAttachment'),
-                  edit: false,
-                  rows: (done) => {
-                    done(row.attachmentDTOs);
-                  },
-                };
-                return [
-                  h("base-attachment", {
-                    props: {
-                      option: option,
-                    },
-                  }),
-                ];
-              },
-            },
-          },
-
-          {
-            title: this.$t2('状态', 'components.wf.status'),
-            field: "status",
-            width: 150,
-            slots: {
-              default: ({row, rowIndex}) => {
-                return statusMap[row.status] || "";
-              },
-            },
-          },
-          {
-            title: this.$t2('创建时间', 'system.label.createDate'),
-            field: "createDate",
-            width: 150,
-          },
-          {
-            width: 80,
-            fixed: "right",
-            title: "",
-            sortable: false,
-            slots: {
-              default: "operate"
-            }
-          },
-        ],
-        callback: (rows) => {
-          if (rows.length && flag) {
-            let row = rows[0];
-            if (row.replyToSender) {
-              this.$nextTick(() => {
-                this.tabIndex = "2";
-                this.openTalkDialog(row.sender, row.senderName, 'talk', 1, row.id)
-              });
-            }
-          }
-        }
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
-        this.linkupOption = opts;
-      });
-    },
-    cancelTalk(row) {
-      let that = getTarget(this);
-      that.$baseConfirm(this.$t2('您确定要取消沟通记录吗？', 'components.wf.cancelTalkTip')).then(() => {
-        that.$http({
-          url: this.current_prefix + "/wf_linkup/cancel",
-          data: {id: row.id},
-          method: "post",
-          loadingTarget: document.body,
-          isLoading: true,
-          success: (resultMsg) => {
-            that.$message({
-              message: resultMsg.content,
-              type: "success",
-              duration: 500,
-              onClose: (t) => {
-                this.reloadContent();
-              },
-            });
-          },
-        });
-      });
-    },
-    openTalkDialog(receiver, receiverName, operateType, flag, replyId) {
-      this.operateType = operateType;
-      /*this.talkForm.receiver = receiver || null;
-      this.talkForm.receiverName = receiverName || null;
-      this.talkForm.replyId = replyId || null;
-      this.talkForm.content = null;
-      this.talkForm.attachmentDTOs = [];*/
-      this.initTalkForm(receiver, receiverName, replyId)
-      this.showTalkDialog = true;
-      if (flag == 1) {
-        let opeaBtnDom = this.$refs.opeaBtn;
-        opeaBtnDom && opeaBtnDom.scrollIntoView();
-      }
-    },
-    initTalkForm(receiver, receiverName, replyId) {
-      this.talkForm.receiver = receiver || null;
-      this.talkForm.receiverName = receiverName || null;
-      this.talkForm.replyId = replyId || null;
-      this.talkForm.content = null;
-      this.talkForm.attachmentDTOs = [];
-    },
-    submitTalkForm() {
-      let that = getTarget(this);
-      var procInstId = this.wfInfo.procInstId;
-      var taskId = this.wfInfo.taskId;
-
-      if (!this.talkForm.receiver) {
-        that.$message({
-          message: this.$t2('请选择接收人', 'components.wf.talkWarnMsg1'),
-          type: "error",
-          duration: 2 * 1000,
-        });
-        return false;
-      }
-      if (!this.talkForm.content) {
-        that.$message({
-          message: this.$t2('请输入沟通内容', 'components.wf.talkWarnMsg2'),
-          type: "error",
-          duration: 2 * 1000,
-        });
-        return false;
-      }
-
-      var data = {
-        taskId: taskId,
-        uuid: this.wfInfo.uuid,
-        receiver: this.talkForm.receiver,
-        receiverName: this.talkForm.receiverName,
-        replyId: this.talkForm.replyId,
-        content: this.talkForm.content,
-        attachmentDTOs: this.talkForm.attachmentDTOs,
-        notifyType: "wfLinkup",
-      };
-      this.showTalkDialog = false;
-      that.$http({
-        url: this.current_prefix + "/wf_linkup/save",
-        data: data,
-        method: "post",
-        isLoading: true,
-        success: (resultMsg) => {
-          that.$message({
-            message: resultMsg.content,
-            type: "success",
-            duration: 500,
-            onClose: (t) => {
-              this.reloadContent();
-              this.closeWinOnCheck(5);
-            },
-          });
-        },
-      });
-    },
-    openTalkUserDialog() {
-      this.showTalkUserDialog = true;
-    },
-    confirmTalkUserDialog(rows) {
-      if (rows.length > 0) {
-        let row = rows[0];
-        if (this.talkForm.receiver != row.id) {
-          this.talkForm.replyId = null;
-        }
-        this.talkForm.receiver = row.id;
-        this.talkForm.receiverName = row.nickName;
-      }
-    },
-    confirmUrging() {
-      this.reloadContent();
-    },
-    confirmDeleteTaskUser() {
-      this.reloadContent();
-    },
-    confirmAddTaskUser(rows) {
-      this.addIncreaseSignUsers = rows;
-      this.addIncreaseSignForm.userNickNames = rows.map(row => row.nickName).join(',');
-      // this.reloadContent();
-    },
-    submitAddTaskUserForm(flag) {
-      let that = getTarget(this);
-      let userIds = this.addIncreaseSignUsers.map((checkRow) => checkRow.id);
-      if (userIds.length == 0) {
-        that.$message({
-          message: this.$t2('请选择候选人', 'components.wf.addIncreaseSignWarnMsg1'),
-          type: "error",
-          duration: 2000,
-          onClose: (t) => {
-          },
-        });
-        return false;
-      }
-      let toDo = () => {
-        var data = JSON.stringify({
-          uuid: this.wfInfo.uuid,
-          taskId: this.wfInfo.taskId,
-          userIds: userIds,
-          suggestion: this.addIncreaseSignForm.opinion
-
-        });
-        this.agreeDialogVisible = false;
-        that.$http({
-          url: this.current_prefix + "/wf/addIncreaseSign",
-          data: data,
-          method: "post",
-          loadingTarget: document.body,
-          headers: {
-            "Content-Type": "application/json;charset=utf-8",
-          },
-          isLoading: true,
-          success: (resultMsg) => {
-            that.$message({
-              message: resultMsg.content,
-              type: "success",
-              duration: 500,
-              onClose: (t) => {
-                this.reloadContent();
-              },
-            });
-          },
-        });
-      }
-      if (flag === 0) {
-        toDo();
-      } else {
-        that.$baseConfirm(this.$t2('您确定要加签吗？', 'components.wf.addIncreaseSignConfirmTip')).then(() => {
-          toDo();
-        });
-      }
-    },
-    openSetCandidateDialog(operateType) {
-      this.operateType = operateType;
-      this.showSetCandidateDialog = true;
-    },
-    closeSetCandidateDialog() {
-      this.showSetCandidateDialog = false;
-      this.reloadContent();
-    },
-    openRevokeDialog(operateType) {
-      this.operateType = operateType;
-      this.revokeForm = {opinion: null}
-      this.revokeDialogVisible = true;
-    },
-    subRevokeForm(flag) {
-      //撤回
-      let that = getTarget(this);
-      let toDo = () => {
-        var data = JSON.stringify({
-          uuid: this.wfInfo.uuid,
-          taskId: this.wfInfo.taskId,
-          suggestion: this.revokeForm.opinion,
-        });
-        this.revokeDialogVisible = false;
-        that.$http({
-          url: this.current_prefix + "/wf/revoke",
-          data: data,
-          method: "post",
-          loadingTarget: document.body,
-          headers: {
-            "Content-Type": "application/json;charset=utf-8",
-          },
-          isLoading: true,
-          success: (resultMsg) => {
-            that.$message({
-              message: resultMsg.content,
-              type: "success",
-              duration: 500,
-              onClose: (t) => {
-                this.reloadContent();
-              },
-            });
-          },
-        });
-      }
-      if (flag === 0) {
-        toDo();
-      } else {
-        that.$baseConfirm(this.$t2('您确定要撤回吗？', 'components.wf.revokeConfirmTip')).then(() => {
-          toDo();
-        });
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-::v-deep .form-box.el-form .el-form-item .el-form-item__label {
-  width: 70px
-}
-</style>
+<template>
+  <div>
+    <h5-card-pane label="流程信息">
+      <template #default>
+        <div class="flowPath-box">
+          <!-- 这一行的值是 wfInfo.name（流程主题），标签原先误写成「任务情况」——
+               与下面第三行「查看任务情况」重名。PC content.vue 同一个值的标签就是
+               「流程主题」（components.wf.theme）。 -->
+          <div class="t"><span>{{ $t2('流程主题', 'components.wf.theme') }}</span></div>
+          <div class="c">
+            <div class="name">
+              {{ (wfInfo.createDate ? wfInfo.createDate.substring(0, 10) : '') + wfInfo.name }}
+              <el-tag :type="getWfStatusType()" size="mini">{{ getWfStatusLabel() }}</el-tag>
+            </div>
+          </div>
+          <div class="m2">
+            <div class="t"><span>{{ $t2('流程图', 'components.wf.wfImage') }}</span></div>
+            <div class="c">
+              <el-button class="btn" @click="showPreviewDialog=true" icon="el-icon-view">查看流程图</el-button>
+            </div>
+          </div>
+          <div class="m2">
+            <div class="t"><span>{{ $t2('任务情况', 'components.wf.taskInfo') }}</span></div>
+            <div class="c">
+              <el-button class="btn" @click="showRenwuDialog=true" icon="iconfont icon-preview">查看任务情况
+              </el-button>
+            </div>
+          </div>
+
+        </div>
+        <!-- hideActions：宿主已经把审批动作提到别处（如 xform H5 的底部动作栏）时，
+             这一排整条藏掉，避免一个动作出现两份。与 PC content.vue 的
+             headerActionsMounted 同意图，这里做成 prop 是为了没有时序问题。 -->
+        <div class="flowPath-btns" v-show="!hideActions">
+          <el-button type="success" plain class="btn" @click="openAgreeDialog" v-show="wfInfo.toSubmit"
+                     icon="iconfont icon-tongguo">{{ $t2('通过', 'components.wf.agree') }}
+          </el-button>
+          <el-button type="warning" plain class="btn" @click="openManualDialog" v-show="wfInfo.toInterrupt"
+                     icon="iconfont icon-caozuozhongduan">{{ $t2('中断', 'components.wf.manual') }}
+          </el-button>
+          <el-button type="danger" plain class="btn" @click="rejectWfTask" v-show="wfInfo.toReject"
+                     icon="iconfont icon-a-bohui1">{{ $t2('驳回', 'components.wf.reject') }}
+          </el-button>
+          <el-button type="primary" plain class="btn" @click="openChangeWfForm"
+                     v-show="transferEnabled && ((wfInfo.toTransfer===null || wfInfo.toTransfer===undefined) ? wfInfo.toSubmit: wfInfo.toTransfer)"
+                     icon="iconfont icon-zhuanban">{{ $t2('转办', 'components.wf.transfer') }}
+          </el-button>
+          <el-button type="primary" plain class="btn" @click="openUrgingDialog" v-show="wfInfo.toInterrupt"
+                     icon="iconfont icon-cuiban">{{ $t2('催办', 'components.wf.urging') }}
+          </el-button>
+          <el-button type="primary" plain class="btn" @click="openAddIncreaseSign" v-show="wfInfo.toAddIncreaseSign"
+                     icon="el-icon-plus">{{ $t2('加签', 'components.wf.addIncreaseSign') }}
+          </el-button>
+          <el-button type="primary" plain class="btn" @click="openDeleteTaskUserDialog"
+                     v-show="wfInfo.toDeleteIncreaseSign"
+                     icon="el-icon-delete">{{ $t2('减签', 'components.wf.deleteIncreaseSign') }}
+          </el-button>
+          <el-button type="primary" plain class="btn" @click="openTalkDialog()"
+                     icon="el-icon-chat-dot-square" v-if="toTalk && wfInfo.toLinkup">
+            {{ $t2('沟通', 'components.wf.talk') }}
+          </el-button>
+          <el-button type="primary" plain class="btn" @click="openSetCandidateDialog(null)"
+                     v-show="wfInfo.toSetCandidate"
+                     icon="el-icon-user">{{ $t2('修改候选人', 'components.wf.setCandidate') }}
+          </el-button>
+          <el-button type="danger" plain class="btn" @click="openRevokeDialog(null)"
+                     v-show="wfInfo.toRevoke"
+                     icon="el-icon-document-delete">{{ $t2('撤回', 'components.wf.revoke') }}
+          </el-button>
+        </div>
+      </template>
+    </h5-card-pane>
+
+    <!-- 流程相关的弹框必须放在卡片外面。h5CardPane 折叠时会给 .cont 加
+         display:none，放在插槽里的弹框会被一起隐藏 —— 表现为「流程信息收起后，
+         通过/驳回/转办这些弹框点了没反应」（祖先 display:none 无法被后代覆盖）。 -->
+    <el-dialog
+      title="流程图预览"
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      :visible.sync="showPreviewDialog"
+      :modal="false"
+      custom-class="dialog-style h5view-dialog"
+      width="100%"
+      top="0px"
+      v-el-drag-dialog
+      v-el-dialog-center
+      :append-to-body	="true"
+      :destroy-on-close="true"
+    >
+      <div class="flex">
+        <el-form label-position="top" class="form-box">
+          <div class="tit"><span>{{
+              (wfInfo.createDate ? wfInfo.createDate.substring(0, 10) : '') + wfInfo.name
+            }}</span></div>
+          <iframe
+            ref="wfPreviewFrame"
+            style="width: 100%;flex:1"
+            :src="wfImage"
+            @load="fitWorkflowPreview"
+          ></iframe>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          icon="el-icon-close"
+          @click="showPreviewDialog = false"
+          >{{$t2('关 闭', 'system.button.close2')}}</el-button
+        >
+      </span>
+    </el-dialog>
+
+    <el-dialog
+      title="任务情况预览"
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      :visible.sync="showRenwuDialog"
+      :modal="false"
+      custom-class="dialog-style h5view-dialog"
+      width="100%"
+      top="0px"
+      v-el-drag-dialog
+      v-el-dialog-center
+      :append-to-body	="true"
+      :destroy-on-close="true"
+    >
+      <div class="flex">
+        <div class="h5-process-info">
+          <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 class="">{{ wftaskLineData.candidateNames }}</span>
+            </span>
+              </p>
+              <p class="t"><span class="t1">{{ $t2('备注/意见', 'components.wf.opinion') }}：</span><span>{{
+                  wftaskLineData.opinion
+                }}</span></p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 同上：只读预览，合成一个「关 闭」 -->
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          icon="el-icon-close"
+          @click="showRenwuDialog = false"
+          >{{$t2('关 闭', 'system.button.close2')}}</el-button
+        >
+      </span>
+    </el-dialog>
+    <!-- 下面 5 个确认框（中断 / 驳回 / 通过 / 转办 / 加签）都走 v-append-to-body：
+         节点搬到 document.body 下，不再靠 position:fixed 在宿主子树里侥幸生效。
+         它们保持 .pop-tipsBox 的原造型，没有改成 el-dialog——那个圆角卡片 + 顶部
+         溢出圆形图标的样子要用 el-dialog 复刻，得把 header/body/footer 三段默认
+         样式全推翻，样式量不减反增。
+
+         三条约束，改动前先看 directive/append-to-body/index.js 的说明：
+         1. 必须是 v-show，不能换回 v-if（Vue 的 insert() 会静默跳过以被搬走的
+            节点为参照物的插入，兄弟顺序会错乱）；
+         2. 内联 style="display: block;" 不能删（v-show 的 originalDisplay 取自
+            它，删了「显示」态会退回各应用 h5.scss 里 .pop-tipsBox{display:none}）；
+         3. 多挂的 h5-pop-tips 类是样式作用域锚点——搬到 body 后 .xform-h5 前缀
+            全部失配，样式改挂在 .pop-tipsBox.h5-pop-tips 上，既保住原有优先级，
+            又不会误伤同样用 .pop-tipsBox 的 confirmDialog / baseAlert / errorMsg。 -->
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="showWfManualDialog"
+         v-append-to-body>
+      <div>
+        <i class="icon"></i>
+        <div class="cont">
+          <p class="name">
+            {{ $t2('流程中断', 'components.wf.wfManual') }}<span>—</span><b
+            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
+              wfInfo.taskName
+            }}</b>
+          </p>
+          <p class="txt">{{ $t2('您确定要中断流程吗？', 'components.wf.manualTip') }}</p>
+        </div>
+        <div class="btns">
+          <el-button type="primary" class="btn" plain icon="el-icon-close" @click="showWfManualDialog = false">{{
+              $t2('取 消', 'system.button.cancel2')
+            }}
+          </el-button>
+          <el-button type="primary" class="btn" icon="el-icon-check" @click="manualEndWf()">{{
+              $t2('确 定', 'system.button.confirm2')
+            }}
+          </el-button>
+        </div>
+      </div>
+    </div>
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="rejectDialogVisible"
+         v-append-to-body>
+      <div>
+        <i class="icon"></i>
+        <div class="cont">
+          <p class="name">{{ $t2('流程驳回', 'components.wf.wfReject') }}<span
+          >—</span><b
+            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
+              wfInfo.taskName
+            }}</b></p>
+          <el-form label-position="top" class="form-box">
+            <el-form-item label="驳回节点" field="nodeId">
+              <el-select v-model="rejectForm.nodeId"
+                         :placeholder="$t2('请选择驳回节点', 'components.wf.rejectNodePlaceholder')">
+                <el-option v-for="(rejectNode,index) in rejectNodes" :label="rejectNode.nodeName"
+                           :value="rejectNode.nodeId" :key="index"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="驳回意见" field="opinion">
+              <el-input type="textarea" :rows="5"
+                        :placeholder="$t2('请输入内容', 'components.wf.rejectOpinionPlaceholder')"
+                        v-model="rejectForm.opinion" class="txt"></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="btns">
+          <el-button type="primary" class="btn" plain icon="el-icon-close" @click="rejectDialogVisible = false">{{
+              $t2('取 消', 'system.button.cancel2')
+            }}
+          </el-button>
+          <el-button type="primary" class="btn" icon="el-icon-check" @click="subRejectForm()">{{
+              $t2('确 定', 'system.button.confirm2')
+            }}
+          </el-button>
+        </div>
+      </div>
+    </div>
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="agreeDialogVisible"
+         v-append-to-body>
+      <div>
+        <i class="icon"></i>
+        <div class="cont">
+          <p class="name">{{ $t2('流程通过', 'components.wf.wfAgree') }}<span
+          >—</span><b
+            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
+              wfInfo.taskName
+            }}</b></p>
+          <el-form label-position="top" class="form-box">
+            <!-- 只有分支网关这类多出口节点，getNextOutgoingNodes 才会返回候选节点；
+                 单出口节点返回空数组，这一项必须整条不渲染，否则会露出一个没有任何
+                 选项的空下拉（提交时 nodeId 本就传 null，不需要选）。
+                 与 PC content.vue 的 <tr v-if="agreeNodes.length > 0"> 同口径。 -->
+            <el-form-item v-if="agreeNodes.length > 0"
+                          :label="$t2('通过节点', 'components.wf.agreeNode')" field="nodeId">
+              <el-select v-model="agreeForm.nodeId"
+                         :placeholder="$t2('请选择通过节点', 'components.wf.agreeNodePlaceholder')">
+                <el-option v-for="(node,index) in agreeNodes" :label="node.nodeName"
+                           :value="node.nodeId" :key="index"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item :label="$t2('通过意见', 'components.wf.agreeOpinion')" field="opinion">
+              <el-input type="textarea" :rows="8" :placeholder="$t2(`请填写您的意见~
+       注：
+       通过默认意见为“同意”
+        `, 'components.wf.agreeOpinionPlaceholder')" v-model="agreeForm.opinion"></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="btns">
+          <el-button type="primary" class="btn" plain icon="el-icon-close" @click="agreeDialogVisible = false">{{
+              $t2('取 消', 'system.button.cancel2')
+            }}
+          </el-button>
+          <el-button type="primary" class="btn" icon="el-icon-check" @click="subAgreeForm()">{{
+              $t2('确 定', 'system.button.confirm2')
+            }}
+          </el-button>
+        </div>
+      </div>
+    </div>
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="changeWfDialogVisible"
+         v-append-to-body>
+      <div>
+        <i class="icon"></i>
+        <div class="cont">
+          <p class="name">{{ $t2('流程转办', 'components.wf.wfTransfer') }}<span>—</span><b
+            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
+              wfInfo.taskName
+            }}</b></p>
+          <el-form label-position="top" class="form-box">
+            <el-form-item label="转办人" field="nodeId">
+              <el-input
+                class="search-input"
+                max="200"
+                v-model="changeWfForm.userNickNames"
+                @clear="
+                        changeWfForm.userIds = '';
+                        changeUserRows = [];
+                        $forceUpdate();
+                      "
+                v-el-readonly
+                clearable
+              >
+                <i slot="suffix" class="el-input__icon el-icon-search" @click="showUserDialog = true"></i>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="转办意见" field="opinion">
+              <el-input type="textarea" :rows="8"
+                        :placeholder="$t2('请输入内容', 'components.wf.transferOpinionPlaceholder')"
+                        v-model="changeWfForm.opinion"></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="btns">
+          <el-button type="primary" class="btn" plain @click="changeWfDialogVisible = false">{{
+              $t2('取 消', 'system.button.cancel2')
+            }}
+          </el-button>
+          <el-button type="primary" class="btn" @click="subChangeWfForm()">
+            {{ $t2('确认转办', 'components.wf.confirmTransfer') }}
+          </el-button>
+        </div>
+      </div>
+    </div>
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="showAddIncreaseSignDialog"
+         v-append-to-body>
+      <div>
+        <i class="icon"></i>
+        <div class="cont">
+          <p class="name">
+            {{ $t2('流程加签', 'components.wf.wfAddIncreaseSign') }}<span>—</span><b
+            class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
+              wfInfo.taskName
+            }}</b>
+          </p>
+          <el-form label-position="top" class="form-box">
+            <el-form-item label="候选人">
+              <el-input
+                class="search-input"
+                max="200"
+                v-model="addIncreaseSignForm.userNickNames"
+                @clear="
+                          addIncreaseSignUsers = [];
+                          $forceUpdate();
+                        "
+                :placeholder="$t2('候选人', 'components.wf.addIncreaseSignUser')"
+                v-el-readonly
+                clearable
+              >
+                <i slot="suffix" class="el-input__icon el-icon-search"
+                   @click="showAddTaskUserDialog = true"></i>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="加签意见" field="opinion">
+              <el-input type="textarea" :rows="8"
+                        :placeholder="$t2('请输入内容', 'components.wf.addIncreaseSignOpinionPlaceholder')"
+                        v-model="addIncreaseSignForm.opinion"></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="btns">
+          <el-button type="primary" class="btn" plain @click="showAddIncreaseSignDialog = false">{{
+              $t2('取 消', 'system.button.cancel2')
+            }}
+          </el-button>
+          <el-button type="primary" class="btn" @click="submitAddTaskUserForm(0)">
+            {{ $t2('确认加签', 'components.wf.confirmAddIncreaseSign') }}
+          </el-button>
+        </div>
+      </div>
+    </div>
+
+    <user-dialog v-if="showUserDialog" :visiable.sync="showUserDialog" @close="showUserDialog = false"
+                 @confirm="userConfirm" multi="true" :param.sync="wfUserParamForTransfer"
+                 :rows="changeUserRows"></user-dialog>
+    <urgingDialog v-if="urgingDialogVisible" :visiable.sync="urgingDialogVisible" :wfInfo="wfInfo"
+                  :current_prefix="current_prefix"
+                  @confirm="reloadContent" multi="true"></urgingDialog>
+    <deleteTaskUserDialog v-if="showDeleteTaskUserDialog" :visiable.sync="showDeleteTaskUserDialog" :wfInfo="wfInfo"
+                          :current_prefix="current_prefix"
+                          @confirm="reloadContent" multi="true"></deleteTaskUserDialog>
+
+    <addTaskUserdialog v-if="showAddTaskUserDialog" :visiable.sync="showAddTaskUserDialog" :wfInfo="wfInfo"
+                       :current_prefix="current_prefix" :rows.sync="addIncreaseSignUsers"
+                       @confirm="confirmAddTaskUser" multi="true"
+                       :param.sync="wfUserParamForAddSign"></addTaskUserdialog>
+    <user-dialog v-if="showTalkUserDialog" :visiable.sync="showTalkUserDialog" @close="showTalkUserDialog = false"
+                 @confirm="confirmTalkUserDialog" multi="false" :param.sync="wfUserParamForTalk"></user-dialog>
+    <setCandidateDialog v-if="showSetCandidateDialog" :visiable.sync="showSetCandidateDialog"
+                        @close="closeSetCandidateDialog"
+                        :wfInfo="wfInfo"
+                        :current_prefix="current_prefix"></setCandidateDialog>
+  </div>
+</template>
+<script>
+import Vue from "vue";
+
+import settingConfig from "@/settings";
+import commonMixin from "../../../mixins/mobile/common/index";
+import {getToken} from "../../../utils/auth";
+import {isWfTransferEnabled, loadWfTransferEnabled} from "../../wf/wfTransferEnabled";
+
+let configUtil = {
+  baseUrl: process.env.VUE_APP_BASE_API,
+  getToken,
+  settingConfig,
+  Vue,
+};
+
+function appendPrevChildDom(parentDom, newDom) {
+  if (parentDom.hasChildNodes()) {
+    let currentDom = parentDom.children[0];
+    parentDom.insertBefore(newDom, currentDom);
+  } else {
+    parentDom.append(newDom);
+  }
+}
+
+function getTarget(t) {
+  return t.parentVue;
+}
+
+export default {
+  mixins: [commonMixin],
+  props: {
+    _wfInfo: Object,
+    _taskParam: Object,
+    wfOption: Object,
+    defaultShowWfContent: Boolean,
+    // 见模板里 .flowPath-btns 的注释：宿主接管审批动作时藏掉面板内那一排
+    hideActions: Boolean,
+  },
+  components: {
+    /* 本组件根节点就是 <h5-card-pane>，但此前没在这里注册——手写移动页是靠
+       mixins/mobile/common 在**宿主**上局部注册才碰巧能渲染。Vue 2 解析组件只查
+       自身 components 与全局注册、不查父组件的局部注册，所以被别处（如 xform 的
+       detail-h5-item）引用时会渲染不出来。补上自己的依赖声明。 */
+    h5CardPane: () => import('../h5Card/h5CardPane.vue'),
+    /* 选用户弹层用包内的 selectUserDialog（el-dialog + append-to-body 版）。
+       原来引的 views/mobile/user/user/dialog.vue 仍是 .pop-box 就地渲染版，
+       且 src/views 不随包发布（被包内组件引用属隐式依赖），保持原样不动。 */
+    UserDialog: () => import('./selectUserDialog.vue'),
+    urgingDialog: () => import('./urgingDialog'),
+    deleteTaskUserDialog: () => import('./deleteTaskUserDialog'),
+    addTaskUserdialog: () => import('./addTaskUserdialog'),
+    setCandidateDialog: () => import('./setCandidateDialog')
+  },
+  computed: {
+    current_prefix() {
+      return this.serviceId ? "/" + this.serviceId : "";
+    },
+    viewTarget() {
+      return getTarget(this);
+    },
+    isHideWf() {
+      let that = this.viewTarget;
+      let _hideWf = that._hideWf || that.$attrs._hideWf;
+      return _hideWf === true || _hideWf === 'true';
+    },
+    transferEnabled() {
+      return isWfTransferEnabled();
+    }
+  },
+  data() {
+    let showWfFold =
+      settingConfig.showWfFold != null && settingConfig.showWfFold != undefined
+        ? settingConfig.showWfFold
+        : false;
+    let showWfContent =
+      showWfFold &&
+      settingConfig.defaultShowWfContent != null &&
+      settingConfig.defaultShowWfContent != undefined
+        ? settingConfig.defaultShowWfContent
+        : true;
+    if (
+      this.defaultShowWfContent != null &&
+      this.defaultShowWfContent != undefined
+    ) {
+      showWfContent = this.defaultShowWfContent;
+    }
+
+    return {
+      showRenwuDialog: false,
+      showDomContent: false,
+      showPreviewDialog: false,
+      objId: null,
+      wfCode: null,
+      serviceId: null,
+      parentVue: null,
+      wfConfig: null,
+
+      fileInfos: [],
+      showUserDialog: false,
+      showContent: true,
+      objTypeCode: "",
+      // objId: '',
+      wfInfo: {},
+      // currentTask: {},
+      taskParam: {},
+      wfImage: "",
+      wfStartBtn: false,
+      wfManualendBtn: false,
+      wfSubmitBtn: false,
+      wfRejectBtn: false,
+      changeHandlerBtn: false,
+      wftaskData: [],
+      allWfTaskOpinions: [],
+      vxeOption: {},
+      rejectNodes: [],
+      rejectDialogVisible: false,
+      rejectForm: {
+        rejectSubmitModel: null,
+        nodeId: null,
+        opinion: null,
+      },
+      formLabelWidth: "120px",
+      agreeDialogVisible: false,
+      agreeForm: {
+        opinion: this.$t2('同意', 'components.wf.defaultAgreeOption'),
+        nodeId: null,
+      },
+      changeWfDialogVisible: false,
+      changeWfForm: {},
+      changeUserRows: [],
+      taskStatuses: {
+        start: {
+          class: "blue",
+          value: this.$t2('开始', 'components.wf.startStatus'),
+        },
+        approve: {
+          class: "orgn",
+          value: this.$t2('待审批', 'components.wf.approveStatus'),
+        },
+        submit: {
+          class: "green",
+          value: this.$t2('同意', 'components.wf.submitStatus'),
+        },
+        reject: {
+          class: "red",
+          value: this.$t2('驳回', 'components.wf.rejectStatus'),
+        },
+        transfer: {
+          class: "green",
+          value: this.$t2('转办', 'components.wf.transferStatus'),
+        },
+        addIncreaseSign: {
+          class: "green",
+          value: this.$t2('加签', 'components.wf.addIncreaseSignStatus'),
+        },
+        revoke: {
+          class: "red",
+          value: this.$t2('撤回', 'components.wf.revokeStatus'),
+        },
+        end: {
+          class: "gray",
+          value: this.$t2('结束', 'components.wf.endStatus'),
+        },
+      },
+      opinion: "",
+      showWfFold: showWfFold,
+      showWfContent: showWfContent,
+
+      urgingForm: {},
+      urgingDialogVisible: false,
+      urgingUserIds: [],
+      urgingUsers: [],
+      agreeNodes: [],
+      showWfManualDialog: false,
+
+      showDeleteTaskUserDialog: false,
+      showAddTaskUserDialog: false,
+      wfUserParam: {},
+      wfUserParamForTransfer: {},//转办
+      wfUserParamForAddSign: {},//加签
+      wfUserParamForTalk: {},//沟通
+      tabIndex: "1",
+      linkupOption: {},
+      talkForm: {
+        receiverName: null,
+        content: null,
+        attachmentDTOs: [],
+        replyId: null
+      },
+      showTalkUserDialog: false,
+      showTalkDialog: false,
+      showFlowImg: true,
+      operateType: null,
+      addIncreaseSignUsers: [],
+      addIncreaseSignForm: {
+        userNickNames: null,
+        opinion: null
+      },
+      showAddIncreaseSignDialog: false,
+      showOpeaImg: true,
+      showSetCandidateDialog: false,
+      toTalk: false,
+      showAllWfOpinon: false,
+
+      revokeDialogVisible: false,
+      revokeForm: {opinion: null},
+      wfStatusMap: {
+        1: {label: "审核中", type: "warning"},
+        3: {label: "已驳回", type: "danger"},
+        2: {label: "已完成", type: "success"}
+      }
+    };
+  },
+  provide() {
+    return {
+      getParentVue: () => {
+        return this.parentVue;
+      }
+    };
+  },
+  created() {
+    // this.wfInfo = this._wfInfo;
+    this.showFlowImg = settingConfig.expandWfImage === false ? false : true;
+    this.showAllWfOpinon = settingConfig.showAllWfOpinon === true;
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    fitWorkflowPreview() {
+      /* warm-flow-ui 是独立 iframe，窄屏下默认画布宽于视口，左右节点会被
+         它自己的 overflow:hidden 裁掉。复用其「自适应」能力，在数据逐步
+         渲染的几个时点重新 fit；跨域部署时访问 document 会抛错，静默跳过。 */
+      [0, 300, 800, 1500].forEach((delay) => {
+        window.setTimeout(() => {
+          try {
+            const frame = this.$refs.wfPreviewFrame;
+            const buttons = frame?.contentDocument?.querySelectorAll("button") || [];
+            const fitButton = Array.from(buttons).find(
+              (button) => button.textContent.trim() === "自适应"
+            );
+            fitButton?.click();
+          } catch (e) {
+            // 跨域 iframe 无法读取内部 DOM，保留 warm-flow-ui 原有交互。
+          }
+        }, delay);
+      });
+    },
+    getWfStatusLabel() {
+      return this.wfStatusMap[this.wfInfo.stat]?.label;
+    },
+    getWfStatusType() {
+      return this.wfStatusMap[this.wfInfo.stat]?.type;
+    },
+    init() {
+      let opt = this.wfOption;
+      this.objId = opt.objId;
+      this.wfCode = opt.wfCode;
+      this.serviceId = opt.serviceId;
+      this.parentVue = opt.parentVue;
+      this.wfConfig = this.wfOption;
+
+      let wfConfig = this.wfOption;
+      let that = getTarget(this);
+      let hasWf = false;
+      let wfInfo, currentTask, taskParam;
+      let option = {
+        objId: this.objId,
+        wfCode: this.wfCode
+      }
+      let current_prefix = this.current_prefix;
+
+      let initButton = () => {
+        /*return
+        this.$nextTick(() => {
+          that.$refs.wfButtonGroup.init({
+            taskParam,
+            wfInfo,
+            hasWf,
+            current_prefix,
+            wfConfig
+          });
+        });*/
+      }
+
+      this.initWfInfo(option, {
+        success: res => {
+          if (res.objx && res.objx.procInstId) {
+            hasWf = true;
+            wfInfo = res.objx;
+            this.wfInfo = wfInfo;
+            // this.showDomContent = true;
+
+            if (wfInfo.taskId) {
+              this.getTaskParams(wfInfo.taskId, {
+                success: res2 => {
+                  taskParam = res2.objx || {};
+                  taskParam.objId = option.objId;
+                  this.taskParam = taskParam;
+
+                  initButton();
+                }
+              });
+            } else {
+              initButton();
+            }
+            this.initOperateType();
+            this.initForAll();
+          } else {
+            initButton();
+          }
+        }
+      });
+    },
+    initWfInfo(option, httpConfig) {
+
+      let that = getTarget(this);
+      let id = option.objId;
+      let code = option.wfCode;
+      return that.$http({
+        url: this.current_prefix + '/wf/getWfInfo',
+        method: `post`,
+        data: {
+          objTypeCode: code,
+          objId: id
+        },
+        isLoading: true,
+        modalStrictly: true,
+        ...httpConfig
+      });
+    },
+    getTaskParams(taskId, httpConfig) {
+      let that = getTarget(this);
+      return that.$http({
+        url: this.current_prefix + '/wf/getTaskVariables',
+        method: `post`,
+        data: {
+          stringOne: taskId
+        },
+        isLoading: true,
+        modalStrictly: true,
+        ...httpConfig
+      });
+    },
+
+
+    initOperateType() {
+      if (this.operateType) {
+        let wfInfo = this.wfInfo;
+        if (wfInfo.toSubmit) {
+          this.openAgreeDialog('submit');
+        } else if (wfInfo.toReject) {
+          this.rejectWfTask('reject');
+        } else if (wfInfo.toAddIncreaseSign) {
+          this.openAddIncreaseSign('addIncreaseSign')
+        } else if (wfInfo.toRevoke) {
+          this.openRevokeDialog('revoke')
+        } else if (wfInfo.toLinkup) {
+          this.openTalkDialog(null, null, 'talk');
+        } else {
+          this.operateType = null;
+        }
+      }
+    },
+    initForAll() {
+      let that = getTarget(this);
+      loadWfTransferEnabled(that);
+      this.initWf(() => {
+        if (this.wfInfo.procInstId) {
+          this.initCurrentTask(this.wfInfo.procInstId, () => {
+            this.initWftask(this.wfInfo.procInstId);
+            this.getAllWfTaskOpinions();
+          });
+          this.initWfUserParam();
+          this.initTabIndex();
+        }
+      });
+    },
+    initTabIndex() {
+      let that = getTarget(this);
+      that.$http({
+        url: USER_PREFIX + "/wf_diy_attribute/getValue",
+        method: `post`,
+        data: {attributeKey: "param7"},
+        isLoading: true,
+        success: (res) => {
+          let val = res !== null ? res.objx === true : false;
+          this.toTalk = val;
+          let flag = false;
+          if (val) {
+            let flag1 = that.$attrs._isNotifyMessage == true || that.$attrs._isNotifyMessage == "true";
+            if (flag1) {
+              this.tabIndex = "2";
+            }
+            if (settingConfig.autoOpenWfLinkup) {
+              flag = true;
+              let flag2 = that.$attrs._wfNotifyType == "wfLinkup";
+              let flag3 = flag1 && flag2;
+              if (flag3) {
+                this.$nextTick(() => {
+                  let wfTabPane = this.$refs.wfTabPane;
+                  if (!wfTabPane.showContent) {
+                    wfTabPane.handleFold();
+                  }
+                });
+              }
+            }
+          }
+          this.initLinkup(flag);
+        }
+      });
+
+    },
+    initWf(done) {
+      var data = this.wfInfo;
+      if (data && data.procInstId) {
+        /** 流程状态：0未启动，1审核中，2已完成，3驳回，4中断 */
+        var statuses = {
+          1: '<span class="tag">' + this.$t2('审核中', 'components.wf.wfStatus1') + '</span>',
+          3: '<span class="tag red">' + this.$t2('已驳回', 'components.wf.wfStatus2') + '</span>',
+          2: '<span class="tag green">' + this.$t2('已完成', 'components.wf.wfStatus3') + '</span>',
+        };
+        var statusStr = "";
+        if (data.stat != null) {
+          statusStr = statuses[data.stat] || "";
+        }
+        data.statusStr = statusStr;
+        this.wfInfo = data;
+
+        this.wfStartBtn = false;
+        if (data.status != 2 && data.starterId) {
+          this.wfManualendBtn = true;
+        }
+        this.wfSubmitBtn = false;
+        this.wfRejectBtn = false;
+
+        var url =
+          this.current_prefix +
+          "/wf/flowImage?procInstId=" +
+          data.procInstId +
+          "&_r=" +
+          Math.random() +
+          "&access_token=" +
+          configUtil.getToken();
+        this.wfImage = configUtil.baseUrl + url;
+        done();
+      }
+    },
+    initCurrentTask(procInstId, done) {
+      if (this.wfInfo.taskId) {
+        this.wfSubmitBtn = true;
+        this.wfRejectBtn = true;
+        this.changeHandlerBtn = true;
+      }
+      done();
+    },
+    initWftask(procInstId) {
+      let that = getTarget(this);
+      that.$http({
+        url: this.current_prefix + "/wf/getWfTaskOpinionMerge",
+        data: {
+          stringOne: procInstId,
+        },
+        method: "post",
+        isLoading: true,
+        modalStrictly: true,
+        success: (resultmsg) => {
+          var datas = resultmsg.objx || [];
+          this.wftaskData = datas;
+        },
+      });
+    },
+    getAllWfTaskOpinions() {
+      if (!this.showAllWfOpinon) {
+        return;
+      }
+      let that = getTarget(this);
+      let wfInfo = this.wfInfo;
+      that.$http({
+        url: this.current_prefix + "/wf/getAllWfTaskOpinions",
+        data: {
+          objId: wfInfo.objId,
+          objTypeCode: wfInfo.objTypeCode
+        },
+        method: "post",
+        isLoading: true,
+        modalStrictly: true,
+        success: (resultmsg) => {
+          var datas = resultmsg.objx || [];
+          this.allWfTaskOpinions = datas;
+        },
+      });
+    },
+    openManualDialog(operateType) {
+      this.operateType = operateType;
+      this.showWfManualDialog = true;
+    },
+    manualEndWf() {
+      this.showWfManualDialog = false;
+      let that = getTarget(this);
+      var procInstId = this.wfInfo.procInstId;
+      var taskId = this.wfInfo.taskId ? this.wfInfo.taskId : "";
+      var data = JSON.stringify({
+        uuid: this.wfInfo.uuid,
+      });
+      that.$http({
+        url: this.current_prefix + "/wf/interrupt",
+        data: data,
+        method: "post",
+        headers: {
+          "Content-Type": "application/json;charset=utf-8",
+        },
+        isLoading: true,
+        success: (resultMsg) => {
+          that.$message({
+            message: resultMsg.content,
+            type: "success",
+            duration: 500,
+            onClose: (t) => {
+              this.reloadContent();
+              this.closeWinOnCheck(3);
+            },
+          });
+        },
+      });
+    },
+    async rejectWfTask(operateType) {
+      // 与 PC wf.js 的 rejectWfTask 同结构：驳回也要先过一遍「驳回提醒」
+      this.handleReminderContent("rejectReminder", async () => {
+        let that = getTarget(this);
+        var procInstId = this.wfInfo.procInstId;
+        var taskId = this.wfInfo.taskId;
+        var destinations = [];
+
+        await that.$http({
+          url: this.current_prefix + "/wf/getPreIncomeNodes",
+          data: {
+            stringOne: taskId,
+          },
+          method: "post",
+          //contentType: 'application/json;charset=utf-8',
+          isLoading: true,
+          success: (resultMsg) => {
+            destinations = (resultMsg.objx || []).reverse();
+          },
+        });
+
+        if (destinations == null) {
+          return false;
+        }
+        if (destinations.length == 0) {
+          that.$message({
+            message: this.$t2('无法驳回，没有目标节点', 'components.wf.rejectWarnMsg1'),
+            type: "error",
+            duration: 2 * 1000,
+          });
+          return false;
+        }
+        this.operateType = operateType;
+
+        /* 驳回后提交模式，取自流程对象配置（wf_obj_config「驳回后提交模式」三选一）：
+           toNextNode === 1   → 顺延下一步提交        → 1
+           toRejectNode false → 直接提交到驳回节点     → 2
+           toRejectNode true  → 由提交人确定节点提交   → null（提交时自己选）
+           三个分支不能省成两个：选了「顺延下一步」时后台把 toRejectNode 置为 null，
+           而 null == false 在 JS 里是 false，会落到 null 分支上，配置被静默丢掉。
+           与 PC wf.js 的 rejectWfTask 同口径。 */
+        let rejectSubmitModel = null;
+        if (this.wfInfo.toNextNode === 1) {
+          rejectSubmitModel = this.wfInfo.toNextNode
+        } else {
+          rejectSubmitModel = this.wfInfo.toRejectNode == false ? 2 : null
+        }
+        this.rejectForm.rejectSubmitModel = rejectSubmitModel;
+        this.rejectForm.nodeId = destinations[0].nodeId;
+        this.rejectForm.opinion = "";
+        this.rejectNodes = destinations;
+        this.rejectDialogVisible = true;
+      })
+    },
+    subRejectForm() {
+      let that = getTarget(this);
+      var procInstId = this.wfInfo.procInstId;
+      var taskId = this.wfInfo.taskId;
+
+      if (!this.rejectForm.nodeId) {
+        that.$message({
+          message: this.$t2('请选择驳回节点', 'components.wf.rejectWarnMsg2'),
+          type: "error",
+          duration: 2 * 1000,
+        });
+        return false;
+      }
+
+      if (!this.rejectForm.opinion) {
+        that.$message({
+          message: this.$t2('请输入驳回意见', 'components.wf.rejectWarnMsg3'),
+          type: "error",
+          duration: 2 * 1000,
+        });
+        return false;
+      }
+
+      var data = JSON.stringify({
+        taskId: taskId,
+        uuid: this.wfInfo.uuid,
+        nodeId: this.rejectForm.nodeId,
+        suggestion: this.rejectForm.opinion,
+        rejectSubmitModel: this.rejectForm.rejectSubmitModel
+      });
+      this.rejectDialogVisible = false;
+      that.$http({
+        url: this.current_prefix + "/wf/reject",
+        data: data,
+        method: "post",
+        headers: {
+          "Content-Type": "application/json;charset=utf-8",
+        },
+        isLoading: true,
+        success: (resultMsg) => {
+          that.$message({
+            message: resultMsg.content,
+            type: "success",
+            duration: 500,
+            onClose: (t) => {
+              this.reloadContent();
+              this.closeWinOnCheck(2);
+            },
+          });
+        },
+      });
+    },
+    /**
+     * 提交/驳回前的「提醒内容」：后台按 scriptType 跑脚本，返回文案就先弹确认框，
+     * 用户点确定才继续；没有文案（或接口 404，即后端未部署该能力）直接放行。
+     * 与 PC wf.js 的同名方法保持一致。
+     *
+     * 提醒只是主流程前面的一道增强，不能让它把主流程带崩或卡死，所以：
+     * - 放行只允许一次（go 自带闸门），成功/异常各分支共用一个出口；
+     * - 确认框点取消 = 放弃本次操作，什么都不做，但 MessageBox 的 reject 必须吃掉，
+     *   否则是一条 unhandled rejection；
+     * - error 分支绝不能抛异常。request.js 是先调 config.error(e) 再 removeModel(config)
+     *   （见 utils/request.js 的响应错误拦截），这里一抛，isLoading 的全屏遮罩就永远
+     *   关不掉、整页被锁死。而网络失败/超时时 e.response 本就是 undefined，
+     *   老写法 e.response.status 必崩 —— 故 status 取值全程判空。
+     */
+    handleReminderContent(scriptType, callback) {
+      let that = getTarget(this);
+      let called = false;
+      const go = () => {
+        if (called) return
+        called = true;
+        callback && callback();
+      };
+      that.$http({
+        url: this.current_prefix + "/wf/getReminderContent",
+        data: {
+          scriptType,
+          taskId: this.wfInfo.taskId,
+          uuid: this.wfInfo.uuid,
+        },
+        method: "post",
+        isLoading: true,
+        errorMsg: false,
+        success: (res) => {
+          if (res && res.objx) {
+            that.$baseConfirm(res.objx).then(go).catch(() => {});
+          } else {
+            go();
+          }
+        },
+        error: (e) => {
+          let status = e && e.response ? e.response.status : null;
+          if (status === 404) {
+            // 后端没部署这个接口，等同于「没有提醒」，静默放行
+            go();
+            return
+          }
+          /* 其余错误只提示不放行：提醒内容可能是必须让人看到的业务警告，
+             接口挂了就悄悄跳过等于把它吞掉。用户重试即可。 */
+          that.$errorMsg({
+            content: (e && e.message) || this.$t2('获取提醒内容失败', 'components.wf.reminderError'),
+            type: 'error',
+          }).catch(() => {});
+        },
+      });
+    },
+    openAgreeDialog(operateType) {
+      const done = () => {
+        this.handleReminderContent("submitReminder", () => {
+          this.operateType = operateType;
+          let that = getTarget(this);
+          this.agreeForm = {
+            opinion: this.$t2('同意', 'components.wf.defaultAgreeOption'),
+            nodeId: null,
+          };
+          this.agreeNodes = [];
+          that.$http({
+            url: this.current_prefix + "/wf/getNextOutgoingNodes",
+            data: {
+              stringOne: this.wfInfo.taskId,
+            },
+            method: "post",
+            isLoading: true,
+            success: (res) => {
+              let nodes = res.objx || [];
+              /*if (tq == true) {
+                nodes.reverse();
+              }*/
+              if (nodes.length) {
+                this.agreeForm.nodeId = nodes[0].nodeId;
+              }
+              this.agreeNodes = nodes;
+              this.agreeDialogVisible = true;
+            },
+          });
+        })
+      }
+      // wfConfig 在 init() 里才赋值（初值 null），这里兜一层空对象
+      let wfConfig = this.wfConfig || {};
+      if (wfConfig.onClickAgree) {
+        wfConfig.onClickAgree(done)
+      } else {
+        done();
+      }
+    },
+    subAgreeForm() {
+      let wfConfig = this.wfConfig;
+      let done = () => {
+        this.subAgreeHandle();
+      }
+      if (wfConfig.onBeforeAgree) {
+        wfConfig.onBeforeAgree(done)
+      } else {
+        done();
+      }
+    },
+    subAgreeHandle() {
+      let that = getTarget(this);
+      let nodeId = null;
+      if (this.agreeNodes.length) {
+        if (!this.agreeForm.nodeId) {
+          that.$message({
+            message: this.$t2('请选择节点', 'components.wf.agreeWarnMsg1'),
+            type: "error",
+            duration: 2 * 1000,
+          });
+          return;
+        }
+        nodeId = this.agreeForm.nodeId;
+      }
+
+      var procInstId = this.wfInfo.procInstId;
+      var taskId = this.wfInfo.taskId;
+      var memo = this.agreeForm.opinion || this.$t2('同意', 'components.wf.defaultAgreeOption');
+      var data = JSON.stringify({
+        taskId: taskId,
+        uuid: this.wfInfo.uuid,
+        suggestion: memo,
+        nodeId: nodeId,
+      });
+      this.agreeDialogVisible = false;
+      that.$http({
+        url: this.current_prefix + "/wf/submit",
+        data: data,
+        method: "post",
+        headers: {
+          "Content-Type": "application/json;charset=utf-8",
+        },
+        isLoading: true,
+        success: (resultMsg) => {
+          if (resultMsg.objx && resultMsg.objx.code == "999999") {
+            this.errorSubmit({
+              taskId: taskId,
+              uuid: this.wfInfo.uuid,
+              suggestion: memo,
+              errorMsg: resultMsg.objx.errorMsg
+            });
+          } else {
+            that.$message({
+              message: resultMsg.content,
+              type: "success",
+              duration: 500,
+              onClose: (t) => {
+                this.reloadContent();
+                this.closeWinOnCheck(1);
+              },
+            });
+          }
+        },
+      });
+    },
+    errorSubmit(data) {
+      let that = getTarget(this);
+      that.$http({
+        url: this.current_prefix + "/wf/errorSubmit",
+        data: data,
+        method: "post",
+        isLoading: true,
+        success: (resultMsg) => {
+          that.$message({
+            message: resultMsg.content,
+            type: "success",
+            duration: 500,
+            onClose: (t) => {
+              this.reloadContent();
+              this.closeWinOnCheck(1);
+            },
+          });
+        },
+      });
+    },
+    openChangeWfForm(operateType) {
+      this.operateType = operateType;
+      this.changeWfDialogVisible = true;
+      this.changeUserRows = [];
+      this.changeWfForm = {
+        userIds: [],
+        userNickNames: null,
+        opinion: null,
+      };
+    },
+    subChangeWfForm() {
+      let that = getTarget(this);
+      var procInstId = this.wfInfo.procInstId;
+      var taskId = this.wfInfo.taskId;
+
+      var userIds = this.changeWfForm.userIds || [];
+      var opinion = this.changeWfForm.opinion || null;
+
+      if (!userIds.length) {
+        that.$message({
+          message: this.$t2('请选择转办人', 'components.wf.transferWarnMsg1'),
+          type: "error",
+          duration: 2000,
+          onClose: (t) => {
+          },
+        });
+        return false;
+      }
+
+      var data = JSON.stringify({
+        taskId: taskId,
+        uuid: this.wfInfo.uuid,
+        transferTo: userIds,
+        suggestion: opinion,
+      });
+      this.changeWfDialogVisible = false;
+      that.$http({
+        url: this.current_prefix + "/wf/transfer",
+        data: data,
+        method: "post",
+        headers: {
+          "Content-Type": "application/json;charset=utf-8",
+        },
+        isLoading: true,
+        success: (resultMsg) => {
+          that.$message({
+            message: resultMsg.content,
+            type: "success",
+            duration: 500,
+            onClose: (t) => {
+              this.reloadContent();
+              this.closeWinOnCheck(4);
+            },
+          });
+        },
+      });
+    },
+    userConfirm(rows) {
+      if (rows.length > 0) {
+        let changeUserRows = this.changeUserRows;
+        let ids = changeUserRows.map((changeUserRow) => changeUserRow.id);
+        let addRows = rows.filter((row) => !ids.includes(row.id));
+        changeUserRows.push(...addRows);
+
+        let row = rows[0];
+        this.changeWfForm.userIds = changeUserRows.map(
+          (changeUserRow) => changeUserRow.id
+        );
+        this.changeWfForm.userNickNames = changeUserRows
+          .map((changeUserRow) => changeUserRow.nickName)
+          .join(",");
+      }
+    },
+    reloadContent() {
+      let that = getTarget(this);
+      that.$baseReload();
+    },
+    closeWinOnCheck(flag) {
+      //_closeWindowOnCheck=true, 1提交，2驳回，3中断，4转办时，5沟通 关闭窗口
+      let that = getTarget(this);
+      let _closeWindowOnCheck = that.$attrs._closeWindowOnCheck || that._closeWindowOnCheck;
+      if (_closeWindowOnCheck === true || _closeWindowOnCheck === "true") {
+        window.close && window.close();
+      }
+      let _handleCallback = that.$attrs._handleCallback || that._handleCallback;
+      _handleCallback && _handleCallback(flag);
+    },
+    manualCallback() {
+      this.$emit("manualCallback");
+    },
+    openUrgingDialog(operateType) {
+      this.operateType = operateType;
+      this.urgingDialogVisible = true;
+    },
+    openDeleteTaskUserDialog(operateType) {
+      this.operateType = operateType;
+      this.showDeleteTaskUserDialog = true;
+    },
+    openAddTaskUserDialog(operateType) {
+      this.operateType = operateType;
+      this.showAddTaskUserDialog = true;
+    },
+    openAddIncreaseSign(operateType) {
+      this.operateType = operateType;
+      this.addIncreaseSignUsers = [];
+      this.addIncreaseSignForm = {userNickNames: null};
+      this.showAddIncreaseSignDialog = true;
+    },
+    initWfUserParam(callback) {
+      this.initTransferUserParam();//转办
+      this.initAddSignUserParam();//加签
+      this.initTalkUserParam();//沟通
+    },
+    //
+    initTransferUserParam(callback) {
+      //初始化转办用户参数
+      let that = getTarget(this);
+      return that.$http({
+        url: USER_PREFIX + "/wf_diy_attribute/getValue",
+        method: `post`,
+        data: {attributeKey: "param1"},
+        isLoading: true,
+        modalStrictly: true,
+        success: (res) => {
+          this.wfUserParamForTransfer = res.objx || {};
+          callback && callback();
+        },
+      });
+    },
+    initAddSignUserParam(callback) {
+      //初始化加签用户参数
+      let that = getTarget(this);
+      return that.$http({
+        url: USER_PREFIX + "/wf_diy_attribute/getValue",
+        method: `post`,
+        data: {attributeKey: "param2"},
+        isLoading: true,
+        modalStrictly: true,
+        success: (res) => {
+          this.wfUserParamForAddSign = res.objx || {};
+          callback && callback();
+        },
+      });
+    },
+    initTalkUserParam(callback) {
+      //初始化沟通用户参数
+      let that = getTarget(this);
+      return that.$http({
+        url: USER_PREFIX + "/wf_diy_attribute/getValue",
+        method: `post`,
+        data: {attributeKey: "param3"},
+        isLoading: true,
+        modalStrictly: true,
+        success: (res) => {
+          this.wfUserParamForTalk = res.objx || {};
+          callback && callback();
+        },
+      });
+    },
+    //
+    resetLinkup() {
+      this.formData = {};
+      this.$refs["table-linkup"].commitProxy("reload");
+    },
+    searchLinkup() {
+      this.$refs["table-linkup"].commitProxy("reload");
+    },
+    initLinkup(flag) {
+      return
+      let h = this.$createElement;
+      let statusMap = {
+        0: this.$t2('未完成', 'components.wf.talkStatus0'),
+        1: this.$t2('已完成', 'components.wf.talkStatus1'),
+        2: this.$t2('已取消', 'components.wf.talkStatus2')
+      };
+      let tableOption = {
+        vue: this,
+        tableRef: "table-linkup",
+        tableName: "wf_table-linkup",
+        path: this.current_prefix + "/wf_linkup/listPage",
+        param: () => {
+          return {
+            uuid: this.wfInfo.uuid,
+          };
+        },
+        config: {
+          height: 350
+        },
+        columns: [
+          {type: "checkbox", width: 48, resizable: false, fixed: "left"},
+          {
+            title: this.$t2('任务名称', 'components.wf.taskName'),
+            field: "taskName",
+            width: 150,
+            fixed: "left",
+          },
+          {
+            title: this.$t2('发送人', 'components.wf.senderName'),
+            field: "senderName",
+            width: 150,
+            slots: {
+              default: "sender",
+            },
+          },
+          {
+            title: this.$t2('接收人', 'components.wf.receiverName'),
+            field: "receiverName",
+            width: 150,
+            slots: {
+              default: "receiver",
+            },
+          },
+          {
+            title: this.$t2('沟通内容', 'components.wf.talkContent'),
+            field: "content",
+            width: 250,
+            showOverflow: false,
+            slots: {
+              default: ({row, rowIndex}) => {
+                return row.replyId ? ("[" + this.$t2('回复', 'components.wf.reply') + "]" + row.content) : row.content;
+              },
+            },
+          },
+          {
+            width: 150,
+            title: this.$t2('沟通资料', 'components.wf.talkAttachment'),
+            field: "attachmentImage",
+            sortable: false,
+            slots: {
+              default: ({row, rowIndex}) => {
+                let option = {
+                  title: this.$t2('沟通资料', 'components.wf.talkAttachment'),
+                  edit: false,
+                  rows: (done) => {
+                    done(row.attachmentDTOs);
+                  },
+                };
+                return [
+                  h("base-attachment", {
+                    props: {
+                      option: option,
+                    },
+                  }),
+                ];
+              },
+            },
+          },
+
+          {
+            title: this.$t2('状态', 'components.wf.status'),
+            field: "status",
+            width: 150,
+            slots: {
+              default: ({row, rowIndex}) => {
+                return statusMap[row.status] || "";
+              },
+            },
+          },
+          {
+            title: this.$t2('创建时间', 'system.label.createDate'),
+            field: "createDate",
+            width: 150,
+          },
+          {
+            width: 80,
+            fixed: "right",
+            title: "",
+            sortable: false,
+            slots: {
+              default: "operate"
+            }
+          },
+        ],
+        callback: (rows) => {
+          if (rows.length && flag) {
+            let row = rows[0];
+            if (row.replyToSender) {
+              this.$nextTick(() => {
+                this.tabIndex = "2";
+                this.openTalkDialog(row.sender, row.senderName, 'talk', 1, row.id)
+              });
+            }
+          }
+        }
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        this.linkupOption = opts;
+      });
+    },
+    cancelTalk(row) {
+      let that = getTarget(this);
+      that.$baseConfirm(this.$t2('您确定要取消沟通记录吗？', 'components.wf.cancelTalkTip')).then(() => {
+        that.$http({
+          url: this.current_prefix + "/wf_linkup/cancel",
+          data: {id: row.id},
+          method: "post",
+          loadingTarget: document.body,
+          isLoading: true,
+          success: (resultMsg) => {
+            that.$message({
+              message: resultMsg.content,
+              type: "success",
+              duration: 500,
+              onClose: (t) => {
+                this.reloadContent();
+              },
+            });
+          },
+        });
+      });
+    },
+    openTalkDialog(receiver, receiverName, operateType, flag, replyId) {
+      this.operateType = operateType;
+      /*this.talkForm.receiver = receiver || null;
+      this.talkForm.receiverName = receiverName || null;
+      this.talkForm.replyId = replyId || null;
+      this.talkForm.content = null;
+      this.talkForm.attachmentDTOs = [];*/
+      this.initTalkForm(receiver, receiverName, replyId)
+      this.showTalkDialog = true;
+      if (flag == 1) {
+        let opeaBtnDom = this.$refs.opeaBtn;
+        opeaBtnDom && opeaBtnDom.scrollIntoView();
+      }
+    },
+    initTalkForm(receiver, receiverName, replyId) {
+      this.talkForm.receiver = receiver || null;
+      this.talkForm.receiverName = receiverName || null;
+      this.talkForm.replyId = replyId || null;
+      this.talkForm.content = null;
+      this.talkForm.attachmentDTOs = [];
+    },
+    submitTalkForm() {
+      let that = getTarget(this);
+      var procInstId = this.wfInfo.procInstId;
+      var taskId = this.wfInfo.taskId;
+
+      if (!this.talkForm.receiver) {
+        that.$message({
+          message: this.$t2('请选择接收人', 'components.wf.talkWarnMsg1'),
+          type: "error",
+          duration: 2 * 1000,
+        });
+        return false;
+      }
+      if (!this.talkForm.content) {
+        that.$message({
+          message: this.$t2('请输入沟通内容', 'components.wf.talkWarnMsg2'),
+          type: "error",
+          duration: 2 * 1000,
+        });
+        return false;
+      }
+
+      var data = {
+        taskId: taskId,
+        uuid: this.wfInfo.uuid,
+        receiver: this.talkForm.receiver,
+        receiverName: this.talkForm.receiverName,
+        replyId: this.talkForm.replyId,
+        content: this.talkForm.content,
+        attachmentDTOs: this.talkForm.attachmentDTOs,
+        notifyType: "wfLinkup",
+      };
+      this.showTalkDialog = false;
+      that.$http({
+        url: this.current_prefix + "/wf_linkup/save",
+        data: data,
+        method: "post",
+        isLoading: true,
+        success: (resultMsg) => {
+          that.$message({
+            message: resultMsg.content,
+            type: "success",
+            duration: 500,
+            onClose: (t) => {
+              this.reloadContent();
+              this.closeWinOnCheck(5);
+            },
+          });
+        },
+      });
+    },
+    openTalkUserDialog() {
+      this.showTalkUserDialog = true;
+    },
+    confirmTalkUserDialog(rows) {
+      if (rows.length > 0) {
+        let row = rows[0];
+        if (this.talkForm.receiver != row.id) {
+          this.talkForm.replyId = null;
+        }
+        this.talkForm.receiver = row.id;
+        this.talkForm.receiverName = row.nickName;
+      }
+    },
+    confirmUrging() {
+      this.reloadContent();
+    },
+    confirmDeleteTaskUser() {
+      this.reloadContent();
+    },
+    confirmAddTaskUser(rows) {
+      this.addIncreaseSignUsers = rows;
+      this.addIncreaseSignForm.userNickNames = rows.map(row => row.nickName).join(',');
+      // this.reloadContent();
+    },
+    submitAddTaskUserForm(flag) {
+      let that = getTarget(this);
+      let userIds = this.addIncreaseSignUsers.map((checkRow) => checkRow.id);
+      if (userIds.length == 0) {
+        that.$message({
+          message: this.$t2('请选择候选人', 'components.wf.addIncreaseSignWarnMsg1'),
+          type: "error",
+          duration: 2000,
+          onClose: (t) => {
+          },
+        });
+        return false;
+      }
+      let toDo = () => {
+        var data = JSON.stringify({
+          uuid: this.wfInfo.uuid,
+          taskId: this.wfInfo.taskId,
+          userIds: userIds,
+          suggestion: this.addIncreaseSignForm.opinion
+
+        });
+        this.agreeDialogVisible = false;
+        that.$http({
+          url: this.current_prefix + "/wf/addIncreaseSign",
+          data: data,
+          method: "post",
+          loadingTarget: document.body,
+          headers: {
+            "Content-Type": "application/json;charset=utf-8",
+          },
+          isLoading: true,
+          success: (resultMsg) => {
+            that.$message({
+              message: resultMsg.content,
+              type: "success",
+              duration: 500,
+              onClose: (t) => {
+                this.reloadContent();
+              },
+            });
+          },
+        });
+      }
+      if (flag === 0) {
+        toDo();
+      } else {
+        that.$baseConfirm(this.$t2('您确定要加签吗？', 'components.wf.addIncreaseSignConfirmTip')).then(() => {
+          toDo();
+        });
+      }
+    },
+    openSetCandidateDialog(operateType) {
+      this.operateType = operateType;
+      this.showSetCandidateDialog = true;
+    },
+    closeSetCandidateDialog() {
+      this.showSetCandidateDialog = false;
+      this.reloadContent();
+    },
+    openRevokeDialog(operateType) {
+      this.operateType = operateType;
+      this.revokeForm = {opinion: null}
+      this.revokeDialogVisible = true;
+    },
+    subRevokeForm(flag) {
+      //撤回
+      let that = getTarget(this);
+      let toDo = () => {
+        var data = JSON.stringify({
+          uuid: this.wfInfo.uuid,
+          taskId: this.wfInfo.taskId,
+          suggestion: this.revokeForm.opinion,
+        });
+        this.revokeDialogVisible = false;
+        that.$http({
+          url: this.current_prefix + "/wf/revoke",
+          data: data,
+          method: "post",
+          loadingTarget: document.body,
+          headers: {
+            "Content-Type": "application/json;charset=utf-8",
+          },
+          isLoading: true,
+          success: (resultMsg) => {
+            that.$message({
+              message: resultMsg.content,
+              type: "success",
+              duration: 500,
+              onClose: (t) => {
+                this.reloadContent();
+              },
+            });
+          },
+        });
+      }
+      if (flag === 0) {
+        toDo();
+      } else {
+        that.$baseConfirm(this.$t2('您确定要撤回吗？', 'components.wf.revokeConfirmTip')).then(() => {
+          toDo();
+        });
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+::v-deep .form-box.el-form .el-form-item .el-form-item__label {
+  width: 70px
+}
+</style>