cloud-web-corejs 1.0.54-dev.353 → 1.0.54-dev.354
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,16 +1,36 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<span class="button-sty">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
<el-button
|
|
4
|
+
type="success"
|
|
5
|
+
class="btn-connect"
|
|
6
|
+
icon="iconfont icon-zancun"
|
|
7
|
+
@click="openSubmitDialog"
|
|
8
|
+
plain
|
|
9
|
+
:disabled="disabled"
|
|
10
|
+
>
|
|
11
|
+
{{ $t1("暂存") }}
|
|
12
|
+
</el-button>
|
|
13
|
+
<el-tooltip class="item" effect="dark" :content="$t1('查看暂存数据')" placement="top">
|
|
14
|
+
<el-button
|
|
15
|
+
class="btn-connect"
|
|
16
|
+
@click="openTempStorageDialog"
|
|
17
|
+
icon="iconfont icon-chakanshuju"
|
|
18
|
+
type="success"
|
|
19
|
+
:disabled="disabled"
|
|
20
|
+
></el-button>
|
|
21
|
+
</el-tooltip>
|
|
7
22
|
|
|
8
|
-
|
|
9
|
-
|
|
23
|
+
<tempStorageDialog
|
|
24
|
+
v-if="showTempStorageDialog"
|
|
25
|
+
:visiable.sync="showTempStorageDialog"
|
|
26
|
+
@confirm="confirmTempStorageDialog"
|
|
27
|
+
:storageType="storageType"
|
|
28
|
+
multi="false"
|
|
29
|
+
/>
|
|
10
30
|
<el-dialog
|
|
11
31
|
v-if="showSubmitDialog"
|
|
12
32
|
:visible.sync="showSubmitDialog"
|
|
13
|
-
title="暂存"
|
|
33
|
+
:title="$t1('暂存')"
|
|
14
34
|
:modal-append-to-body="false"
|
|
15
35
|
:close-on-click-modal="false"
|
|
16
36
|
:modal="false"
|
|
@@ -18,35 +38,40 @@
|
|
|
18
38
|
v-el-drag-dialog
|
|
19
39
|
v-el-dialog-center
|
|
20
40
|
>
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
41
|
+
<el-form>
|
|
42
|
+
<div id="containt">
|
|
43
|
+
<table class="table-detail">
|
|
44
|
+
<tbody>
|
|
25
45
|
<tr>
|
|
26
46
|
<th>
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
47
|
+
<span class="t">
|
|
48
|
+
{{ $t1("描述") }}
|
|
49
|
+
</span>
|
|
30
50
|
</th>
|
|
31
51
|
<td>
|
|
32
|
-
|
|
52
|
+
<el-input type="textarea" :rows="8" v-model="remark"></el-input>
|
|
33
53
|
</td>
|
|
34
54
|
</tr>
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
</
|
|
49
|
-
|
|
55
|
+
</tbody>
|
|
56
|
+
</table>
|
|
57
|
+
</div>
|
|
58
|
+
</el-form>
|
|
59
|
+
<span slot="footer" class="dialog-footer">
|
|
60
|
+
<el-button
|
|
61
|
+
type="primary"
|
|
62
|
+
plain
|
|
63
|
+
class="button-sty"
|
|
64
|
+
@click="showSubmitDialog = false"
|
|
65
|
+
>
|
|
66
|
+
<i class="el-icon-close el-icon"></i>
|
|
67
|
+
{{ $t1("取 消") }}
|
|
68
|
+
</el-button>
|
|
69
|
+
<el-button type="primary" @click="saveData" class="button-sty">
|
|
70
|
+
<i class="el-icon-check el-icon"></i>
|
|
71
|
+
{{ $t1("确 定") }}
|
|
72
|
+
</el-button>
|
|
73
|
+
</span>
|
|
74
|
+
</el-dialog>
|
|
50
75
|
</span>
|
|
51
76
|
</template>
|
|
52
77
|
<script>
|
|
@@ -58,31 +83,27 @@ export default {
|
|
|
58
83
|
disabled: Boolean,
|
|
59
84
|
},
|
|
60
85
|
components: {
|
|
61
|
-
tempStorageDialog
|
|
86
|
+
tempStorageDialog,
|
|
62
87
|
},
|
|
63
88
|
data() {
|
|
64
89
|
return {
|
|
65
90
|
storageType: null,
|
|
66
91
|
showTempStorageDialog: false,
|
|
67
92
|
showSubmitDialog: false,
|
|
68
|
-
remark: null
|
|
93
|
+
remark: null,
|
|
69
94
|
};
|
|
70
95
|
},
|
|
71
|
-
created() {
|
|
72
|
-
|
|
73
|
-
},
|
|
74
|
-
mounted() {
|
|
75
|
-
|
|
76
|
-
},
|
|
96
|
+
created() {},
|
|
97
|
+
mounted() {},
|
|
77
98
|
methods: {
|
|
78
99
|
openSubmitDialog() {
|
|
79
100
|
this.remark = null;
|
|
80
101
|
this.showSubmitDialog = true;
|
|
81
102
|
},
|
|
82
103
|
saveData() {
|
|
83
|
-
let url = USER_PREFIX +
|
|
104
|
+
let url = USER_PREFIX + "/temp_storage/save";
|
|
84
105
|
let billData = this.option.data() || {};
|
|
85
|
-
let data = JSON.stringify(billData)
|
|
106
|
+
let data = JSON.stringify(billData);
|
|
86
107
|
|
|
87
108
|
let that = this.option.vue || this.$$attrs["parent-target"] || this.$parent;
|
|
88
109
|
this.showSubmitDialog = false;
|
|
@@ -93,19 +114,19 @@ export default {
|
|
|
93
114
|
storageType: this.option.storageType,
|
|
94
115
|
data: data,
|
|
95
116
|
remark: this.remark,
|
|
96
|
-
retains:
|
|
117
|
+
retains: this.option.retains || null,
|
|
97
118
|
},
|
|
98
119
|
isLoading: true,
|
|
99
|
-
success: res => {
|
|
120
|
+
success: (res) => {
|
|
100
121
|
this.$message({
|
|
101
122
|
message: res.content,
|
|
102
|
-
type:
|
|
123
|
+
type: "success",
|
|
103
124
|
duration: 500,
|
|
104
|
-
onClose: t => {
|
|
125
|
+
onClose: (t) => {
|
|
105
126
|
this.option.saveConfirm && this.option.saveConfirm(res);
|
|
106
|
-
}
|
|
127
|
+
},
|
|
107
128
|
});
|
|
108
|
-
}
|
|
129
|
+
},
|
|
109
130
|
});
|
|
110
131
|
},
|
|
111
132
|
openTempStorageDialog() {
|
|
@@ -118,10 +139,7 @@ export default {
|
|
|
118
139
|
this.option.chooseConfirm && this.option.chooseConfirm(billData, rows);
|
|
119
140
|
}
|
|
120
141
|
},
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
|
|
142
|
+
},
|
|
143
|
+
};
|
|
124
144
|
</script>
|
|
125
|
-
<style scoped>
|
|
126
|
-
|
|
127
|
-
</style>
|
|
145
|
+
<style scoped></style>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<el-dialog
|
|
3
|
-
title="暂存数据列表"
|
|
3
|
+
:title="$t1('暂存数据列表')"
|
|
4
4
|
:append-to-body="true"
|
|
5
5
|
:modal-append-to-body="true"
|
|
6
6
|
:close-on-click-modal="falseValue"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
v-el-drag-dialog
|
|
13
13
|
v-el-dialog-center
|
|
14
14
|
>
|
|
15
|
-
<div class="cont" style="height:450px">
|
|
15
|
+
<div class="cont" style="height: 450px">
|
|
16
16
|
<vxe-grid
|
|
17
17
|
class="is-pointer"
|
|
18
18
|
ref="table-m1"
|
|
@@ -25,24 +25,46 @@
|
|
|
25
25
|
>
|
|
26
26
|
<template #form>
|
|
27
27
|
<div class="clearfix screen-btns">
|
|
28
|
+
<div class="fl">
|
|
29
|
+
<el-button class="button-sty" icon="el-icon-delete" @click="mulitidDelete"
|
|
30
|
+
>{{ $t1("删除") }}
|
|
31
|
+
</el-button>
|
|
32
|
+
</div>
|
|
28
33
|
<div class="fr">
|
|
29
|
-
<vxe-button
|
|
30
|
-
|
|
34
|
+
<vxe-button
|
|
35
|
+
icon="el-icon-brush"
|
|
36
|
+
class="button-sty"
|
|
37
|
+
@click="resetEvent"
|
|
38
|
+
type="text"
|
|
39
|
+
status="primary"
|
|
40
|
+
plain
|
|
41
|
+
>{{ $t1("重置") }}
|
|
31
42
|
</vxe-button>
|
|
32
|
-
<vxe-button
|
|
43
|
+
<vxe-button
|
|
44
|
+
status="warning"
|
|
45
|
+
icon="el-icon-search"
|
|
46
|
+
class="button-sty"
|
|
47
|
+
@click="searchEvent"
|
|
48
|
+
>{{ $t1("搜索") }}
|
|
33
49
|
</vxe-button>
|
|
34
50
|
</div>
|
|
35
51
|
</div>
|
|
36
|
-
<vxe-form
|
|
37
|
-
|
|
38
|
-
|
|
52
|
+
<vxe-form
|
|
53
|
+
class="screen-box"
|
|
54
|
+
title-width="92px"
|
|
55
|
+
title-align="right"
|
|
56
|
+
:data="formData"
|
|
57
|
+
@submit="searchEvent"
|
|
58
|
+
@reset="resetEvent"
|
|
59
|
+
>
|
|
60
|
+
<vxe-form-item :title="$t1('暂存编码') + ':'" field="storageCode">
|
|
39
61
|
<template v-slot>
|
|
40
|
-
<el-input v-model="formData.storageCode" size="small" clearable/>
|
|
62
|
+
<el-input v-model="formData.storageCode" size="small" clearable />
|
|
41
63
|
</template>
|
|
42
64
|
</vxe-form-item>
|
|
43
|
-
<vxe-form-item title="
|
|
65
|
+
<vxe-form-item :title="$t1('描述') + ':'" field="remark">
|
|
44
66
|
<template v-slot>
|
|
45
|
-
<el-input v-model="formData.remark" size="small" clearable/>
|
|
67
|
+
<el-input v-model="formData.remark" size="small" clearable />
|
|
46
68
|
</template>
|
|
47
69
|
</vxe-form-item>
|
|
48
70
|
<vxe-button type="submit" @click="searchEvent" v-show="false"></vxe-button>
|
|
@@ -57,8 +79,13 @@
|
|
|
57
79
|
</div>
|
|
58
80
|
</label>
|
|
59
81
|
<div class="multipleChoice">
|
|
60
|
-
<el-tooltip
|
|
61
|
-
|
|
82
|
+
<el-tooltip
|
|
83
|
+
:enterable="false"
|
|
84
|
+
effect="dark"
|
|
85
|
+
:content="$t1('全部删除')"
|
|
86
|
+
placement="top"
|
|
87
|
+
><a class="allDel icon-quanbushanchu" @click="clearChecked()"></a
|
|
88
|
+
></el-tooltip>
|
|
62
89
|
<div class="list">
|
|
63
90
|
<div class="item" v-for="(checkRow, index) in checkRows" :key="index">
|
|
64
91
|
<p>{{ checkRow.storageCode }}</p>
|
|
@@ -67,95 +94,193 @@
|
|
|
67
94
|
</div>
|
|
68
95
|
</div>
|
|
69
96
|
<span slot="footer" class="dialog-footer">
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
97
|
+
<span class="fl tips">{{ $t1("注：双击确认选择（单选）") }}</span>
|
|
98
|
+
<el-button type="primary" plain class="button-sty" @click="dialogClose">
|
|
99
|
+
<i class="el-icon-close el-icon"></i>
|
|
100
|
+
{{ $t1("取消") }}
|
|
101
|
+
</el-button>
|
|
102
|
+
<el-button type="primary" @click="dialogPrimary()" class="button-sty">
|
|
103
|
+
<i class="el-icon-check el-icon"></i>
|
|
104
|
+
{{ $t1("确定") }}
|
|
105
|
+
</el-button>
|
|
106
|
+
</span>
|
|
80
107
|
</el-dialog>
|
|
81
108
|
</template>
|
|
82
109
|
|
|
83
110
|
<script>
|
|
84
|
-
import {selectDialogMixins} from
|
|
111
|
+
import { selectDialogMixins } from "../../mixins/selectDialog/index.js";
|
|
85
112
|
|
|
86
113
|
export default {
|
|
87
|
-
name:
|
|
88
|
-
props: [
|
|
114
|
+
name: "positionDialog",
|
|
115
|
+
props: ["visiable", "multi", "rows", "param", "storageType"],
|
|
89
116
|
mixins: [selectDialogMixins],
|
|
90
117
|
created() {
|
|
91
118
|
this.initSetting();
|
|
119
|
+
this.selectMulti = true;
|
|
92
120
|
},
|
|
93
121
|
mounted() {
|
|
94
122
|
this.initTableM1();
|
|
95
123
|
},
|
|
96
124
|
data() {
|
|
97
|
-
var that = this;
|
|
98
125
|
return {
|
|
99
126
|
showDialog: true,
|
|
100
127
|
falseValue: false,
|
|
101
128
|
selectMulti: true,
|
|
102
129
|
formData: {},
|
|
103
|
-
vxeOption: {}
|
|
130
|
+
vxeOption: {},
|
|
104
131
|
};
|
|
105
132
|
},
|
|
106
133
|
methods: {
|
|
107
134
|
initTableM1() {
|
|
108
135
|
let that = this;
|
|
109
|
-
let url = USER_PREFIX +
|
|
136
|
+
let url = USER_PREFIX + "/temp_storage/listPage";
|
|
110
137
|
let tableOption = {
|
|
111
138
|
vue: that,
|
|
112
|
-
tableRef:
|
|
113
|
-
tableName:
|
|
139
|
+
tableRef: "table-m1",
|
|
140
|
+
tableName: "user_temp_storage_dialog-m1",
|
|
114
141
|
path: url,
|
|
115
142
|
param: () => {
|
|
116
143
|
return {
|
|
117
144
|
...this.formData,
|
|
118
|
-
storageType: this.storageType
|
|
119
|
-
}
|
|
145
|
+
storageType: this.storageType,
|
|
146
|
+
};
|
|
120
147
|
},
|
|
121
148
|
columns: [
|
|
122
|
-
{type:
|
|
149
|
+
{ type: "checkbox", fixed: "left", width: 48, resizable: false },
|
|
123
150
|
{
|
|
124
|
-
field:
|
|
125
|
-
title:
|
|
151
|
+
field: "remark",
|
|
152
|
+
title: this.$t1("描述"),
|
|
126
153
|
width: 250,
|
|
127
|
-
fixed:
|
|
154
|
+
fixed: "left",
|
|
128
155
|
},
|
|
129
156
|
{
|
|
130
|
-
field:
|
|
131
|
-
title:
|
|
132
|
-
width: 150
|
|
157
|
+
field: "createDate",
|
|
158
|
+
title: this.$t1("创建时间"),
|
|
159
|
+
width: 150,
|
|
133
160
|
},
|
|
134
161
|
{
|
|
135
|
-
title:
|
|
136
|
-
field:
|
|
137
|
-
width: 300
|
|
162
|
+
title: this.$t1("暂存编码"),
|
|
163
|
+
field: "storageCode",
|
|
164
|
+
width: 300,
|
|
138
165
|
},
|
|
139
|
-
{title:
|
|
166
|
+
{ title: this.$t1("暂存数据"), field: "data", width: 350, visible: false },
|
|
140
167
|
{
|
|
168
|
+
title: this.$t1("操作"),
|
|
141
169
|
width: 47,
|
|
142
|
-
fixed:
|
|
143
|
-
title:
|
|
144
|
-
sortable: false
|
|
145
|
-
|
|
170
|
+
fixed: "right",
|
|
171
|
+
title: "",
|
|
172
|
+
sortable: false,
|
|
173
|
+
slots: {
|
|
174
|
+
default: ({ row, rowIndex, $table }) => {
|
|
175
|
+
return [
|
|
176
|
+
<a
|
|
177
|
+
href="javascript:void(0);"
|
|
178
|
+
class="a-link"
|
|
179
|
+
onclick={(event) => {
|
|
180
|
+
event.stopPropagation();
|
|
181
|
+
this.deleteRow(row);
|
|
182
|
+
}}
|
|
183
|
+
>
|
|
184
|
+
<el-tooltip
|
|
185
|
+
enterable={false}
|
|
186
|
+
effect="dark"
|
|
187
|
+
content={this.$t1("删除")}
|
|
188
|
+
placement="top"
|
|
189
|
+
popper-class="tooltip-skin"
|
|
190
|
+
>
|
|
191
|
+
<i class="el-icon-delete" />
|
|
192
|
+
</el-tooltip>
|
|
193
|
+
</a>,
|
|
194
|
+
];
|
|
195
|
+
},
|
|
196
|
+
},
|
|
197
|
+
},
|
|
146
198
|
],
|
|
147
199
|
config: {
|
|
148
200
|
checkboxConfig: {
|
|
149
201
|
checkStrictly: true,
|
|
150
202
|
showHeader: this.selectMulti,
|
|
151
|
-
trigger:
|
|
203
|
+
trigger: "row",
|
|
204
|
+
},
|
|
205
|
+
},
|
|
206
|
+
callback: (rows) => {
|
|
207
|
+
if (!rows.length) return;
|
|
208
|
+
let checkRows = this.checkRows;
|
|
209
|
+
if (checkRows.length) {
|
|
210
|
+
let checkIds = checkRows.map((item) => item.id);
|
|
211
|
+
let items = rows.filter((item) => checkIds.includes(item.id));
|
|
212
|
+
if (items.length) {
|
|
213
|
+
this.$refs["table-m1"].setCheckboxRow(items, true);
|
|
214
|
+
}
|
|
152
215
|
}
|
|
153
|
-
}
|
|
216
|
+
},
|
|
154
217
|
};
|
|
155
|
-
this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
|
|
218
|
+
this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
|
|
156
219
|
that.vxeOption = opts;
|
|
157
220
|
});
|
|
158
|
-
}
|
|
159
|
-
|
|
221
|
+
},
|
|
222
|
+
deleteRow(row) {
|
|
223
|
+
this.$baseConfirm(this.$t1("您确定要删除当前暂存数据吗？")).then(() => {
|
|
224
|
+
this.deleteHandle([row]);
|
|
225
|
+
});
|
|
226
|
+
},
|
|
227
|
+
mulitidDelete() {
|
|
228
|
+
let checkRows = this.checkRows;
|
|
229
|
+
if (checkRows.length == 0) {
|
|
230
|
+
this.$message({
|
|
231
|
+
message: this.$t1("请选择要删除的暂存数据"),
|
|
232
|
+
type: "error",
|
|
233
|
+
});
|
|
234
|
+
return;
|
|
235
|
+
}
|
|
236
|
+
this.$baseConfirm(this.$t1("您确定要删除选中的暂存数据吗？")).then(() => {
|
|
237
|
+
this.deleteHandle(checkRows);
|
|
238
|
+
});
|
|
239
|
+
},
|
|
240
|
+
deleteHandle(rows) {
|
|
241
|
+
if (!rows || !rows.length) {
|
|
242
|
+
return;
|
|
243
|
+
}
|
|
244
|
+
let data = rows.map((row) => row.id);
|
|
245
|
+
this.$http({
|
|
246
|
+
url: USER_PREFIX + "/temp_storage/delete",
|
|
247
|
+
method: `post`,
|
|
248
|
+
data: data,
|
|
249
|
+
isLoading: true,
|
|
250
|
+
success: (res) => {
|
|
251
|
+
this.$message({
|
|
252
|
+
message: res.content,
|
|
253
|
+
type: "success",
|
|
254
|
+
});
|
|
255
|
+
this.checkRows = this.checkRows.filter((row) => !data.includes(row.id));
|
|
256
|
+
this.searchEvent();
|
|
257
|
+
},
|
|
258
|
+
});
|
|
259
|
+
},
|
|
260
|
+
checkWithSubmit(obj) {
|
|
261
|
+
let $grid1 = this.$refs["table-m1"];
|
|
262
|
+
this.checkRows = [obj.row];
|
|
263
|
+
$grid1.clearCheckboxRow();
|
|
264
|
+
$grid1.setCheckboxRow(obj.row, true);
|
|
265
|
+
setTimeout(() => {
|
|
266
|
+
this.dialogPrimary();
|
|
267
|
+
}, 100);
|
|
268
|
+
},
|
|
269
|
+
dialogPrimary() {
|
|
270
|
+
let rows = this.checkRows;
|
|
271
|
+
if (rows.length > 1) {
|
|
272
|
+
this.$message({
|
|
273
|
+
message: this.$t1("请选择一条暂存数据进行操作"),
|
|
274
|
+
type: "error",
|
|
275
|
+
});
|
|
276
|
+
return;
|
|
277
|
+
}
|
|
278
|
+
if (this.beforeConfirm && this.beforeConfirm(rows, this.dialogClose) === false) {
|
|
279
|
+
return false;
|
|
280
|
+
}
|
|
281
|
+
this.$emit("confirm", rows);
|
|
282
|
+
this.dialogClose();
|
|
283
|
+
},
|
|
284
|
+
},
|
|
160
285
|
};
|
|
161
286
|
</script>
|
|
@@ -1,24 +1,45 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<td
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
<td
|
|
3
|
+
class="table-cell"
|
|
4
|
+
:class="[customClass, tdClass, 'w' + widget.options.colspan]"
|
|
5
|
+
:colspan="widget.options.colspan || 1"
|
|
6
|
+
:rowspan="widget.options.rowspan || 1"
|
|
7
|
+
:style="{
|
|
8
|
+
width: widget.options.cellWidth + ' !important' || '',
|
|
9
|
+
height: widget.options.cellHeight + ' !important' || '',
|
|
10
|
+
}"
|
|
11
|
+
>
|
|
5
12
|
<template v-for="(subWidget, swIdx) in widget.widgetList">
|
|
6
13
|
<template v-if="'container' === subWidget.category">
|
|
7
|
-
<component
|
|
8
|
-
|
|
14
|
+
<component
|
|
15
|
+
:is="subWidget.type + '-item'"
|
|
16
|
+
:widget="subWidget"
|
|
17
|
+
:key="swIdx"
|
|
18
|
+
:parent-list="widget.widgetList"
|
|
19
|
+
:index-of-parent-list="swIdx"
|
|
20
|
+
:parent-widget="widget"
|
|
21
|
+
:tableParam="tableParam"
|
|
22
|
+
>
|
|
9
23
|
<!-- 递归传递插槽！！！ -->
|
|
10
24
|
<template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
|
|
11
|
-
<slot :name="slot" v-bind="scope"/>
|
|
25
|
+
<slot :name="slot" v-bind="scope" />
|
|
12
26
|
</template>
|
|
13
27
|
</component>
|
|
14
28
|
</template>
|
|
15
29
|
<template v-else>
|
|
16
|
-
<component
|
|
17
|
-
|
|
18
|
-
|
|
30
|
+
<component
|
|
31
|
+
:is="subWidget.type + '-widget'"
|
|
32
|
+
:field="subWidget"
|
|
33
|
+
:key="swIdx"
|
|
34
|
+
:parent-list="widget.widgetList"
|
|
35
|
+
:index-of-parent-list="swIdx"
|
|
36
|
+
:parent-widget="widget"
|
|
37
|
+
:tableParam="tableParam"
|
|
38
|
+
:formItemProp="getProp(subWidget)"
|
|
39
|
+
>
|
|
19
40
|
<!-- 递归传递插槽！！！ -->
|
|
20
41
|
<template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
|
|
21
|
-
<slot :name="slot" v-bind="scope"/>
|
|
42
|
+
<slot :name="slot" v-bind="scope" />
|
|
22
43
|
</template>
|
|
23
44
|
</component>
|
|
24
45
|
</template>
|
|
@@ -27,10 +48,10 @@
|
|
|
27
48
|
</template>
|
|
28
49
|
|
|
29
50
|
<script>
|
|
30
|
-
import emitter from
|
|
31
|
-
import i18n from "../../../../components/xform/utils/i18n"
|
|
32
|
-
import refMixin from "../../../../components/xform/form-render/refMixin"
|
|
33
|
-
import FieldComponents from
|
|
51
|
+
import emitter from "../../../../components/xform/utils/emitter";
|
|
52
|
+
import i18n from "../../../../components/xform/utils/i18n";
|
|
53
|
+
import refMixin from "../../../../components/xform/form-render/refMixin";
|
|
54
|
+
import FieldComponents from "../../../../components/xform/form-designer/form-widget/field-widget/index";
|
|
34
55
|
|
|
35
56
|
export default {
|
|
36
57
|
name: "Table2CellItem",
|
|
@@ -46,21 +67,21 @@ export default {
|
|
|
46
67
|
colIndex: Number,
|
|
47
68
|
parentWidget: Object,
|
|
48
69
|
parentTarget: Object,
|
|
49
|
-
row: Object
|
|
70
|
+
row: Object,
|
|
50
71
|
},
|
|
51
|
-
inject: [
|
|
72
|
+
inject: ["refList", "globalModel", "getRows"],
|
|
52
73
|
computed: {
|
|
53
74
|
customClass() {
|
|
54
|
-
return this.widget.options.customClass ||
|
|
75
|
+
return this.widget.options.customClass || "";
|
|
55
76
|
},
|
|
56
77
|
tdClass() {
|
|
57
|
-
return (this.colIndex + 1) % 2 == 0 ? "" : "odd"
|
|
78
|
+
return (this.colIndex + 1) % 2 == 0 ? "" : "odd";
|
|
58
79
|
},
|
|
59
80
|
formModel: {
|
|
60
81
|
cache: !1,
|
|
61
82
|
get: function () {
|
|
62
83
|
return this.globalModel.formModel;
|
|
63
|
-
}
|
|
84
|
+
},
|
|
64
85
|
},
|
|
65
86
|
formDataId() {
|
|
66
87
|
let formRef = this.getFormRef();
|
|
@@ -69,10 +90,9 @@ export default {
|
|
|
69
90
|
tableParam() {
|
|
70
91
|
return {
|
|
71
92
|
rowIndex: this.widget.options.rowIndex,
|
|
72
|
-
row: this.row
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
|
|
93
|
+
row: this.row,
|
|
94
|
+
};
|
|
95
|
+
},
|
|
76
96
|
},
|
|
77
97
|
created() {
|
|
78
98
|
/* tableCell不生成组件引用，故无须调用initRefList！！ */
|
|
@@ -85,23 +105,22 @@ export default {
|
|
|
85
105
|
if (this.widget.widgetList.length) {
|
|
86
106
|
let formRef = this.getFormRef();
|
|
87
107
|
let keyName = formRef.getFieldKeyName(this.widget.widgetList[0]);
|
|
108
|
+
if (!keyName) return;
|
|
88
109
|
this.$watch(`row.${keyName}`, (newVal, oldVal) => {
|
|
89
110
|
let rows = this.parentTarget.rows;
|
|
90
|
-
rows.find(row => row.f_key == keyName).f_field_value = newVal
|
|
111
|
+
rows.find((row) => row.f_key == keyName).f_field_value = newVal;
|
|
91
112
|
});
|
|
92
113
|
}
|
|
93
114
|
},
|
|
94
115
|
getProp(subWidget) {
|
|
95
|
-
let rowIndex = this.widget.options.rowIndex
|
|
116
|
+
let rowIndex = this.widget.options.rowIndex;
|
|
96
117
|
let formRef = this.getFormRef();
|
|
97
|
-
let keyName1 = formRef.getFieldKeyName(this.parentWidget)
|
|
98
|
-
let name = `${keyName1}.${rowIndex}.f_field_value
|
|
99
|
-
return name
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}
|
|
118
|
+
let keyName1 = formRef.getFieldKeyName(this.parentWidget);
|
|
119
|
+
let name = `${keyName1}.${rowIndex}.f_field_value`;
|
|
120
|
+
return name;
|
|
121
|
+
},
|
|
122
|
+
},
|
|
123
|
+
};
|
|
103
124
|
</script>
|
|
104
125
|
|
|
105
|
-
<style lang="scss" scoped>
|
|
106
|
-
|
|
107
|
-
</style>
|
|
126
|
+
<style lang="scss" scoped></style>
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
<div class="node-box">
|
|
81
81
|
<div class="info" v-if="currentRow.name">
|
|
82
82
|
<p class="tit">{{ currentRow.name }}</p>
|
|
83
|
-
<p>总耗时: {{ currentRow.duration }}
|
|
83
|
+
<p>总耗时: {{ currentRow.duration }}</p>
|
|
84
84
|
<el-tag type="warning" v-if="currentRow.stat === 1">{{
|
|
85
85
|
$t2("审核中", "components.wf.wfStatus1")
|
|
86
86
|
}}</el-tag>
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
<el-step v-for="(row, index) in nodeList" :key="index">
|
|
96
96
|
<div slot="title">
|
|
97
97
|
<div class="name">{{ row.task_name }}</div>
|
|
98
|
-
<div class="a-time">耗时: {{ row.duration }}
|
|
98
|
+
<div class="a-time">耗时: {{ row.duration }}</div>
|
|
99
99
|
</div>
|
|
100
100
|
<div slot="description">
|
|
101
101
|
<p>
|