cloud-web-corejs 1.0.54-dev.800 → 1.0.54-dev.801

package/src/components/wf/wf.js

@@ -3,6 +3,8 @@ import {getToken} from "../../utils/auth";
 import settingConfig from "@/settings.js";
 import {selectDialogMixins} from "../../mixins/selectDialog";
 import {requireViewCompat} from "@base/utils/resolveViewComponent";
+import {getWfButtonNames, loadWfButtonNames} from "./wfButtonName";
+import {isWfAutoConfirm, loadWfAutoConfirm} from "./wfAutoConfirm";
 
 let configUtil = {
   baseUrl: process.env.VUE_APP_BASE_API,
@@ -1681,7 +1683,9 @@ wfStartMixin = {
       wfUserRangeEnabled: false,
       preStartResult:[],
       showSetCandidateDialog2:false,
-      wfSubmitted: false
+      wfSubmitted: false,
+      //param19 自动确认：确认框延后到 subWfStartForm(保存之后、preStart 之后)再决定弹不弹
+      deferStartConfirm: false
     };
   },
   computed: {
@@ -1707,6 +1711,50 @@ wfStartMixin = {
         });
       })
     },
+    buildStartFormData(){
+      return {
+        modelId: this.wfStartForm.modelId,
+        objTypeCode: this.code,
+        objId: this.dataId,
+        formData: this.startParam || {},
+        formCode: this.formCode || null
+        // name:this.wfName
+      };
+    },
+    //启动确认框的默认文案。param18 配了按钮名就跟随它，没配维持原有的 $t2 兜底链。
+    async getDefaultStartTip(){
+      await loadWfButtonNames(getTarget(this));
+      let btnName = getWfButtonNames().submitBtn;
+      if (btnName) {
+        //只能用 $t1(找不到 key 原样返回)，$t2 在 i18n 命中 key 时会把拼进去的名字吞掉
+        return this.$t1(`您确定要${btnName}吗？`);
+      }
+      let wfStartOperateName =
+        settingConfig.wfStartOperateName ||
+        settingConfig.wfStartButtonName ||
+        "启动流程";
+      return this.$t2(
+        "您确定要" + wfStartOperateName + "吗？",
+        'components.wf.startTip'
+      );
+    },
+    /**
+     * param19 延后的那道确认框，由 subWfStartForm 在 preStart 之后调。
+     * @returns {Promise<Boolean>} true 继续启动，false 已取消
+     */
+    async confirmDeferredStart(){
+      let that = getTarget(this);
+      let startTip = await this.getDefaultStartTip();
+      try {
+        await that.$baseConfirm(startTip);
+        return true;
+      } catch (e) {
+        //这时候单据可能已经被自动保存过了，必须走 close() 触发 onCancel，
+        //否则宿主那边的提交态(bizTab 的 billSubmitting 之类)没人来解，保存按钮会永久禁用。
+        this.close();
+        return false;
+      }
+    },
     initWfUserRangeParam(){
       let that = getTarget(this);
       return that.$http({
@@ -1783,16 +1831,25 @@ wfStartMixin = {
               }
             );
           }
-          let wfStartOperateName =
-            settingConfig.wfStartOperateName ||
-            settingConfig.wfStartButtonName ||
-            "启动流程";
-          let defaultStartTip = "您确定要" + wfStartOperateName + "吗？";
           let startTip;
           if (typeof customStartTip === "string" && customStartTip.trim()) {
+            //模板脚本 wfStartConfirmText 自定义的提示语：多是金额超限之类的业务告警，
+            //必须由人确认，不受 param19 自动确认影响。
             startTip = customStartTip;
           } else {
-            startTip = this.$t2(defaultStartTip, 'components.wf.startTip');
+            //系统默认文案才受自动确认开关管
+            await loadWfAutoConfirm(that);
+            //param12 关着时压根不会有「修改候选人」弹框，延后就没有意义，
+            //确认框留在原位(保存之前)；两个开关都为 true 才延后。
+            if (isWfAutoConfirm() && this.wfUserRangeEnabled) {
+              //确认框延后到 subWfStartForm：那里才是「单据已保存(如果开了自动保存)、
+              //preStart 也探过」的时点。探到候选人就由「修改候选人」弹框顶替这道确认框，
+              //探不到才把它补上——没有候选人弹框时它是唯一的把关，不能省。
+              this.deferStartConfirm = true;
+              this.startSubmit();
+              return;
+            }
+            startTip = await this.getDefaultStartTip();
           }
           that
             .$baseConfirm(startTip)
@@ -1827,30 +1884,22 @@ wfStartMixin = {
         return false;
       }
 
-      let option = this.option;
-
-      var objId = this.dataId;
-
-      let startParam = this.startParam || {};
-      let formCode = this.formCode || null;
-
-      var data = {
-        modelId: modelId,
-        objTypeCode: this.code,
-        objId: objId,
-        formData: startParam,
-        formCode: formCode
-        // name:this.wfName
-      };
-      this.startFormData = data;
+      this.startFormData = this.buildStartFormData();
 
       if(this.wfUserRangeEnabled){
         this.preStartResult = await this.preStart() || []
         if(this.preStartResult.length){
+          //有候选人弹框顶替确认框，param19 延后的那道就不用补了
+          this.deferStartConfirm = false;
           this.openSetCandidateDialog()
           return
         }
       }
+      //没有候选人弹框 → 把 param19 延后的确认框补上（见 initWfInfo）
+      if (this.deferStartConfirm) {
+        this.deferStartConfirm = false;
+        if (!(await this.confirmDeferredStart())) return;
+      }
       this.startSubmitHanlde(this.startFormData);
 
     },

package/src/components/wf/wfActionDropdown.vue

@@ -0,0 +1,58 @@
+<template>
+  <div class="button-sty" v-show="items.length">
+    <el-dropdown trigger="hover">
+      <el-button type="primary" class="button-sty">
+        {{ $t1("流程操作") }}
+        <i class="el-icon-arrow-down el-icon--right"></i>
+      </el-button>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item
+          v-for="item in items"
+          :key="item.key"
+          :icon="item.elIcon"
+          @click.native="item.run(wfVm)"
+        >
+          <i v-if="item.iconClass" :class="item.iconClass"></i>
+          {{ itemLabel(item) }}
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+  </div>
+</template>
+
+<script>
+import { getVisibleWfActionItems } from "./wfActionItems";
+
+export default {
+  name: "WfActionDropdown",
+  props: {
+    // 流程面板实例（content.vue），下拉项显隐读它的 wfInfo，点击调它的方法
+    wfVm: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    // 求值时会读 wfVm 上的响应式字段，跨实例也能跟着流程状态更新
+    items() {
+      return getVisibleWfActionItems(this.wfVm);
+    },
+  },
+  methods: {
+    itemLabel(item) {
+      if (item.i18nPath) {
+        return this.$t2(item.defaultLabel, item.i18nPath);
+      }
+      return this.$t1 ? this.$t1(item.defaultLabel) : item.defaultLabel;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.wf-action-dropdown-wrap {
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: 10px;
+}
+</style>

package/src/components/wf/wfActionItems.js

@@ -0,0 +1,116 @@
+/**
+ * 流程审批操作清单。详情标题栏下拉与流程模块按钮条共用同一套显隐条件，
+ * 避免两处各写一遍之后漂移。
+ *
+ * vm 是 content.vue 实例（挂了 wfContentMixin）。
+ */
+export function getWfActionItems(vm) {
+  let wfInfo = (vm && vm.wfInfo) || {};
+  let toTransfer =
+    wfInfo.toTransfer === null || wfInfo.toTransfer === undefined
+      ? !!wfInfo.toSubmit
+      : !!wfInfo.toTransfer;
+
+  return [
+    {
+      key: "agree",
+      show: !!wfInfo.toSubmit,
+      defaultLabel: "通过",
+      i18nPath: "components.wf.agree",
+      iconClass: "iconfont icon-tongguo",
+      run: (wfVm) => wfVm.openAgreeDialog(),
+    },
+    {
+      key: "manual",
+      show: !!wfInfo.toInterrupt,
+      defaultLabel: "中断",
+      i18nPath: "components.wf.manual",
+      iconClass: "iconfont icon-caozuozhongduan",
+      run: (wfVm) => wfVm.openManualDialog(),
+    },
+    {
+      key: "reject",
+      show: !!wfInfo.toReject,
+      defaultLabel: "驳回",
+      i18nPath: "components.wf.reject",
+      iconClass: "iconfont icon-a-bohui1",
+      run: (wfVm) => wfVm.rejectWfTask(),
+    },
+    {
+      key: "transfer",
+      show: toTransfer,
+      defaultLabel: "转办",
+      i18nPath: "components.wf.transfer",
+      iconClass: "iconfont icon-zhuanban",
+      run: (wfVm) => wfVm.openChangeWfForm(),
+    },
+    {
+      key: "urging",
+      show: !!wfInfo.toInterrupt,
+      defaultLabel: "催办",
+      i18nPath: "components.wf.urging",
+      iconClass: "iconfont icon-cuiban",
+      run: (wfVm) => wfVm.openUrgingDialog(),
+    },
+    {
+      key: "addIncreaseSign",
+      show: !!(vm.increaseSignEnabled && wfInfo.toAddIncreaseSign),
+      defaultLabel: "加签",
+      i18nPath: "components.wf.addIncreaseSign",
+      elIcon: "el-icon-plus",
+      run: (wfVm) => wfVm.openAddIncreaseSign(),
+    },
+    {
+      key: "deleteIncreaseSign",
+      show: !!(vm.increaseSignEnabled && wfInfo.toDeleteIncreaseSign),
+      defaultLabel: "减签",
+      i18nPath: "components.wf.deleteIncreaseSign",
+      elIcon: "el-icon-delete",
+      run: (wfVm) => wfVm.openDeleteTaskUserDialog(),
+    },
+    {
+      key: "talk",
+      show: !!(vm.toTalk && wfInfo.toLinkup),
+      defaultLabel: "沟通",
+      i18nPath: "components.wf.talk",
+      elIcon: "el-icon-chat-dot-square",
+      run: (wfVm) => wfVm.openTalkDialog(),
+    },
+    {
+      key: "setCandidate",
+      show: !!wfInfo.toSetCandidate,
+      defaultLabel: "修改候选人",
+      i18nPath: "components.wf.setCandidate",
+      elIcon: "el-icon-user",
+      run: (wfVm) => wfVm.openSetCandidateDialog(null),
+    },
+    {
+      key: "revoke",
+      show: !!wfInfo.toRevoke,
+      defaultLabel: "撤回",
+      i18nPath: "components.wf.revoke",
+      elIcon: "el-icon-document-delete",
+      run: (wfVm) => wfVm.openRevokeDialog(null),
+    },
+    {
+      key: "addOpinion",
+      show: !!vm.showAddOpinionButton,
+      defaultLabel: "补充意见",
+      run: (wfVm) => {
+        let btn = wfVm.$refs && wfVm.$refs.addOpinionBtn;
+        if (btn && btn.openDialog) btn.openDialog();
+      },
+    },
+    {
+      key: "editScript",
+      show: !!wfInfo.wfAdmin,
+      defaultLabel: "修改脚本",
+      elIcon: "el-icon-edit",
+      run: (wfVm) => wfVm.openWfFlowEleScriptDialog(),
+    },
+  ];
+}
+
+export function getVisibleWfActionItems(vm) {
+  return getWfActionItems(vm).filter((item) => item.show);
+}

package/src/components/wf/wfAutoConfirm.js

@@ -0,0 +1,55 @@
+/**
+ * 流程提交确认框自动确认：由后台 wf_diy_attribute 的 param19 统一维护，全局拉取一次后缓存。
+ * 返回 true 时，「提交流程」「保存并提交流程」的系统默认确认框不再弹，直接按「确定」处理。
+ *
+ * 不含表单模板脚本 wfStartConfirmText 自定义的提示语——业务方常拿它做金额超限之类的告警，
+ * 那种提示必须由人确认，不能被这个全局开关吞掉(判定在 wf.js 的启动确认分支)。
+ */
+import Vue from "vue";
+
+/* 与 wfButtonName.js 同款：缓存必须是响应式的，值后到时读取方才能重算。
+   这里语义是「没配就不自动确认」，所以初值直接给 false，不需要区分未配置。 */
+const wfAutoConfirm = Vue.observable({
+  enabled: false,
+});
+
+let pending = null;
+
+export function isWfAutoConfirm() {
+  return wfAutoConfirm.enabled === true;
+}
+
+/**
+ * 拉取自动确认开关。全局只发一次请求，重复调用复用同一个 promise。
+ * @param {Object} vm 任意 Vue 实例(取 $http)，不传则退回 window.$vueRoot
+ * @returns {Promise<Boolean>}
+ */
+export function loadWfAutoConfirm(vm) {
+  if (pending) return pending;
+  let target = vm || window.$vueRoot;
+  if (!target || !target.$http) return Promise.resolve(wfAutoConfirm.enabled);
+  let errored = false;
+  let request = new Promise((resolve) => {
+    target.$http({
+      url: USER_PREFIX + "/wf_diy_attribute/getValue",
+      method: "post",
+      data: { attributeKey: "param19" },
+      success: (res) => {
+        let val = res ? res.objx : null;
+        //后台可能回布尔也可能回字符串，两种都认；其余(含没配)一律当关
+        wfAutoConfirm.enabled = val === true || val === "true";
+        resolve(wfAutoConfirm.enabled);
+      },
+      fail: () => resolve(wfAutoConfirm.enabled),
+      error: () => {
+        errored = true;
+        pending = null; //失败不锁死，下次进流程表单可重试
+        resolve(wfAutoConfirm.enabled);
+      },
+    });
+  });
+  //回调若是同步回来的(拦截器短路、单测桩)，上面那句 pending = null 会被下面这句盖掉，
+  //于是重试永远拿到那个已 settle 的旧 promise —— 用 errored 补一刀。
+  pending = errored ? null : request;
+  return request;
+}

package/src/components/wf/wfUserRange.js

@@ -0,0 +1,53 @@
+/**
+ * 「节点候选人范围」开关：后台 wf_diy_attribute 的 param12，全局拉取一次后缓存。
+ * 开着时启动流程会先打 /wf/preStart，返回候选人则弹「修改候选人」弹框(见 wf.js subWfStartForm)。
+ *
+ * wfStartDialog 内部另有一份 initWfUserRangeParam()，每次开弹框现取，那份是启动流程的权威判定，
+ * 不动它。这里这份只服务于弹框之外的调用方——「保存并提交」要在**保存之前**就知道这个开关，
+ * 才能决定确认框是当场弹(param12 关，后面不可能有候选人弹框)还是延后给弹框(param12 开)。
+ */
+import Vue from "vue";
+
+const wfUserRange = Vue.observable({
+  enabled: false,
+});
+
+let pending = null;
+
+export function isWfUserRangeEnabled() {
+  return wfUserRange.enabled === true;
+}
+
+/**
+ * 拉取开关。全局只发一次请求，重复调用复用同一个 promise。
+ * @param {Object} vm 任意 Vue 实例(取 $http)，不传则退回 window.$vueRoot
+ * @returns {Promise<Boolean>}
+ */
+export function loadWfUserRange(vm) {
+  if (pending) return pending;
+  let target = vm || window.$vueRoot;
+  if (!target || !target.$http) return Promise.resolve(wfUserRange.enabled);
+  let errored = false;
+  let request = new Promise((resolve) => {
+    target.$http({
+      url: USER_PREFIX + "/wf_diy_attribute/getValue",
+      method: "post",
+      data: { attributeKey: "param12" },
+      success: (res) => {
+        let val = res ? res.objx : null;
+        //与 wf.js initWfUserRangeParam 同口径，字符串 "true" 一并认
+        wfUserRange.enabled = val === true || val === "true";
+        resolve(wfUserRange.enabled);
+      },
+      fail: () => resolve(wfUserRange.enabled),
+      error: () => {
+        errored = true;
+        pending = null; //失败不锁死，下次进流程表单可重试
+        resolve(wfUserRange.enabled);
+      },
+    });
+  });
+  //回调同步回来时(拦截器短路、单测桩)，上面那句 pending = null 会被下面这句盖掉，补一刀
+  pending = errored ? null : request;
+  return request;
+}

package/src/components/wf/wfUtil.js

@@ -81,6 +81,7 @@ f = async function (option) {
 
       let showStartBtn = option.showStartBtn != null ? option.showStartBtn : true;
       let showModifyBtn = option.showModifyBtn != null ? option.showModifyBtn : true;
+      let contentInstance = null; //流程面板实例，标题栏下拉要点它的方法
 
       if (wfInfo) {
         let wfModel = configUtil.settingConfig.wfModel || 1;
@@ -101,6 +102,7 @@ f = async function (option) {
           }
         });
         instances.push(instance);
+        contentInstance = instance;
         let _hideWf = that._hideWf || that.$attrs._hideWf;
         let isHideWf = _hideWf === true || _hideWf === 'true';
         if (!_hideWf && slideWrap) {
@@ -196,6 +198,24 @@ f = async function (option) {
         appendPrevChildDom(wfBtnRegion, startVm.$mount().$el)
       }
 
+      /* 审批操作下拉：开了 wfActionInHeaderEnabled 时，在详情模块标题栏再挂一份「流程操作」
+         下拉。流程模块里的原按钮条不动、不隐藏；下拉项点击走流程面板实例上的同一套方法。
+         放在「修改单据」「流程启动」之后挂——appendPrevChildDom 是前插，最后插的排最左，
+         最终顺序：流程操作下拉 → 修改单据 → 内建/业务按钮。
+         hiddenAllButton / 素身详情(取不到 .fr) 自动跳过。 */
+      let actionInHeader = option.actionInHeader != null
+        ? option.actionInHeader
+        : configUtil.settingConfig.wfActionInHeaderEnabled === true;
+      if (actionInHeader && wfBtnRegion && contentInstance && !option.hiddenAllButton) {
+        let Dropdown = configUtil.Vue.extend(configUtil.getWfObj('/wfActionDropdown.vue'));
+        let dropdownVm = new Dropdown({
+          i18n: that._i18n,
+          propsData: { wfVm: contentInstance }
+        });
+        instances.push(dropdownVm);
+        appendPrevChildDom(wfBtnRegion, dropdownVm.$mount().$el);
+      }
+
       registerDispose();
     }
 

package/src/components/xform/form-designer/form-widget/dialog/vabSearchDialog.vue

@@ -79,6 +79,7 @@
 
 <script>
 import {selectDialogMixins} from '../../../../../mixins/selectDialog/index.js';
+import {getTableStateValue} from '../../../../../components/table/state';
 
 export default {
   name: "vabSearchDialog",
@@ -234,7 +235,7 @@ export default {
                 }
 
                 var $grid = this.$refs[tableRef];
-                let isQueryAllPage = $grid.isQueryAllPage;
+                let isQueryAllPage = getTableStateValue($grid, 'isQueryAllPage');
                 let pathStr1 = "";
                 if (isQueryAllPage === false) {
                   queryParams.searchCount = false;

package/src/components/xform/form-designer/setting-panel/form-dynamicField-setting.vue

@@ -8,7 +8,7 @@
     </el-form-item>
 
     <template v-if="formConfig.dynamicFieldEnabled">
-      <el-form-item label="数据来源">
+      <el-form-item label="数据来源" class="form-item-label-top">
         <el-radio-group v-model="formConfig.dynamicFieldSourceType" size="mini">
           <el-radio-button label="local">本地规则</el-radio-button>
           <el-radio-button label="script">后台脚本</el-radio-button>
@@ -16,7 +16,7 @@
       </el-form-item>
 
       <template v-if="formConfig.dynamicFieldSourceType === 'local'">
-        <el-form-item label="字段规则">
+        <el-form-item label="字段规则" class="el-form-item-second">
           <el-button
             type="primary"
             plain
@@ -30,14 +30,14 @@
       </template>
 
       <template v-if="formConfig.dynamicFieldSourceType === 'script'">
-        <el-form-item class="form-item-label-top" label="脚本编码">
+        <el-form-item class="form-item-label-top el-form-item-second" label="脚本编码">
           <el-input
             v-model="formConfig.dynamicFieldScriptCode"
             size="mini"
             placeholder="scriptCode 或 formCode/scriptCode"
           ></el-input>
         </el-form-item>
-        <el-form-item label="额外参数">
+        <el-form-item label="额外参数" class="el-form-item-second">
           <a
             href="javascript:void(0);"
             class="a-link link-oneLind"
@@ -51,7 +51,7 @@
             formModel.status }
           </div>
         </el-form-item>
-        <el-form-item class="form-item-label-top" label="触发字段">
+        <el-form-item class="form-item-label-top el-form-item-second" label="触发字段">
           <el-select
             v-model="formConfig.dynamicFieldTriggerFields"
             multiple

package/src/components/xform/form-designer/setting-panel/form-setting.vue

@@ -228,7 +228,7 @@
           </div>
 
           <div class="wf-group-title">提交入口（按钮）</div>
-          <el-form-item v-if="formConfig.wfEnabled">
+          <el-form-item v-if="formConfig.wfEnabled" class="form-item-label-red">
             <span slot="label">
               {{ i18nt("新增页启用「保存并提交流程」按钮") }}
               <el-tooltip effect="light" placement="top">
@@ -359,7 +359,7 @@
         </el-collapse-item>
         <el-collapse-item name="4" title="列表标签页信息（仅列表表单生效）">
           <el-form-item label-width="0">
-            <span style="color: #999; font-size: 12px; line-height: 1.6">
+            <span style="color:rgba(0,0,0,0.45); font-size: 12px; line-height: 1.6;display:block;">
               本组配置只从「查询列表页」所用的表单读取，在详情/编辑表单里设置不会生效
             </span>
           </el-form-item>
@@ -374,14 +374,15 @@
           </el-form-item>
           <el-form-item
             v-if="formConfig.multiTabEnabled"
-            :label="i18nt('新增打开页签')"
+            :label="i18nt('新增打开页签')"
+            class="el-form-item-second"
           >
             <el-switch v-model="formConfig.addTabEnabled"></el-switch>
             <span style="margin-left: 8px; color: #999; font-size: 12px">
               开启后新增打开独立可关闭页签，需配置「标签名称字段」
             </span>
           </el-form-item>
-          <el-form-item :label="i18nt('流程启动后行为')">
+          <el-form-item :label="i18nt('流程启动后行为')" class="form-item-label-top">
             <el-radio-group v-model="formConfig.submitBehavior">
               <el-radio label="closeToList">关闭页签并回列表刷新</el-radio>
               <el-radio label="refreshCurrent">刷新当前页签</el-radio>
@@ -405,8 +406,7 @@
           <el-form-item :label="i18nt('隐藏常规标签')">
             <el-switch v-model="formConfig.hideNormalTab"></el-switch>
           </el-form-item>
-          <el-form-item :label="i18nt('其他标签页配置')"> </el-form-item>
-          <el-form-item class="form-item-label-top" label-width="0">
+          <el-form-item :label="i18nt('其他标签页配置')" class="form-item-label-top" label-width="0">
             <div>
               <draggable
                 tag="ul"
@@ -480,7 +480,8 @@
         <el-collapse-item
           v-if="showEventCollapse()"
           name="7"
-          :title="i18nt('designer.setting.eventSetting')"
+          :title="i18nt('designer.setting.eventSetting')"
+          class="form-item-label-red"
         >
           <!--          <el-form-item label="onBeforeCreated" label-width="150px">
                       <a href="javascript:void(0);" class="a-link link-oneLind"
@@ -1713,15 +1714,23 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
 
 <style lang="scss" scoped>
 .setting-form {
-  ::v-deep .el-form-item__label {
-    font-size: 13px;
-    //text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-  }
-
-  ::v-deep .el-form-item--mini.el-form-item {
-    margin-bottom: 6px;
+  ::v-deep .el-form-item{
+    .el-form-item__label {
+      font-size: 13px;
+      //text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
+    &.el-form-item--mini.el-form-item {
+      margin-bottom: 6px;
+    }
+    &.el-form-item-second{
+      .el-form-item__label{
+        padding-left:4px;
+        &:before{content:"";width:5px;height:2px;background:#FF4D4F;display:inline-block;margin-right:4px;}
+        span{flex:1}
+      }
+    }
   }
 
   .radio-group-custom {
@@ -1747,17 +1756,30 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
 }
 
 /* 折叠组内部的二级分组标题，用于把长配置组切成几段（如「流程信息」） */
-.wf-group-title {
-  margin: 14px 0 8px;
-  padding-left: 8px;
-  border-left: 3px solid #409eff;
-  color: #606266;
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 1.3;
-
+::v-deep .wf-group-title {
+  margin: 16px 0 8px;
+  padding-left: 8px;
+  //border-left: 3px solid #0073E5;
+  color: rgba(0,0,0,.65);
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.3;
+  background: rgba(0,0,0,0.04);
+  padding: 4px 0 4px 8px;
   &:first-child {
-    margin-top: 2px;
+    margin-top: 0;
+  }
+  ~ .el-form-item{
+    .el-form-item__label{
+      padding-left:4px;
+      &:before{content:"";width:5px;height:2px;background:#0073e5;display:inline-block;margin-right:4px;}
+      span{flex:1}
+    }
+    &.form-item-label-red{
+      .el-form-item__label:before{
+        background:#FF4D4F
+      }
+    }
   }
 }