cloud-web-corejs 1.0.54-dev.745 → 1.0.54-dev.747

package/src/views/bd/setting/form_template/wfObjConfigDialog.vue

@@ -1,253 +1,253 @@
-<template>
-  <el-dialog
-    :title="'设置组织流程单据类型（'+formTemplate.formName+'）'"
-    :append-to-body="true"
-    :modal-append-to-body="true"
-    :close-on-click-modal="false"
-    :visible.sync="dialogVisible"
-    :modal="false"
-    custom-class="dialog-style list-dialog dialog-checkbox pd_0"
-    width="1200px"
-    @close="closeDialog"
-    v-el-drag-dialog
-    v-el-dialog-center
-  >
-    <div id="containt">
-      <el-form ref="editForm" :model="formData">
-        <div class="grid-height" style="height: 500px">
-          <vxe-grid
-            class="is-pointer"
-            ref="table-m1"
-            :data="formData.wfObjConfigDTOs"
-            v-bind="vxeOption"
-            @resizable-change="$vxeTableUtil.onColumnWitchChange"
-            @custom="$vxeTableUtil.customHandle"
-          >
-            <template #form>
-              <div class="clearfix screen-btns">
-                <div class="fl">
-                  <vxe-button status="primary" class="button-sty" icon="el-icon-plus"
-                              @click="openCompanyDialog">
-                    新增
-                  </vxe-button>
-                  <span class="button-sty tips">{{ $t1('选择表单所在的组织，填写组织对应的流程单据类型数据。') }}</span>
-                </div>
-              </div>
-            </template>
-            <template #objTypeName="{row,rowIndex}">
-              <el-form-item :prop="'wfObjConfigDTOs.'+rowIndex+'.objTypeName'"
-                            :rules="[{ required: true, trigger: 'blur' }]">
-                <el-input v-model="row.objTypeName" clearable></el-input>
-              </el-form-item>
-            </template>
-            <template #operate="{row}">
-              <a
-                href="javascript:void(0);"
-                class="a-link"
-                @click="openEditDialog(row.id)"
-              >
-                <el-tooltip :enterable="false" effect="dark" :content="$t2('查看','common.view')" placement="top"
-                            popper-class="tooltip-skin">
-                  <i class="el-icon-edit"/>
-                </el-tooltip>
-              </a>
-            </template>
-          </vxe-grid>
-        </div>
-      </el-form>
-    </div>
-
-    <span slot="footer" class="dialog-footer">
-			<el-button type="primary" plain class="button-sty" @click="closeDialog">
-				<i class="el-icon-close el-icon"></i>
-				取 消
-			</el-button>
-			<el-button type="primary" @click="saveData" class="button-sty">
-				<i class="el-icon-check el-icon"></i>
-				确 定
-			</el-button>
-		</span>
-    <companyInfoDialog v-if="showCompanyInfoDialog" :visiable.sync="showCompanyInfoDialog"
-                       @confirm="confirmCompanyDialog" :multi="true" :allCompany="true"/>
-  </el-dialog>
-</template>
-<script>
-import companyInfoDialog from "@base/views/user/company_info/dialog.vue";
-import fileObjNotifyEdit from "@base/components/fileLibrary/fileObjNotifyEdit.vue";
-
-export default {
-  components: {fileObjNotifyEdit, companyInfoDialog},
-  props: ['formTemplate'],
-  data() {
-    return {
-      dialogVisible: true,
-      formData: {
-        objTypeCode: null,
-        wfObjConfigDTOs: []
-      },
-      operateIndex: 0,
-      showCompanyInfoDialog: false,
-      vxeOption: {}
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-    this.formData.objTypeCode = this.formTemplate.objTypeCode;
-    this.getListByObjTypeCode();
-    this.initTableList()
-  },
-  methods: {
-    getListByObjTypeCode(callback) {
-      let formTemplate = this.formTemplate
-      this.$http({
-        url: `/${formTemplate.serviceName}/wf_obj_config/listByObjTypeCode`,
-        method: `post`,
-        data: {
-          stringOne: formTemplate.objTypeCode
-        },
-        isLoading: true,
-        success: res => {
-          let rows = res.objx || [];
-          this.formData.wfObjConfigDTOs = rows;
-          callback && callback(rows)
-        }
-      });
-    },
-    saveData() {
-      this.$refs.editForm.$baseValidate(valid => {
-        if (valid) {
-          this.$baseConfirm(this.$t1('您确定要保存吗？')).then(() => {
-            var url = `/${this.formTemplate.serviceName}/wf_obj_config/saveUpdates`;
-            this.$http({
-              url: url,
-              method: `post`,
-              data: this.formData,
-              isLoading: true,
-              success: res => {
-                this.$message({
-                  message: res.content,
-                  type: 'success',
-                  duration: 1000
-                });
-                this.getListByObjTypeCode(rows => {
-                  this.$emit('confirm', rows)
-                  this.closeDialog();
-                })
-              }
-            });
-          });
-        }
-      });
-    },
-    addItem() {
-      let formTemplate = this.formTemplate;
-      let row = {
-        objTypeCode: formTemplate.objTypeCode,
-        objTypeName: formTemplate.objTypeName,
-        serviceId: formTemplate.serviceName,
-        url: "form",
-        companyCode: null,
-        companyName: null
-      }
-      this.formData.wfObjConfigDTOs.push(row);
-    },
-    closeDialog() {
-      this.dialogVisible = false;
-      this.$emit("update:visiable", false);
-    },
-    openCompanyDialog() {
-      this.showCompanyInfoDialog = true;
-    },
-    confirmCompanyDialog(rows) {
-      if (rows.length) {
-        let row = rows[0];
-        let formTemplate = this.formTemplate;
-        let companyCodes = this.formData.wfObjConfigDTOs.map(item => item.companyCode)
-        let items = rows.filter(item => !companyCodes.includes(item.companyCode)).map(item => {
-          return {
-            objTypeCode: formTemplate.objTypeCode,
-            objTypeName: formTemplate.objTypeName,
-            serviceId: formTemplate.serviceName,
-            url: "form",
-            companyCode: row.companyCode,
-            companyName: row.companyName
-          }
-        })
-        this.formData.wfObjConfigDTOs.push(...items);
-      }
-    },
-    initTableList() {
-      let that = this;
-      let tableOption = {
-        vue: this,
-        tableRef: 'table-m1',
-        tableName: 'user_form_template-wfObj-list-m1',
-        config: {
-          height: "auto"
-        },
-        columns: [
-          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
-          {
-            title: this.$t1('单据类型名称'),
-            field: 'objTypeName',
-            width: 250,
-            slots: {
-              default: "objTypeName"
-            }
-          },
-          {
-            title: this.$t1('组织名称'),
-            field: 'companyName',
-            width: 200,
-          },
-          {
-            title: this.$t1('单据类型编码'),
-            field: 'objTypeCode',
-            width: 200
-          },
-          {
-            title: this.$t1('服务名'),
-            field: 'serviceId',
-            width: 150
-          },
-          {
-            width: 100,
-            fixed: 'right',
-            title: '',
-            sortable: false,
-            slots: {
-              default: ({row, rowIndex, $table}) => {
-                return [
-                  <a
-                    href="javascript:void(0);"
-                    class="a-link"
-                    onClick={() => {
-                      this.formData.wfObjConfigDTOs.splice(rowIndex, 1)
-                    }}
-                  >
-                    <el-tooltip enterable={false} effect="dark" content="删除" placement="top"
-                                popper-class="tooltip-skin">
-                      <i class="el-icon-delete"/>
-                    </el-tooltip>
-                  </a>
-                ];
-              }
-            }
-          }
-        ]
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
-        this.vxeOption = opts;
-      });
-      // this.initData();
-    },
-  }
-}
-</script>
-
-
-<style scoped>
-
-</style>
+<template>
+  <el-dialog
+    :title="'设置组织流程单据类型（'+formTemplate.formName+'）'"
+    :append-to-body="true"
+    :modal-append-to-body="true"
+    :close-on-click-modal="false"
+    :visible.sync="dialogVisible"
+    :modal="false"
+    custom-class="dialog-style list-dialog dialog-checkbox pd_0"
+    width="1200px"
+    @close="closeDialog"
+    v-el-drag-dialog
+    v-el-dialog-center
+  >
+    <div id="containt">
+      <el-form ref="editForm" :model="formData">
+        <div class="grid-height" style="height: 500px">
+          <vxe-grid
+            class="is-pointer"
+            ref="table-m1"
+            :data="formData.wfObjConfigDTOs"
+            v-bind="vxeOption"
+            @resizable-change="$vxeTableUtil.onColumnWitchChange"
+            @custom="$vxeTableUtil.customHandle"
+          >
+            <template #form>
+              <div class="clearfix screen-btns">
+                <div class="fl">
+                  <vxe-button status="primary" class="button-sty" icon="el-icon-plus"
+                              @click="openCompanyDialog">
+                    新增
+                  </vxe-button>
+                  <span class="button-sty tips">{{ $t1('选择表单所在的组织，填写组织对应的流程单据类型数据。') }}</span>
+                </div>
+              </div>
+            </template>
+            <template #objTypeName="{row,rowIndex}">
+              <el-form-item :prop="'wfObjConfigDTOs.'+rowIndex+'.objTypeName'"
+                            :rules="[{ required: true, trigger: 'blur' }]">
+                <el-input v-model="row.objTypeName" clearable></el-input>
+              </el-form-item>
+            </template>
+            <template #operate="{row}">
+              <a
+                href="javascript:void(0);"
+                class="a-link"
+                @click="openEditDialog(row.id)"
+              >
+                <el-tooltip :enterable="false" effect="dark" :content="$t2('查看','common.view')" placement="top"
+                            popper-class="tooltip-skin">
+                  <i class="el-icon-edit"/>
+                </el-tooltip>
+              </a>
+            </template>
+          </vxe-grid>
+        </div>
+      </el-form>
+    </div>
+
+    <span slot="footer" class="dialog-footer">
+			<el-button type="primary" plain class="button-sty" @click="closeDialog">
+				<i class="el-icon-close el-icon"></i>
+				取 消
+			</el-button>
+			<el-button type="primary" @click="saveData" class="button-sty">
+				<i class="el-icon-check el-icon"></i>
+				确 定
+			</el-button>
+		</span>
+    <companyInfoDialog v-if="showCompanyInfoDialog" :visiable.sync="showCompanyInfoDialog"
+                       @confirm="confirmCompanyDialog" :multi="true" :allCompany="true"/>
+  </el-dialog>
+</template>
+<script>
+import companyInfoDialog from "@base/views/user/company_info/dialog.vue";
+import fileObjNotifyEdit from "@base/components/fileLibrary/fileObjNotifyEdit.vue";
+
+export default {
+  components: {fileObjNotifyEdit, companyInfoDialog},
+  props: ['formTemplate'],
+  data() {
+    return {
+      dialogVisible: true,
+      formData: {
+        objTypeCode: null,
+        wfObjConfigDTOs: []
+      },
+      operateIndex: 0,
+      showCompanyInfoDialog: false,
+      vxeOption: {}
+    }
+  },
+  created() {
+
+  },
+  mounted() {
+    this.formData.objTypeCode = this.formTemplate.objTypeCode;
+    this.getListByObjTypeCode();
+    this.initTableList()
+  },
+  methods: {
+    getListByObjTypeCode(callback) {
+      let formTemplate = this.formTemplate
+      this.$http({
+        url: `/${formTemplate.serviceName}/wf_obj_config/listByObjTypeCode`,
+        method: `post`,
+        data: {
+          stringOne: formTemplate.objTypeCode
+        },
+        isLoading: true,
+        success: res => {
+          let rows = res.objx || [];
+          this.formData.wfObjConfigDTOs = rows;
+          callback && callback(rows)
+        }
+      });
+    },
+    saveData() {
+      this.$refs.editForm.$baseValidate(valid => {
+        if (valid) {
+          this.$baseConfirm(this.$t1('您确定要保存吗？')).then(() => {
+            var url = `/${this.formTemplate.serviceName}/wf_obj_config/saveUpdates`;
+            this.$http({
+              url: url,
+              method: `post`,
+              data: this.formData,
+              isLoading: true,
+              success: res => {
+                this.$message({
+                  message: res.content,
+                  type: 'success',
+                  duration: 1000
+                });
+                this.getListByObjTypeCode(rows => {
+                  this.$emit('confirm', rows)
+                  this.closeDialog();
+                })
+              }
+            });
+          });
+        }
+      });
+    },
+    addItem() {
+      let formTemplate = this.formTemplate;
+      let row = {
+        objTypeCode: formTemplate.objTypeCode,
+        objTypeName: formTemplate.objTypeName,
+        serviceId: formTemplate.serviceName,
+        url: "form",
+        companyCode: null,
+        companyName: null
+      }
+      this.formData.wfObjConfigDTOs.push(row);
+    },
+    closeDialog() {
+      this.dialogVisible = false;
+      this.$emit("update:visiable", false);
+    },
+    openCompanyDialog() {
+      this.showCompanyInfoDialog = true;
+    },
+    confirmCompanyDialog(rows) {
+      if (rows.length) {
+        let row = rows[0];
+        let formTemplate = this.formTemplate;
+        let companyCodes = this.formData.wfObjConfigDTOs.map(item => item.companyCode)
+        let items = rows.filter(item => !companyCodes.includes(item.companyCode)).map(item => {
+          return {
+            objTypeCode: formTemplate.objTypeCode,
+            objTypeName: formTemplate.objTypeName,
+            serviceId: formTemplate.serviceName,
+            url: "form",
+            companyCode: row.companyCode,
+            companyName: row.companyName
+          }
+        })
+        this.formData.wfObjConfigDTOs.push(...items);
+      }
+    },
+    initTableList() {
+      let that = this;
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-m1',
+        tableName: 'user_form_template-wfObj-list-m1',
+        config: {
+          height: "auto"
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: this.$t1('单据类型名称'),
+            field: 'objTypeName',
+            width: 250,
+            slots: {
+              default: "objTypeName"
+            }
+          },
+          {
+            title: this.$t1('组织名称'),
+            field: 'companyName',
+            width: 200,
+          },
+          {
+            title: this.$t1('单据类型编码'),
+            field: 'objTypeCode',
+            width: 200
+          },
+          {
+            title: this.$t1('服务名'),
+            field: 'serviceId',
+            width: 150
+          },
+          {
+            width: 100,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                return [
+                  <a
+                    href="javascript:void(0);"
+                    class="a-link"
+                    onClick={() => {
+                      this.formData.wfObjConfigDTOs.splice(rowIndex, 1)
+                    }}
+                  >
+                    <el-tooltip enterable={false} effect="dark" content="删除" placement="top"
+                                popper-class="tooltip-skin">
+                      <i class="el-icon-delete"/>
+                    </el-tooltip>
+                  </a>
+                ];
+              }
+            }
+          }
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.vxeOption = opts;
+      });
+      // this.initData();
+    },
+  }
+}
+</script>
+
+
+<style scoped>
+
+</style>

package/src/views/user/menuFallback/index.vue

@@ -0,0 +1,123 @@
+<template>
+  <div class="menu-fallback">
+    <div class="menu-fallback-box">
+      <i
+        class="menu-fallback-icon"
+        :class="foreignApp ? 'el-icon-position' : 'el-icon-warning-outline'"
+      ></i>
+      <div class="menu-fallback-title">{{ menuTitle }}</div>
+      <div class="menu-fallback-msg">{{ message }}</div>
+      <div v-if="detail" class="menu-fallback-detail">{{ detail }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import settings from "@/settings";
+import { getFirstSegment, BASE_SEGMENT } from "@base/utils/menuAdapter";
+
+export default {
+  name: "menuFallback",
+  props: {
+    componentPath: String,
+    loadError: String,
+  },
+  computed: {
+    menuTitle() {
+      let meta = (this.$route && this.$route.meta) || {};
+      return meta.title || (this.$route && this.$route.path) || "";
+    },
+    ownerSegment() {
+      return getFirstSegment((this.$route && this.$route.path) || "");
+    },
+    registryAppCodes() {
+      let permission = (this.$store && this.$store.state.permission) || {};
+      return permission.registryAppCodes || [];
+    },
+    foreignApp() {
+      // 只有首段命中注册表里的别家 appCode 才算"归属别家应用"；
+      // 未命中（含注册表未配置）一律按组件加载失败处理，不误导去主平台
+      let seg = this.ownerSegment;
+      let own = settings.appCode || "";
+      return (
+        !!seg &&
+        seg !== BASE_SEGMENT &&
+        seg !== own &&
+        this.registryAppCodes.indexOf(seg) !== -1
+      );
+    },
+    message() {
+      if (this.foreignApp) {
+        if (!(settings.appCode || "")) {
+          // 主站视角：归属子应用的菜单本应委派 qiankun 渲染，走到本地加载即为注册/部署异常
+          return (
+            this.$t1("该菜单归属子应用") +
+            "「" +
+            this.ownerSegment +
+            "」" +
+            this.$t1("，加载失败，请检查应用注册表与子应用部署")
+          );
+        }
+        return (
+          this.$t1("该菜单归属应用") +
+          "「" +
+          this.ownerSegment +
+          "」" +
+          this.$t1("，当前应用未部署对应页面，请在主平台中访问")
+        );
+      }
+      return this.$t1("页面组件加载失败，请检查菜单配置或应用注册表");
+    },
+    detail() {
+      let parts = [];
+      if (this.componentPath) {
+        parts.push(this.componentPath);
+      }
+      if (this.loadError && !this.foreignApp) {
+        parts.push(this.loadError);
+      }
+      return parts.join("  |  ");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.menu-fallback {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 320px;
+  height: 100%;
+
+  .menu-fallback-box {
+    text-align: center;
+    padding: 32px;
+    color: #606266;
+  }
+
+  .menu-fallback-icon {
+    font-size: 48px;
+    color: #c0c4cc;
+  }
+
+  .menu-fallback-title {
+    margin-top: 16px;
+    font-size: 16px;
+    font-weight: 600;
+    color: #303133;
+  }
+
+  .menu-fallback-msg {
+    margin-top: 8px;
+    font-size: 14px;
+  }
+
+  .menu-fallback-detail {
+    margin-top: 12px;
+    font-size: 12px;
+    color: #909399;
+    word-break: break-all;
+  }
+}
+</style>