|
|
|
@ -1,34 +1,41 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<el-form v-if="iniLoaded" |
|
|
|
<el-form |
|
|
|
v-if="iniLoaded" |
|
|
|
ref="ref_form" |
|
|
|
:model="fmData" |
|
|
|
:inline="true" |
|
|
|
:disabled="formType === 'watch'" |
|
|
|
class="m-fm" |
|
|
|
:class="{ 'z-div': editParamsDiv, 'z-watch': formType === 'watch' }"> |
|
|
|
:class="{ 'z-div': editParamsDiv, 'z-watch': formType === 'watch' }" |
|
|
|
> |
|
|
|
<div class="list"> |
|
|
|
<el-form-item v-for="item in editParams" |
|
|
|
<el-form-item |
|
|
|
v-for="item in editParams" |
|
|
|
class="item" |
|
|
|
label-width="140px" |
|
|
|
style="display: block" |
|
|
|
:key="'edit' + item.keyName" |
|
|
|
:label="item.field" |
|
|
|
:prop="item.keyName" |
|
|
|
:rules="item.rules || []"> |
|
|
|
:rules="item.rules || []" |
|
|
|
> |
|
|
|
<template v-if="item.type == 'switch'"> |
|
|
|
<el-switch v-model="fmData[item.keyName]" |
|
|
|
<el-switch |
|
|
|
v-model="fmData[item.keyName]" |
|
|
|
size="small" |
|
|
|
:active-text="item.activeText || ''" |
|
|
|
:inactive-text="item.inactiveText || ''" |
|
|
|
:active-value="item.activeValue || true" |
|
|
|
:inactive-value="item.inactiveValue || false"> |
|
|
|
:inactive-value="item.inactiveValue || false" |
|
|
|
> |
|
|
|
</el-switch> |
|
|
|
</template> |
|
|
|
|
|
|
|
<template v-if="item.type == 'input'"> |
|
|
|
<el-input v-if=" |
|
|
|
<el-input |
|
|
|
v-if=" |
|
|
|
formType == 'add' || (formType == 'edit' && !item.editDisable) |
|
|
|
" |
|
|
|
v-model="fmData[item.keyName]" |
|
|
|
@ -37,18 +44,19 @@ |
|
|
|
clearable |
|
|
|
show-word-limit |
|
|
|
:maxlength="item.maxlength || ''" |
|
|
|
:placeholder="item.placeholder || '请输入'"> |
|
|
|
:placeholder="item.placeholder || '请输入'" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
<div class="item-show" |
|
|
|
v-else> |
|
|
|
<div class="item-show" v-else> |
|
|
|
{{ fmData[item.keyName] || "--" }} |
|
|
|
<span v-if="item.attach">{{ item.attach }}</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<template v-if="item.type == 'textarea'"> |
|
|
|
<el-input v-if=" |
|
|
|
<el-input |
|
|
|
v-if=" |
|
|
|
formType == 'add' || (formType == 'edit' && !item.editDisable) |
|
|
|
" |
|
|
|
v-model="fmData[item.keyName]" |
|
|
|
@ -59,17 +67,18 @@ |
|
|
|
show-word-limit |
|
|
|
:rows="3" |
|
|
|
:maxlength="item.maxlength || ''" |
|
|
|
:placeholder="item.placeholder || '请输入'"> |
|
|
|
:placeholder="item.placeholder || '请输入'" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
<div class="item-show" |
|
|
|
v-else> |
|
|
|
<div class="item-show" v-else> |
|
|
|
{{ fmData[item.keyName] || "--" }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<template v-if="item.type == 'date'"> |
|
|
|
<el-date-picker v-if=" |
|
|
|
<el-date-picker |
|
|
|
v-if=" |
|
|
|
formType == 'add' || (formType == 'edit' && !item.editDisable) |
|
|
|
" |
|
|
|
v-model="fmData[item.keyName]" |
|
|
|
@ -79,17 +88,18 @@ |
|
|
|
clearable |
|
|
|
show-word-limit |
|
|
|
:value-format="item.format || 'yyyy-MM-dd'" |
|
|
|
:placeholder="item.placeholder || '请输入'"> |
|
|
|
:placeholder="item.placeholder || '请输入'" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
|
|
|
|
<div class="item-show" |
|
|
|
v-else> |
|
|
|
<div class="item-show" v-else> |
|
|
|
{{ fmData[item.keyName] || "--" }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<template v-if="item.type == 'number'"> |
|
|
|
<el-input-number v-if=" |
|
|
|
<el-input-number |
|
|
|
v-if=" |
|
|
|
formType == 'add' || (formType == 'edit' && !item.editDisable) |
|
|
|
" |
|
|
|
v-model="fmData[item.keyName]" |
|
|
|
@ -100,17 +110,18 @@ |
|
|
|
:step="item.step || 1" |
|
|
|
:min="item.min || 0" |
|
|
|
:max="item.max || 999999999999" |
|
|
|
:placeholder="item.placeholder || '请输入'"> |
|
|
|
:placeholder="item.placeholder || '请输入'" |
|
|
|
> |
|
|
|
</el-input-number> |
|
|
|
<span class="item-show" |
|
|
|
v-else> |
|
|
|
<span class="item-show" v-else> |
|
|
|
{{ fmData[item.keyName] || "--" }} |
|
|
|
</span> |
|
|
|
<span v-if="item.unitName">（{{ item.unitName }}）</span> |
|
|
|
</template> |
|
|
|
|
|
|
|
<template v-else-if="item.type == 'select'"> |
|
|
|
<el-select v-model="fmData[item.keyName]" |
|
|
|
<el-select |
|
|
|
v-model="fmData[item.keyName]" |
|
|
|
:placeholder="item.placeholder || '请选择'" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
@ -120,48 +131,62 @@ |
|
|
|
:allowCreate="item.allowCreate || false" |
|
|
|
:collapse-tags="item.collapseTags || false" |
|
|
|
default-first-option |
|
|
|
@change="(e) => handleChangeSelect(e, item)"> |
|
|
|
@change="(e) => handleChangeSelect(e, item)" |
|
|
|
> |
|
|
|
<template v-if="item.optionType == 'group'"> |
|
|
|
<el-option-group v-for="group in item.optionList" |
|
|
|
<el-option-group |
|
|
|
v-for="group in item.optionList" |
|
|
|
:key="group.label" |
|
|
|
:label="group.label"> |
|
|
|
<el-option v-for="subItem in group.optionList" |
|
|
|
:label="group.label" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="subItem in group.optionList" |
|
|
|
:key="subItem.value" |
|
|
|
:label="subItem.label" |
|
|
|
:value="subItem.value"> |
|
|
|
:value="subItem.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-option-group> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<el-option v-for="(subItem, subIndex) in item.optionList" |
|
|
|
<el-option |
|
|
|
v-for="(subItem, subIndex) in item.optionList" |
|
|
|
:key="subItem.value + subIndex" |
|
|
|
:label="subItem.label" |
|
|
|
:value="subItem.value"> |
|
|
|
:value="subItem.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
|
|
|
|
<template v-else-if="item.type == 'rich-text'"> |
|
|
|
<div v-if=" |
|
|
|
<div |
|
|
|
v-if=" |
|
|
|
formType == 'add' || (formType == 'edit' && !item.editDisable) |
|
|
|
" |
|
|
|
class="item-rich-text"> |
|
|
|
<Tinymce :ref="'richText' + item.keyName" |
|
|
|
class="item-rich-text" |
|
|
|
> |
|
|
|
<Tinymce |
|
|
|
:ref="'richText' + item.keyName" |
|
|
|
v-model="fmData[item.keyName]" |
|
|
|
:customerId="customerId" |
|
|
|
:placeholder="item.placeholder || '请输入'" |
|
|
|
:height="500" /> |
|
|
|
:height="500" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div v-else |
|
|
|
<div |
|
|
|
v-else |
|
|
|
class="item-rich-text z-show" |
|
|
|
@click="handleClickHtmlNode"> |
|
|
|
@click="handleClickHtmlNode" |
|
|
|
> |
|
|
|
<div v-html="fmData[item.keyName]"></div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<template v-else-if="item.type == 'cascader'"> |
|
|
|
<el-cascader v-model="fmData[item.keyName]" |
|
|
|
<el-cascader |
|
|
|
v-model="fmData[item.keyName]" |
|
|
|
:placeholder="item.placeholder || '请选择'" |
|
|
|
:options="item.optionList" |
|
|
|
:props="item.optionProps || {}" |
|
|
|
@ -170,12 +195,14 @@ |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item-select" |
|
|
|
@change="(e) => handleChangeCascader(e, item)"> |
|
|
|
@change="(e) => handleChangeCascader(e, item)" |
|
|
|
> |
|
|
|
</el-cascader> |
|
|
|
</template> |
|
|
|
|
|
|
|
<template v-else-if="item.type == 'upload'"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
<el-upload |
|
|
|
:headers="$getElUploadHeaders()" |
|
|
|
v-if=" |
|
|
|
formType == 'add' || (formType == 'edit' && !item.editDisable) |
|
|
|
" |
|
|
|
@ -192,14 +219,17 @@ |
|
|
|
:on-error="(res, file) => handleImgError(res, file, item)" |
|
|
|
:on-remove="(res) => handleImgRemove(res, item)" |
|
|
|
:on-exceed="(res) => handleImgExceed(res, item)" |
|
|
|
:before-upload="(file) => beforeImgUpload(file, item)"> |
|
|
|
:before-upload="(file) => beforeImgUpload(file, item)" |
|
|
|
> |
|
|
|
<a><i class="el-icon-plus"></i> 点击上传</a> |
|
|
|
</el-upload> |
|
|
|
<el-image v-else-if="fmData[item.keyName].length > 0" |
|
|
|
<el-image |
|
|
|
v-else-if="fmData[item.keyName].length > 0" |
|
|
|
style="width: 100px; height: 100px" |
|
|
|
:src="fmData[item.keyName][0].url" |
|
|
|
fit="cover" |
|
|
|
:preview-src-list="fmData[item.keyName].map((item) => item.url)"></el-image> |
|
|
|
:preview-src-list="fmData[item.keyName].map((item) => item.url)" |
|
|
|
></el-image> |
|
|
|
<span v-else>--</span> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -239,16 +269,20 @@ |
|
|
|
<div id="app_base" class="div_map"></div> |
|
|
|
<div style="margin-top: 10px" v-show="false"> |
|
|
|
<span>经度</span> |
|
|
|
<el-input class="address-item-input2" |
|
|
|
<el-input |
|
|
|
class="address-item-input2" |
|
|
|
maxlength="50" |
|
|
|
placeholder="请输入经度" |
|
|
|
v-model="fmData[item.supKeys[0]]"> |
|
|
|
v-model="fmData[item.supKeys[0]]" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
<span style="margin-left: 20px">纬度</span> |
|
|
|
<el-input class="address-item-input2" |
|
|
|
<el-input |
|
|
|
class="address-item-input2" |
|
|
|
maxlength="50" |
|
|
|
placeholder="请输入纬度" |
|
|
|
v-model="fmData[item.supKeys[1]]"> |
|
|
|
v-model="fmData[item.supKeys[1]]" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -275,44 +309,52 @@ |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<div class="div_btn resi-btns" |
|
|
|
v-if="!formBtnFixed"> |
|
|
|
<el-button size="small" |
|
|
|
@click="handleCancle">{{ |
|
|
|
<div class="div_btn resi-btns" v-if="!formBtnFixed"> |
|
|
|
<el-button size="small" @click="handleCancle">{{ |
|
|
|
editConfig.cancelBtnName || "取消" |
|
|
|
}}</el-button> |
|
|
|
<el-button v-if="formType != 'watch'" |
|
|
|
<el-button |
|
|
|
v-if="formType != 'watch'" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm">{{ editConfig.confirmBtnName || "确定" }}</el-button> |
|
|
|
<slot name="operateSup" |
|
|
|
@click="handleComfirm" |
|
|
|
>{{ editConfig.confirmBtnName || "确定" }}</el-button |
|
|
|
> |
|
|
|
<slot |
|
|
|
name="operateSup" |
|
|
|
v-bind:id="formId" |
|
|
|
v-bind:info="fmData" |
|
|
|
v-bind:formType="formType"></slot> |
|
|
|
v-bind:formType="formType" |
|
|
|
></slot> |
|
|
|
</div> |
|
|
|
|
|
|
|
<slot name="bottomSup" |
|
|
|
<slot |
|
|
|
name="bottomSup" |
|
|
|
v-bind:id="formId" |
|
|
|
v-bind:info="fmData" |
|
|
|
v-bind:formType="formType"></slot> |
|
|
|
v-bind:formType="formType" |
|
|
|
></slot> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="div_btn resi-btns" |
|
|
|
v-if="formBtnFixed"> |
|
|
|
<el-button size="small" |
|
|
|
@click="handleCancle">{{ |
|
|
|
<div class="div_btn resi-btns" v-if="formBtnFixed"> |
|
|
|
<el-button size="small" @click="handleCancle">{{ |
|
|
|
editConfig.cancelBtnName || "取消" |
|
|
|
}}</el-button> |
|
|
|
<el-button v-if="formType != 'watch'" |
|
|
|
<el-button |
|
|
|
v-if="formType != 'watch'" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm">{{ editConfig.confirmBtnName || "确定" }}</el-button> |
|
|
|
<slot name="operateSup" |
|
|
|
@click="handleComfirm" |
|
|
|
>{{ editConfig.confirmBtnName || "确定" }}</el-button |
|
|
|
> |
|
|
|
<slot |
|
|
|
name="operateSup" |
|
|
|
v-bind:id="formId" |
|
|
|
v-bind:info="fmData" |
|
|
|
v-bind:formType="formType"></slot> |
|
|
|
v-bind:formType="formType" |
|
|
|
></slot> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -927,13 +969,14 @@ export default { |
|
|
|
.item { |
|
|
|
min-width: 45%; |
|
|
|
|
|
|
|
.item-rich-text { |
|
|
|
/deep/ .item-rich-text { |
|
|
|
width: 817px; |
|
|
|
max-height: 500px; |
|
|
|
overflow: auto; |
|
|
|
|
|
|
|
img { |
|
|
|
max-width: 100%; |
|
|
|
height: auto; |
|
|
|
} |
|
|
|
&.z-show { |
|
|
|
box-sizing: border-box; |
|
|
|
|
dai
3 years ago