cloud-web-corejs 1.0.163 → 1.0.165

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

@@ -9,10 +9,7 @@
       @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>
@@ -30,18 +27,29 @@
             ></el-switch>
           </el-form-item>
           <el-form-item>
-            <span slot="label">流程主题
-            <el-tooltip effect="light">
+            <span slot="label"
+              >流程主题
+              <scriptDescriptionButton
+                title="流程主题说明"
+                path="static/readme/WfSubject.txt"
+              ></scriptDescriptionButton>
+              <!-- <el-tooltip effect="light">
               <i class="el-icon-info"></i>
               <div slot="content" style="white-space: pre-wrap;">
                 {{tip1}}
               </div>
 
-            </el-tooltip>
-          </span>
+            </el-tooltip> -->
+            </span>
           </el-form-item>
           <div>
-            <el-input style="word-break: break-word" type="textarea" :rows="3" v-model="formConfig.wfTheme" clearable></el-input>
+            <el-input
+              style="word-break: break-word"
+              type="textarea"
+              :rows="3"
+              v-model="formConfig.wfTheme"
+              clearable
+            ></el-input>
           </div>
           <el-form-item :label="i18nt('流程启动时自动保存表单数据')">
             <el-switch v-model="formConfig.wfStartBindSave"></el-switch>
@@ -57,8 +65,7 @@
               @click="openWfConfigDataDialog2"
             >
               <span>{{
-                formConfig.wfAgreeConfigData &&
-                formConfig.wfAgreeConfigData.length
+                formConfig.wfAgreeConfigData && formConfig.wfAgreeConfigData.length
                   ? "已维护"
                   : ""
               }}</span>
@@ -75,9 +82,7 @@
               @click="openWfConfigDataDialog"
             >
               <span>{{
-                formConfig.wfConfigData && formConfig.wfConfigData.length
-                  ? "已维护"
-                  : ""
+                formConfig.wfConfigData && formConfig.wfConfigData.length ? "已维护" : ""
               }}</span>
               <i class="el-icon-edit"></i>
             </a>
@@ -152,27 +157,73 @@
             </a>
           </el-form-item>
           <el-form-item :label="i18nt('designer.setting.formCss')">
-            <el-button
-              type="info"
-              icon="el-icon-edit"
-              plain
-              round
-              @click="editFormCss"
-            >
+            <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-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="2" title="其他标签页信息">
+          <el-form-item :label="i18nt('自定义列表标签名称')">
             <el-input
               type="text"
-              v-model="formConfig.multiTabLabelField"
+              v-model="formConfig.customListTabLabel"
+              placeholder="默认`列表`"
             ></el-input>
           </el-form-item>
+          <el-form-item :label="i18nt('启用其他标签页')">
+            <el-switch v-model="formConfig.otherTabEnabled"></el-switch>
+          </el-form-item>
+          <el-form-item :label="i18nt('其他标签页配置')"> </el-form-item>
+          <el-form-item label-width="0">
+            <div>
+              <draggable
+                tag="ul"
+                class="draggable-box"
+                :list="formConfig.otherTabList"
+                v-bind="{
+                  group: 'optionsGroup',
+                  ghostClass: 'ghost',
+                  handle: '.drag-option',
+                }"
+              >
+                <li v-for="(option, idx) in formConfig.otherTabList" :key="idx">
+                  <el-input
+                    v-model="option.label"
+                    size="mini"
+                    style="width: 100px"
+                    placeholder="标签名称"
+                  ></el-input>
+                  <el-input
+                    v-model="option.formCode"
+                    size="mini"
+                    style="width: 100px"
+                    placeholder="表单模板编码"
+                  ></el-input>
+                  <i class="el-icon-s-operation drag-option"></i>
+                  <el-button
+                    circle
+                    plain
+                    size="mini"
+                    type="danger"
+                    @click="formConfig.otherTabList.splice(idx, 1)"
+                    icon="el-icon-minus"
+                    class="col-delete-button"
+                  ></el-button>
+                </li>
+              </draggable>
+              <el-button type="text" @click="addOtherTab">{{
+                i18nt("designer.setting.addOption")
+              }}</el-button>
+            </div>
+          </el-form-item>
         </el-collapse-item>
 
         <el-collapse-item name="3" title="详情表单信息">
@@ -358,11 +409,7 @@
       :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
@@ -528,11 +575,7 @@
           stripe=""
           style="margin-bottom: 0px"
         >
-          <el-table-column
-            type="index"
-            width="35"
-            fixed="left"
-          ></el-table-column>
+          <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)">
@@ -590,10 +633,7 @@
               <base-input-number v-model="row.modelOrders" clearable></base-input-number>
             </template>
           </el-table-column>
-          <el-table-column
-            :label="i18nt('节点步骤（多个值用“,”隔开）')"
-            width="250"
-          >
+          <el-table-column :label="i18nt('节点步骤（多个值用“,”隔开）')" width="250">
             <template slot-scope="{ row }">
               <el-input v-model="row.taskSteps" clearable></el-input>
             </template>
@@ -637,11 +677,7 @@
         </el-table>
       </div>
       <div class="dialog-footer" slot="footer">
-        <el-button
-          @click="dialogVisible = false"
-          class="button-sty"
-          icon="el-icon-close"
-        >
+        <el-button @click="dialogVisible = false" class="button-sty" icon="el-icon-close">
           {{ i18nt("designer.hint.cancel") }}
         </el-button>
         <el-button
@@ -682,11 +718,7 @@
           stripe=""
           style="margin-bottom: 0px"
         >
-          <el-table-column
-            type="index"
-            width="35"
-            fixed="left"
-          ></el-table-column>
+          <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)">
@@ -744,10 +776,7 @@
               <base-input-number v-model="row.modelOrders" clearable></base-input-number>
             </template>
           </el-table-column>
-          <el-table-column
-            :label="i18nt('节点步骤（多个值用“,”隔开）')"
-            width="250"
-          >
+          <el-table-column :label="i18nt('节点步骤（多个值用“,”隔开）')" width="250">
             <template slot-scope="{ row }">
               <el-input v-model="row.taskSteps" clearable></el-input>
             </template>
@@ -915,7 +944,7 @@ export default {
       showBdCompanyEnvDialog1: false,
       showBdCompanyEnvDialog2: false,
 
-      tip1:`流程主题表达式设置说明。
+      tip1: `流程主题表达式设置说明。
 
 1、可使用参数：
 wf：流程对象
@@ -949,7 +978,7 @@ func.convertDate(date, format)：时间转换，如当前时间转为当前天
 
 3、配置示例
 比如表名为：pm_product_project，配置如下：
-$\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_project.product_name\}$\{wf.name\}$\{pm_product_project.sn\}$\{func.orgName(pm_product_project.f_sale_org_id)\}$\{nowDayStr\}`
+$\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_project.product_name\}$\{wf.name\}$\{pm_product_project.sn\}$\{func.orgName(pm_product_project.f_sale_org_id)\}$\{nowDayStr\}`,
     };
   },
   created() {
@@ -1067,9 +1096,7 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(
-            this.i18nt("designer.setting.syntaxCheckWarning")
-          );
+          this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
           return;
         }
       }
@@ -1096,9 +1123,7 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(
-            this.i18nt("designer.setting.syntaxCheckWarning")
-          );
+          this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
           return;
         }
       }
@@ -1106,18 +1131,18 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
       this.formConfig[this.curEventName] = this.formEventHandlerCode;
       this.showFormEventDialogFlag = false;
     },
-    openFormTemplate(flag){
+    openFormTemplate(flag) {
       this.formTemplateFlag = flag;
       this.showFormTemplateDialog = true;
     },
     confirmFormTemplate(rows) {
       if (rows.length) {
         let row = rows[0];
-        if(this.formTemplateFlag==1){
+        if (this.formTemplateFlag == 1) {
           //新增
           this.$set(this.formConfig, "addFormCode", row.formCode);
           this.$set(this.formConfig, "addFormName", row.formName);
-        }else{
+        } else {
           //查看
           this.$set(this.formConfig, "editFormCode", row.formCode);
           this.$set(this.formConfig, "editFormName", row.formName);
@@ -1140,9 +1165,7 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(
-            this.i18nt("designer.setting.syntaxCheckWarning")
-          );
+          this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
           return;
         }
       }
@@ -1165,9 +1188,7 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(
-            this.i18nt("designer.setting.syntaxCheckWarning")
-          );
+          this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
           return;
         }
       }
@@ -1226,20 +1247,20 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
             type: "error",
             message: "服务名称不能为空",
           });
-          return
+          return;
         }
         if (!item.companyCodes) {
           this.$message({
             type: "error",
             message: "组织编码不能为空",
           });
-          return
+          return;
         }
-        let modelOrders = item.modelOrders??"";
+        let modelOrders = item.modelOrders ?? "";
 
         let serveName = item.serveName;
         let companyCodes = item.companyCodes;
-        let key = serveName + "_" + companyCodes+ "_"+modelOrders;
+        let key = serveName + "_" + companyCodes + "_" + modelOrders;
         if (!map[key]) {
           map[key] = true;
         } else {
@@ -1283,20 +1304,20 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
             type: "error",
             message: "服务名称不能为空",
           });
-          return
+          return;
         }
         if (!item.companyCodes) {
           this.$message({
             type: "error",
             message: "组织编码不能为空",
           });
-          return
+          return;
         }
-        let modelOrders = item.modelOrders??"";
+        let modelOrders = item.modelOrders ?? "";
 
         let serveName = item.serveName;
         let companyCodes = item.companyCodes;
-        let key = serveName + "_" + companyCodes+ "_"+modelOrders;
+        let key = serveName + "_" + companyCodes + "_" + modelOrders;
         if (!map[key]) {
           map[key] = true;
         } else {
@@ -1344,6 +1365,15 @@ $\{wf.starterName\}提交的$\{pm_product_project.product_code\}$\{pm_product_pr
         item.companyCodes = row.bdCompanyCode;
       }
     },
+    addOtherTab() {
+      if (!this.formConfig.otherTabList) {
+        this.$set(this.formConfig, "otherTabList", []);
+      }
+      this.formConfig.otherTabList.push({
+        label: null,
+        formCode: null,
+      });
+    },
   },
 };
 </script>