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

package/src/components/wf/content.vue

@@ -1,109 +1,285 @@
 <template>
-  <baseTabPane :label="$t2('流程信息', 'components.wf.wfInfo')" :showFold="showWfFold"
-               :defaultShowContent="showWfContent" v-if="!isHideWf">
+  <baseTabPane
+    :label="$t2('流程信息', 'components.wf.wfInfo')"
+    :showFold="showWfFold"
+    :defaultShowContent="showWfContent"
+    v-if="!isHideWf"
+  >
     <template #default>
-      <div style="margin: -36px 0 8px 124px;position: relative;z-index: 2;height:28px">
-        <el-button type="success" class="button-sty" @click="openAgreeDialog" v-show="wfInfo.toSubmit"
-                   icon="iconfont icon-tongguo">{{ $t2('通过', 'components.wf.agree') }}
+      <!-- 审批按钮条：标题栏那份挂上后（headerActionsMounted）整条 v-show 藏掉。
+           用 v-show 而不是 v-if，是为了保住 addOpinionBtn——下拉里「补充意见」走的是
+           $refs.addOpinionBtn.openDialog()。开了 wfActionInHeaderEnabled 时，详情标题栏
+           另挂一份（wfActionDropdown.vue）：通过/驳回/撤回平铺，其余收进「更多」下拉。 -->
+      <div
+        ref="wfActionBar"
+        style="margin: -36px 0 8px 124px; position: relative; z-index: 2; height: 28px"
+        v-if="!wfConfig.hiddenAllButton"
+        v-show="!headerActionsMounted"
+      >
+        <el-button
+          type="success"
+          class="button-sty"
+          @click="openAgreeDialog"
+          v-show="wfInfo.toSubmit"
+          icon="iconfont icon-tongguo"
+          >{{ $t2("通过", "components.wf.agree") }}
+        </el-button>
+        <el-button
+          type="warning"
+          class="button-sty"
+          @click="openManualDialog"
+          v-show="wfInfo.toInterrupt"
+          icon="iconfont icon-caozuozhongduan"
+          >{{ $t2("中断", "components.wf.manual") }}
         </el-button>
-        <el-button type="warning" class="button-sty" @click="openManualDialog" v-show="wfInfo.toInterrupt"
-                   icon="iconfont icon-caozuozhongduan">{{ $t2('中断', 'components.wf.manual') }}
+        <el-button
+          type="danger"
+          class="button-sty"
+          @click="rejectWfTask"
+          v-show="wfInfo.toReject"
+          icon="iconfont icon-a-bohui1"
+          >{{ $t2("驳回", "components.wf.reject") }}
         </el-button>
-        <el-button type="danger" class="button-sty" @click="rejectWfTask" v-show="wfInfo.toReject"
-                   icon="iconfont icon-a-bohui1">{{ $t2('驳回', 'components.wf.reject') }}
+        <el-button
+          type="primary"
+          class="button-sty"
+          @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" class="button-sty" @click="openChangeWfForm"
-                   v-show="(wfInfo.toTransfer===null || wfInfo.toTransfer===undefined) ? wfInfo.toSubmit: wfInfo.toTransfer"
-                   icon="iconfont icon-zhuanban">{{ $t2('转办', 'components.wf.transfer') }}
+        <el-button
+          type="primary"
+          class="button-sty"
+          @click="openUrgingDialog"
+          v-show="wfInfo.toInterrupt"
+          icon="iconfont icon-cuiban"
+          >{{ $t2("催办", "components.wf.urging") }}
         </el-button>
-        <el-button type="primary" class="button-sty" @click="openUrgingDialog" v-show="wfInfo.toInterrupt"
-                   icon="iconfont icon-cuiban">{{ $t2('催办', 'components.wf.urging') }}
+        <el-button
+          type="primary"
+          class="button-sty"
+          @click="openAddIncreaseSign"
+          v-show="increaseSignEnabled && wfInfo.toAddIncreaseSign"
+          icon="el-icon-plus"
+          >{{ $t2("加签", "components.wf.addIncreaseSign") }}
         </el-button>
-        <el-button type="primary" class="button-sty" @click="openAddIncreaseSign" v-show="wfInfo.toAddIncreaseSign"
-                   icon="el-icon-plus">{{ $t2('加签', 'components.wf.addIncreaseSign') }}
+        <el-button
+          type="primary"
+          class="button-sty"
+          @click="openDeleteTaskUserDialog"
+          v-show="increaseSignEnabled && wfInfo.toDeleteIncreaseSign"
+          icon="el-icon-delete"
+          >{{ $t2("减签", "components.wf.deleteIncreaseSign") }}
         </el-button>
-        <el-button type="primary" class="button-sty" @click="openDeleteTaskUserDialog"
-                   v-show="wfInfo.toDeleteIncreaseSign"
-                   icon="el-icon-delete">{{ $t2('减签', 'components.wf.deleteIncreaseSign') }}
+        <el-button
+          type="primary"
+          class="button-sty"
+          @click="openTalkDialog()"
+          icon="el-icon-chat-dot-square"
+          v-if="toTalk && wfInfo.toLinkup"
+        >
+          {{ $t2("沟通", "components.wf.talk") }}
         </el-button>
-        <el-button type="primary" class="button-sty" @click="openTalkDialog()"
-                   icon="el-icon-chat-dot-square" v-if="toTalk && wfInfo.toLinkup">
-          {{ $t2('沟通', 'components.wf.talk') }}
+        <el-button
+          type="primary"
+          class="button-sty"
+          @click="openSetCandidateDialog(null)"
+          v-show="wfInfo.toSetCandidate"
+          icon="el-icon-user"
+          >{{ $t2("修改候选人", "components.wf.setCandidate") }}
         </el-button>
-        <el-button type="primary" class="button-sty" @click="openSetCandidateDialog(null)"
-                   v-show="wfInfo.toSetCandidate"
-                   icon="el-icon-user">{{ $t2('修改候选人', 'components.wf.setCandidate') }}
+        <el-button
+          type="danger"
+          class="button-sty"
+          @click="openRevokeDialog(null)"
+          v-show="wfInfo.toRevoke"
+          icon="el-icon-document-delete"
+          >{{ $t2("撤回", "components.wf.revoke") }}
         </el-button>
-        <el-button type="danger" class="button-sty" @click="openRevokeDialog(null)"
-                   v-show="wfInfo.toRevoke"
-                   icon="el-icon-document-delete">{{ $t2('撤回', 'components.wf.revoke') }}
+        <addOpinionButton
+          v-if="showAddOpinionButton"
+          ref="addOpinionBtn"
+          @confirm="reloadContent()"
+          :wfInfo="wfInfo"
+          :wfSendTaskId="wfSendTaskId"
+          :current_prefix="current_prefix"
+        ></addOpinionButton>
+        <el-button
+          type="primary"
+          class="button-sty"
+          @click="openWfFlowEleScriptDialog"
+          v-if="wfInfo.wfAdmin"
+          icon="el-icon-edit"
+          >{{ $t1("修改脚本") }}
         </el-button>
       </div>
       <div class="title-name">
         <b>
-          <em>{{ $t2('流程主题', 'components.wf.theme') }}：</em>
-          {{ (wfInfo.createDate ? wfInfo.createDate.substring(0, 10) : '') + wfInfo.name }}
+          <em>{{ $t2("流程主题", "components.wf.theme") }}：</em>
+          {{ wfInfo.name }}
         </b>
         <span v-html="wfInfo.statusStr" class="status"></span>
       </div>
-      <div class="title-second" @click="showFlowImg = !showFlowImg"
-           style="margin: 14px 0 24px;line-height: 29px;cursor: pointer;">
-        <b>{{ $t2('流程图', 'components.wf.wfImage') }}</b>
-        <div class="fr" v-if="showFlowImg == true" style="font-weight: 400;">
-          <span>{{ $t2('收起', 'components.wf.collapse') }}</span>
+      <div
+        class="title-second"
+        @click="showFlowImg = !showFlowImg"
+        style="margin: 14px 0 24px; line-height: 29px; cursor: pointer"
+      >
+        <b>{{ $t2("流程图", "components.wf.wfImage") }}</b>
+        <div class="fr" v-if="showFlowImg == true" style="font-weight: 400">
+          <span>{{ $t2("收起", "components.wf.collapse") }}</span>
           <i class="el-icon-arrow-up"></i>
         </div>
-        <div class="fr" v-else style="font-weight: 400;">
-          <span>{{ $t2('展开', 'components.wf.expand') }}</span>
+        <div class="fr" v-else style="font-weight: 400">
+          <span>{{ $t2("展开", "components.wf.expand") }}</span>
           <i class="el-icon-arrow-down"></i>
         </div>
       </div>
-      <div class="flow-tree" style="padding-right:0" v-show="showFlowImg == true">
+      <div class="flow-tree" style="padding-right: 0" v-show="showFlowImg == true">
         <div class="flow-box">
-          <img :src="wfImage"/>
-          <el-tooltip :enterable="false" class="item" effect="dark" :content="$t2('放大', 'components.wf.enlarge')"
-                      placement="bottom">
-            <i class="el-icon-zoom-in btn-magnifier" @click="$window.open(wfImage)" style="right:0;"></i>
+          <img :src="wfImage" />
+          <el-tooltip
+            :enterable="false"
+            class="item"
+            effect="dark"
+            :content="$t2('放大', 'components.wf.enlarge')"
+            placement="bottom"
+          >
+            <i
+              class="el-icon-zoom-in btn-magnifier"
+              @click="$window.open(wfImage)"
+              style="right: 0"
+            ></i>
           </el-tooltip>
         </div>
       </div>
       <div v-show="showWfInfoTab">
         <div class="title-tab">
           <div>
-            <b :class="{on:tabIndex=='1'}" @click="tabIndex='1'">{{ $t2('任务情况', 'components.wf.taskInfo') }}</b>
-            <b :class="{on:tabIndex=='2'}" @click="tabIndex='2'"
-               v-if="toTalk">{{ $t2('流程沟通', 'components.wf.wfTalk') }}</b>
-            <b :class="{on:tabIndex=='3'}" @click="tabIndex='3'"
-               v-if="showAllWfOpinon">{{ $t2('全部任务情况', 'components.wf.allTaskInfo') }}</b>
+            <b :class="{ on: tabIndex == '1' }" @click="tabIndex = '1'">{{
+              $t2("任务情况", "components.wf.taskInfo")
+            }}</b>
+            <b :class="{ on: tabIndex == '2' }" @click="tabIndex = '2'" v-if="toTalk">{{
+              $t2("流程沟通", "components.wf.wfTalk")
+            }}</b>
+            <b
+              :class="{ on: tabIndex == '4' }"
+              @click="tabIndex = '4'"
+              v-if="showCandidate"
+              >{{ $t1("节点候选人") }}</b
+            >
+            <b
+              :class="{ on: tabIndex == '3' }"
+              @click="tabIndex = '3'"
+              v-if="showAllWfOpinon"
+              >{{ $t2("全部任务情况", "components.wf.allTaskInfo") }}</b
+            >
           </div>
         </div>
-        <div class="task-situation" v-show="tabIndex=='1'" style="max-height: 500px; overflow: hidden auto;">
-          <div class="item" v-for="wftaskLineData in wftaskData" :key="wftaskLineData.id">
-            <div class="time">
-              {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(0, 10) : '' }}
-              <br/>
-              {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(11) : '' }}
-            </div>
-            <div class="status" :class="taskStatuses[wftaskLineData.type]?taskStatuses[wftaskLineData.type].class:''">
-              {{ taskStatuses[wftaskLineData.type] ? taskStatuses[wftaskLineData.type].value : null }}
+        <div v-show="tabIndex == '1'">
+          <div class="title-five"><b>任务流程</b></div>
+          <div class="task-situation" style="padding-left: 14px">
+            <div
+              class="item"
+              v-for="wftaskLineData in wftaskData"
+              :key="wftaskLineData.id"
+            >
+              <div class="time">
+                {{
+                  wftaskLineData.approveTime
+                    ? wftaskLineData.approveTime.substring(0, 10)
+                    : ""
+                }}
+                <br />
+                {{
+                  wftaskLineData.approveTime
+                    ? wftaskLineData.approveTime.substring(11)
+                    : ""
+                }}
+              </div>
+              <div
+                class="status"
+                :class="
+                  taskStatuses[wftaskLineData.type]
+                    ? taskStatuses[wftaskLineData.type].class
+                    : ''
+                "
+              >
+                {{
+                  taskStatuses[wftaskLineData.type]
+                    ? taskStatuses[wftaskLineData.type].value
+                    : null
+                }}
+              </div>
+              <i class="circle"></i>
+              <div class="info">
+                <p>
+                  <span class="name">{{ wftaskLineData.taskName }}</span>
+                  <span
+                    >{{ $t2("执行人", "components.wf.approverName") }}：{{
+                      wftaskLineData.approverName
+                    }}</span
+                  >
+                  <span>
+                    {{ $t2("候选人", "components.wf.candidateName") }}：
+                    <span>
+                      <span style="float: left; width: auto; margin-right: 10px">{{
+                        wftaskLineData.candidateNames
+                      }}</span>
+                      <setCandidateButton
+                        v-if="wftaskLineData.flag == 1"
+                        style="float: left; width: auto"
+                        :current_prefix="current_prefix"
+                        :wfInfo="wfInfo"
+                        :checkRow="wftaskLineData"
+                        @confirm="reloadContent()"
+                      ></setCandidateButton>
+                    </span>
+                  </span>
+                </p>
+                <p class="t">
+                  <span class="t1">{{ $t2("备注/意见", "components.wf.opinion") }}：</span
+                  ><span>{{ wftaskLineData.opinion }}</span>
+                </p>
+              </div>
             </div>
-            <i class="circle"></i>
-            <div class="info">
-              <p>
-                <span class="name">{{ wftaskLineData.taskName }}</span>
-                <span>{{ $t2('执行人', 'components.wf.approverName') }}：{{ wftaskLineData.approverName }}</span>
-                <span>
-                {{ $t2('候选人', 'components.wf.candidateName') }}：
-                <span class="">{{ wftaskLineData.candidateNames }}</span>
-              </span>
-              </p>
-              <p class="t"><span class="t1">{{ $t2('备注/意见', 'components.wf.opinion') }}：</span><span>{{
-                  wftaskLineData.opinion
-                }}</span></p>
+          </div>
+          <div class="title-five" v-if="showWfMemo">
+            <b>{{ $t1("发起人附言") }}</b>
+            <el-button
+              v-if="wfInfo.toAddMemo && !wfConfig.hiddenAllButton"
+              class="button-sty"
+              icon="el-icon-plus"
+              @click="openWfMemoDialog()"
+              type="primary"
+              >{{ $t1("新增") }}</el-button
+            >
+          </div>
+          <div class="postscript-box">
+            <div class="item" v-for="(item, index) in wfMemoData" :key="index">
+              <div class="txt" style="white-space: pre-wrap">{{ item.content }}</div>
+              <div
+                class="attach-box"
+                v-if="item.attachmentDTOs && item.attachmentDTOs.length"
+              >
+                <baseUpload
+                  accept="file"
+                  multi="true"
+                  :edit="false"
+                  :widgetSize="1"
+                  :file.sync="item.attachmentDTOs"
+                ></baseUpload>
+              </div>
+              <div class="time">{{ item.createDate }}</div>
             </div>
           </div>
         </div>
-        <div class="task-situation" v-show="toTalk && tabIndex=='2'">
+        <div class="task-situation" v-show="toTalk && tabIndex == '2'">
           <vxe-grid
             ref="table-linkup"
             :auto-resize="true"
@@ -112,10 +288,15 @@
             @custom="$vxeTableUtil.customHandle"
           >
             <template #form>
-              <div style="margin-bottom: 8px;" class="clearfix">
+              <div style="margin-bottom: 8px" class="clearfix">
                 <div class="fl">
-                  <el-button type="primary" class="button-sty" @click="openTalkDialog()"
-                             icon="el-icon-chat-dot-square" v-if="wfInfo.toLinkup">{{ $t2('沟通', 'components.wf.talk') }}
+                  <el-button
+                    type="primary"
+                    class="button-sty"
+                    @click="openTalkDialog()"
+                    icon="el-icon-chat-dot-square"
+                    v-if="wfInfo.toLinkup && !wfConfig.hiddenAllButton"
+                    >{{ $t2("沟通", "components.wf.talk") }}
                   </el-button>
                 </div>
                 <div class="fr">
@@ -124,15 +305,20 @@
                 </div>
               </div>
             </template>
-            <template #sender="{row}">
+            <template #sender="{ row }">
               <a
                 href="javascript:void(0);"
                 class="a-link"
-                @click="openTalkDialog(row.sender,row.senderName,null,null,row.id)"
+                @click="openTalkDialog(row.sender, row.senderName, null, null, row.id)"
                 v-if="row.replyToSender"
               >
-                <el-tooltip :enterable="false" effect="dark" :content="$t2('沟通', 'components.wf.talk')" placement="top"
-                            popper-class="tooltip-skin">
+                <el-tooltip
+                  :enterable="false"
+                  effect="dark"
+                  :content="$t2('沟通', 'components.wf.talk')"
+                  placement="top"
+                  popper-class="tooltip-skin"
+                >
                   <div>
                     <i class="el-icon-chat-dot-square"></i>
                     <span>{{ row.senderName }}</span>
@@ -141,15 +327,22 @@
               </a>
               <span v-else>{{ row.senderName }}</span>
             </template>
-            <template #receiver="{row}">
+            <template #receiver="{ row }">
               <a
                 href="javascript:void(0);"
                 class="a-link"
-                @click="openTalkDialog(row.receiver,row.receiverName,null,null,row.id)"
+                @click="
+                  openTalkDialog(row.receiver, row.receiverName, null, null, row.id)
+                "
                 v-if="row.replyToReceiver"
               >
-                <el-tooltip :enterable="false" effect="dark" :content="$t2('沟通', 'components.wf.talk')" placement="top"
-                            popper-class="tooltip-skin">
+                <el-tooltip
+                  :enterable="false"
+                  effect="dark"
+                  :content="$t2('沟通', 'components.wf.talk')"
+                  placement="top"
+                  popper-class="tooltip-skin"
+                >
                   <div>
                     <i class="el-icon-chat-dot-square"></i>
                     <span>{{ row.receiverName }}</span>
@@ -158,54 +351,101 @@
               </a>
               <span v-else>{{ row.receiverName }}</span>
             </template>
-            <template #operate="{row}">
+            <template #operate="{ row }">
               <a
                 href="javascript:void(0);"
                 class="a-link"
-                style="font-weight: bold; text-decoration: underline;"
+                style="font-weight: bold; text-decoration: underline"
                 @click="cancelTalk(row)"
                 v-if="row.toCancel"
               >
-                <el-tooltip :enterable="false" effect="dark" :content="$t2('取消', 'system.button.cancel')"
-                            placement="top"
-                            popper-class="tooltip-skin">
+                <el-tooltip
+                  :enterable="false"
+                  effect="dark"
+                  :content="$t2('取消', 'system.button.cancel')"
+                  placement="top"
+                  popper-class="tooltip-skin"
+                >
                   <div class="vxe-grid">
                     <i class="el-icon-document-delete"></i>
-                    <span>{{ $t2('取消', 'system.button.cancel') }}</span>
+                    <span>{{ $t2("取消", "system.button.cancel") }}</span>
                   </div>
                 </el-tooltip>
               </a>
             </template>
           </vxe-grid>
         </div>
-        <div class="task-situation" v-show="showAllWfOpinon && tabIndex=='3'"
-             style="max-height: 500px; overflow: hidden auto;">
-          <div class="item" v-for="wftaskLineData in allWfTaskOpinions" :key="'allWfTaskOpinions'+wftaskLineData.id">
+        <div
+          class="task-situation"
+          v-show="showAllWfOpinon && tabIndex == '3'"
+          style="max-height: 500px; overflow: hidden auto"
+        >
+          <div
+            class="item"
+            v-for="wftaskLineData in allWfTaskOpinions"
+            :key="'allWfTaskOpinions' + wftaskLineData.id"
+          >
             <div class="time">
-              {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(0, 10) : '' }}
-              <br/>
-              {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(11) : '' }}
+              {{
+                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
+              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.approverName") }}：{{
+                    wftaskLineData.approverName
+                  }}</span
+                >
                 <span>
-                {{ $t2('候选人', 'components.wf.candidateName') }}：
-                <span class="">{{ wftaskLineData.candidateNames }}</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>
-              <p class="t"><span class="t1">{{ $t2('备注/意见', 'components.wf.opinion') }}：</span><span>{{
-                  wftaskLineData.opinion
-                }}</span></p>
             </div>
           </div>
         </div>
+        <template v-if="showCandidate">
+          <div v-show="tabIndex == '4'">
+            <div style="width: 800px">
+              <vxe-grid
+                ref="table-candidate"
+                v-bind="candidateOption"
+                :data="candidateDatas"
+                @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                @custom="$vxeTableUtil.customHandle"
+              ></vxe-grid>
+            </div>
+          </div>
+        </template>
       </div>
+      <!--沟通-->
       <el-dialog
         v-if="showTalkDialog"
         :visible.sync="showTalkDialog"
@@ -218,83 +458,182 @@
         v-el-dialog-center
       >
         <template #title>
-          <span class="el-dialog__title">{{ $t2('沟通', 'components.wf.talk') }}<span
-            style="margin-left: 10px;margin-right: 10px;">—</span><b
-            class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></span>
+          <span class="el-dialog__title"
+            >{{ $t2("沟通", "components.wf.talk")
+            }}<span style="margin-left: 10px; margin-right: 10px">—</span
+            ><b class="f-red" style="font-size: 12px"
+              >{{ $t2("节点", "components.wf.node") }}：{{ wfInfo.taskName }}</b
+            ></span
+          >
         </template>
         <el-form :model="talkForm">
-          <div id="containt" style="height: 500px;">
+          <div id="containt" style="height: 500px">
             <table class="table-detail">
               <tbody>
-              <tr>
-                <th>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('接收人', 'components.wf.receiverName') }}
+                      {{ $t2("接收人", "components.wf.receiverName") }}
                     </span>
-                </th>
-                <td>
-                  <el-form-item field="receiverName">
-                    <el-input
-                      class="search-input"
-                      max="200"
-                      v-model="talkForm.receiverName"
-                      @clear="
+                  </th>
+                  <td>
+                    <el-form-item field="receiverName">
+                      <el-input
+                        class="search-input"
+                        max="200"
+                        v-model="talkForm.receiverName"
+                        @clear="
                           talkForm.receiver = null;
                           talkForm.replyId = null;
                           $forceUpdate();
                         "
-                      :placeholder="$t2('接收人', 'components.wf.receiverName')"
-                      v-el-readonly
-                      clearable
-                      :disabled="!!talkForm.replyId"
-                    >
-                      <i slot="suffix" class="el-input__icon el-icon-search" @click="openTalkUserDialog"></i>
-                    </el-input>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <th>
+                        :placeholder="$t2('接收人', 'components.wf.receiverName')"
+                        v-el-readonly
+                        clearable
+                        :disabled="!!talkForm.replyId"
+                      >
+                        <i
+                          slot="suffix"
+                          class="el-input__icon el-icon-search"
+                          @click="openTalkUserDialog"
+                        ></i>
+                      </el-input>
+                    </el-form-item>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('沟通内容', 'components.wf.talkContent') }}
+                      {{ $t2("沟通内容", "components.wf.talkContent") }}
                     </span>
-                </th>
-                <td>
-                  <el-form-item field="content">
-                    <el-input type="textarea" :rows="8"
-                              :placeholder="$t2('沟通内容', 'components.wf.talkContentPlaceholder')"
-                              v-model="talkForm.content"></el-input>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <th>
+                  </th>
+                  <td>
+                    <el-form-item field="content">
+                      <el-input
+                        type="textarea"
+                        :rows="8"
+                        :placeholder="
+                          $t2('沟通内容', 'components.wf.talkContentPlaceholder')
+                        "
+                        v-model="talkForm.content"
+                      ></el-input>
+                    </el-form-item>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('沟通资料', 'components.wf.talkAttachment') }}
+                      {{ $t2("沟通资料", "components.wf.talkAttachment") }}
                     </span>
-                </th>
-                <td>
-                  <baseUpload accept="file" multi="true" :file.sync="talkForm.attachmentDTOs"></baseUpload>
-                </td>
-              </tr>
+                  </th>
+                  <td>
+                    <baseUpload
+                      accept="file"
+                      multi="true"
+                      :file.sync="talkForm.attachmentDTOs"
+                    ></baseUpload>
+                  </td>
+                </tr>
               </tbody>
             </table>
           </div>
         </el-form>
         <span slot="footer" class="dialog-footer">
-          <el-button type="primary" plain class="button-sty" @click="showTalkDialog = false">
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            @click="showTalkDialog = false"
+          >
             <i class="el-icon-close el-icon"></i>
-            {{ $t2('取 消', 'system.button.cancel2') }}
+            {{ $t2("取 消", "system.button.cancel2") }}
           </el-button>
           <el-button type="primary" @click="submitTalkForm" class="button-sty">
             <i class="el-icon-check el-icon"></i>
-            {{ $t2('确 定', 'system.button.confirm2') }}
+            {{ $t2("确 定", "system.button.confirm2") }}
           </el-button>
         </span>
       </el-dialog>
 
+      <!--发起人附言-->
+      <el-dialog
+        v-if="showWfMemoDialog"
+        :visible.sync="showWfMemoDialog"
+        :modal-append-to-body="false"
+        :close-on-click-modal="false"
+        :modal="false"
+        custom-class="dialog-style wf-dialog"
+        :append-to-body="true"
+        v-el-drag-dialog
+        v-el-dialog-center
+      >
+        <template #title>
+          <span class="el-dialog__title"
+            >{{ $t1("发起人附言")
+            }}<span style="margin-left: 10px; margin-right: 10px">—</span
+            ><b class="f-red" style="font-size: 12px"
+              >{{ $t2("节点", "components.wf.node") }}：{{ wfInfo.taskName }}</b
+            ></span
+          >
+        </template>
+        <el-form :model="wfMemoForm">
+          <div id="containt" style="height: 500px">
+            <table class="table-detail">
+              <tbody>
+                <tr>
+                  <th>
+                    <span class="t">
+                      {{ $t1("内容") }}
+                    </span>
+                  </th>
+                  <td>
+                    <el-form-item field="content">
+                      <el-input
+                        type="textarea"
+                        :rows="8"
+                        :placeholder="$t1('内容')"
+                        v-model="wfMemoForm.content"
+                      ></el-input>
+                    </el-form-item>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
+                    <span class="t">
+                      {{ $t1("附件") }}
+                    </span>
+                  </th>
+                  <td>
+                    <baseUpload
+                      accept="file"
+                      multi="true"
+                      :file.sync="wfMemoForm.attachmentDTOs"
+                    ></baseUpload>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            @click="showWfMemoDialog = false"
+          >
+            <i class="el-icon-close el-icon"></i>
+            {{ $t2("取 消", "system.button.cancel2") }}
+          </el-button>
+          <el-button type="primary" @click="submitWfMemoForm" class="button-sty">
+            <i class="el-icon-check el-icon"></i>
+            {{ $t2("确 定", "system.button.confirm2") }}
+          </el-button>
+        </span>
+      </el-dialog>
+
+      <!-- append-to-body 必须留着：本弹框在 baseTabPane 的 v-show 子树里，
+           「流程信息」一折叠就跟着 display:none，标题栏那份审批入口点了会毫无反应 -->
       <el-dialog
         v-if="rejectDialogVisible"
         :visible.sync="rejectDialogVisible"
@@ -304,63 +643,85 @@
         custom-class="dialog-style wf-dialog"
         v-el-drag-dialog
         v-el-dialog-center
+        :append-to-body="true"
       >
         <template #title>
-          <span class="el-dialog__title">{{ $t2('流程驳回', 'components.wf.wfReject') }}<span
-            style="margin-left: 10px;margin-right: 10px;">—</span><b
-            class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></span>
+          <span class="el-dialog__title"
+            >{{ $t2("流程驳回", "components.wf.wfReject")
+            }}<span style="margin-left: 10px; margin-right: 10px">—</span
+            ><b class="f-red" style="font-size: 12px"
+              >{{ $t2("节点", "components.wf.node") }}：{{ wfInfo.taskName }}</b
+            ></span
+          >
         </template>
         <el-form :model="rejectForm">
           <div id="containt">
             <table class="table-detail">
               <tbody>
-              <tr>
-                <th>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('驳回节点', 'components.wf.rejectNode') }}
+                      {{ $t2("驳回节点", "components.wf.rejectNode") }}
                     </span>
-                </th>
-                <td>
-                  <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>
-                </td>
-              </tr>
-              <tr>
-                <th>
+                  </th>
+                  <td>
+                    <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>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('驳回意见', 'components.wf.rejectOpinion') }}
+                      {{ $t2("驳回意见", "components.wf.rejectOpinion") }}
                     </span>
-                </th>
-                <td>
-                  <el-form-item label="" field="opinion">
-                    <el-input type="textarea" :rows="8"
-                              :placeholder="$t2('请输入内容', 'components.wf.rejectOpinionPlaceholder')"
-                              v-model="rejectForm.opinion"></el-input>
-                  </el-form-item>
-                </td>
-              </tr>
+                  </th>
+                  <td>
+                    <el-form-item label="" field="opinion">
+                      <el-input
+                        type="textarea"
+                        :rows="8"
+                        :placeholder="
+                          $t2('请输入内容', 'components.wf.rejectOpinionPlaceholder')
+                        "
+                        v-model="rejectForm.opinion"
+                      ></el-input>
+                    </el-form-item>
+                  </td>
+                </tr>
               </tbody>
             </table>
           </div>
         </el-form>
         <span slot="footer" class="dialog-footer">
-          <el-button type="primary" plain class="button-sty" @click="rejectDialogVisible = false">
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            @click="rejectDialogVisible = false"
+          >
             <i class="el-icon-close el-icon"></i>
-            {{ $t2('取 消', 'system.button.cancel2') }}
+            {{ $t2("取 消", "system.button.cancel2") }}
           </el-button>
           <el-button type="primary" @click="subRejectForm" class="button-sty">
             <i class="el-icon-check el-icon"></i>
-            {{ $t2('确 定', 'system.button.confirm2') }}
+            {{ $t2("确 定", "system.button.confirm2") }}
           </el-button>
         </span>
       </el-dialog>
+      <!-- 同上：折叠态下要能弹出来，append-to-body 不能去掉 -->
       <el-dialog
         v-if="agreeDialogVisible"
         :visible.sync="agreeDialogVisible"
@@ -370,61 +731,87 @@
         custom-class="dialog-style wf-dialog"
         v-el-drag-dialog
         v-el-dialog-center
+        :append-to-body="true"
       >
         <template #title>
-          <span class="el-dialog__title">{{ $t2('流程通过', 'components.wf.wfAgree') }}<span
-            style="margin-left: 10px;margin-right: 10px;">—</span><b
-            class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></span>
+          <span class="el-dialog__title"
+            >{{ $t2("流程通过", "components.wf.wfAgree")
+            }}<span style="margin-left: 10px; margin-right: 10px">—</span
+            ><b class="f-red" style="font-size: 12px"
+              >{{ $t2("节点", "components.wf.node") }}：{{ wfInfo.taskName }}</b
+            ></span
+          >
         </template>
         <el-form :model="agreeForm">
           <div id="containt">
             <table class="table-detail">
               <tbody>
-              <tr v-if="agreeNodes.length>0">
-                <th>
+                <tr v-if="agreeNodes.length > 0">
+                  <th>
                     <span class="t">
-                      {{ $t2('通过节点', 'components.wf.agreeNode') }}
+                      {{ $t2("通过节点", "components.wf.agreeNode") }}
                     </span>
-                </th>
-                <td>
-                  <el-form-item label="" 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>
-                </td>
-              </tr>
-              <tr>
-                <th>
+                  </th>
+                  <td>
+                    <el-form-item label="" 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>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('通过意见', 'components.wf.agreeOpinion') }}
+                      {{ $t2("通过意见", "components.wf.agreeOpinion") }}
                     </span>
-                </th>
-                <td>
-                  <el-form-item label="" field="opinion">
-                    <el-input type="textarea" :rows="8" :placeholder="$t2(`请填写您的意见~
+                  </th>
+                  <td>
+                    <el-form-item label="" field="opinion">
+                      <el-input
+                        type="textarea"
+                        :rows="8"
+                        :placeholder="
+                          $t2(
+                            `请填写您的意见~
          注：
          通过默认意见为“同意”
-          `, 'components.wf.agreeOpinionPlaceholder')" v-model="agreeForm.opinion"></el-input>
-                  </el-form-item>
-                </td>
-              </tr>
+          `,
+                            'components.wf.agreeOpinionPlaceholder'
+                          )
+                        "
+                        v-model="agreeForm.opinion"
+                      ></el-input>
+                    </el-form-item>
+                  </td>
+                </tr>
               </tbody>
             </table>
           </div>
         </el-form>
         <span slot="footer" class="dialog-footer">
-          <el-button type="primary" plain class="button-sty" @click="agreeDialogVisible = false">
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            @click="agreeDialogVisible = false"
+          >
             <i class="el-icon-close el-icon"></i>
-            {{ $t2('取 消', 'system.button.cancel2') }}
+            {{ $t2("取 消", "system.button.cancel2") }}
           </el-button>
           <el-button type="primary" @click="subAgreeForm" class="button-sty">
             <i class="el-icon-check el-icon"></i>
-            {{ $t2('确 定', 'system.button.confirm2') }}
+            {{ $t2("确 定", "system.button.confirm2") }}
           </el-button>
         </span>
       </el-dialog>
@@ -437,69 +824,86 @@
         custom-class="dialog-style wf-dialog"
         v-el-drag-dialog
         v-el-dialog-center
+        :append-to-body="true"
       >
         <template #title>
-          <span class="el-dialog__title">{{ $t2('流程转办', 'components.wf.wfTransfer') }}<span
-            style="margin-left: 10px;margin-right: 10px;">—</span><b
-            class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></span>
+          <span class="el-dialog__title"
+            >{{ $t2("流程转办", "components.wf.wfTransfer")
+            }}<span style="margin-left: 10px; margin-right: 10px">—</span
+            ><b class="f-red" style="font-size: 12px"
+              >{{ $t2("节点", "components.wf.node") }}：{{ wfInfo.taskName }}</b
+            ></span
+          >
         </template>
         <el-form :model="changeWfForm">
           <div id="containt">
             <table class="table-detail">
               <tbody>
-              <tr>
-                <th>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('转办人', 'components.wf.transferUser') }}
+                      {{ $t2("转办人", "components.wf.transferUser") }}
                     </span>
-                </th>
-                <td>
-                  <el-form-item label="" field="nodeId">
-                    <el-input
-                      class="search-input"
-                      max="200"
-                      v-model="changeWfForm.userNickNames"
-                      @clear="
+                  </th>
+                  <td>
+                    <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>
-                </td>
-              </tr>
-              <tr>
-                <th>
+                        v-el-readonly
+                        clearable
+                      >
+                        <i
+                          slot="suffix"
+                          class="el-input__icon el-icon-search"
+                          @click="showUserDialog = true"
+                        ></i>
+                      </el-input>
+                    </el-form-item>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('转办意见', 'components.wf.transferOpinion') }}
+                      {{ $t2("转办意见", "components.wf.transferOpinion") }}
                     </span>
-                </th>
-                <td>
-                  <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>
-                </td>
-              </tr>
+                  </th>
+                  <td>
+                    <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>
+                  </td>
+                </tr>
               </tbody>
             </table>
           </div>
         </el-form>
         <span slot="footer" class="dialog-footer">
-          <el-button type="primary" plain class="button-sty" @click="changeWfDialogVisible = false">
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            @click="changeWfDialogVisible = false"
+          >
             <i class="el-icon-close el-icon"></i>
-            {{ $t2('取 消', 'system.button.cancel2') }}
+            {{ $t2("取 消", "system.button.cancel2") }}
           </el-button>
           <el-button type="primary" @click="subChangeWfForm" class="button-sty">
             <i class="el-icon-check el-icon"></i>
-            {{ $t2('确认转办', 'components.wf.confirmTransfer') }}
+            {{ $t2("确认转办", "components.wf.confirmTransfer") }}
           </el-button>
         </span>
       </el-dialog>
@@ -517,22 +921,33 @@
         v-el-dialog-center
       >
         <template #title>
-          <span class="el-dialog__title">{{ $t2('流程中断', 'components.wf.wfManual') }}<span
-            style="margin-left: 10px;margin-right: 10px;">—</span><b
-            class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></span>
+          <span class="el-dialog__title"
+            >{{ $t2("流程中断", "components.wf.wfManual")
+            }}<span style="margin-left: 10px; margin-right: 10px">—</span
+            ><b class="f-red" style="font-size: 12px"
+              >{{ $t2("节点", "components.wf.node") }}：{{ wfInfo.taskName }}</b
+            ></span
+          >
         </template>
         <div class="cont">
-          {{ $t2('您确定要中断流程吗？', 'components.wf.manualTip') }}
+          {{ $t2("您确定要中断流程吗？", "components.wf.manualTip") }}
         </div>
         <span slot="footer" class="dialog-footer">
-	     <el-button type="primary" plain class="button-sty" @click="showWfManualDialog = false"><i
-         class="el-icon-close el-icon"></i>{{ $t2('取 消', 'system.button.cancel2') }}</el-button>
-	     <el-button type="primary" @click="manualEndWf" class="button-sty"><i
-         class="el-icon-check el-icon"></i>{{ $t2('确 定', 'system.button.confirm2') }}</el-button>
-	   </span>
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            @click="showWfManualDialog = false"
+            ><i class="el-icon-close el-icon"></i
+            >{{ $t2("取 消", "system.button.cancel2") }}</el-button
+          >
+          <el-button type="primary" @click="manualEndWf" class="button-sty"
+            ><i class="el-icon-check el-icon"></i
+            >{{ $t2("确 定", "system.button.confirm2") }}</el-button
+          >
+        </span>
       </el-dialog>
+      <!-- 同上：折叠态下要能弹出来，append-to-body 不能去掉 -->
       <el-dialog
         v-if="revokeDialogVisible"
         :visible.sync="revokeDialogVisible"
@@ -542,44 +957,57 @@
         custom-class="dialog-style wf-dialog"
         v-el-drag-dialog
         v-el-dialog-center
+        :append-to-body="true"
       >
         <template #title>
-          <span class="el-dialog__title">{{ $t2('流程撤回', 'components.wf.wfRevoke') }}<span
-            style="margin-left: 10px;margin-right: 10px;">—</span><b
-            class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></span>
+          <span class="el-dialog__title"
+            >{{ $t2("流程撤回", "components.wf.wfRevoke")
+            }}<span style="margin-left: 10px; margin-right: 10px">—</span
+            ><b class="f-red" style="font-size: 12px"
+              >{{ $t2("节点", "components.wf.node") }}：{{ wfInfo.taskName }}</b
+            ></span
+          >
         </template>
         <el-form :model="revokeForm">
           <div id="containt">
             <table class="table-detail">
               <tbody>
-              <tr>
-                <th>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('撤回意见', 'components.wf.revokeOpinion') }}
+                      {{ $t2("撤回意见", "components.wf.revokeOpinion") }}
                     </span>
-                </th>
-                <td>
-                  <el-form-item label="" field="opinion">
-                    <el-input type="textarea" :rows="8"
-                              :placeholder="$t2('请输入内容', 'components.wf.revokeOpinionPlaceholder')"
-                              v-model="revokeForm.opinion"></el-input>
-                  </el-form-item>
-                </td>
-              </tr>
+                  </th>
+                  <td>
+                    <el-form-item label="" field="opinion">
+                      <el-input
+                        type="textarea"
+                        :rows="8"
+                        :placeholder="
+                          $t2('请输入内容', 'components.wf.revokeOpinionPlaceholder')
+                        "
+                        v-model="revokeForm.opinion"
+                      ></el-input>
+                    </el-form-item>
+                  </td>
+                </tr>
               </tbody>
             </table>
           </div>
         </el-form>
         <span slot="footer" class="dialog-footer">
-          <el-button type="primary" plain class="button-sty" @click="revokeDialogVisible = false">
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            @click="revokeDialogVisible = false"
+          >
             <i class="el-icon-close el-icon"></i>
-            {{ $t2('取 消', 'system.button.cancel2') }}
+            {{ $t2("取 消", "system.button.cancel2") }}
           </el-button>
           <el-button type="primary" @click="subRevokeForm(0)" class="button-sty">
             <i class="el-icon-check el-icon"></i>
-            {{ $t2('确 定', 'system.button.confirm2') }}
+            {{ $t2("确 定", "system.button.confirm2") }}
           </el-button>
         </span>
       </el-dialog>
@@ -592,111 +1020,169 @@
         custom-class="dialog-style wf-dialog"
         v-el-drag-dialog
         v-el-dialog-center
+        :append-to-body="true"
       >
         <template #title>
-          <span class="el-dialog__title">{{ $t2('流程加签', 'components.wf.wfAddIncreaseSign') }}<span
-            style="margin-left: 10px;margin-right: 10px;">—</span><b
-            class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{
-              wfInfo.taskName
-            }}</b></span>
+          <span class="el-dialog__title"
+            >{{ $t2("流程加签", "components.wf.wfAddIncreaseSign")
+            }}<span style="margin-left: 10px; margin-right: 10px">—</span
+            ><b class="f-red" style="font-size: 12px"
+              >{{ $t2("节点", "components.wf.node") }}：{{ wfInfo.taskName }}</b
+            ></span
+          >
         </template>
         <el-form :model="addIncreaseSignForm">
           <div id="containt">
             <table class="table-detail">
               <tbody>
-              <tr>
-                <th>
-                      <span class="t">
-                        {{ $t2('候选人', 'components.wf.addIncreaseSignUser') }}
-                      </span>
-                </th>
-                <td>
-                  <el-form-item field="receiverName">
-                    <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>
-                </td>
-              </tr>
-              <tr>
-                <th>
+                <tr>
+                  <th>
                     <span class="t">
-                      {{ $t2('加签意见', 'components.wf.addIncreaseSignOpinion') }}
+                      {{ $t2("候选人", "components.wf.addIncreaseSignUser") }}
                     </span>
-                </th>
-                <td colspan="3">
-                  <el-form-item field="opinion">
-                    <el-input type="textarea" :rows="8"
-                              :placeholder="$t2('请输入内容', 'components.wf.addIncreaseSignOpinionPlaceholder')"
-                              v-model="addIncreaseSignForm.opinion"></el-input>
-                  </el-form-item>
-                </td>
-              </tr>
+                  </th>
+                  <td>
+                    <el-form-item field="receiverName">
+                      <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>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
+                    <span class="t">
+                      {{ $t2("加签意见", "components.wf.addIncreaseSignOpinion") }}
+                    </span>
+                  </th>
+                  <td colspan="3">
+                    <el-form-item field="opinion">
+                      <el-input
+                        type="textarea"
+                        :rows="8"
+                        :placeholder="
+                          $t2(
+                            '请输入内容',
+                            'components.wf.addIncreaseSignOpinionPlaceholder'
+                          )
+                        "
+                        v-model="addIncreaseSignForm.opinion"
+                      ></el-input>
+                    </el-form-item>
+                  </td>
+                </tr>
               </tbody>
             </table>
           </div>
         </el-form>
         <span slot="footer" class="dialog-footer">
-          <el-button type="primary" plain class="button-sty" @click="showAddIncreaseSignDialog = false">
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            @click="showAddIncreaseSignDialog = false"
+          >
             <i class="el-icon-close el-icon"></i>
-            {{ $t2('取 消', 'system.button.cancel2') }}
+            {{ $t2("取 消", "system.button.cancel2") }}
           </el-button>
           <el-button type="primary" @click="submitAddTaskUserForm(0)" class="button-sty">
             <i class="el-icon-check el-icon"></i>
-            {{ $t2('确认加签', 'components.wf.confirmAddIncreaseSign') }}
+            {{ $t2("确认加签", "components.wf.confirmAddIncreaseSign") }}
           </el-button>
         </span>
       </el-dialog>
-      <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>
+      <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>
+      <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>
+      <wfFlowEleScriptDialog
+        v-if="showWfFlowEleScriptDialog"
+        :visiable.sync="showWfFlowEleScriptDialog"
+        :wfInfo="wfInfo"
+        :current_prefix="current_prefix"
+      ></wfFlowEleScriptDialog>
     </template>
   </baseTabPane>
   <div v-else></div>
 </template>
 
 <script>
-import {wfContentMixin} from './wf.js';
+import { wfContentMixin } from "./wf.js";
 
 export default {
   components: {
-    UserDialog: () => import('../../views/user/user/dialog.vue'),
-    urgingDialog: () => import('./urgingDialog'),
-    deleteTaskUserDialog: () => import('./deleteTaskUserDialog'),
-    addTaskUserdialog: () => import('./addTaskUserdialog'),
-    setCandidateDialog: () => import('./setCandidateDialog')
+    UserDialog: () => import("../../views/user/user/dialog.vue"),
+    urgingDialog: () => import("./urgingDialog"),
+    deleteTaskUserDialog: () => import("./deleteTaskUserDialog"),
+    addTaskUserdialog: () => import("./addTaskUserdialog"),
+    setCandidateDialog: () => import("./setCandidateDialog"),
+    setCandidateButton: () => import("./setCandidateButton"),
+    addOpinionButton: () => import("./addOpinionButton"),
+    wfFlowEleScriptDialog: () => import("./wfFlowEleScriptDialog"),
   },
-  mixins: [wfContentMixin]
+  mixins: [wfContentMixin],
 };
 </script>