mooho-base-admin-plus 2.0.2 → 2.0.4

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.
Files changed (8) hide show
  1. package/package/mooho-base-admin-plus.min.esm.js +307 -475
  2. package/package/mooho-base-admin-plus.min.js +6 -6
  3. package/package/style.css +1 -1
  4. package/package.json +1 -1
  5. package/src/components/view/column-edit.vue +5 -5
  6. package/src/components/view/view-form.vue +239 -278
  7. package/src/components/view/view-table.vue +1 -2
  8. package/src/styles/css/default.css +5 -1
package/src/components/view/view-form.vue CHANGED
@@ -90,9 +90,7 @@
90
90
  </template>
91
91
  <template v-else-if="column.controlType === 'Label'">
92
92
  <div class="label" :title="compareData == null ? null : showData(compareData, column)">
93
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
94
- <div :class="{ error: compareData != null && parseData(data, column.code) != parseData(compareData, column.code) }" v-html="showData(data, column)"></div>
95
- </Tooltip>
93
+ <div :class="{ error: compareData != null && parseData(data, column.code) != parseData(compareData, column.code) }" v-html="showData(data, column)"></div>
96
94
  </div>
97
95
  </template>
98
96
  <template v-if="column.controlType === 'Hyperlink'">
@@ -101,104 +99,92 @@
101
99
  </a>
102
100
  </template>
103
101
  <template v-else-if="column.controlType === 'TextInput'">
104
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
105
- <Input
106
- type="text"
107
- :model-value="parseData(data, column.code)"
108
- @update:model-value="$event => setData(data, column.code, $event)"
109
- :readonly="readonly || column.isReadonly"
110
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
111
- :maxlength="column.maxLength"
112
- :placeholder="column.description"
113
- @on-change="onDataChange(column)"
114
- @on-blur="onBlur(column)"
115
- />
116
- </Tooltip>
102
+ <Input
103
+ type="text"
104
+ :model-value="parseData(data, column.code)"
105
+ @update:model-value="$event => setData(data, column.code, $event)"
106
+ :readonly="readonly || column.isReadonly"
107
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
108
+ :maxlength="column.maxLength"
109
+ :placeholder="column.description"
110
+ @on-change="onDataChange(column)"
111
+ @on-blur="onBlur(column)"
112
+ />
117
113
  </template>
118
114
  <template v-else-if="column.controlType === 'NumberInput'">
119
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
120
- <Input
121
- type="number"
122
- number
123
- :model-value="parseData(data, column.code)"
124
- @update:model-value="$event => setData(data, column.code, $event)"
125
- :readonly="readonly || column.isReadonly"
126
- :style="{ width: column.controlWidth == null ? '100px' : column.controlWidth + 'px' }"
127
- :placeholder="column.description"
128
- :max="column.maxValue"
129
- :min="column.minValue"
130
- @on-change="onDataChange(column)"
131
- @on-blur="onBlur(column)"
132
- />
133
- </Tooltip>
115
+ <Input
116
+ type="number"
117
+ number
118
+ :model-value="parseData(data, column.code)"
119
+ @update:model-value="$event => setData(data, column.code, $event)"
120
+ :readonly="readonly || column.isReadonly"
121
+ :style="{ width: column.controlWidth == null ? '100px' : column.controlWidth + 'px' }"
122
+ :placeholder="column.description"
123
+ :max="column.maxValue"
124
+ :min="column.minValue"
125
+ @on-change="onDataChange(column)"
126
+ @on-blur="onBlur(column)"
127
+ />
134
128
  </template>
135
129
  <template v-else-if="column.controlType === 'Select'">
136
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
137
- <Select
138
- :model-value="parseData(data, column.code)"
139
- @update:model-value="$event => setData(data, column.code, $event)"
140
- :disabled="readonly || column.isReadonly"
141
- :clearable="true"
142
- :style="{
143
- width: column.controlWidth == null ? null : column.controlWidth + 'px',
144
- 'min-width': column.controlWidth == null ? null : column.controlWidth + 'px'
145
- }"
146
- :placeholder="column.description"
147
- :transfer="true"
148
- @on-change="selected => onSelectDataChange(column, selected)"
149
- >
150
- <Option v-for="item in getDataSource(data, column)" :key="item.id" :value="item.id">{{ item.name }}</Option>
151
- </Select>
152
- </Tooltip>
130
+ <Select
131
+ :model-value="parseData(data, column.code)"
132
+ @update:model-value="$event => setData(data, column.code, $event)"
133
+ :disabled="readonly || column.isReadonly"
134
+ :clearable="true"
135
+ :style="{
136
+ width: column.controlWidth == null ? null : column.controlWidth + 'px',
137
+ 'min-width': column.controlWidth == null ? null : column.controlWidth + 'px'
138
+ }"
139
+ :placeholder="column.description"
140
+ :transfer="true"
141
+ @on-change="selected => onSelectDataChange(column, selected)"
142
+ >
143
+ <Option v-for="item in getDataSource(data, column)" :key="item.id" :value="item.id">{{ item.name }}</Option>
144
+ </Select>
153
145
  </template>
154
146
  <template v-else-if="column.controlType === 'MultiSelect'">
155
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
156
- <Select
157
- :model-value="parseArrayData(data, column.code)"
158
- @update:model-value="$event => setArrayData(data, column.code, $event)"
159
- :disabled="readonly || column.isReadonly"
160
- :multiple="true"
161
- :clearable="true"
162
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
163
- :placeholder="column.description"
164
- :transfer="true"
165
- @on-change="selected => onSelectDataChange(column, selected)"
166
- >
167
- <Option v-for="item in getDataSource(data, column)" :key="item.id" :value="item.id">{{ item.name }}</Option>
168
- </Select>
169
- </Tooltip>
147
+ <Select
148
+ :model-value="parseArrayData(data, column.code)"
149
+ @update:model-value="$event => setArrayData(data, column.code, $event)"
150
+ :disabled="readonly || column.isReadonly"
151
+ :multiple="true"
152
+ :clearable="true"
153
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
154
+ :placeholder="column.description"
155
+ :transfer="true"
156
+ @on-change="selected => onSelectDataChange(column, selected)"
157
+ >
158
+ <Option v-for="item in getDataSource(data, column)" :key="item.id" :value="item.id">{{ item.name }}</Option>
159
+ </Select>
170
160
  </template>
171
161
  <template v-else-if="column.controlType === 'TreeSelect'">
172
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
173
- <TreeSelect
174
- :model-value="parseTreeData(data, column.code)"
175
- @update:model-value="$event => setData(data, column.code, $event)"
176
- :data="getDataSource(data, column)"
177
- :disabled="readonly || column.isReadonly"
178
- :clearable="true"
179
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
180
- :placeholder="column.description"
181
- :transfer="true"
182
- @on-change="selected => onSelectDataChange(column, selected)"
183
- ></TreeSelect>
184
- </Tooltip>
162
+ <TreeSelect
163
+ :model-value="parseTreeData(data, column.code)"
164
+ @update:model-value="$event => setData(data, column.code, $event)"
165
+ :data="getDataSource(data, column)"
166
+ :disabled="readonly || column.isReadonly"
167
+ :clearable="true"
168
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
169
+ :placeholder="column.description"
170
+ :transfer="true"
171
+ @on-change="selected => onSelectDataChange(column, selected)"
172
+ ></TreeSelect>
185
173
  </template>
186
174
  <template v-else-if="column.controlType === 'MultiTreeSelect'">
187
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
188
- <TreeSelect
189
- :model-value="parseArrayData(data, column.code)"
190
- @update:model-value="$event => setArrayData(data, column.code, $event)"
191
- :data="getDataSource(data, column)"
192
- :disabled="readonly || column.isReadonly"
193
- :multiple="true"
194
- :show-checkbox="true"
195
- :clearable="true"
196
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
197
- :placeholder="column.description"
198
- :transfer="true"
199
- @on-change="selected => onSelectDataChange(column, selected)"
200
- ></TreeSelect>
201
- </Tooltip>
175
+ <TreeSelect
176
+ :model-value="parseArrayData(data, column.code)"
177
+ @update:model-value="$event => setArrayData(data, column.code, $event)"
178
+ :data="getDataSource(data, column)"
179
+ :disabled="readonly || column.isReadonly"
180
+ :multiple="true"
181
+ :show-checkbox="true"
182
+ :clearable="true"
183
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
184
+ :placeholder="column.description"
185
+ :transfer="true"
186
+ @on-change="selected => onSelectDataChange(column, selected)"
187
+ ></TreeSelect>
202
188
  </template>
203
189
  <!-- <template v-else-if="column.controlType === 'AutoComplete'">
204
190
  <AutoComplete :value="parseData(data, column.code) ? parseData(data, column.code) : ''"
@@ -217,170 +203,149 @@
217
203
  </AutoComplete>
218
204
  </template> -->
219
205
  <template v-else-if="column.controlType === 'ComboSelect'">
220
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
221
- <Select
222
- :model-value="parseData(data, column.code)"
223
- @update:model-value="$event => setData(data, column.code, $event)"
224
- :disabled="readonly || column.isReadonly"
225
- :clearable="true"
226
- filterable
227
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
228
- :placeholder="column.description"
229
- :transfer="true"
230
- @on-change="selected => onSelectDataChange(column, selected)"
231
- >
232
- <Option v-for="item in getDataSource(data, column)" :key="item.id" :value="item.id">{{ item.name }}</Option>
233
- </Select>
234
- </Tooltip>
206
+ <Select
207
+ :model-value="parseData(data, column.code)"
208
+ @update:model-value="$event => setData(data, column.code, $event)"
209
+ :disabled="readonly || column.isReadonly"
210
+ :clearable="true"
211
+ filterable
212
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
213
+ :placeholder="column.description"
214
+ :transfer="true"
215
+ @on-change="selected => onSelectDataChange(column, selected)"
216
+ >
217
+ <Option v-for="item in getDataSource(data, column)" :key="item.id" :value="item.id">{{ item.name }}</Option>
218
+ </Select>
235
219
  </template>
236
220
  <template v-else-if="column.controlType === 'DialogSelect'">
237
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
238
- <dialog-select
239
- :model-value="parseData(data, column.code)"
240
- @update:model-value="$event => setData(data, column.code, $event)"
241
- :readonly="readonly || column.isReadonly"
242
- :source="column.source"
243
- :source-data-code="column.sourceDataCode"
244
- :source-display-code="column.sourceDisplayCode"
245
- :param="getParam(data, column)"
246
- :controlWidth="column.controlWidth"
247
- @on-change="selected => onSelectDataChange(column, selected)"
248
- ></dialog-select>
249
- </Tooltip>
221
+ <dialog-select
222
+ :model-value="parseData(data, column.code)"
223
+ @update:model-value="$event => setData(data, column.code, $event)"
224
+ :readonly="readonly || column.isReadonly"
225
+ :source="column.source"
226
+ :source-data-code="column.sourceDataCode"
227
+ :source-display-code="column.sourceDisplayCode"
228
+ :param="getParam(data, column)"
229
+ :controlWidth="column.controlWidth"
230
+ @on-change="selected => onSelectDataChange(column, selected)"
231
+ ></dialog-select>
250
232
  </template>
251
233
  <template v-else-if="column.controlType === 'MultiDialogSelect'">
252
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
253
- <dialog-select
254
- :model-value="parseData(data, column.code)"
255
- @update:model-value="$event => setData(data, column.code, $event)"
256
- :multi="true"
257
- :readonly="readonly || column.isReadonly"
258
- :source="column.source"
259
- :source-data-code="column.sourceDataCode"
260
- :source-display-code="column.sourceDisplayCode"
261
- :param="getParam(data, column)"
262
- :controlWidth="column.controlWidth"
263
- @on-change="selected => onSelectDataChange(column, selected)"
264
- ></dialog-select>
265
- </Tooltip>
234
+ <dialog-select
235
+ :model-value="parseData(data, column.code)"
236
+ @update:model-value="$event => setData(data, column.code, $event)"
237
+ :multi="true"
238
+ :readonly="readonly || column.isReadonly"
239
+ :source="column.source"
240
+ :source-data-code="column.sourceDataCode"
241
+ :source-display-code="column.sourceDisplayCode"
242
+ :param="getParam(data, column)"
243
+ :controlWidth="column.controlWidth"
244
+ @on-change="selected => onSelectDataChange(column, selected)"
245
+ ></dialog-select>
266
246
  </template>
267
247
  <template v-else-if="column.controlType === 'SelectWithOther'">
268
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
269
- <Select
270
- :model-value="parseDataWithOther(data, column)"
271
- @update:model-value="$event => setDataWithOther(data, column.code, $event)"
272
- :disabled="readonly || column.isReadonly"
273
- :clearable="true"
274
- :style="{ width: column.controlWidth == null ? '40%' : column.controlWidth + 'px' }"
275
- :placeholder="column.description"
276
- :transfer="true"
277
- @on-change="selected => onSelectDataChange(column, selected)"
278
- >
279
- <Option v-for="item in getDataSource(data, column)" :key="item.id" :value="item.id">{{ item.name }}</Option>
280
- <Option key="__Other" value="__Other">{{ !!(column.pattern || '').trim() ? column.pattern : $t('Front_Label_Others') }}</Option>
281
- </Select>
282
- <Input
283
- type="text"
284
- v-show="parseDataWithOther(data, column) == '__Other'"
285
- :model-value="parseData(data, column.code)"
286
- @update:model-value="$event => setData(data, column.code, $event)"
287
- :readonly="readonly || column.isReadonly"
288
- :style="{ width: column.controlWidth == null ? '40%' : column.controlWidth + 'px' }"
289
- style="margin-left: 4px"
290
- :maxlength="column.maxLength"
291
- :placeholder="column.description"
292
- @on-change="selected => onDataChange(column, selected)"
293
- @on-blur="onBlur(column)"
294
- />
295
- </Tooltip>
248
+ <Select
249
+ :model-value="parseDataWithOther(data, column)"
250
+ @update:model-value="$event => setDataWithOther(data, column.code, $event)"
251
+ :disabled="readonly || column.isReadonly"
252
+ :clearable="true"
253
+ :style="{ width: column.controlWidth == null ? '40%' : column.controlWidth + 'px' }"
254
+ :placeholder="column.description"
255
+ :transfer="true"
256
+ @on-change="selected => onSelectDataChange(column, selected)"
257
+ >
258
+ <Option v-for="item in getDataSource(data, column)" :key="item.id" :value="item.id">{{ item.name }}</Option>
259
+ <Option key="__Other" value="__Other">{{ !!(column.pattern || '').trim() ? column.pattern : $t('Front_Label_Others') }}</Option>
260
+ </Select>
261
+ <Input
262
+ type="text"
263
+ v-show="parseDataWithOther(data, column) == '__Other'"
264
+ :model-value="parseData(data, column.code)"
265
+ @update:model-value="$event => setData(data, column.code, $event)"
266
+ :readonly="readonly || column.isReadonly"
267
+ :style="{ width: column.controlWidth == null ? '40%' : column.controlWidth + 'px' }"
268
+ style="margin-left: 4px"
269
+ :maxlength="column.maxLength"
270
+ :placeholder="column.description"
271
+ @on-change="selected => onDataChange(column, selected)"
272
+ @on-blur="onBlur(column)"
273
+ />
296
274
  </template>
297
275
  <template v-else-if="column.controlType === 'Date' || column.controlType === 'DateTime' || column.controlType === 'Year' || column.controlType === 'Month'">
298
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
299
- <DatePicker
300
- :type="column.controlType.toLowerCase()"
301
- :model-value="parseDateTimeData(data, column.code)"
302
- :readonly="readonly || column.isReadonly"
303
- :placeholder="column.description"
304
- :transfer="true"
305
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
306
- @on-change="
307
- time => {
308
- setData(data, column.code, time);
309
- onDataChange(column);
310
- }
311
- "
312
- ></DatePicker>
313
- </Tooltip>
276
+ <DatePicker
277
+ :type="column.controlType.toLowerCase()"
278
+ :model-value="parseDateTimeData(data, column.code)"
279
+ :readonly="readonly || column.isReadonly"
280
+ :placeholder="column.description"
281
+ :transfer="true"
282
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
283
+ @on-change="
284
+ time => {
285
+ setData(data, column.code, time);
286
+ onDataChange(column);
287
+ }
288
+ "
289
+ ></DatePicker>
314
290
  </template>
315
291
  <template v-else-if="column.controlType === 'DateRange'">
316
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
317
- <DatePicker
318
- :type="column.controlType.toLowerCase()"
319
- :model-value="parseDateRangeData(data, column.code)"
320
- @update:model-value="$event => setArrayData(data, column.code, $event)"
321
- :readonly="readonly || column.isReadonly"
322
- :placeholder="column.description"
323
- :transfer="true"
324
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
325
- @on-change="onDataChange(column)"
326
- ></DatePicker>
327
- </Tooltip>
292
+ <DatePicker
293
+ :type="column.controlType.toLowerCase()"
294
+ :model-value="parseDateRangeData(data, column.code)"
295
+ @update:model-value="$event => setArrayData(data, column.code, $event)"
296
+ :readonly="readonly || column.isReadonly"
297
+ :placeholder="column.description"
298
+ :transfer="true"
299
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
300
+ @on-change="onDataChange(column)"
301
+ ></DatePicker>
328
302
  </template>
329
303
  <template v-else-if="column.controlType === 'Time'">
330
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
331
- <TimePicker
332
- type="time"
333
- :model-value="parseData(data, column.code)"
334
- :readonly="readonly || column.isReadonly"
335
- :placeholder="column.description"
336
- :transfer="true"
337
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
338
- @on-change="
339
- time => {
340
- setData(data, column.code, time);
341
- onDataChange(column);
342
- }
343
- "
344
- ></TimePicker>
345
- </Tooltip>
304
+ <TimePicker
305
+ type="time"
306
+ :model-value="parseData(data, column.code)"
307
+ :readonly="readonly || column.isReadonly"
308
+ :placeholder="column.description"
309
+ :transfer="true"
310
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
311
+ @on-change="
312
+ time => {
313
+ setData(data, column.code, time);
314
+ onDataChange(column);
315
+ }
316
+ "
317
+ ></TimePicker>
346
318
  </template>
347
319
  <template v-else-if="column.controlType === 'Check'">
348
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
349
- <Checkbox
350
- :model-value="!!parseData(data, column.code)"
351
- @update:model-value="$event => setData(data, column.code, $event)"
352
- :disabled="readonly || column.isReadonly"
353
- size="large"
354
- @on-change="onDataChange(column)"
355
- />
356
- </Tooltip>
320
+ <Checkbox
321
+ :model-value="!!parseData(data, column.code)"
322
+ @update:model-value="$event => setData(data, column.code, $event)"
323
+ :disabled="readonly || column.isReadonly"
324
+ size="large"
325
+ @on-change="onDataChange(column)"
326
+ />
357
327
  </template>
358
328
  <template v-else-if="column.controlType === 'Switch'">
359
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
360
- <Switch
361
- :model-value="!!parseData(data, column.code)"
362
- @update:model-value="$event => setData(data, column.code, $event)"
363
- :disabled="readonly || column.isReadonly"
364
- @on-change="onDataChange(column)"
365
- />
366
- </Tooltip>
329
+ <Switch
330
+ :model-value="!!parseData(data, column.code)"
331
+ @update:model-value="$event => setData(data, column.code, $event)"
332
+ :disabled="readonly || column.isReadonly"
333
+ @on-change="onDataChange(column)"
334
+ />
367
335
  </template>
368
336
  <template v-else-if="column.controlType === 'Radio'">
369
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
370
- <RadioGroup
371
- :model-value="parseData(data, column.code)"
372
- @update:model-value="$event => setData(data, column.code, $event)"
373
- @on-change="selected => onSelectDataChange(column, selected)"
374
- >
375
- <Radio v-for="item in getDataSource(data, column)" :key="item.id" :label="item.id" :disabled="readonly || column.isReadonly">
376
- <span>{{ item.name }}</span>
377
- </Radio>
378
- </RadioGroup>
379
- </Tooltip>
337
+ <RadioGroup
338
+ :model-value="parseData(data, column.code)"
339
+ @update:model-value="$event => setData(data, column.code, $event)"
340
+ @on-change="selected => onSelectDataChange(column, selected)"
341
+ >
342
+ <Radio v-for="item in getDataSource(data, column)" :key="item.id" :label="item.id" :disabled="readonly || column.isReadonly">
343
+ <span>{{ item.name }}</span>
344
+ </Radio>
345
+ </RadioGroup>
380
346
  </template>
381
347
  <template v-else-if="column.controlType === 'CheckGroup'">
382
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
383
- <!-- <CheckboxGroup
348
+ <!-- <CheckboxGroup
384
349
  :model-value="parseArrayData(data, column.code)"
385
350
  @update:model-value="$event => setArrayData(data, column.code, $event)"
386
351
  @on-change="selected => onSelectDataChange(column, selected)"
@@ -390,30 +355,27 @@
390
355
  </Checkbox>
391
356
  </CheckboxGroup> -->
392
357
 
393
- <check-group
394
- :model-value="parseData(data, column.code)"
395
- @update:model-value="$event => setData(data, column.code, $event)"
396
- :dataSource="getDataSource(data, column)"
397
- value-key="id"
398
- label-key="name"
399
- :readonly="readonly || column.isReadonly"
400
- @on-change="() => onSelectDataChange(column)"
401
- ></check-group>
402
- </Tooltip>
358
+ <check-group
359
+ :model-value="parseData(data, column.code)"
360
+ @update:model-value="$event => setData(data, column.code, $event)"
361
+ :dataSource="getDataSource(data, column)"
362
+ value-key="id"
363
+ label-key="name"
364
+ :readonly="readonly || column.isReadonly"
365
+ @on-change="() => onSelectDataChange(column)"
366
+ ></check-group>
403
367
  </template>
404
368
  <template v-else-if="column.controlType === 'TextArea'">
405
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
406
- <Input
407
- type="textarea"
408
- :model-value="parseData(data, column.code)"
409
- @update:model-value="$event => setData(data, column.code, $event)"
410
- :readonly="readonly || column.isReadonly"
411
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
412
- :rows="column.controlHeight / 20"
413
- :maxlength="column.maxLength"
414
- :placeholder="column.description"
415
- />
416
- </Tooltip>
369
+ <Input
370
+ type="textarea"
371
+ :model-value="parseData(data, column.code)"
372
+ @update:model-value="$event => setData(data, column.code, $event)"
373
+ :readonly="readonly || column.isReadonly"
374
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
375
+ :rows="column.controlHeight / 20"
376
+ :maxlength="column.maxLength"
377
+ :placeholder="column.description"
378
+ />
417
379
  </template>
418
380
  <template v-else-if="column.controlType === 'RichEditor'">
419
381
  <rich-editor
@@ -458,27 +420,26 @@
458
420
  />
459
421
  </template>
460
422
  <template v-else-if="column.controlType === 'Slider'">
461
- <Tooltip :disabled="!column.tooltip" :content="column.tooltip" max-width="200">
462
- <Slider
463
- v-if="!readonly && !column.isReadonly"
464
- :model-value="parseData(data, column.code)"
465
- @update:model-value="$event => setData(data, column.code, $event)"
466
- show-input
467
- :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
468
- :max="column.maxValue"
469
- :min="column.minValue"
470
- />
471
- <Input
472
- v-if="readonly || column.isReadonly"
473
- type="number"
474
- number
475
- readonly
476
- :model-value="parseData(data, column.code)"
477
- :style="{ width: column.controlWidth == null ? '100px' : column.controlWidth + 'px' }"
478
- :placeholder="column.description"
479
- />
480
- </Tooltip>
423
+ <Slider
424
+ v-if="!readonly && !column.isReadonly"
425
+ :model-value="parseData(data, column.code)"
426
+ @update:model-value="$event => setData(data, column.code, $event)"
427
+ show-input
428
+ :style="{ width: column.controlWidth == null ? null : column.controlWidth + 'px' }"
429
+ :max="column.maxValue"
430
+ :min="column.minValue"
431
+ />
432
+ <Input
433
+ v-if="readonly || column.isReadonly"
434
+ type="number"
435
+ number
436
+ readonly
437
+ :model-value="parseData(data, column.code)"
438
+ :style="{ width: column.controlWidth == null ? '100px' : column.controlWidth + 'px' }"
439
+ :placeholder="column.description"
440
+ />
481
441
  </template>
442
+ <Button type="primary" style="margin-left: 4px" size="small" :title="column.tooltip" shape="circle" icon="md-help"></Button>
482
443
  </FormItem>
483
444
  </Col>
484
445
  </template>
@@ -644,7 +605,7 @@
644
605
  // 加载表格视图
645
606
  let view = await this.loadDataView(viewCode);
646
607
 
647
- if (view == null && viewCode.indexOf('_') >= 0) {
608
+ if (view && !view.isExist && viewCode.indexOf('_') >= 0) {
648
609
  view = await this.loadDataView(viewCode.split('_')[0]);
649
610
  }
650
611