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

package/src/views/demo/bizTab/standalone/index.vue

@@ -0,0 +1,121 @@
+<template>
+  <div id="containt">
+    <div class="clearfix screen-btns">
+      <div class="fl">
+        <span class="standalone-tip">{{
+          $t1("独立模式（不在页签里）：待办直接打开详情走的就是这条路")
+        }}</span>
+      </div>
+      <div class="fr">
+        <el-input
+          v-model="inputId"
+          size="small"
+          class="standalone-input"
+          :placeholder="$t1('输入单据 id')"
+          clearable
+          @keyup.enter.native="openBill"
+        />
+        <vxe-button status="warning" class="button-sty" @click="openBill">{{
+          $t1("打开")
+        }}</vxe-button>
+        <vxe-button
+          type="text"
+          status="primary"
+          plain
+          class="button-sty"
+          @click="openAdd"
+          >{{ $t1("新增") }}</vxe-button
+        >
+      </div>
+    </div>
+
+    <!--
+      与 std 手写页面的协议完全一致：
+        :_dataId.sync  单号入口（mixin 的 created 在没有 tab 时取它）
+        visible-key    $reloadHandle 靠它找到本页面上控制显隐的那个字段
+        :parent-target 详情里 $baseReload/$reloadHandle 顺着它回到本页面
+        @reload        走全局 $reloadHandle：置 false → 200ms → 置 true，即重挂载重取数
+      详情组件一个字都不用改：mixin 检测不到 bizTabHost 就自动退回这条链路。
+    -->
+    <bill-detail
+      v-if="showEdit"
+      :_dataId.sync="dataId"
+      visible-key="showEdit"
+      :parent-target="_self"
+      @reload="$reloadHandle"
+    />
+    <div v-else class="standalone-empty">
+      {{ $t1("右上角输入单据 id 打开，或点「新增」") }}
+    </div>
+  </div>
+</template>
+
+<script>
+/**
+ * demo D：独立模式（不在 bizTab 页签里）用同一个详情组件。
+ *
+ * 用来验证 bizBillDetailMixin 的退路：没有 bizTabHost 时
+ *   - dataId 取 props._dataId
+ *   - reloadDetail() / $baseReload() 退回 $emit("reload") → 宿主的 $reloadHandle 重挂载
+ *   - 翻单按钮自动不出现（没有页签、没有快照）
+ *   - 提交流程后的行为退回「刷新当前详情」，behavior 配置不参与
+ * 流程待办里点开单据、或者老页面内嵌详情，走的都是这条路。
+ *
+ * 详情组件直接复用 demo C 的（自定义控制器 + 流程），零改动。
+ * 路由：/demo/bizTab/standalone?id=123
+ */
+import billDetail from "../wf/detail.vue";
+
+export default {
+  name: "demo_bizTab_standalone",
+  components: { billDetail },
+  data() {
+    return {
+      dataId: "",
+      inputId: "",
+      showEdit: false,
+    };
+  },
+  created() {
+    // 待办跳转一般是带着单号进来的，这里用 query 模拟
+    let id = this.$route.query ? this.$route.query.id : null;
+    if (id) {
+      this.inputId = id;
+      this.dataId = id;
+      this.$openEditView("showEdit");
+    }
+  },
+  methods: {
+    openBill() {
+      let id = (this.inputId || "").trim();
+      if (!id) {
+        this.$message.warning(this.$t1("请先输入单据 id"));
+        return;
+      }
+      this.dataId = id;
+      // 全局方法：置 false → 200ms → 置 true，强制详情重挂载（换单号时必须这样）
+      this.$openEditView("showEdit");
+    },
+    openAdd() {
+      this.dataId = "";
+      this.$openEditView("showEdit");
+    },
+  },
+};
+</script>
+
+<style scoped>
+.standalone-tip {
+  line-height: 32px;
+  color: #909399;
+}
+.standalone-input {
+  width: 180px;
+  margin-right: 8px;
+}
+.standalone-empty {
+  padding: 48px 0;
+  text-align: center;
+  color: #909399;
+}
+</style>

package/src/views/demo/bizTab/wf/billConfig.js

@@ -0,0 +1,44 @@
+import prefixConfig from "@/prefixConfig.js";
+
+/**
+ * demo C 接的是真实单据：PMD 的「阶梯价」，走**自定义控制器**（不是通用 bd_api），
+ * 也就是 std（sf-cloud-web-vue-tw@std）那套手写页面的标准写法：
+ *   取数 /xxx/get + 保存 /xxx/save|update + 子表单独接口 + 操作日志 /xxx/getUserLog
+ *   流程靠 _getBillInfo 的 wfConfig 挂上去
+ *
+ * 写法逐条对齐本仓库已有的真实页面 `views/pmd/price/ladderPrice/{list,edit}.vue`，
+ * 那个页面能跑这个 demo 就能跑（同一后端、同一套接口、同一个流程编码）。
+ *
+ * 换成你自己的单据：改下面的 URL 与 wfCode，detail.vue 里换字段即可。
+ *
+ * ⚠️ demo 相对真实页面做了裁剪：只保留「机构明细 + 产品明细」两张子表，
+ *    客户明细、附件、复制、导入产品都没带。后台若校验客户明细必填，
+ *    照 ladderPrice/edit.vue 把 customerItemDTOs 补上即可。
+ */
+const PMD = prefixConfig.PMD_PREFIX;
+
+export const BILL = {
+  prefix: PMD,
+  wfCode: "test_ladderPrice", // 流程编码
+  titleField: "sn", // 页签标题字段（单号）
+  urls: {
+    listPage: PMD + "/ladderPrice/listPage",
+    get: PMD + "/ladderPrice/get",
+    save: PMD + "/ladderPrice/save",
+    update: PMD + "/ladderPrice/update",
+    productItems: PMD + "/ladderPrice/findLadderPriceProductItems",
+    saleOrgItems: PMD + "/ladderPrice/findLadderPriceSaleOrgItems",
+    attachments: PMD + "/ladderPrice/getAttachments",
+    updateStatus: PMD + "/ladderPrice/updateStatus",
+    userLog: PMD + "/ladderPrice/getUserLog",
+  },
+};
+
+export const STATUS_MAP = {
+  0: { label: "未审核", cls: "list-tag warning" },
+  1: { label: "审核中", cls: "list-tag" },
+  2: { label: "已审核", cls: "list-tag success" },
+  3: { label: "已作废", cls: "list-tag disable" },
+};
+
+export default BILL;