cloud-web-corejs 1.0.280 → 1.1.0-dev.10

package/src/components/baseTabs/mixins.js

@@ -1,181 +1,181 @@
-import { scrollIntoScrollParent } from '@base/utils/scrollUtil';
-
-let baseTabsMixin, baseTabPaneMixin;
-
-baseTabsMixin = {
-  props: {
-    value: {
-      type: [String, Number]
-    }
-  },
-  data: function () {
-    return {
-      currentValue: this.value,
-      navList: []
-    };
-  },
-  methods: {
-    tabCls: function (item) {
-      return [
-        'tabs-tab',
-        {
-          'tabs-tab-active': item.name === this.currentValue
-        }
-      ];
-    },
-    //遍历所有为pane的子元素
-    getTabs() {
-      let list = [];
-      if (this.$slots.default) {
-        this.$slots.default.filter(item => {
-          return item.child !== undefined && item.child !== null;
-        }).map(item => item.child).forEach(item => {
-          if (item.$options.name === 'baseTabPane') {
-            list.push(item);
-          } else if (item.$attrs.tabPaneGrade === '2' || item.$attrs.tabPaneGrade === 2) {
-            let items = item.$children.filter(function (thirdItem) {
-              return thirdItem.$options.name === 'baseTabPane';
-            });
-            list.push(...items);
-          }
-        });
-      }
-      return list;
-    },
-    //将pane子元素中label name放进navList数组
-    updateNav() {
-      let navList = [];
-      let _this = this;
-      this.getTabs().forEach(function (pane, index) {
-        navList.push({
-          label: pane.label,
-          name: pane.name || index,
-          visible: pane.visible
-        });
-
-        // if (!pane.name) pane.name = index;
-        if (index === 0) {
-          if (!_this.currentValue) {
-            _this.currentValue = pane.name || index;
-          }
-        }
-      });
-      this.navList = navList;
-      this.updateStatus();
-    },
-    updateStatus() {
-      let tabs = this.getTabs();
-      let _this = this;
-      //显示当前正在选中的
-      tabs.forEach(function (tab) {
-        return (tab.show = tab.name === _this.currentValue);
-      });
-    },
-    handleChange: function (index) {
-      let nav = this.navList[index];
-      let name = nav.name;
-      this.currentValue = name;
-      this.$emit('input', name);
-      this.$emit('on-click', name);
-      let target = this.getTabs()[index].$el;
-      //滚动体是 .d-cont 还是它外面那层(.d-header + div{flex:1;overflow-y:auto})由布局决定,
-      //原来写死 .d-cont,在 .d-cont 没有确定高度(height:inherit 拿到 auto)的页面上
-      //scrollTop 赋值是空操作,点导航没反应——统一交给 scrollIntoScrollParent 找真正的滚动体。
-      scrollIntoScrollParent(target);
-    }
-  },
-  watch: {
-    value: function (val) {
-      this.currentValue = val;
-    },
-    currentValue: function () {
-      this.updateStatus();
-    }
-  }
-};
-
-baseTabPaneMixin = {
-  props: {
-    name: {
-      type: String
-    },
-    label: {
-      type: String,
-      default: ''
-    },
-    showFold: {
-      type: Boolean,
-      default: false
-    },
-    defaultShowContent: {
-      type: Boolean,
-      default: true
-    },
-    visible: {
-      type: Boolean,
-      default: undefined
-    }
-  },
-  computed: {
-    foldClass() {
-      return this.showContent ? 'el-icon-arrow-up' : 'el-icon-arrow-down';
-    }
-  },
-  beforeDestroy() {
-    //getParent() 只认 baseTabs 父级/祖父级,拿不到就是没被 baseTabs 包着(如设计期画布、
-    //或中间隔了 draggable),此时没有 navList 可维护,直接跳过——原来这里直接取 .navList 会崩。
-    let parentPanel = this.getParent();
-    if (!parentPanel) return;
-    let navList = parentPanel.navList;
-    if (navList.length <= 1) {
-      this.updateNav();
-    }
-  },
-  created() {
-    if (this.showFold) {
-      this.showContent = this.defaultShowContent;
-    }
-  },
-  data: function () {
-    return {
-      show: true,
-      showContent: true
-    };
-  },
-  methods: {
-    getParent() {
-      if (this.$parent.$options.name === 'baseTabs') {
-        return this.$parent;
-      } else if (this.$parent.$parent && this.$parent.$parent.$options.name === 'baseTabs') {
-        return this.$parent.$parent;
-      }
-    },
-    updateNav() {
-      let parentPanel = this.getParent();
-      parentPanel && parentPanel.updateNav();
-    },
-    handleFold(val) {
-      if (this.showFold) {
-        this.showContent = (val !== null && val !== undefined ? val : !this.showContent);
-      }
-    }
-  },
-  watch: {
-    label() {
-      this.updateNav();
-    }
-  },
-  mounted() {
-    this.updateNav();
-    if (this.visible !== undefined) {
-      this.$watch('visible', (val) => {
-        this.updateNav();
-      })
-    }
-  }
-};
-
-export {
-  baseTabsMixin,
-  baseTabPaneMixin,
-}
+import { scrollIntoScrollParent } from '@base/utils/scrollUtil';
+
+let baseTabsMixin, baseTabPaneMixin;
+
+baseTabsMixin = {
+  props: {
+    value: {
+      type: [String, Number]
+    }
+  },
+  data: function () {
+    return {
+      currentValue: this.value,
+      navList: []
+    };
+  },
+  methods: {
+    tabCls: function (item) {
+      return [
+        'tabs-tab',
+        {
+          'tabs-tab-active': item.name === this.currentValue
+        }
+      ];
+    },
+    //遍历所有为pane的子元素
+    getTabs() {
+      let list = [];
+      if (this.$slots.default) {
+        this.$slots.default.filter(item => {
+          return item.child !== undefined && item.child !== null;
+        }).map(item => item.child).forEach(item => {
+          if (item.$options.name === 'baseTabPane') {
+            list.push(item);
+          } else if (item.$attrs.tabPaneGrade === '2' || item.$attrs.tabPaneGrade === 2) {
+            let items = item.$children.filter(function (thirdItem) {
+              return thirdItem.$options.name === 'baseTabPane';
+            });
+            list.push(...items);
+          }
+        });
+      }
+      return list;
+    },
+    //将pane子元素中label name放进navList数组
+    updateNav() {
+      let navList = [];
+      let _this = this;
+      this.getTabs().forEach(function (pane, index) {
+        navList.push({
+          label: pane.label,
+          name: pane.name || index,
+          visible: pane.visible
+        });
+
+        // if (!pane.name) pane.name = index;
+        if (index === 0) {
+          if (!_this.currentValue) {
+            _this.currentValue = pane.name || index;
+          }
+        }
+      });
+      this.navList = navList;
+      this.updateStatus();
+    },
+    updateStatus() {
+      let tabs = this.getTabs();
+      let _this = this;
+      //显示当前正在选中的
+      tabs.forEach(function (tab) {
+        return (tab.show = tab.name === _this.currentValue);
+      });
+    },
+    handleChange: function (index) {
+      let nav = this.navList[index];
+      let name = nav.name;
+      this.currentValue = name;
+      this.$emit('input', name);
+      this.$emit('on-click', name);
+      let target = this.getTabs()[index].$el;
+      //滚动体是 .d-cont 还是它外面那层(.d-header + div{flex:1;overflow-y:auto})由布局决定,
+      //原来写死 .d-cont,在 .d-cont 没有确定高度(height:inherit 拿到 auto)的页面上
+      //scrollTop 赋值是空操作,点导航没反应——统一交给 scrollIntoScrollParent 找真正的滚动体。
+      scrollIntoScrollParent(target);
+    }
+  },
+  watch: {
+    value: function (val) {
+      this.currentValue = val;
+    },
+    currentValue: function () {
+      this.updateStatus();
+    }
+  }
+};
+
+baseTabPaneMixin = {
+  props: {
+    name: {
+      type: String
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    showFold: {
+      type: Boolean,
+      default: false
+    },
+    defaultShowContent: {
+      type: Boolean,
+      default: true
+    },
+    visible: {
+      type: Boolean,
+      default: undefined
+    }
+  },
+  computed: {
+    foldClass() {
+      return this.showContent ? 'el-icon-arrow-up' : 'el-icon-arrow-down';
+    }
+  },
+  beforeDestroy() {
+    //getParent() 只认 baseTabs 父级/祖父级,拿不到就是没被 baseTabs 包着(如设计期画布、
+    //或中间隔了 draggable),此时没有 navList 可维护,直接跳过——原来这里直接取 .navList 会崩。
+    let parentPanel = this.getParent();
+    if (!parentPanel) return;
+    let navList = parentPanel.navList;
+    if (navList.length <= 1) {
+      this.updateNav();
+    }
+  },
+  created() {
+    if (this.showFold) {
+      this.showContent = this.defaultShowContent;
+    }
+  },
+  data: function () {
+    return {
+      show: true,
+      showContent: true
+    };
+  },
+  methods: {
+    getParent() {
+      if (this.$parent.$options.name === 'baseTabs') {
+        return this.$parent;
+      } else if (this.$parent.$parent && this.$parent.$parent.$options.name === 'baseTabs') {
+        return this.$parent.$parent;
+      }
+    },
+    updateNav() {
+      let parentPanel = this.getParent();
+      parentPanel && parentPanel.updateNav();
+    },
+    handleFold(val) {
+      if (this.showFold) {
+        this.showContent = (val !== null && val !== undefined ? val : !this.showContent);
+      }
+    }
+  },
+  watch: {
+    label() {
+      this.updateNav();
+    }
+  },
+  mounted() {
+    this.updateNav();
+    if (this.visible !== undefined) {
+      this.$watch('visible', (val) => {
+        this.updateNav();
+      })
+    }
+  }
+};
+
+export {
+  baseTabsMixin,
+  baseTabPaneMixin,
+}

package/src/components/bizTab/BizBillActions.vue

@@ -0,0 +1,129 @@
+<template>
+  <div class="fr">
+    <!-- 按钮顺序（.fr 里 DOM 次序即从左到右）：
+         翻单 → 提交流程 → 业务按钮(默认插槽) → 重置 → 保存
+         #before 是留给"要排在翻单之前"的特例，一般不用。
+         另外 wfUtil 的「更多」下拉 / 「修改单据」是 append 到本容器最前面的，会落在最左侧。 -->
+    <slot name="before"></slot>
+    <!-- ① 上一单 / 下一单：列表侧 openDetail 传了 navRows 才出现 -->
+    <template v-if="showBillNav">
+      <!-- 用默认按钮而不是 primary+plain：element 对 primary+plain 的禁用态是淡蓝
+           (#8cc5ff/#ecf5ff)，在头部一排蓝按钮里看不出不可点；默认按钮的禁用态本来就是灰的 -->
+      <el-button
+        class="button-sty"
+        icon="el-icon-arrow-left"
+        :disabled="!detail.canPrevBill || busy"
+        @click="detail.gotoPrevBill()"
+        >{{ $t1("上一单") }}</el-button
+      >
+      <el-button
+        class="button-sty"
+        :disabled="!detail.canNextBill || busy"
+        @click="detail.gotoNextBill()"
+        >{{ $t1("下一单") }}<i class="el-icon-arrow-right el-icon--right"
+      /></el-button>
+    </template>
+    <!-- ② 提交流程。新增页是「保存并提交流程」，已存过的单据是「提交流程」，两者互斥 -->
+    <el-button
+      v-if="detail.showSaveSubmitBtn"
+      type="success"
+      class="button-sty"
+      icon="el-icon-video-play"
+      :disabled="busy"
+      :loading="detail.billSaving"
+      @click="detail.saveAndSubmitHandle()"
+      >{{ detail.saveSubmitButtonName }}</el-button
+    >
+    <el-button
+      v-if="detail.showWfStartBtn"
+      type="success"
+      class="button-sty"
+      icon="el-icon-video-play"
+      :disabled="busy"
+      @click="detail.startWfHandle()"
+      >{{ detail.submitButtonName }}</el-button
+    >
+    <!-- ③ 业务按钮（作废/复制/打印这类各单据自己的动作） -->
+    <slot></slot>
+    <!-- ④⑤ 重置、保存。每个按钮都显式写 :disabled：el-button 没传 disabled 时会继承外层
+         el-form 的 disabled（element-ui button.vue buttonDisabled），显式传就切断这条继承 -->
+    <el-button
+      v-if="canEdit"
+      type="primary"
+      plain
+      class="button-sty"
+      icon="el-icon-refresh-right"
+      :disabled="busy"
+      @click="detail.reloadDetail()"
+      >{{ $t1("重置") }}</el-button
+    >
+    <el-button
+      v-if="canEdit"
+      type="primary"
+      class="button-sty"
+      icon="el-icon-check"
+      :disabled="busy"
+      :loading="detail.billSaving"
+      @click="detail.saveHandle()"
+      >{{ $t1("保存") }}</el-button
+    >
+  </div>
+</template>
+
+<script>
+/**
+ * 单据详情头部按钮区，统一「上一单/下一单 / 提交流程 / 保存 / 重置」的显隐、顺序与文案。
+ * 从左到右固定为：翻单 → 提交流程 → 业务按钮(默认插槽) → 重置 → 保存。
+ * 按钮名走后台 wf_diy_attribute 的 param18（wfButtonName.js），后台没配才用默认文案。
+ *
+ * 用法（detail 传详情组件自身，模板里用 Vue 内置的 _self）：
+ *   <div class="d-header clearfix">
+ *     <div class="fl">标题</div>
+ *     <biz-bill-actions :detail="_self" />
+ *   </div>
+ *
+ * 注意：根节点是 .d-header 里的 .fr，别再往外包一层，否则布局会散，
+ * 而且 wfUtil 的「更多」下拉 / 「修改单据」就是往 .el-form .d-header > .fr 里塞的。
+ */
+export default {
+  name: "BizBillActions",
+  props: {
+    // 详情组件实例（混入了 bizBillDetailMixin）
+    detail: {
+      type: Object,
+      required: true,
+    },
+    /**
+     * 覆盖「是否可编辑」（显示重置/保存）。
+     * 不传 = 自动判断：流程没启动、或流程当前节点允许改单据。
+     * 故意不声明 type：Boolean 型 prop 不传时 Vue 会塞 false，三态就没法表达。
+     */
+    editable: {
+      default: undefined,
+    },
+    // 是否显示上一单/下一单。不传 = 有翻单快照就显示
+    billNav: {
+      default: undefined,
+    },
+  },
+  computed: {
+    // 与字段禁用同源：都取详情的 canEditBill()，不会出现「字段能改却没有保存按钮」
+    canEdit() {
+      if (this.editable !== undefined && this.editable !== null) {
+        return !!this.editable;
+      }
+      return !this.detail.billDisabled;
+    },
+    showBillNav() {
+      if (this.billNav !== undefined && this.billNav !== null) {
+        return !!this.billNav;
+      }
+      return !!this.detail.billNavState;
+    },
+    // 保存中、或「已入库待提交流程」期间：一律禁用，避免并发写同一张单
+    busy() {
+      return !!(this.detail.billSaving || this.detail.billSubmitting);
+    },
+  },
+};
+</script>