cloud-web-corejs 1.0.54-dev.357 → 1.0.54-dev.359

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.
@@ -1,9 +1,17 @@
1
1
  <template>
2
- <vxe-grid :ref="widget.id" v-bind="vxeOption" :auto-resize="true" v-show="!widget.options.hidden"
3
- @resizable-change="$vxeTableUtil.onColumnWitchChange" @custom="$vxeTableUtil.customHandle"
4
- @checkbox-change="handleCheckboxChange" @checkbox-all="handleCheckboxAll"
5
- @cell-dblclick="handleCellDblclick" :class="dataTableConfig.class"
6
- :data="fieldModel"
2
+ <vxe-grid
3
+ :ref="widget.id"
4
+ v-bind="vxeOption"
5
+ :auto-resize="true"
6
+ v-show="!widget.options.hidden"
7
+ @resizable-change="$vxeTableUtil.onColumnWitchChange"
8
+ @custom="$vxeTableUtil.customHandle"
9
+ @checkbox-change="handleCheckboxChange"
10
+ @checkbox-all="handleCheckboxAll"
11
+ @cell-dblclick="handleCellDblclick"
12
+ :class="dataTableConfig.class"
13
+ :data="fieldModel"
14
+ v-on="eventConfig"
7
15
  >
8
16
  <template #form>
9
17
  <!-- <div v-if="widget.options.showSearchArea" class="clearfix screen-btns">
@@ -101,9 +109,15 @@
101
109
  </template>
102
110
  </div>-->
103
111
 
104
- <tableForm v-if="widget.options.isQueryTable" :formData.sync="formModel" :xform="true"
105
- @searchEvent="searchEvent" @resetEvent="resetEvent" @advancedClear="advancedClear"
106
- @settingConfirm="tableFormSettingConfirm">
112
+ <tableForm
113
+ v-if="widget.options.isQueryTable"
114
+ :formData.sync="formModel"
115
+ :xform="true"
116
+ @searchEvent="searchEvent"
117
+ @resetEvent="resetEvent"
118
+ @advancedClear="advancedClear"
119
+ @settingConfirm="tableFormSettingConfirm"
120
+ >
107
121
  <template #buttonLeft>
108
122
  <template v-if="!!widget.buttons && widget.buttons.length > 0">
109
123
  <template v-for="(subWidget, swIdx) in widget.buttons">
@@ -117,8 +131,11 @@
117
131
  :parent-widget="widget"
118
132
  >
119
133
  <!-- 递归传递插槽!!! -->
120
- <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
121
- <slot :name="slot" v-bind="scope"/>
134
+ <template
135
+ v-for="slot in Object.keys($scopedSlots)"
136
+ v-slot:[slot]="scope"
137
+ >
138
+ <slot :name="slot" v-bind="scope" />
122
139
  </template>
123
140
  </component>
124
141
  </template>
@@ -133,8 +150,11 @@
133
150
  :parent-widget="widget"
134
151
  >
135
152
  <!-- 递归传递插槽!!! -->
136
- <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
137
- <slot :name="slot" v-bind="scope"/>
153
+ <template
154
+ v-for="slot in Object.keys($scopedSlots)"
155
+ v-slot:[slot]="scope"
156
+ >
157
+ <slot :name="slot" v-bind="scope" />
138
158
  </template>
139
159
  </component>
140
160
  </template>
@@ -142,15 +162,29 @@
142
162
  </template>
143
163
  </template>
144
164
  <template #buttonRight>
145
- <vxe-button icon="el-icon-brush" class="button-sty" @click="handleResetClick" type="text" status="primary"
146
- plain>{{ $t2('重置') }}
165
+ <vxe-button
166
+ icon="el-icon-brush"
167
+ class="button-sty"
168
+ @click="handleResetClick"
169
+ type="text"
170
+ status="primary"
171
+ plain
172
+ >{{ $t2("重置") }}
147
173
  </vxe-button>
148
- <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="handleSearchClick">
149
- {{ $t2('搜索') }}
174
+ <vxe-button
175
+ status="warning"
176
+ icon="el-icon-search"
177
+ class="button-sty"
178
+ @click="handleSearchClick"
179
+ >
180
+ {{ $t2("搜索") }}
150
181
  </vxe-button>
151
182
  </template>
152
183
 
153
- <template v-for="(subWidget, swIdx) in widget.widgetList" v-slot:[subWidget.options.name]>
184
+ <template
185
+ v-for="(subWidget, swIdx) in widget.widgetList"
186
+ v-slot:[subWidget.options.name]
187
+ >
154
188
  <component
155
189
  v-if="'container' !== subWidget.category"
156
190
  :key="swIdx"
@@ -162,12 +196,12 @@
162
196
  >
163
197
  <!-- 递归传递插槽!!! -->
164
198
  <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
165
- <slot :name="slot" v-bind="scope"/>
199
+ <slot :name="slot" v-bind="scope" />
166
200
  </template>
167
201
  </component>
168
202
  </template>
169
203
 
170
- <template #searchWidget="{searchColumn}">
204
+ <template #searchWidget="{ searchColumn }">
171
205
  <component
172
206
  :is="searchColumn.widget.type + '-widget'"
173
207
  :field="searchColumn.widget"
@@ -178,14 +212,18 @@
178
212
  >
179
213
  <!-- 递归传递插槽!!! -->
180
214
  <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
181
- <slot :name="slot" v-bind="scope"/>
215
+ <slot :name="slot" v-bind="scope" />
182
216
  </template>
183
217
  </component>
184
218
  </template>
185
-
186
219
  </tableForm>
187
- <treeMoveDialog v-if="showTreeMoveDialog" :visiable.sync="showTreeMoveDialog" :rows.sync="sortRows"
188
- :parent-target="_self" @confirm="confirmTreeMoveDialog"></treeMoveDialog>
220
+ <treeMoveDialog
221
+ v-if="showTreeMoveDialog"
222
+ :visiable.sync="showTreeMoveDialog"
223
+ :rows.sync="sortRows"
224
+ :parent-target="_self"
225
+ @confirm="confirmTreeMoveDialog"
226
+ ></treeMoveDialog>
189
227
  </template>
190
228
  <!-- <template v-for="fieldWidget in widgets" v-slot:[fieldWidget.id]="obj">
191
229
  <component
@@ -208,15 +246,25 @@
208
246
  <template #widget="obj">
209
247
  <template v-if="!!getTableColumnWidget(obj)">
210
248
  <template v-if="obj.column.params.widget.type == 'status'">
211
- <template v-for="(item,index) in getTableColumnWidget(obj).options.statusParam">
212
- <template v-if="isShowColumnStatusWidget(obj,item)">
249
+ <template
250
+ v-for="(item, index) in getTableColumnWidget(obj).options.statusParam"
251
+ >
252
+ <template v-if="isShowColumnStatusWidget(obj, item)">
213
253
  <span
214
- v-if="getTableColumnWidget(obj).options.formScriptEnabled || getTableColumnWidget(obj).options.commonAttributeEnabled"
215
- :key="getTableColumnWidget(obj).id+'-'+index">{{ getI18nLabel(item[getTableColumnStatusWidgetLabelKey(obj)]) }}</span>
254
+ v-if="
255
+ getTableColumnWidget(obj).options.formScriptEnabled ||
256
+ getTableColumnWidget(obj).options.commonAttributeEnabled
257
+ "
258
+ :key="getTableColumnWidget(obj).id + '-' + index"
259
+ >{{ getI18nLabel(item[getTableColumnStatusWidgetLabelKey(obj)]) }}</span
260
+ >
216
261
  <span
217
- v-else
218
- :key="getTableColumnWidget(obj).id+'-'+index" class="list-tag"
219
- :class="item.type">{{ getI18nLabel(item[getTableColumnStatusWidgetLabelKey(obj)]) }}</span>
262
+ v-else
263
+ :key="getTableColumnWidget(obj).id + '-' + index"
264
+ class="list-tag"
265
+ :class="item.type"
266
+ >{{ getI18nLabel(item[getTableColumnStatusWidgetLabelKey(obj)]) }}</span
267
+ >
220
268
  </template>
221
269
  </template>
222
270
  </template>
@@ -230,27 +278,26 @@
230
278
  :parent-widget="widget"
231
279
  :columnConfig="obj.column.params.columnConfig"
232
280
  :subFormRowIndex="obj.rowIndex"
233
- :formItemProp="getColumnProp(widget,obj)"
281
+ :formItemProp="getColumnProp(widget, obj)"
234
282
  :subFormRowId="obj.row._X_ROW_KEY"
235
283
  :tableParam="obj"
236
284
  >
237
285
  <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
238
- <slot :name="slot" v-bind="scope"/>
286
+ <slot :name="slot" v-bind="scope" />
239
287
  </template>
240
288
  </component>
241
289
  </template>
242
-
243
290
  </template>
244
291
  <template #widgetList="obj">
245
292
  <div>
246
- <template v-for="(fieldWidget,index) in obj.column.params.widgetList">
293
+ <template v-for="(fieldWidget, index) in obj.column.params.widgetList">
247
294
  <component
248
295
  v-if="!!fieldSchemaMap[obj.row._X_ROW_KEY] && !!obj.row._X_ROW_KEY"
249
296
  :is="getColumnWidgetName(fieldWidget)"
250
- v-bind="getRowWidgetOption(obj,fieldWidget)"
297
+ v-bind="getRowWidgetOption(obj, fieldWidget)"
251
298
  :form-model="globalModel.formModel"
252
299
  :designer="null"
253
- :key="getRowWidgetKey(obj,fieldWidget)"
300
+ :key="getRowWidgetKey(obj, fieldWidget)"
254
301
  :parent-widget="widget"
255
302
  :columnConfig="obj.column.params.columnConfig"
256
303
  :subFormRowIndex="obj.rowIndex"
@@ -259,11 +306,10 @@
259
306
  :tableParam="obj"
260
307
  >
261
308
  <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
262
- <slot :name="slot" v-bind="scope" :tableParam="obj"/>
309
+ <slot :name="slot" v-bind="scope" :tableParam="obj" />
263
310
  </template>
264
311
  </component>
265
312
  </template>
266
-
267
313
  </div>
268
314
  </template>
269
315
  <template #editWidget="obj">
@@ -278,11 +324,11 @@
278
324
  :columnConfig="obj.column.params.columnConfig"
279
325
  :subFormRowIndex="obj.rowIndex"
280
326
  :subFormRowId="obj.row._X_ROW_KEY"
281
- :formItemProp="getColumnProp(widget, obj,true)"
327
+ :formItemProp="getColumnProp(widget, obj, true)"
282
328
  :tableParam="obj"
283
329
  >
284
330
  <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
285
- <slot :name="slot" v-bind="scope"/>
331
+ <slot :name="slot" v-bind="scope" />
286
332
  </template>
287
333
  </component>
288
334
  </template>
@@ -290,26 +336,66 @@
290
336
  <div class="cell-operate">
291
337
  <template v-if="getGridTable().isActiveByRow(obj.row)">
292
338
  <a @click="saveEditRow(obj)" class="a-link" data-tit="保存">
293
- <el-tooltip :enterable="false" effect="dark" content="保存" placement="top"
294
- popper-class="tooltip-skin"><i class="el-icon-circle-check"></i></el-tooltip>
339
+ <el-tooltip
340
+ :enterable="false"
341
+ effect="dark"
342
+ content="保存"
343
+ placement="top"
344
+ popper-class="tooltip-skin"
345
+ ><i class="el-icon-circle-check"></i
346
+ ></el-tooltip>
295
347
  </a>
296
- <a @click="cancleRowEvent(obj)" class="a-link" data-tit="取消行编辑" v-if="hasSaveRow(obj.row)">
297
- <el-tooltip :enterable="false" effect="dark" content="取消行编辑" placement="top"
298
- popper-class="tooltip-skin"><i class="el-icon-circle-close"></i></el-tooltip>
348
+ <a
349
+ @click="cancleRowEvent(obj)"
350
+ class="a-link"
351
+ data-tit="取消行编辑"
352
+ v-if="hasSaveRow(obj.row)"
353
+ >
354
+ <el-tooltip
355
+ :enterable="false"
356
+ effect="dark"
357
+ content="取消行编辑"
358
+ placement="top"
359
+ popper-class="tooltip-skin"
360
+ ><i class="el-icon-circle-close"></i
361
+ ></el-tooltip>
299
362
  </a>
300
- <a @click="removeEditRow(obj)" class="a-link" data-tit="删除" v-if="!hasSaveRow(obj.row)">
301
- <el-tooltip :enterable="false" effect="dark" content="删除" placement="top"
302
- popper-class="tooltip-skin"><i class="el-icon-delete"></i></el-tooltip>
363
+ <a
364
+ @click="removeEditRow(obj)"
365
+ class="a-link"
366
+ data-tit="删除"
367
+ v-if="!hasSaveRow(obj.row)"
368
+ >
369
+ <el-tooltip
370
+ :enterable="false"
371
+ effect="dark"
372
+ content="删除"
373
+ placement="top"
374
+ popper-class="tooltip-skin"
375
+ ><i class="el-icon-delete"></i
376
+ ></el-tooltip>
303
377
  </a>
304
378
  </template>
305
379
  <template v-else>
306
- <a class="a-link" data-tit="新增" @click="addEditRow(null,obj)">
307
- <el-tooltip :enterable="false" effect="dark" content="新增" placement="top"
308
- popper-class="tooltip-skin"><i class="el-icon-circle-plus-outline"></i></el-tooltip>
380
+ <a class="a-link" data-tit="新增" @click="addEditRow(null, obj)">
381
+ <el-tooltip
382
+ :enterable="false"
383
+ effect="dark"
384
+ content="新增"
385
+ placement="top"
386
+ popper-class="tooltip-skin"
387
+ ><i class="el-icon-circle-plus-outline"></i
388
+ ></el-tooltip>
309
389
  </a>
310
390
  <a @click="editRowEvent(obj)" class="a-link" data-tit="行编辑">
311
- <el-tooltip :enterable="false" effect="dark" content="行编辑" placement="top"
312
- popper-class="tooltip-skin"><i class="el-icon-edit-outline"></i></el-tooltip>
391
+ <el-tooltip
392
+ :enterable="false"
393
+ effect="dark"
394
+ content="行编辑"
395
+ placement="top"
396
+ popper-class="tooltip-skin"
397
+ ><i class="el-icon-edit-outline"></i
398
+ ></el-tooltip>
313
399
  </a>
314
400
  </template>
315
401
  </div>
@@ -342,18 +428,17 @@
342
428
  </template>
343
429
 
344
430
  <script>
345
- import FieldComponents from '../../../../components/xform/form-designer/form-widget/field-widget/index';
346
- import dataTableMixin from './data-table-mixin.js';
431
+ import FieldComponents from "../../../../components/xform/form-designer/form-widget/field-widget/index";
432
+ import dataTableMixin from "./data-table-mixin.js";
347
433
  import tableForm from "../../../../components/table/tableForm.vue";
348
434
  import treeMoveDialog from "../../../../components/xform/form-designer/form-widget/dialog/treeMoveDialog.vue";
349
435
 
350
-
351
436
  export default {
352
- name: 'DataTableItem',
437
+ name: "DataTableItem",
353
438
  components: {
354
439
  tableForm,
355
440
  treeMoveDialog,
356
- ...FieldComponents
441
+ ...FieldComponents,
357
442
  },
358
443
  mixins: [dataTableMixin],
359
444
  computed: {
@@ -364,7 +449,7 @@ export default {
364
449
  }
365
450
  return '';
366
451
  }*/
367
- }
452
+ },
368
453
  };
369
454
  </script>
370
455