herenshan112
/
ShutongInterconnectedChemicalCloudPlatform
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完成页面信息展示

qin_v2
超级管理员 1 year ago
parent
55f18b6e8a
commit
a21ca4e982
9 changed files with 415 additions and 298 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 37
      src/components/DesignForm/formControlAttr.vue
  2. 38
      src/components/DesignForm/formControlAttr_2024024.vue
  3. 35
      src/components/DesignForm/formControlAttres.vue
  4. 405
      src/components/DesignForm/formControlPropertiNew.vue
  5. 80
      src/components/DesignForm/formControlProperties.vue
  6. 3
      src/components/DesignForm/public/form/formGroup.vue
  7. 106
      src/components/DesignForm/tableListPage/formPageCont.vue
  8. 2
      src/widget/baidumap/indexLook.vue
  9. 7
      src/widget/systemunit/founder.vue

37
src/components/DesignForm/formControlAttr.vue
View File

@ -220,6 +220,24 @@
} }
const temp =reactive<PublicAtrr[]>([ const temp =reactive<PublicAtrr[]>([
{
label: 'label值',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
],
eventName: 'labelNameVal'
},
{ {
label: '自定义Class', label: '自定义Class',
value: config.className, value: config.className,
@ -312,24 +330,7 @@
}, },
vShow: ['button', 'div'] vShow: ['button', 'div']
}, },
{
label: 'label值',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
],
eventName: 'labelNameVal'
},
{ {
label: '隐藏label', label: '隐藏label',
value: item.showLabel, value: item.showLabel,

38
src/components/DesignForm/formControlAttr_2024024.vue
View File

@ -205,6 +205,24 @@ const attrList = computed(() => {
} }
const temp =reactive<PublicAtrr[]>([ const temp =reactive<PublicAtrr[]>([
{
label: 'label值',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
],
eventName: 'labelNameVal'
},
{ {
label: '自定义Class', label: '自定义Class',
value: config.className, value: config.className,
@ -251,6 +269,7 @@ const attrList = computed(() => {
'treeSelect' 'treeSelect'
] ]
}, },
{ {
label: '按钮类型', label: '按钮类型',
value: control.type, value: control.type,
@ -297,24 +316,7 @@ const attrList = computed(() => {
}, },
vShow: ['button', 'div'] vShow: ['button', 'div']
}, },
{
label: 'label值',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
],
eventName: 'labelNameVal'
},
{ {
label: '隐藏label', label: '隐藏label',
value: item.showLabel, value: item.showLabel,

35
src/components/DesignForm/formControlAttres.vue
View File

@ -152,6 +152,23 @@ const attrList = computed(() => {
} }
} }
const temp= reactive<PublicAtrr[]>([ const temp= reactive<PublicAtrr[]>([
{
label: 'label值',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
]
},
{ {
label: '自定义Class', label: '自定义Class',
value: config.className, value: config.className,
@ -244,23 +261,7 @@ const attrList = computed(() => {
}, },
vShow: ['button', 'div'] vShow: ['button', 'div']
}, },
{
label: 'label值',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
]
},
{ {
label: '隐藏label', label: '隐藏label',
value: item.showLabel, value: item.showLabel,

405
src/components/DesignForm/formControlPropertiNew.vue
View File

@ -230,17 +230,35 @@ const attrList = computed(() => {
const temp =reactive<PublicAtrr[]>([ const temp =reactive<PublicAtrr[]>([
{ {
label: '标签名称',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
],
eventName: 'labelNameVal'
},
{
label: '组件类型', label: '组件类型',
value: unitName, value: unitName,
placeholder: '组件类型', placeholder: '组件类型',
path: 'unitName' path: 'unitName'
}, },
{ // {
label: '自定义Class', // label: '自定义Class',
value: config.className, // value: config.className,
placeholder: '样式类名', // placeholder: '样式类名',
path: 'config.className' // path: 'config.className'
}, // },
{ {
label: '字段标识', label: '字段标识',
value: name, value: name,
@ -281,6 +299,23 @@ const attrList = computed(() => {
'treeSelect', 'treeSelect',
'digitpage' 'digitpage'
] ]
},
{
label: '帮助信息',
value: config.help,
path: 'config.help',
vHide: [
'table',
'grid',
'tabs',
'gridChild',
'divider',
'div',
'inputSlot',
'flex',
'button',
'txt'
]
}, },
{ {
label: '按钮类型', label: '按钮类型',
@ -328,26 +363,9 @@ const attrList = computed(() => {
}, },
vShow: ['button', 'div'] vShow: ['button', 'div']
}, },
{ {
label: 'label值', label: '隐藏标签',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
],
eventName: 'labelNameVal'
},
{
label: '隐藏label',
value: item.showLabel, value: item.showLabel,
path: 'item.showLabel', path: 'item.showLabel',
type: 'switch', type: 'switch',
@ -366,23 +384,7 @@ const attrList = computed(() => {
'txt' 'txt'
] ]
}, },
{
label: '帮助信息',
value: config.help,
path: 'config.help',
vHide: [
'table',
'grid',
'tabs',
'gridChild',
'divider',
'div',
'inputSlot',
'flex',
'button',
'txt'
]
},
{ {
label: '表单栅格', label: '表单栅格',
value: config.span, value: config.span,
@ -498,76 +500,76 @@ const attrList = computed(() => {
type: 'switch', type: 'switch',
vShow: ['select'] vShow: ['select']
}, },
{ // {
label: '是否禁用', // label: '是否禁用',
value: control.disabled, // value: control.disabled,
path: 'control.disabled', // path: 'control.disabled',
type: 'switch', // type: 'switch',
vShow: [ // vShow: [
'input', // 'input',
'password', // 'password',
'textarea', // 'textarea',
'radio', // 'radio',
'checkbox', // 'checkbox',
'select', // 'select',
'date', // 'date',
'switch', // 'switch',
'number', // 'number',
'cascader', // 'cascader',
'upload', // 'upload',
'rate', // 'rate',
'tinymce', // 'tinymce',
'treeSelect' // 'treeSelect'
], // ],
vIf: state.isSearch // vIf: state.isSearch
}, // },
{ // {
label: '是否禁用编辑', // label: '是否禁用编辑',
value: config.editDisabled, // value: config.editDisabled,
path: 'config.editDisabled', // path: 'config.editDisabled',
type: 'switch', // type: 'switch',
vShow: [ // vShow: [
'input', // 'input',
'password', // 'password',
'textarea', // 'textarea',
'radio', // 'radio',
'checkbox', // 'checkbox',
'select', // 'select',
'date', // 'date',
'switch', // 'switch',
'number', // 'number',
'cascader', // 'cascader',
'upload', // 'upload',
'treeSelect', // 'treeSelect',
'table', // 'table',
'flex' // 'flex'
], // ],
vIf: state.isSearch // vIf: state.isSearch
}, // },
{ // {
label: '添加页隐藏', // label: '添加页隐藏',
value: config.disabledAdd, // value: config.disabledAdd,
path: 'config.disabledAdd', // path: 'config.disabledAdd',
type: 'switch', // type: 'switch',
vIf: state.isSearch, // vIf: state.isSearch,
vHide: ['inputSlot'] // vHide: ['inputSlot']
}, // },
{ // {
label: '编辑页隐藏', // label: '编辑页隐藏',
value: config.disabledEdit, // value: config.disabledEdit,
path: 'config.disabledEdit', // path: 'config.disabledEdit',
type: 'switch', // type: 'switch',
vIf: state.isSearch, // vIf: state.isSearch,
vHide: ['inputSlot'] // vHide: ['inputSlot']
}, // },
{ // {
label: '详情页隐藏', // label: '详情页隐藏',
value: config.disabledDetail, // value: config.disabledDetail,
path: 'config.disabledDetail', // path: 'config.disabledDetail',
type: 'switch', // type: 'switch',
vIf: state.isSearch, // vIf: state.isSearch,
vHide: ['inputSlot'] // vHide: ['inputSlot']
}, // },
{ {
label: '设为Input输入框的前/后缀', label: '设为Input输入框的前/后缀',
value: type === 'inputSlot', value: type === 'inputSlot',
@ -3104,9 +3106,9 @@ const disabledIstrue = (val:string) => {
</template> </template>
<template v-if="controlData.config"> <template v-if="controlData.config">
<el-form-item label="联动条件" class="form_cont"> <!-- <el-form-item label="联动条件" class="form_cont">
<el-switch v-model="controlData.config.linkKey" /> <el-switch v-model="controlData.config.linkKey" />
</el-form-item> </el-form-item> -->
<template v-if="controlData.config.linkKey"> <template v-if="controlData.config.linkKey">
<el-form-item class="form_cont"> <el-form-item class="form_cont">
<el-input <el-input
@ -3286,8 +3288,8 @@ const disabledIstrue = (val:string) => {
<el-button @click="addSelectOption">{{ controlData.type === 'cascader' ? '编辑' : '新增' }}</el-button> <el-button @click="addSelectOption">{{ controlData.type === 'cascader' ? '编辑' : '新增' }}</el-button>
</el-form-item> </el-form-item>
</template> </template>
<template v-if="controlData.config.optionsType === 3"> <template v-else-if="controlData.config.optionsType === 3">
<el-button type="primary" style="margin-bottom:10px;margin-left:11px" plain @click="optionsValue3Setting">选择系统表单字段</el-button> <el-button type="primary" style="margin-bottom:10px;margin-left:80px" plain @click="optionsValue3Setting">选择系统表单字段</el-button>
<!-- <el-button style="padding-top: 5px;" type="primary" link append-to-body="true" modal="true" @click="optionsValue3Setting" >选择系统表单字段</el-button> --> <!-- <el-button style="padding-top: 5px;" type="primary" link append-to-body="true" modal="true" @click="optionsValue3Setting" >选择系统表单字段</el-button> -->
</template> </template>
<template v-else> <template v-else>
@ -3377,7 +3379,7 @@ const disabledIstrue = (val:string) => {
> >
<!-- <div class="h3"><h3>校验设置</h3></div> --> <!-- <div class="h3"><h3>校验设置</h3></div> -->
<el-divider content-position="left">校验1设置</el-divider> <el-divider content-position="left">校验设置</el-divider>
<div v-if="showHide(['input', 'password', 'component'], true)"> <div v-if="showHide(['input', 'password', 'component'], true)">
<el-form-item <el-form-item
v-for="(item, index) in controlData.customRules" v-for="(item, index) in controlData.customRules"
@ -3449,7 +3451,7 @@ const disabledIstrue = (val:string) => {
</el-form-item> </el-form-item>
</template> </template>
<!-- <div class="h3"><h3>其他属性</h3></div> --> <!-- <div class="h3"><h3>其他属性</h3></div> -->
<el-divider content-position="left">其他属性</el-divider> <!-- <el-divider content-position="left">其他属性</el-divider>
<div v-if="showHide(['grid', 'card', 'gridChild', 'divider', 'div'])" class="form_cont"> <div v-if="showHide(['grid', 'card', 'gridChild', 'divider', 'div'])" class="form_cont">
@ -3463,7 +3465,7 @@ const disabledIstrue = (val:string) => {
</el-icon> </el-icon>
</el-tooltip> </el-tooltip>
</el-button> </el-button>
</div> </div> -->
<el-divider content-position="left">高级属性</el-divider> <el-divider content-position="left">高级属性</el-divider>
<LayoutPage v-if="cssIsShouw(attrList)" v-model:styles-val="controlDataStyls" :place="controlData.type" /> <LayoutPage v-if="cssIsShouw(attrList)" v-model:styles-val="controlDataStyls" :place="controlData.type" />
@ -3539,9 +3541,9 @@ const disabledIstrue = (val:string) => {
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon> <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item class="form_cont"> <el-form-item class="form_cont" label="数据标题">
数据标题
<el-tree-select <el-tree-select
v-model="formData.dataTitle" v-model="formData.dataTitle"
multiple multiple
@ -3554,7 +3556,87 @@ const disabledIstrue = (val:string) => {
</el-form-item> </el-form-item>
<template v-if="!state.isSearch">
<el-divider content-position="left">表单整体布局</el-divider>
<el-form-item label="组件尺寸" class="form_cont">
<el-radio-group v-model="formData.size">
<el-radio-button label="large">大</el-radio-button>
<el-radio-button label="default">适中</el-radio-button>
<el-radio-button label="small">小</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="表单样式名称" class="form_cont">
<el-select
v-model="formData.class"
class="m-2"
placeholder="额外添加的表单class类名"
>
<el-option
v-for="item in optionsCss"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="行内表单模式" class="form_cont">
<el-switch v-model="formData.inline" active-text="开启" inactive-text="关闭" />
</el-form-item>
<el-form-item label="标签宽度" class="form_cont">
<el-input v-model="formData.labelWidth" clearable placeholder="表单标签宽度">
<template #append >PX</template>
</el-input>
</el-form-item>
<el-form-item label="标签后缀" class="form_cont">
<el-input v-model="formData.labelSuffix" placeholder="表单标签后缀" />
</el-form-item>
<el-form-item label="表单标签对齐方式" class="form_cont">
<el-radio-group v-model="formData.labelPosition">
<el-radio-button label="left">左</el-radio-button>
<el-radio-button label="right">右</el-radio-button>
<el-radio-button label="top">上</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="必填项星号位置" class="form_cont">
<el-radio-group v-model="formData.requireAsteriskPosition">
<el-radio-button label="left">左</el-radio-button>
<el-radio-button label="right">右</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="是否隐藏星号" class="form_cont">
<el-switch v-model="formData.hideRequiredAsterisk" active-text="隐藏" inactive-text="显示" style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" />
</el-form-item>
<el-form-item label="校验错误信息" class="form_cont">
<el-switch v-model="formData.showMessage" active-text="显示" inactive-text="隐藏" />
</el-form-item>
<el-form-item label="行内展示校验信息" class="form_cont">
<el-switch v-model="formData.inlineMessage" active-text="显示" inactive-text="隐藏" />
</el-form-item>
<el-form-item label="校验结果反馈图标" class="form_cont">
<el-switch v-model="formData.statusIcon" active-text="显示" inactive-text="隐藏" />
</el-form-item>
<el-divider content-position="left">表单功能补充</el-divider>
<el-form-item class="form_cont">
<el-button @click="editFormStyle(state.tooltip.css)"
>
编辑表单样式
<el-tooltip :content="state.tooltip.css" placement="top">
<el-icon>
<QuestionFilled />
</el-icon>
</el-tooltip>
</el-button>
<el-button @click="editFormDict(state.tooltip.dict)"
>
设置数据字典
<el-tooltip :content="state.tooltip.dict" placement="top">
<el-icon>
<QuestionFilled />
</el-icon>
</el-tooltip>
</el-button>
</el-form-item>
<template v-if="!state.isSearch">
<el-divider content-position="left">接口数据事件</el-divider> <el-divider content-position="left">接口数据事件</el-divider>
<el-form-item v-if="!state.isSearch" class="form_cont"> <el-form-item v-if="!state.isSearch" class="form_cont">
@ -3638,85 +3720,6 @@ const disabledIstrue = (val:string) => {
</el-button> </el-button>
</el-form-item> </el-form-item>
</template> </template>
<el-divider content-position="left">表单整体布局</el-divider>
<el-form-item label="组件尺寸" class="form_cont">
<el-radio-group v-model="formData.size">
<el-radio-button label="large">大</el-radio-button>
<el-radio-button label="default">适中</el-radio-button>
<el-radio-button label="small">小</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="表单样式名称" class="form_cont">
<el-select
v-model="formData.class"
class="m-2"
placeholder="额外添加的表单class类名"
>
<el-option
v-for="item in optionsCss"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="行内表单模式" class="form_cont">
<el-switch v-model="formData.inline" active-text="开启" inactive-text="关闭" />
</el-form-item>
<el-form-item label="标签宽度" class="form_cont">
<el-input v-model="formData.labelWidth" clearable placeholder="表单标签宽度">
<template #append >PX</template>
</el-input>
</el-form-item>
<el-form-item label="标签后缀" class="form_cont">
<el-input v-model="formData.labelSuffix" placeholder="表单标签后缀" />
</el-form-item>
<el-form-item label="表单标签对齐方式" class="form_cont">
<el-radio-group v-model="formData.labelPosition">
<el-radio-button label="left">左</el-radio-button>
<el-radio-button label="right">右</el-radio-button>
<el-radio-button label="top">上</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="必填项星号位置" class="form_cont">
<el-radio-group v-model="formData.requireAsteriskPosition">
<el-radio-button label="left">左</el-radio-button>
<el-radio-button label="right">右</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="是否隐藏星号" class="form_cont">
<el-switch v-model="formData.hideRequiredAsterisk" active-text="隐藏" inactive-text="显示" style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" />
</el-form-item>
<el-form-item label="校验错误信息" class="form_cont">
<el-switch v-model="formData.showMessage" active-text="显示" inactive-text="隐藏" />
</el-form-item>
<el-form-item label="以行内形式展示校验信息" class="form_cont">
<el-switch v-model="formData.inlineMessage" active-text="显示" inactive-text="隐藏" />
</el-form-item>
<el-form-item label="是否显示校验结果反馈图标" class="form_cont">
<el-switch v-model="formData.statusIcon" active-text="显示" inactive-text="隐藏" />
</el-form-item>
<el-divider content-position="left">表单功能补充</el-divider>
<el-form-item class="form_cont">
<el-button @click="editFormStyle(state.tooltip.css)"
>
编辑表单样式
<el-tooltip :content="state.tooltip.css" placement="top">
<el-icon>
<QuestionFilled />
</el-icon>
</el-tooltip>
</el-button>
<el-button @click="editFormDict(state.tooltip.dict)"
>
设置数据字典
<el-tooltip :content="state.tooltip.dict" placement="top">
<el-icon>
<QuestionFilled />
</el-icon>
</el-tooltip>
</el-button>
</el-form-item>
</el-form> </el-form>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>

80
src/components/DesignForm/formControlProperties.vue
View File

@ -342,6 +342,24 @@ const attrList = computed(()=>{
} }
const temp =reactive<PublicAtrr[]>([ const temp =reactive<PublicAtrr[]>([
{ {
label: '标签名称',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
],
eventName: 'labelNameVal'
},
{
label: '自定义Class', label: '自定义Class',
value: config.className, value: config.className,
placeholder: '样式类名', placeholder: '样式类名',
@ -385,6 +403,23 @@ const attrList = computed(()=>{
'timePicker', 'timePicker',
'treeSelect' 'treeSelect'
] ]
},
{
label: '帮助信息',
value: config.help,
path: 'config.help',
vHide: [
'table',
'grid',
'tabs',
'gridChild',
'divider',
'div',
'inputSlot',
'flex',
'button',
'txt'
]
}, },
{ {
label: '按钮类型', label: '按钮类型',
@ -432,24 +467,7 @@ const attrList = computed(()=>{
}, },
vShow: ['button', 'div'] vShow: ['button', 'div']
}, },
{
label: 'label值',
value: item.label,
path: 'item.label',
vHide: [
'table',
'grid',
'tabs',
'title',
'gridChild',
'div',
'inputSlot',
'flex',
'button',
'txt'
],
eventName: 'labelNameVal'
},
{ {
label: '隐藏label', label: '隐藏label',
value: item.showLabel, value: item.showLabel,
@ -470,23 +488,7 @@ const attrList = computed(()=>{
'txt' 'txt'
] ]
}, },
{
label: '帮助信息',
value: config.help,
path: 'config.help',
vHide: [
'table',
'grid',
'tabs',
'gridChild',
'divider',
'div',
'inputSlot',
'flex',
'button',
'txt'
]
},
{ {
label: '表单栅格', label: '表单栅格',
value: config.span, value: config.span,
@ -1836,9 +1838,9 @@ const disabledIstrue = (val:string) => {
</el-form-item> </el-form-item>
</template> </template>
<template v-if="controlData.config"> <template v-if="controlData.config">
<el-form-item label="联动条件" class="form_cont"> <!-- <el-form-item label="联动条件" class="form_cont">
<el-switch v-model="controlData.config.linkKey" /> <el-switch v-model="controlData.config.linkKey" />
</el-form-item> </el-form-item> -->
<template v-if="controlData.config.linkKey"> <template v-if="controlData.config.linkKey">
<el-form-item class="form_cont"> <el-form-item class="form_cont">
<el-input <el-input
@ -2156,7 +2158,7 @@ const disabledIstrue = (val:string) => {
/> />
</el-form-item> </el-form-item>
</template> </template>
<el-divider content-position="left">其他属性</el-divider> <!-- <el-divider content-position="left">其他属性</el-divider>
<div v-if="showHide(['grid', 'card', 'gridChild', 'divider', 'div'])" class="form_cont"> <div v-if="showHide(['grid', 'card', 'gridChild', 'divider', 'div'])" class="form_cont">
@ -2170,7 +2172,7 @@ const disabledIstrue = (val:string) => {
</el-icon> </el-icon>
</el-tooltip> </el-tooltip>
</el-button> </el-button>
</div> </div> -->
<el-divider content-position="left">高级属性</el-divider> <el-divider content-position="left">高级属性</el-divider>
<LayoutPage v-if="cssIsShouw(attrList)" v-model:styles-val="controlDataStyls" :place="controlData.type" /> <LayoutPage v-if="cssIsShouw(attrList)" v-model:styles-val="controlDataStyls" :place="controlData.type" />

3
src/components/DesignForm/public/form/formGroup.vue
View File

@ -614,7 +614,8 @@ function optionsValue3Get1(data: any,fieldName: string){
</div> </div>
<div class="drag-move icon-move"></div> <div class="drag-move icon-move"></div>
</div> </div>
<div class="tooltip" style="display: black;">{{ element.name }}</div> <!-- <div class="tooltip" style="display: black;">{{ element.name }}</div> -->
<div class="tooltip" style="display: black;"></div>
</template> </template>
</div> </div>

106
src/components/DesignForm/tableListPage/formPageCont.vue
View File

@ -350,12 +350,58 @@ const jsuanKuandu = () => {
{{mastItem.label}} {{mastItem.label}}
</div> </div>
</template> </template>
{{mastItem.types}}--->{{mastItem.auxiliary}}<br>
<div v-if="mastItem.types=='lowcodeImage'"> <div v-if="mastItem.types=='lowcodeImage'">
<el-image style="width: 100px; height: 100px" :src="mastItem.value" fit="cover" /> <el-image style="width: 100px; height: 100px" :src="mastItem.value" fit="cover" />
</div> </div>
<div v-if="mastItem.types=='lowcodeCarsusel'">
<el-carousel :interval="5000" type="card" height="200px">
<el-carousel-item v-for="item in mastItem.value" :key="item.imgId">
<el-image style="width: 100%; height: 100%" :src="item.imgUrl" fit="fill" />
</el-carousel-item>
</el-carousel>
</div>
<div v-else-if="mastItem.types=='signaturemap'">
<el-image style="width: 200px; height: 150px" :src="mastItem.value" fit="cover" />
</div>
<div v-else-if="mastItem.types=='colorPicker'">
<div :style="'width: 30px; height: 30px; background-color: '+mastItem.value" ></div>
</div>
<div v-else-if="mastItem.types=='rate'">
<el-rate v-model="mastItem.value" disabled />
</div>
<div v-else-if="mastItem.types=='slider'" style="max-width: 300px;">
<el-slider v-model="mastItem.value" disabled />
</div>
<div v-else-if="mastItem.types=='videoUpAndPlay'">
<el-carousel :interval="5000" arrow="always" height="250px">
<el-carousel-item v-for="item in mastItem.value" :key="item.id">
<video
:src="item.url"
style="width: 100%; height: 250px"
controls
>
</video>
</el-carousel-item>
</el-carousel>
</div>
<div v-else-if="mastItem.types=='upload'">
<div v-if="mastItem.auxiliary=='picture-card'">
<el-image style="width: 100px; height: 100px" :src="mastItem.value" fit="cover" />
</div>
<div v-else-if="mastItem.auxiliary=='picture'">
<el-image style="width: 100px; height: 100px" :src="mastItem.value" fit="cover" />
</div>
<div v-else v-html="mastItem.value"></div>
</div>
<div v-else-if="mastItem.types=='baidumap'">
<BaiduMapLook :address="mastItem.value" />
</div>
<div v-else v-html="mastItem.value"></div> <div v-else v-html="mastItem.value"></div>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
@ -370,7 +416,62 @@ const jsuanKuandu = () => {
{{sonCentor.label}} {{sonCentor.label}}
</div> </div>
</template> </template>
{{sonCentor.value}}
<div v-if="sonCentor.types=='lowcodeImage'">
<el-image style="width: 100px; height: 100px" :src="sonCentor.value" fit="cover" />
</div>
<div v-if="sonCentor.types=='lowcodeCarsusel'">
<el-carousel :interval="5000" type="card" height="200px">
<el-carousel-item v-for="item in sonCentor.value" :key="item.imgId">
<el-image style="width: 100%; height: 100%" :src="item.imgUrl" fit="fill" />
</el-carousel-item>
</el-carousel>
</div>
<div v-else-if="sonCentor.types=='signaturemap'">
<el-image style="width: 200px; height: 150px" :src="sonCentor.value" fit="cover" />
</div>
<div v-else-if="sonCentor.types=='colorPicker'">
<div :style="'width: 30px; height: 30px; background-color: '+sonCentor.value" ></div>
</div>
<div v-else-if="sonCentor.types=='rate'">
<el-rate v-model="sonCentor.value" disabled />
</div>
<div v-else-if="sonCentor.types=='slider'" style="max-width: 300px;">
<el-slider v-model="sonCentor.value" disabled />
</div>
<div v-else-if="sonCentor.types=='videoUpAndPlay'">
<el-carousel :interval="5000" arrow="always" height="250px">
<el-carousel-item v-for="item in sonCentor.value" :key="item.id">
<video
:src="item.url"
style="width: 100%; height: 250px"
controls
>
</video>
</el-carousel-item>
</el-carousel>
</div>
<div v-else-if="sonCentor.types=='upload'">
<div v-if="sonCentor.auxiliary=='picture-card'">
<el-image style="width: 100px; height: 100px" :src="sonCentor.value" fit="cover" />
</div>
<div v-else-if="sonCentor.auxiliary=='picture'">
<el-image style="width: 100px; height: 100px" :src="sonCentor.value" fit="cover" />
</div>
<div v-else v-html="sonCentor.value"></div>
</div>
<div v-else-if="sonCentor.types=='baidumap'">
<BaiduMapLook :address="sonCentor.value" />
</div>
<div v-else v-html="sonCentor.value"></div>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
@ -415,5 +516,6 @@ const jsuanKuandu = () => {
.biankuang{ .biankuang{
border: 1px solid #D4D7DE; border: 1px solid #D4D7DE;
padding:10px 10px; padding:10px 10px;
} }
</style> </style>

2
src/widget/baidumap/indexLook.vue
View File

@ -16,7 +16,7 @@ const props = withDefaults(
}>(), }>(),
{} {}
) )
let mapId = "baiduMapView"+ Math.ceil(Math.random()); let mapId = "baiduMapView"+ Math.ceil(Math.random()*100000000000000);
const mapObject = ref<any>() const mapObject = ref<any>()
const mapShow = ref(false) const mapShow = ref(false)
const address = ref<string>(); //行政组织树数据 const address = ref<string>(); //行政组织树数据

7
src/widget/systemunit/founder.vue
View File

@ -197,6 +197,11 @@ const getFormFounder = (val: any) => {
</div> </div>
</template> </template>
<style lang='scss' scoped> <style lang='scss' scoped>
.el-form-item--default{
margin-bottom: 0px;
}
.el-form-item{
margin-bottom: 0px;
}
</style> </style>

Write Preview
Loading…
Cancel
Save