vue2-client 1.9.63 → 1.9.64

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,6 +1,6 @@
1
1
  {
2
2
  "name": "vue2-client",
3
- "version": "1.9.63",
3
+ "version": "1.9.64",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",
@@ -223,18 +223,25 @@ export default {
223
223
  getConfigByName,
224
224
  init (params) {
225
225
  const {
226
- configName, configContent, formItems, formJson, viewMode, isHandleFormKey = true,
226
+ configName, configContent, formItems, formJson, viewMode, isHandleFormKey, isKeyHandle = true,
227
227
  showSubmitBtn = true, serviceName,
228
228
  modifyModelData = {}, businessType, title, fixedAddForm = {}, getDataParams = {},
229
229
  simpleFormJsonData = {}, env = 'prod', layout, xAddFormLayout = 'horizontal'
230
230
  } = params
231
231
  this.loaded = false
232
232
  // 兼容需要省略 传递 layout: res.xAddFormLayout 可以使用 ...res 展开运算符 直接转递
233
- if (xAddFormLayout && !layout) {
233
+ if (xAddFormLayout && layout === undefined) {
234
234
  this.layout = xAddFormLayout
235
235
  } else {
236
236
  this.layout = layout
237
237
  }
238
+ if (isHandleFormKey && !isKeyHandle) {
239
+ this.isHandleFormKey = isKeyHandle
240
+ } else if (isHandleFormKey) {
241
+ this.isHandleFormKey = isHandleFormKey
242
+ } else {
243
+ this.isHandleFormKey = isKeyHandle
244
+ }
238
245
  this.configName = configName
239
246
  this.configContent = configContent
240
247
  this.formItems = this.getFromItem(formItems, formJson)
@@ -11,7 +11,7 @@
11
11
  <div class="body">
12
12
  <template v-for="(item, bodyIndex) in config.content" v-if="bodyIndex < 6">
13
13
  <div :key="'body' + bodyIndex" class="body-item">
14
- <span class="body-item-label">{{ item.label }}:</span>
14
+ <span class="body-item-label">{{ item.label }}:</span>
15
15
  <template v-if="item.type === 'progress'">
16
16
  <div class="progress">
17
17
  <div class="progress-bar">
@@ -119,6 +119,10 @@ export default {
119
119
  simpleMode: {
120
120
  type: Boolean,
121
121
  default: false
122
+ },
123
+ tableColumns:{
124
+ type: Array,
125
+ default: undefined
122
126
  }
123
127
  },
124
128
  data () {
@@ -284,20 +288,19 @@ export default {
284
288
  display: flex;
285
289
  flex-wrap: wrap;
286
290
  justify-content: space-between;
291
+ overflow-y: auto;
292
+ max-height: 85vh;
287
293
 
288
294
  .data-card {
289
- width: 15vw;
290
- margin: 10px 0;
295
+ width: 100%;
291
296
  border: 2px solid rgb(244,244,244);
292
297
  border-radius: 5px;
293
- margin-bottom: 1%;
298
+ margin-bottom: 10px;
294
299
 
295
300
  .header {
296
- height: 30px;
297
301
  width: 100%;
298
302
  background-color: rgb(244,244,244);
299
- padding-top: 3%;
300
- padding-left: 5%;
303
+ padding: 5px 15px;
301
304
 
302
305
  span {
303
306
  font-weight: bold;
@@ -306,28 +309,21 @@ export default {
306
309
  }
307
310
 
308
311
  .body {
309
- width: 100%;
310
- padding: 3%;
311
-
312
312
  .body-item {
313
- height: 20px;
313
+ padding: 5px 15px;
314
314
  }
315
315
 
316
316
  .body-split {
317
- padding-bottom: 1%;
318
- margin: 1%;
317
+ margin: 1px 0;
319
318
  }
320
319
 
321
320
  .body-item-label {
322
321
  color: rgba(117, 117, 117, 0.8);
323
322
  font-size: 0.95em;
324
- padding-left: 1.5%;
325
323
  }
326
324
 
327
325
  .body-item-value {
328
- padding-right: 1.5%;
329
326
  color: black;
330
- float: right;
331
327
  }
332
328
 
333
329
  .progress {
@@ -364,13 +360,10 @@ export default {
364
360
  }
365
361
 
366
362
  .footer {
367
- height: 35px;
368
- width: 100%;
363
+ padding: 5px 15px;
369
364
  background-color: rgb(244,244,244);
370
- padding-top: 5%;
371
-
372
365
  .footer-icon {
373
- margin-right: 3%;
366
+ margin-right: 5px;
374
367
  }
375
368
 
376
369
  .footer-item-split {
@@ -380,7 +373,6 @@ export default {
380
373
  .footer-item {
381
374
  color: rgba(117, 117, 117, 0.8);
382
375
  font-size: 1em;
383
- text-align: center;
384
376
  }
385
377
 
386
378
  .footer-item:hover {
@@ -504,6 +504,9 @@ export default {
504
504
  color: #000;
505
505
  // background-color: #fff;
506
506
  border-radius: 8px;
507
+ height: 85vh;
508
+ overflow-y: auto;
509
+ overflow-x: hidden;
507
510
 
508
511
  .reportTitle {
509
512
  font-weight: bold;
@@ -1,10 +1,11 @@
1
1
  <template>
2
- <a-row type="flex" :gutter="gutter">
2
+ <a-row type="flex" :gutter="gutter" style="margin-bottom: 20px;">
3
3
  <!-- 预览页展示 -->
4
4
  <template v-if="display">
5
5
  <template v-if="!inputColumns">
6
6
  <a-col
7
7
  name="trGroup"
8
+ style="flex: 1;"
8
9
  v-for="(cell, cellIndex) in columns"
9
10
  v-if="!cell.dontShowRow"
10
11
  :key="cellIndex"
@@ -982,6 +983,7 @@ export default {
982
983
  background: #b37feb;
983
984
  }
984
985
  .flexItem {
985
- border-radius: 4px;
986
+ border-radius: 8px;
987
+ height: 100%;
986
988
  }
987
989
  </style>
@@ -209,6 +209,7 @@
209
209
  <XDataCard
210
210
  ref="table"
211
211
  @cardEmit="handleCardEmit"
212
+ :tableColumns="tableColumns"
212
213
  :card-config="cardModeConfig"
213
214
  :show-pagination="true"
214
215
  :card-data="loadData"
@@ -87,7 +87,7 @@ routerResource.example = {
87
87
  // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
88
88
  // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
89
89
  // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
90
- component: () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo.vue'),
90
+ component: () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo.vue'),
91
91
  // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
92
92
  meta: {
93
93
  // 菜单中不显示