57 lines
2.0 KiB
HTML
57 lines
2.0 KiB
HTML
<!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>
|