|
|
@@ -1,5 +1,9 @@
|
|
|
<template>
|
|
|
- <div style="color: #000000" class="jbd-dynamic-form-field">
|
|
|
+ <div
|
|
|
+ :fieldType="fieldType"
|
|
|
+ style="color: #000000"
|
|
|
+ class="jbd-dynamic-form-field"
|
|
|
+ >
|
|
|
<!-- 单行文本、 多行文本、数字-->
|
|
|
<template
|
|
|
v-if="
|
|
|
@@ -23,8 +27,8 @@
|
|
|
isTable
|
|
|
? 'ibps-overflow'
|
|
|
: dataModel
|
|
|
- ? 'ibps-field-text'
|
|
|
- : 'ibps-field-text-no'
|
|
|
+ ? 'ibps-field-text'
|
|
|
+ : 'ibps-field-text-no'
|
|
|
"
|
|
|
>
|
|
|
{{ dataModel || '/' }}
|
|
|
@@ -170,8 +174,8 @@
|
|
|
isTable
|
|
|
? 'ibps-overflow'
|
|
|
: dataModel
|
|
|
- ? 'ibps-field-text'
|
|
|
- : 'ibps-field-text-no'
|
|
|
+ ? 'ibps-field-text'
|
|
|
+ : 'ibps-field-text-no'
|
|
|
"
|
|
|
>
|
|
|
{{ dataModel | optionsFilter(dataOptions, 'label', 'val') }}
|
|
|
@@ -777,7 +781,18 @@
|
|
|
isTable ? '' : dataModel ? 'ibps-field-text' : 'ibps-field-text-no'
|
|
|
"
|
|
|
>
|
|
|
- <template v-if="value">{{ value || '/' }}</template>
|
|
|
+ <template v-if="value">
|
|
|
+ <template v-if="fieldOptions.showType === 'link'">
|
|
|
+ <el-link
|
|
|
+ v-for="val in arrayValues"
|
|
|
+ type="primary"
|
|
|
+ :key="val"
|
|
|
+ :href="val"
|
|
|
+ >{{ val }}</el-link
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ <span v-else>{{ value || '/' }}</span>
|
|
|
+ </template>
|
|
|
<template v-else>{{ placeholder || '/' }}</template>
|
|
|
</span>
|
|
|
</div>
|
|
|
@@ -885,6 +900,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
+ arrayValues() {
|
|
|
+ return this.value ? this.value.split(',') : []
|
|
|
+ },
|
|
|
fieldType() {
|
|
|
return this.field.field_type
|
|
|
},
|
|
|
@@ -1583,31 +1601,22 @@ export default {
|
|
|
.ibps-field-text {
|
|
|
white-space: pre-wrap;
|
|
|
color: #000000;
|
|
|
- box-shadow:
|
|
|
- 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
- 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
- 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
- 0 1px 0px 0 rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
+ 0 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 0px 0 rgba(0, 0, 0, 0.1);
|
|
|
padding-left: 5px;
|
|
|
min-height: 32px;
|
|
|
}
|
|
|
.ibps-field-text-img {
|
|
|
color: #000000;
|
|
|
- box-shadow:
|
|
|
- 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
- 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
- 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
- 0 1px 0px 0 rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
+ 0 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 0px 0 rgba(0, 0, 0, 0.1);
|
|
|
padding-left: 5px;
|
|
|
height: 150px;
|
|
|
}
|
|
|
.ibps-field-text-no {
|
|
|
color: #000000;
|
|
|
- box-shadow:
|
|
|
- 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
- 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
- 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
- 0 1px 0px 0 rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1),
|
|
|
+ 0 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 0px 0 rgba(0, 0, 0, 0.1);
|
|
|
padding-left: 15px;
|
|
|
min-height: 32px;
|
|
|
margin-top: 5px;
|