科目组件迁移到运行期

develop/@gms/gms-plugin-billexpand/src/control/vxeTableExpand/SubjectControl.vue

 <template>
   <div class="input-control-wrapper">
-    <!-- <SubjectModalTree
+    <SubjectModalTree
       v-if="!isContent && controlDisplay"
-      :systemFlag="systemFlag"
       :nodeKey="nodeKey"
       :multiple="define.config.multiple"
       :placeholder="define.config.placeholder"
       :entryTitle="define.config.title"
       :modalName="define.config.title"
-      :onlyChooseLeaf="define.config.isLeaf"
+      :onlyChooseLeaf="true"
       :defaultExpandAll="defaultExpandAll"
       :lazy="lazy"
-      :customListFunc="customListFunc"
-      :customTreeFunc="customTreeFunc"
+      :customListFunc="customListFunc()"
+      :customTreeFunc="customTreeFunc()"
       :value="value"
+      ref="subjectModalTree"
       @on-subject-selected="subjectSelectedHandler"
     />
     <div v-if="isContent">
       {{ getValue() }}
-    </div> -->
+    </div>
   </div>
 </template>
 <script>
 import input from "../util/bc_input.js";
-/* import { SubjectModalTree } from "@yhs/components"; */
+import { SubjectModalTree } from "@yhs/components";
+
 export default {
   mixins: [input],
-  /* components: {
+  components: {
     SubjectModalTree,
-  }, */
+  },
   props: {
     rowIndex: {
       type: Number,
       default: -1,
     },
+    context: {},
+    expandConfig: {},
     isVxe: {},
   },
   data() {
     return {
-      systemFlag: "finance",
       nodeKey: "code",
       multiple: false,
       defaultExpandAll: false,
       lazy: false,
       value: "",
+      orgcode: "",
+      username: "",
+      bookcode: "",
+      logindate: "",
     };
   },
+  mounted() {
+    console.log(this.isVxe);
+    this.addDomListener();
+  },
   methods: {
+    addDomListener() {
+      if (this.isVxe) {
+        let doms = document.querySelectorAll(".rootClass");
+        if (doms.length) {
+          doms.forEach((item) => {
+            item.addEventListener("scroll", this.refreshPopover);
+          });
+        }
+      }
+    },
+    removeDomListener() {
+      if (this.isVxe) {
+        let doms = document.querySelectorAll(".rootClass");
+        if (doms.length) {
+          doms.forEach((item) => {
+            item.removeEventListener("scroll", this.refreshPopover);
+          });
+        }
+      }
+    },
+    refreshPopover() {
+      this.$refs.subjectModalTree.$refs.popoverSubject.updatePopper();
+    },
     stopPropagation(event) {
-      event.stopPropagation()
+      event.stopPropagation();
     },
     subjectSelectedHandler(selectedObj) {
-      console.log(selectedObj)
       const code = selectedObj.code;
-      const name = selectedObj.name || selectedObj.title
+      const name = selectedObj.name || selectedObj.title;
       let nv = code + " " + name;
       this.value = code;
       this.setDataObjectValue(nv);
     },
-    customListFunc(callback) {
-      GMS.$http
-        .post("/rbc/acct-sys/subject/list", { pagination: false })
-        .then((res) => {
-          console.log(res);
+    splitKey(str = "") {
+      return String(str).split(".")[1] || "";
+    },
+    getParams() {
+      let userContext = GMS.userContext || window.nros.getUser();
+      console.log("userContext===>", userContext);
+      let loginDate = userContext.loginDate;
+      let orgCode = userContext.conetxtUser.orgCode;
+      let userName = userContext.username;
+      let bookInfoStr =
+        (userContext.extInfo && userContext.extInfo.bookInfo) || "{}";
+      let bookInfo = JSON.parse(bookInfoStr);
+      let bookCode = bookInfo.rbcBookCode;
+      console.log(loginDate, orgCode, userName, bookCode);
+      return { loginDate, orgCode, userName, bookCode };
+    },
+    customListFunc() {
+      let { loginDate, orgCode, userName, bookCode } = this.getParams();
+      console.log(loginDate, orgCode, userName, bookCode);
+      userName = encodeURIComponent(userName);
+      let url = `/rbc/acct-sys/subject/list?orgcode=${orgCode}&bookcode=${bookCode}&logindate=${loginDate}&username=${userName}`;
+      console.log(url);
+      return (callback) => {
+        GMS.$http.post(url, { pagination: false }).then((res) => {
           let data = res.data.data.rows;
           callback(data);
         });
+      };
     },
-    customTreeFunc(callback) {
-      GMS.$http
-        .post("/rbc/acct-sys/subject/tree", { pagination: false })
-        .then((res) => {
-          console.log(res);
+    customTreeFunc() {
+      const { loginDate, orgCode, userName, bookCode } = this.getParams();
+      let url = `/rbc/acct-sys/subject/tree?orgcode=${orgCode}&username=${userName}&bookcode=${bookCode}&logindate=${loginDate}`;
+      return (callback) => {
+        GMS.$http.post(url, { pagination: false }).then((res) => {
           let data = res.data.data;
           callback(data);
         });
+      };
     },
     getSubjectDataList() {},
     getSubjectDataTree() {},
   },
+  beforeDestroy() {
+    this.removeDomListener();
+  },
 };
 </script>
 <style lang="less" scoped>
@@ -93,4 +149,19 @@ export default {
     transform: translate(0, -50%);
   }
 }
+</style>
+<style>
+.el-dialog__wrapper .el-dialog__header {
+  border-bottom: 1px solid #ccc;
+  padding: 14px 16px;
+  line-height: 1;
+}
+.tree-select-modal .filter-box {
+  display: none !important;
+}
+.el-dialog__wrapper .el-dialog__footer {
+  border-top: 1px solid #ccc;
+  padding: 12px 18px 12px 18px;
+  text-align: right;
+}
 </style>
\ No newline at end of file

develop/@gms/gms-plugin-billexpand/src/control/vxeTableExpand/VxeSubjectControl.js

@@ -8,6 +8,7 @@ export default {
         } = params;
         let props = column.editRender.props; 
         let define = props.define;
+        let expandConfig = props.colItem && props.colItem.expandConfigValue || {}
         let context = props.context;
         return [
             h(SubjectControl, {
@@ -17,6 +18,7 @@ export default {
                 },
                 props: {
                     define:define,
+                    expandConfig:expandConfig,
                     context:context,
                     rowIndex:rowIndex,
                     isVxe:{width:props.colItem.width,height:props.colItem.height}