1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
| <template>
| <div class="page-list-container">
| <!--数据Table-->
| <yrt-data-list :ref="dataListRef" :editor-ref="editorRef" :data-options="dataOptions" :fields.sync="dataListOptions.fields" :buttons="dataListOptions.buttons" :button-click="buttonClick" :data-list-selections.sync="dataListSelections" :edit-button-click="editButtonClick" :auth-nodes="authNodes">
|
| </yrt-data-list>
|
| <!--数据编辑器Editor-->
| <yrt-editor :ref="editorRef" :data-list-ref="dataListRef" v-bind="editorOptions" :data-options="dataOptions" :action.sync="editorOptions.action" :top.sync="editorOptions.top" :visible.sync="editorOptions.config.visible" :detail-button-click="detailButtonClick" :auth-nodes="authNodes" :btn-read-only="btnReadOnly" :default-value="defaultValue">
|
| </yrt-editor>
|
| <!--明细选择器-->
| <yrt-selector ref="selector-dialog" :config="selectorConfig" :visible.sync="selectorConfig.visible" @onSelected="onSelected"></yrt-selector>
| </div>
| </template>
|
| <script>
| import baseLayout from "@/components/common/base-layout.vue";
| import yrtSelector from "@/components/common/yrtSelector.vue";
|
| export default {
| name: "outbound-sale-order-print-pick",
| components: { yrtSelector },
| mixins: [baseLayout],
| data() {
| return {
| selectorConfig: {
| title: "物料选择器",
| width: "1000px",
| visible: false,
| // 配置路由
| router: "/selector/s-product-selector"
| },
| // 表单默认值,新建时用
| defaultValue: {
| StatusID: 1,
| StatusText: "新建",
| auditing: 0
| }
| };
| },
| methods: {
| // 列表页面按钮点击事件
| buttonClick(authNode) {},
| // 明细按钮点击事件
| detailButtonClick(authNode) {
| switch (authNode) {
| case "add":
| // 明细添加
| this.selectorConfig.visible = true;
| break;
| }
| },
| // 编辑按钮点击事件
| editButtonClick(authNode) {
| switch (authNode) {
| case "auditing":
| // 审核
| this.auditing();
| break;
| }
| },
| // 将选择器选择中的数据填充到明细表中
| onSelected(rows) {
| this.editor.addDetailDataRow(rows);
| this.selectorConfig.visible = false;
| }
| }
| };
| </script>
|
|