cloud-web-corejs 1.0.54-dev.28 → 1.0.54-dev.281

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

@@ -1,87 +1,164 @@
 <template>
   <div>
-    <el-form :model="formConfig" size="mini" label-position="left" label-width="120px" class="setting-form"
-             @submit.native.prevent>
+    <el-form
+      :model="formConfig"
+      size="mini"
+      label-position="left"
+      label-width="120px"
+      class="setting-form"
+      @submit.native.prevent
+    >
       <el-collapse v-model="formActiveCollapseNames" class="setting-collapse">
-        <el-collapse-item name="1" :title="i18nt('designer.setting.basicSetting')">
+        <el-collapse-item
+          name="1"
+          :title="i18nt('designer.setting.basicSetting')"
+        >
           <el-form-item :label="i18nt('实体表')">
             <el-input type="text" v-model="formConfig.entity"></el-input>
           </el-form-item>
           <el-form-item :label="i18nt('数据保存脚本编码')">
-            <el-input type="text" v-model="formConfig.saveScriptCode" placeholder="默认saveUpdatge"></el-input>
+            <el-input
+              type="text"
+              v-model="formConfig.saveScriptCode"
+              placeholder="默认saveUpdatge"
+            ></el-input>
           </el-form-item>
           <el-form-item :label="i18nt('启用流程')">
-            <el-switch v-model="formConfig.wfEnabled"></el-switch>
+            <el-switch
+              v-model="formConfig.wfEnabled"
+              @change="changeWfEnabled"
+            ></el-switch>
+          </el-form-item>
+          <el-form-item :label="i18nt('流程启动时自动保存表单数据')">
+            <el-switch v-model="formConfig.wfStartBindSave"></el-switch>
+          </el-form-item>
+
+          <el-form-item :label="i18nt('流程通过时自动保存表单数据')">
+            <el-switch v-model="formConfig.wfAgreenBindSave"></el-switch>
+          </el-form-item>
+          <el-form-item :label="i18nt('流程通过时自动保存表单数据的节点配置')">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="openWfConfigDataDialog2"
+            >
+              <span>{{
+                formConfig.wfAgreeConfigData &&
+                formConfig.wfAgreeConfigData.length
+                  ? "已维护"
+                  : ""
+              }}</span>
+              <i class="el-icon-edit"></i>
+            </a>
           </el-form-item>
-          <el-form-item label="流程单据定义">
-            <a href="javascript:void(0);" class="a-link link-oneLind" @click="openWfObjConfigDialog">
-              <span>{{ wfObjConfigs.length ? '已维护' : null}}</span>
+          <el-form-item :label="i18nt('启用流程节点可编辑表单')">
+            <el-switch v-model="formConfig.wfConfigDataEnabled"></el-switch>
+          </el-form-item>
+          <el-form-item :label="i18nt('流程节点可编辑表单配置')">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="openWfConfigDataDialog"
+            >
+              <span>{{
+                formConfig.wfConfigData && formConfig.wfConfigData.length
+                  ? "已维护"
+                  : ""
+              }}</span>
               <i class="el-icon-edit"></i>
             </a>
           </el-form-item>
+
+          <el-form-item :label="i18nt('默认流程单据类型名称')">
+            <el-input
+              type="text"
+              v-model="designer.vueInstance.reportTemplate.objTypeName"
+            ></el-input>
+          </el-form-item>
+          <el-form-item :label="i18nt('引用流程的表单编码')">
+            <el-input
+              type="text"
+              v-model="designer.vueInstance.reportTemplate.fromWfFormCode"
+            ></el-input>
+          </el-form-item>
+          <el-form-item :label="i18nt('流程自定义配置')">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="editFormEventHandler('wfConfig')"
+            >
+              <span>{{ formConfig.wfConfig }}</span>
+              <i class="el-icon-edit"></i>
+            </a>
+          </el-form-item>
+          <!--          <el-form-item label="流程单据定义">
+                      <a href="javascript:void(0);" class="a-link link-oneLind" @click="openWfObjConfigDialog">
+                        <span>{{ wfObjConfigs.length ? '已维护' : null}}</span>
+                        <i class="el-icon-edit"></i>
+                      </a>
+                    </el-form-item>-->
           <el-form-item :label="i18nt('加载详情数据')">
             <el-switch v-model="formConfig.isLoadEntity"></el-switch>
           </el-form-item>
           <el-form-item :label="i18nt('详情数据脚本编码')">
-            <el-input type="text" v-model="formConfig.formScriptCode" placeholder="默认getOne"></el-input>
+            <el-input
+              type="text"
+              v-model="formConfig.formScriptCode"
+              placeholder="默认getOne"
+            ></el-input>
           </el-form-item>
           <el-form-item :label="i18nt('详情数据脚本参数')">
-            <a href="javascript:void(0);" class="a-link link-oneLind" @click="editFormScriptParam">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="editFormScriptParam"
+            >
               <span>{{ formConfig.formScriptParam }}</span>
               <i class="el-icon-edit"></i>
             </a>
           </el-form-item>
           <el-form-item :label="i18nt('详情数据脚本回调')">
-            <a href="javascript:void(0);" class="a-link link-oneLind" @click="editFormScriptSuccess">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="editFormScriptSuccess"
+            >
               <span>{{ formConfig.formScriptSuccess }}</span>
               <i class="el-icon-edit"></i>
             </a>
           </el-form-item>
           <el-form-item :label="i18nt('designer.setting.globalFunctions')">
-            <a href="javascript:void(0);" class="a-link link-oneLind" @click="editGlobalFunctions">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="editGlobalFunctions"
+            >
               <span>{{ formConfig.functions }}</span>
               <i class="el-icon-edit"></i>
             </a>
           </el-form-item>
-          <!--
-                    <el-form-item :label="i18nt('designer.setting.formSize')">
-                      <el-select v-model="formConfig.size"><el-option v-for="item in formSizes" :key="item.value" :label="item.label" :value="item.value"></el-option></el-select>
-                    </el-form-item>
-                    <el-form-item :label="i18nt('designer.setting.labelPosition')">
-                      <el-radio-group v-model="formConfig.labelPosition" class="radio-group-custom">
-                        <el-radio-button label="left">{{ i18nt('designer.setting.leftPosition') }}</el-radio-button>
-                        <el-radio-button label="top">{{ i18nt('designer.setting.topPosition') }}</el-radio-button>
-                      </el-radio-group>
-                    </el-form-item>
-                    <el-form-item :label="i18nt('designer.setting.labelAlign')">
-                      <el-radio-group v-model="formConfig.labelAlign" class="radio-group-custom">
-                        <el-radio-button label="label-left-align">{{ i18nt('designer.setting.leftAlign') }}</el-radio-button>
-                        <el-radio-button label="label-center-align">{{ i18nt('designer.setting.centerAlign') }}</el-radio-button>
-                        <el-radio-button label="label-right-align">{{ i18nt('designer.setting.rightAlign') }}</el-radio-button>
-                      </el-radio-group>
-                    </el-form-item>
-                    <el-form-item :label="i18nt('designer.setting.labelWidth')">
-                      <el-input-number v-model="formConfig.labelWidth" :min="0" style="width: 100%"></el-input-number>
-                    </el-form-item>-->
-                    <el-form-item :label="i18nt('designer.setting.formCss')">
-                      <el-button type="info" icon="el-icon-edit" plain round @click="editFormCss">{{ i18nt('designer.setting.addCss') }}</el-button>
-                    </el-form-item>
-                    <!--
-                    <el-form-item :label="i18nt('designer.setting.customClass')">
-                      <el-select v-model="formConfig.customClass" multiple filterable allow-create default-first-option>
-                        <el-option v-for="(item, idx) in cssClassList" :key="idx" :label="item" :value="item"></el-option>
-                      </el-select>
-                    </el-form-item>
-                    <el-form-item :label="i18nt('designer.setting.globalFunctions')">
-                      <el-button type="info" icon="el-icon-edit" plain round @click="editGlobalFunctions">{{ i18nt('designer.setting.addEventHandler') }}</el-button>
-                    </el-form-item>
-                    <el-form-item label-width="0">
-                      <el-divider class="custom-divider">{{ i18nt('designer.setting.formSFCSetting') }}</el-divider>
-                    </el-form-item>
-                    <el-form-item :label="i18nt('designer.setting.formModelName')"><el-input type="text" v-model="formConfig.modelName"></el-input></el-form-item>
-                    <el-form-item :label="i18nt('designer.setting.formRefName')"><el-input type="text" v-model="formConfig.refName"></el-input></el-form-item>
-                    <el-form-item :label="i18nt('designer.setting.formRulesName')"><el-input type="text" v-model="formConfig.rulesName"></el-input></el-form-item>
-                  -->
+          <el-form-item :label="i18nt('designer.setting.formCss')">
+            <el-button
+              type="info"
+              icon="el-icon-edit"
+              plain
+              round
+              @click="editFormCss"
+            >
+              {{ i18nt("designer.setting.addCss") }}
+            </el-button>
+          </el-form-item>
+        </el-collapse-item>
+        <el-collapse-item name="2" title="列表标签页信息">
+          <el-form-item :label="i18nt('列表启用多标签')">
+            <el-switch v-model="formConfig.multiTabEnabled"></el-switch>
+          </el-form-item>
+          <el-form-item :label="i18nt('标签名称字段')">
+            <el-input
+              type="text"
+              v-model="formConfig.multiTabLabelField"
+            ></el-input>
+          </el-form-item>
         </el-collapse-item>
         <el-collapse-item name="3" title="详情表单信息">
           <el-form-item :label="i18nt('表单编码')">
@@ -90,13 +167,17 @@
               max="200"
               v-model="formConfig.editFormCode"
               @clear="
-                formConfig.editFormName=null;
+                formConfig.editFormName = null;
                 $forceUpdate();
               "
               v-el-readonly
               clearable
             >
-              <i slot="suffix" class="el-input__icon el-icon-search" @click="showFormTemplateDialog = true"></i>
+              <i
+                slot="suffix"
+                class="el-input__icon el-icon-search"
+                @click="showFormTemplateDialog = true"
+              ></i>
             </el-input>
           </el-form-item>
           <el-form-item :label="i18nt('表单名称')">
@@ -124,7 +205,11 @@
           </el-form-item>
         </el-collapse-item>
 
-        <el-collapse-item v-if="showEventCollapse()" name="2" :title="i18nt('designer.setting.eventSetting')">
+        <el-collapse-item
+          v-if="showEventCollapse()"
+          name="2"
+          :title="i18nt('designer.setting.eventSetting')"
+        >
           <!--          <el-form-item label="onBeforeCreated" label-width="150px">
                       <a href="javascript:void(0);" class="a-link link-oneLind"
                          @click="editFormEventHandler('onBeforeCreated', ['dataId','done'])">
@@ -133,20 +218,32 @@
                       </a>
                     </el-form-item>-->
           <el-form-item label="onFormCreated" label-width="150px">
-            <a href="javascript:void(0);" class="a-link link-oneLind" @click="editFormEventHandler('onFormCreated')">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="editFormEventHandler('onFormCreated')"
+            >
               <span>{{ formConfig.onFormCreated }}</span>
               <i class="el-icon-edit"></i>
             </a>
           </el-form-item>
           <el-form-item label="onFormMounted" label-width="150px">
-            <a href="javascript:void(0);" class="a-link link-oneLind" @click="editFormEventHandler('onFormMounted')">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="editFormEventHandler('onFormMounted')"
+            >
               <span>{{ formConfig.onFormMounted }}</span>
               <i class="el-icon-edit"></i>
             </a>
           </el-form-item>
           <!-- -->
           <el-form-item label="onFormDataChange" label-width="150px">
-            <a href="javascript:void(0);" class="a-link link-oneLind" @click="editFormEventHandler('onFormDataChange')">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="editFormEventHandler('onFormDataChange')"
+            >
               <span>{{ formConfig.onFormDataChange }}</span>
               <i class="el-icon-edit"></i>
             </a>
@@ -177,16 +274,34 @@
       top="5vh"
     >
       <div class="cont">
-        <el-alert type="info" :closable="false" :title="'form.' + eventParamsMap[curEventName]"></el-alert>
-        <code-editor :mode="'javascript'" :readonly="false" v-model="formEventHandlerCode" ref="ecEditor"></code-editor>
+        <el-alert
+          type="info"
+          :closable="false"
+          :title="'form.' + eventParamsMap[curEventName]"
+        ></el-alert>
+        <code-editor
+          :mode="'javascript'"
+          :readonly="false"
+          v-model="formEventHandlerCode"
+          ref="ecEditor"
+        ></code-editor>
         <el-alert type="info" :closable="false" title="}"></el-alert>
       </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="showFormEventDialogFlag = false" class="button-sty" icon="el-icon-close">
-          {{ i18nt('designer.hint.cancel') }}
+        <el-button
+          @click="showFormEventDialogFlag = false"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
         </el-button>
-        <el-button type="primary" @click="saveFormEventHandler" class="button-sty" icon="el-icon-check">
-          {{ i18nt('designer.hint.confirm') }}
+        <el-button
+          type="primary"
+          @click="saveFormEventHandler"
+          class="button-sty"
+          icon="el-icon-check"
+        >
+          {{ i18nt("designer.hint.confirm") }}
         </el-button>
       </div>
     </el-dialog>
@@ -205,14 +320,27 @@
       :modal-append-to-body="true"
     >
       <div class="cont">
-        <code-editor :mode="'css'" :readonly="false" v-model="formCssCode"></code-editor>
+        <code-editor
+          :mode="'css'"
+          :readonly="false"
+          v-model="formCssCode"
+        ></code-editor>
       </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="showEditFormCssDialogFlag = false" class="button-sty" icon="el-icon-close">
-          {{ i18nt('designer.hint.cancel') }}
+        <el-button
+          @click="showEditFormCssDialogFlag = false"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
         </el-button>
-        <el-button type="primary" @click="saveFormCss" class="button-sty" icon="el-icon-check">
-          {{ i18nt('designer.hint.confirm') }}
+        <el-button
+          type="primary"
+          @click="saveFormCss"
+          class="button-sty"
+          icon="el-icon-check"
+        >
+          {{ i18nt("designer.hint.confirm") }}
         </el-button>
       </div>
     </el-dialog>
@@ -231,14 +359,28 @@
       :modal-append-to-body="true"
     >
       <div class="cont">
-        <code-editor :mode="'javascript'" :readonly="false" v-model="functionsCode" ref="gfEditor"></code-editor>
+        <code-editor
+          :mode="'javascript'"
+          :readonly="false"
+          v-model="functionsCode"
+          ref="gfEditor"
+        ></code-editor>
       </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="showEditFunctionsDialogFlag = false" class="button-sty" icon="el-icon-close">
-          {{ i18nt('designer.hint.cancel') }}
+        <el-button
+          @click="showEditFunctionsDialogFlag = false"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
         </el-button>
-        <el-button type="primary" @click="saveGlobalFunctions" class="button-sty" icon="el-icon-check">
-          {{ i18nt('designer.hint.confirm') }}
+        <el-button
+          type="primary"
+          @click="saveGlobalFunctions"
+          class="button-sty"
+          icon="el-icon-check"
+        >
+          {{ i18nt("designer.hint.confirm") }}
         </el-button>
       </div>
     </el-dialog>
@@ -257,14 +399,28 @@
       :modal-append-to-body="true"
     >
       <div class="cont">
-        <code-editor :mode="'javascript'" :readonly="false" v-model="formScriptParam" ref="gfEditor"></code-editor>
+        <code-editor
+          :mode="'javascript'"
+          :readonly="false"
+          v-model="formScriptParam"
+          ref="gfEditor"
+        ></code-editor>
       </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="showFormScriptParamDialog = false" class="button-sty" icon="el-icon-close">
-          {{ i18nt('designer.hint.cancel') }}
+        <el-button
+          @click="showFormScriptParamDialog = false"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
         </el-button>
-        <el-button type="primary" @click="saveFormScriptParam" class="button-sty" icon="el-icon-check">
-          {{ i18nt('designer.hint.confirm') }}
+        <el-button
+          type="primary"
+          @click="saveFormScriptParam"
+          class="button-sty"
+          icon="el-icon-check"
+        >
+          {{ i18nt("designer.hint.confirm") }}
         </el-button>
       </div>
     </el-dialog>
@@ -282,95 +438,453 @@
       :modal-append-to-body="true"
     >
       <div class="cont">
-        <code-editor :mode="'javascript'" :readonly="false" v-model="formScriptSuccess" ref="gfEditor"></code-editor>
+        <code-editor
+          :mode="'javascript'"
+          :readonly="false"
+          v-model="formScriptSuccess"
+          ref="gfEditor"
+        ></code-editor>
       </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="showFormScriptSuccessDialog = false" class="button-sty" icon="el-icon-close">
-          {{ i18nt('designer.hint.cancel') }}
+        <el-button
+          @click="showFormScriptSuccessDialog = false"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
         </el-button>
-        <el-button type="primary" @click="saveFormScriptSuccess" class="button-sty" icon="el-icon-check">
-          {{ i18nt('designer.hint.confirm') }}
+        <el-button
+          type="primary"
+          @click="saveFormScriptSuccess"
+          class="button-sty"
+          icon="el-icon-check"
+        >
+          {{ i18nt("designer.hint.confirm") }}
+        </el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      v-if="dialogVisible"
+      custom-class="dialog-style list-dialog"
+      :title="i18nt('流程节点可编辑表单配置')"
+      :visible.sync="dialogVisible"
+      :show-close="!0"
+      :append-to-body="true"
+      :modal="false"
+      :close-on-click-modal="!1"
+      :close-on-press-escape="!1"
+      :destroy-on-close="!0"
+      width="1220px"
+      top="5vh"
+      v-dialog-drag
+      :fullscreen="true"
+    >
+      <div class="cont" style="padding-bottom: 8px">
+        <el-table
+          ref="singleTable"
+          width="100%"
+          :data="wfConfigData"
+          height="100%"
+          border=""
+          row-key="columnId"
+          stripe=""
+          style="margin-bottom: 0px"
+        >
+          <el-table-column
+            type="index"
+            width="35"
+            fixed="left"
+          ></el-table-column>
+          <!-- <el-table-column :label="i18nt('服务')" width="150">
+            <template slot-scope="{ row }">
+              <el-select v-model="row.serveType" @change="changeServeType(row)">
+                <el-option :value="1" label="正式"></el-option>
+                <el-option :value="2" label="UAT"></el-option>
+                <el-option :value="3" label="测试"></el-option>
+                <el-option :value="4" label="自定义"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column :label="i18nt('自定义服务')" width="150">
+            <template slot-scope="{ row }">
+              <el-input
+                v-model="row.serveName"
+                clearable
+                :disabled="row.serveType !== 4"
+              ></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column :label="i18nt('组织编码')" width="250">
+            <template slot-scope="{ row, $index }">
+              <el-input v-model="row.companyCodes" clearable></el-input>
+            </template>
+          </el-table-column> -->
+          <el-table-column :label="i18nt('组织编码')" width="250">
+            <template slot-scope="{ row, $index }">
+              <el-input
+                class="search-input"
+                max="200"
+                v-model="row.companyCodes"
+                @clear="clearBdCompanyEnv1(row)"
+                v-el-readonly
+                clearable
+              >
+                <i
+                  slot="suffix"
+                  class="el-input__icon el-icon-search"
+                  @click="openBdCompanyEnvDialog1($index)"
+                ></i>
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column :label="i18nt('服务名称')" width="150">
+            <template slot-scope="{ row }">
+              {{ row.serveName }}
+            </template>
+          </el-table-column>
+          <!-- <el-table-column :label="i18nt('流程模板编码')" width="150">
+            <template slot-scope="{ row }">
+              <el-input v-model="row.modelKey" clearable></el-input>
+            </template>
+          </el-table-column> -->
+          <el-table-column :label="i18nt('流程模板序号')" width="150">
+            <template slot-scope="{ row }">
+              <base-input-number v-model="row.modelOrders" clearable></base-input-number>
+            </template>
+          </el-table-column>
+          <el-table-column
+            :label="i18nt('节点步骤（多个值用“,”隔开）')"
+            width="250"
+          >
+            <template slot-scope="{ row }">
+              <el-input v-model="row.taskSteps" clearable></el-input>
+            </template>
+          </el-table-column>
+          <!--          <el-table-column :label="i18nt('设置')" width="150">
+                      <template slot-scope="{row}">
+                        <el-select v-model="row.type" clearable>
+                          <el-option :value="1" label="可编辑"></el-option>
+                          <el-option :value="2" label="仅显示"></el-option>
+                          <el-option :value="3" label="隐藏"></el-option>
+                        </el-select>
+                      </template>
+                    </el-table-column>-->
+          <el-table-column
+            :label="i18nt('designer.setting.actionColumn')"
+            width="100"
+            align="center"
+          >
+            <template #header>
+              <span>{{ i18nt("designer.setting.actionColumn") }}</span>
+              <el-button
+                :title="i18nt('designer.setting.addTableColumn')"
+                size="mini"
+                type=""
+                circle=""
+                icon="el-icon-plus"
+                @click="addItem"
+              ></el-button>
+            </template>
+            <template slot-scope="scope">
+              <el-button
+                :title="i18nt('designer.setting.deleteTableColumn')"
+                size="mini"
+                type=""
+                circle=""
+                icon="el-icon-minus"
+                @click="wfConfigData.splice(scope.$index, 1)"
+              ></el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button
+          @click="dialogVisible = false"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
+        </el-button>
+        <el-button
+          type="primary"
+          @click="confirmWfConfigDataDialog"
+          class="button-sty"
+          icon="el-icon-check"
+        >
+          {{ i18nt("designer.hint.confirm") }}
         </el-button>
       </div>
     </el-dialog>
 
-    <formTemplateDialog v-if="showFormTemplateDialog" :visiable.sync="showFormTemplateDialog"
-                        @confirm="confirmFormTemplate" multi="false"/>
-    <wfObjConfigDialog v-if="showWfObjConfigDialog" :visiable.sync="showWfObjConfigDialog"
-                       @confirm="confirmWfObjConfigDialog" :formTemplate="designer.vueInstance.reportTemplate"/>
+    <el-dialog
+      v-if="dialogVisible2"
+      custom-class="dialog-style list-dialog"
+      :title="i18nt('流程通过时自动保存表单数据的节点配置')"
+      :visible.sync="dialogVisible2"
+      :show-close="!0"
+      :append-to-body="true"
+      :modal="false"
+      :close-on-click-modal="!1"
+      :close-on-press-escape="!1"
+      :destroy-on-close="!0"
+      width="1220px"
+      top="5vh"
+      v-dialog-drag
+      :fullscreen="true"
+    >
+      <div class="cont" style="padding-bottom: 8px">
+        <el-table
+          ref="singleTable"
+          width="100%"
+          :data="wfAgreeConfigData"
+          height="100%"
+          border=""
+          row-key="columnId"
+          stripe=""
+          style="margin-bottom: 0px"
+        >
+          <el-table-column
+            type="index"
+            width="35"
+            fixed="left"
+          ></el-table-column>
+          <!-- <el-table-column :label="i18nt('服务')" width="150">
+            <template slot-scope="{ row }">
+              <el-select v-model="row.serveType" @change="changeServeType(row)">
+                <el-option :value="1" label="正式"></el-option>
+                <el-option :value="2" label="UAT"></el-option>
+                <el-option :value="3" label="测试"></el-option>
+                <el-option :value="4" label="自定义"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column :label="i18nt('自定义服务')" width="150">
+            <template slot-scope="{ row }">
+              <el-input
+                v-model="row.serveName"
+                clearable
+                :disabled="row.serveType !== 4"
+              ></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column :label="i18nt('组织编码')" width="250">
+            <template slot-scope="{ row, $index }">
+              <el-input v-model="row.companyCodes" clearable></el-input>
+            </template>
+          </el-table-column> -->
+          <el-table-column :label="i18nt('组织编码')" width="250">
+            <template slot-scope="{ row, $index }">
+              <el-input
+                class="search-input"
+                max="200"
+                v-model="row.companyCodes"
+                @clear="clearBdCompanyEnv2(row)"
+                v-el-readonly
+                clearable
+              >
+                <i
+                  slot="suffix"
+                  class="el-input__icon el-icon-search"
+                  @click="openBdCompanyEnvDialog2($index)"
+                ></i>
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column :label="i18nt('服务名称')" width="150">
+            <template slot-scope="{ row }">
+              {{ row.serveName }}
+            </template>
+          </el-table-column>
+          <!-- <el-table-column :label="i18nt('流程模板编码')" width="150">
+            <template slot-scope="{ row }">
+              <el-input v-model="row.modelKey" clearable></el-input>
+            </template>
+          </el-table-column> -->
+          <el-table-column :label="i18nt('流程模板序号')" width="150">
+            <template slot-scope="{ row }">
+              <base-input-number v-model="row.modelOrders" clearable></base-input-number>
+            </template>
+          </el-table-column>
+          <el-table-column
+            :label="i18nt('节点步骤（多个值用“,”隔开）')"
+            width="250"
+          >
+            <template slot-scope="{ row }">
+              <el-input v-model="row.taskSteps" clearable></el-input>
+            </template>
+          </el-table-column>
+          <!--          <el-table-column :label="i18nt('设置')" width="150">
+                      <template slot-scope="{row}">
+                        <el-select v-model="row.type" clearable>
+                          <el-option :value="1" label="可编辑"></el-option>
+                          <el-option :value="2" label="仅显示"></el-option>
+                          <el-option :value="3" label="隐藏"></el-option>
+                        </el-select>
+                      </template>
+                    </el-table-column>-->
+          <el-table-column
+            :label="i18nt('designer.setting.actionColumn')"
+            width="100"
+            align="center"
+          >
+            <template #header>
+              <span>{{ i18nt("designer.setting.actionColumn") }}</span>
+              <el-button
+                :title="i18nt('designer.setting.addTableColumn')"
+                size="mini"
+                type=""
+                circle=""
+                icon="el-icon-plus"
+                @click="addItem2"
+              ></el-button>
+            </template>
+            <template slot-scope="scope">
+              <el-button
+                :title="i18nt('designer.setting.deleteTableColumn')"
+                size="mini"
+                type=""
+                circle=""
+                icon="el-icon-minus"
+                @click="wfAgreeConfigData.splice(scope.$index, 1)"
+              ></el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button
+          @click="dialogVisible2 = false"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
+        </el-button>
+        <el-button
+          type="primary"
+          @click="confirmWfConfigDataDialog2"
+          class="button-sty"
+          icon="el-icon-check"
+        >
+          {{ i18nt("designer.hint.confirm") }}
+        </el-button>
+      </div>
+    </el-dialog>
+
+    <formTemplateDialog
+      v-if="showFormTemplateDialog"
+      :visiable.sync="showFormTemplateDialog"
+      @confirm="confirmFormTemplate"
+      multi="false"
+    />
+    <wfObjConfigDialog
+      v-if="showWfObjConfigDialog"
+      :visiable.sync="showWfObjConfigDialog"
+      @confirm="confirmWfObjConfigDialog"
+      :formTemplate="designer.vueInstance.reportTemplate"
+    />
+
+    <bdCompanyEnvDialog
+      v-if="showBdCompanyEnvDialog1"
+      :visiable.sync="showBdCompanyEnvDialog1"
+      @confirm="confirmBdCompanyEnvDialog1"
+      :multi="false"
+    />
+    <bdCompanyEnvDialog
+      v-if="showBdCompanyEnvDialog2"
+      :visiable.sync="showBdCompanyEnvDialog2"
+      @confirm="confirmBdCompanyEnvDialog2"
+      :multi="false"
+    />
   </div>
 </template>
 
 <script>
-import i18n from '../../../../components/xform/utils/i18n';
-import {deepClone, insertCustomCssToHead, insertGlobalFunctionsToHtml} from '../../../../components/xform/utils/util';
-import formTemplateDialog from '../../../../views/bd/setting/form_template/dialog.vue'
+import i18n from "../../../../components/xform/utils/i18n";
+import {
+  deepClone,
+  insertCustomCssToHead,
+  insertGlobalFunctionsToHtml,
+} from "../../../../components/xform/utils/util";
+import formTemplateDialog from "../../../../views/bd/setting/form_template/dialog.vue";
 import wfObjConfigDialog from "./wfObjConfigDialog.vue";
-
+import bdCompanyEnvDialog from "@base/views/bd/setting/bd_company_env/dialog";
 
 export default {
-  name: 'form-setting',
+  name: "form-setting",
   mixins: [i18n],
   components: {
     formTemplateDialog,
-    wfObjConfigDialog
+    wfObjConfigDialog,
+    bdCompanyEnvDialog,
   },
   props: {
     designer: Object,
-    formConfig: Object
+    formConfig: Object,
   },
-  inject: ['getDesignerConfig'],
+  inject: ["getDesignerConfig"],
   data() {
     return {
       designerConfig: this.getDesignerConfig(),
 
-      formActiveCollapseNames: ['1', '2'],
+      formActiveCollapseNames: ["1", "2"],
 
       formSizes: [
-        {label: 'default', value: ''},
-        {label: 'large', value: 'large'},
-        {label: 'medium', value: 'medium'},
-        {label: 'small', value: 'small'},
-        {label: 'mini', value: 'mini'}
+        { label: "default", value: "" },
+        { label: "large", value: "large" },
+        { label: "medium", value: "medium" },
+        { label: "small", value: "small" },
+        { label: "mini", value: "mini" },
       ],
 
       showEditFormCssDialogFlag: false,
-      formCssCode: '',
+      formCssCode: "",
       cssClassList: [],
 
       showEditFunctionsDialogFlag: false,
-      functionsCode: '',
+      functionsCode: "",
 
       showFormEventDialogFlag: false,
-      formEventHandlerCode: '',
-      curEventName: '',
+      formEventHandlerCode: "",
+      curEventName: "",
 
       eventParamsMap: {
-        onBeforeCreated: 'onBeforeCreated(dataId,formCode,done) {',
-        onFormCreated: 'onFormCreated(dataId,formCode) {',
-        onFormMounted: 'onFormMounted(dataId,formCode) {',
-        onFormDataChange: 'onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {'
+        onBeforeCreated: "onBeforeCreated(dataId,formCode,done) {",
+        onFormCreated: "onFormCreated(dataId,formCode) {",
+        onFormMounted: "onFormMounted(dataId,formCode) {",
+        onFormDataChange:
+          "onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {",
+        wfConfig: "wfConfig(dataId, formCode, formData) {",
         //'onFormValidate':     'onFormValidate() {',
       },
       showVabsearchConfigDialog: false,
       vabsearchConfigType: 1,
       showFormTemplateDialog: false,
 
-      formScriptParam:null,
+      formScriptParam: null,
       showFormScriptParamDialog: false,
-      formScriptSuccess:null,
+      formScriptSuccess: null,
       showFormScriptSuccessDialog: false,
-      wfObjConfigs:[],
-      showWfObjConfigDialog:false
+      wfObjConfigs: [],
+      showWfObjConfigDialog: false,
+
+      dialogVisible: false,
+      wfConfigData: [],
+
+      dialogVisible2: false,
+      wfAgreeConfigData: [],
+
+      showBdCompanyEnvDialog1: false,
+      showBdCompanyEnvDialog2: false,
     };
   },
   created() {
     //导入表单JSON后需要重新加载自定义CSS样式！！！
-    this.designer.handleEvent('form-json-imported', () => {
+    this.designer.handleEvent("form-json-imported", () => {
       this.formCssCode = this.formConfig.cssCode;
-      insertCustomCssToHead(this.formCssCode);
+      insertCustomCssToHead(this.formCssCcssCodeode);
       this.extractCssClass();
-      this.designer.emitEvent('form-css-updated', deepClone(this.cssClassList));
+      this.designer.emitEvent("form-css-updated", deepClone(this.cssClassList));
     });
   },
   mounted() {
@@ -380,17 +894,17 @@ export default {
       this.formCssCode = this.formConfig.cssCode;
       insertCustomCssToHead(this.formCssCode);
       this.extractCssClass();
-      this.designer.emitEvent('form-css-updated', deepClone(this.cssClassList));
+      this.designer.emitEvent("form-css-updated", deepClone(this.cssClassList));
     }, 1200);
     this.getListByObjTypeCode();
   },
   methods: {
     showEventCollapse() {
-      if (this.designerConfig['eventCollapse'] === undefined) {
+      if (this.designerConfig["eventCollapse"] === undefined) {
         return true;
       }
 
-      return !!this.designerConfig['eventCollapse'];
+      return !!this.designerConfig["eventCollapse"];
     },
 
     editFormCss() {
@@ -404,30 +918,39 @@ export default {
       let cssNameArray = [];
 
       if (!!result && result.length > 0) {
-        result.forEach(rItem => {
-          let classArray = rItem.split(','); //切分逗号分割的多个class
+        result.forEach((rItem) => {
+          let classArray = rItem.split(","); //切分逗号分割的多个class
           if (classArray.length > 0) {
-            classArray.forEach(cItem => {
+            classArray.forEach((cItem) => {
               let caItem = cItem.trim();
-              if (caItem.indexOf('.', 1) !== -1) {
+              if (caItem.indexOf(".", 1) !== -1) {
                 //查找第二个.位置
-                let newClass = caItem.substring(caItem.indexOf('.') + 1, caItem.indexOf('.', 1)); //仅截取第一、二个.号之间的class
+                let newClass = caItem.substring(
+                  caItem.indexOf(".") + 1,
+                  caItem.indexOf(".", 1)
+                ); //仅截取第一、二个.号之间的class
                 if (!!newClass) {
                   cssNameArray.push(newClass.trim());
                 }
-              } else if (caItem.indexOf(' ') !== -1) {
+              } else if (caItem.indexOf(" ") !== -1) {
                 //查找第一个空格位置
-                let newClass = caItem.substring(caItem.indexOf('.') + 1, caItem.indexOf(' ')); //仅截取第一、二个.号之间的class
+                let newClass = caItem.substring(
+                  caItem.indexOf(".") + 1,
+                  caItem.indexOf(" ")
+                ); //仅截取第一、二个.号之间的class
                 if (!!newClass) {
                   cssNameArray.push(newClass.trim());
                 }
               } else {
-                if (caItem.indexOf('{') !== -1) {
+                if (caItem.indexOf("{") !== -1) {
                   //查找第一个{位置
-                  let newClass = caItem.substring(caItem.indexOf('.') + 1, caItem.indexOf('{'));
+                  let newClass = caItem.substring(
+                    caItem.indexOf(".") + 1,
+                    caItem.indexOf("{")
+                  );
                   cssNameArray.push(newClass.trim());
                 } else {
-                  let newClass = caItem.substring(caItem.indexOf('.') + 1);
+                  let newClass = caItem.substring(caItem.indexOf(".") + 1);
                   cssNameArray.push(newClass.trim());
                 }
               }
@@ -447,14 +970,14 @@ export default {
       insertCustomCssToHead(this.formCssCode);
       this.showEditFormCssDialogFlag = false;
 
-      this.designer.emitEvent('form-css-updated', deepClone(this.cssClassList));
+      this.designer.emitEvent("form-css-updated", deepClone(this.cssClassList));
     },
 
     editGlobalFunctions() {
       this.functionsCode = this.designer.formConfig.functions;
       this.showEditFunctionsDialogFlag = true;
     },
-    editFormScriptParam(){
+    editFormScriptParam() {
       this.formScriptParam = this.designer.formConfig.formScriptParam;
       this.showFormScriptParamDialog = true;
     },
@@ -463,14 +986,16 @@ export default {
       const codeHints = this.$refs.gfEditor.getEditorAnnotations();
       let syntaxErrorFlag = false;
       if (!!codeHints && codeHints.length > 0) {
-        codeHints.forEach(chItem => {
-          if (chItem.type === 'error') {
+        codeHints.forEach((chItem) => {
+          if (chItem.type === "error") {
             syntaxErrorFlag = true;
           }
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'));
+          this.$message.error(
+            this.i18nt("designer.setting.syntaxCheckWarning")
+          );
           return;
         }
       }
@@ -490,14 +1015,16 @@ export default {
       const codeHints = this.$refs.ecEditor.getEditorAnnotations();
       let syntaxErrorFlag = false;
       if (!!codeHints && codeHints.length > 0) {
-        codeHints.forEach(chItem => {
-          if (chItem.type === 'error') {
+        codeHints.forEach((chItem) => {
+          if (chItem.type === "error") {
             syntaxErrorFlag = true;
           }
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'));
+          this.$message.error(
+            this.i18nt("designer.setting.syntaxCheckWarning")
+          );
           return;
         }
       }
@@ -514,21 +1041,23 @@ export default {
     },
     getEventButtonName(funStr) {
       let name = this.i18nt("designer.setting.addEventHandler");
-      if (funStr) name = "已维护"
+      if (funStr) name = "已维护";
       return name;
     },
     saveFormScriptParam() {
       const codeHints = this.$refs.gfEditor.getEditorAnnotations();
       let syntaxErrorFlag = false;
       if (!!codeHints && codeHints.length > 0) {
-        codeHints.forEach(chItem => {
-          if (chItem.type === 'error') {
+        codeHints.forEach((chItem) => {
+          if (chItem.type === "error") {
             syntaxErrorFlag = true;
           }
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'));
+          this.$message.error(
+            this.i18nt("designer.setting.syntaxCheckWarning")
+          );
           return;
         }
       }
@@ -536,7 +1065,7 @@ export default {
       this.designer.formConfig.formScriptParam = this.formScriptParam;
       this.showFormScriptParamDialog = false;
     },
-    editFormScriptSuccess(){
+    editFormScriptSuccess() {
       this.formScriptSuccess = this.designer.formConfig.formScriptSuccess;
       this.showFormScriptSuccessDialog = true;
     },
@@ -544,14 +1073,16 @@ export default {
       const codeHints = this.$refs.gfEditor.getEditorAnnotations();
       let syntaxErrorFlag = false;
       if (!!codeHints && codeHints.length > 0) {
-        codeHints.forEach(chItem => {
-          if (chItem.type === 'error') {
+        codeHints.forEach((chItem) => {
+          if (chItem.type === "error") {
             syntaxErrorFlag = true;
           }
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'));
+          this.$message.error(
+            this.i18nt("designer.setting.syntaxCheckWarning")
+          );
           return;
         }
       }
@@ -559,27 +1090,176 @@ export default {
       this.designer.formConfig.formScriptSuccess = this.formScriptSuccess;
       this.showFormScriptSuccessDialog = false;
     },
-    openWfObjConfigDialog(){
+    openWfObjConfigDialog() {
       this.showWfObjConfigDialog = true;
     },
-    confirmWfObjConfigDialog(rows){
+    confirmWfObjConfigDialog(rows) {
       this.wfObjConfigs = rows || [];
     },
-    getListByObjTypeCode(){
-      let reportTemplate = this.designer.vueInstance.reportTemplate
+    getListByObjTypeCode() {
+      let reportTemplate = this.designer.vueInstance.reportTemplate;
       this.$http({
         url: `/${reportTemplate.serviceName}/wf_obj_config/listByObjTypeCode`,
         method: `post`,
-        data:{
-          stringOne:reportTemplate.objTypeCode
+        data: {
+          stringOne: reportTemplate.objTypeCode,
         },
         isLoading: true,
-        success: res => {
+        success: (res) => {
           this.wfObjConfigs = res.objx || [];
-        }
+        },
       });
     },
-  }
+    changeWfEnabled(val) {
+      this.designer.vueInstance.reportTemplate.objTypeName = null;
+      this.designer.vueInstance.reportTemplate.fromWfFormCode = null;
+    },
+    openWfConfigDataDialog() {
+      let wfConfigData = this.formConfig.wfConfigData || [];
+      this.dialogVisible = true;
+      this.wfConfigData = this.$baseLodash.cloneDeep(wfConfigData);
+    },
+    addItem() {
+      let newItem = {
+        type: null,
+        serveType: null,
+        serveName: null,
+        modelKey: null,
+        modelOrders: undefined,
+        taskSteps: null,
+        companyCodes: null,
+      };
+      this.wfConfigData.push(newItem);
+    },
+    confirmWfConfigDataDialog() {
+      let tableData = this.wfConfigData;
+      let map = {};
+      for (let i = 0; i < tableData.length; i++) {
+        let item = tableData[i];
+        if (!item.serveName) {
+          this.$message({
+            type: "error",
+            message: "服务名称不能为空",
+          });
+          return
+        }
+        if (!item.companyCodes) {
+          this.$message({
+            type: "error",
+            message: "组织编码不能为空",
+          });
+          return
+        }
+        let modelOrders = item.modelOrders??"";
+
+        let serveName = item.serveName;
+        let companyCodes = item.companyCodes;
+        let key = serveName + "_" + companyCodes+ "_"+modelOrders;
+        if (!map[key]) {
+          map[key] = true;
+        } else {
+          this.$message({
+            type: "error",
+            message: "[服务+组织+流程模板序号]不能重复",
+          });
+          return;
+        }
+      }
+
+      this.dialogVisible = !1;
+      this.formConfig.wfConfigData = this.wfConfigData;
+    },
+
+    openWfConfigDataDialog2() {
+      let wfAgreeConfigData = this.formConfig.wfAgreeConfigData || [];
+      this.dialogVisible2 = true;
+      this.wfAgreeConfigData = this.$baseLodash.cloneDeep(wfAgreeConfigData);
+    },
+    addItem2() {
+      let newItem = {
+        type: null,
+        serveType: null,
+        serveName: null,
+        modelKey: null,
+        modelOrders: undefined,
+        taskSteps: null,
+        companyCodes: null,
+      };
+      this.wfAgreeConfigData.push(newItem);
+    },
+    confirmWfConfigDataDialog2() {
+      let tableData = this.wfAgreeConfigData;
+
+      let map = {};
+      for (let i = 0; i < tableData.length; i++) {
+        let item = tableData[i];
+        if (!item.serveName) {
+          this.$message({
+            type: "error",
+            message: "服务名称不能为空",
+          });
+          return
+        }
+        if (!item.companyCodes) {
+          this.$message({
+            type: "error",
+            message: "组织编码不能为空",
+          });
+          return
+        }
+        let modelOrders = item.modelOrders??"";
+
+        let serveName = item.serveName;
+        let companyCodes = item.companyCodes;
+        let key = serveName + "_" + companyCodes+ "_"+modelOrders;
+        if (!map[key]) {
+          map[key] = true;
+        } else {
+          this.$message({
+            type: "error",
+            message: "[服务+组织+流程模板序号]不能重复",
+          });
+          return;
+        }
+      }
+      this.dialogVisible2 = !1;
+      this.formConfig.wfAgreeConfigData = this.wfAgreeConfigData;
+    },
+
+    clearBdCompanyEnv1(row) {
+      row.serveName = null;
+      row.companyCodes = null;
+    },
+    openBdCompanyEnvDialog1(rowIndex) {
+      this.operateIndex = rowIndex;
+      this.showBdCompanyEnvDialog1 = true;
+    },
+    confirmBdCompanyEnvDialog1(rows) {
+      if (rows.length) {
+        let row = rows[0];
+        let item = this.wfConfigData[this.operateIndex];
+        item.serveName = row.bdService;
+        item.companyCodes = row.bdCompanyCode;
+      }
+    },
+
+    clearBdCompanyEnv2(row) {
+      row.serveName = null;
+      row.companyCodes = null;
+    },
+    openBdCompanyEnvDialog2(rowIndex) {
+      this.operateIndex = rowIndex;
+      this.showBdCompanyEnvDialog2 = true;
+    },
+    confirmBdCompanyEnvDialog2(rows) {
+      if (rows.length) {
+        let row = rows[0];
+        let item = this.wfAgreeConfigData[this.operateIndex];
+        item.serveName = row.bdService;
+        item.companyCodes = row.bdCompanyCode;
+      }
+    },
+  },
 };
 </script>