elink-star
/
epmet-oper-gov
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

还有党建声音也改了

dev-天地图
dai 3 years ago
parent
1332ca92a0
commit
0c4eadcbf4
1 changed files with 234 additions and 191 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. 173
      src/views/modules/cpts/base/cpts/edit.vue

173
src/views/modules/cpts/base/cpts/edit.vue
View File

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

Write Preview
Loading…
Cancel
Save