1、修复基础配置

2、修复业务模块 3、拆分页面代码
2026-09-03 15:59:34 +08:00
parent 40925cb21f
commit 024e77801e
9 changed files with 720 additions and 179 deletions
@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>合同弹窗调试</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module">
+      import { createApp, nextTick, onMounted, ref } from 'vue/dist/vue.esm-bundler.js';
+      import ElementPlus from 'element-plus';
+      import 'element-plus/dist/index.css';
+      import './src/styles/common.scss';
+      import ReceivablePayableDetail from './src/views/settlement/receivable-payable-detail.vue';
+      import { setupTableColumnDrag } from './src/utils/table-column-drag.js';
+
+      const fields = [
+        'contractNo',
+        'contractName',
+        'projectName',
+        'organizationName',
+        'contractCategory',
+        'signType',
+        'partyA',
+        'partyB',
+        'startDate',
+        'endDate',
+        'temporaryStartDate',
+        'temporaryEndDate',
+      ];
+      const row = Object.fromEntries(fields.map(field => [field, `${field}数据`]));
+      const TestComponent = { ...ReceivablePayableDetail, mounted() {} };
+      const app = createApp({
+        components: { TestComponent },
+        setup() {
+          const target = ref();
+          onMounted(async () => {
+            await nextTick();
+            target.value.generateContractDialog.rows = Array.from({ length: 10 }, () => ({ ...row }));
+            target.value.generateContractDialog.page.total = 10;
+            target.value.generateContractDialog.visible = true;
+          });
+          return { target };
+        },
+        template: '<test-component ref="target" settlement-type="payable" />',
+      });
+      app.component('basic-container', { template: '<div><slot /></div>' });
+      app.config.globalProperties.$route = { fullPath: '/debug', query: {} };
+      app.config.globalProperties.$store = { getters: { permission: {}, userInfo: {} } };
+      app.use(ElementPlus, { table: { showOverflowTooltip: true } });
+      setupTableColumnDrag(app);
+      app.mount('#app');
+    </script>
+  </body>
+</html>