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

11

dev-用户反馈
jiangyy 3 years ago
parent
0c4b0f937a
commit
8495528a52
2 changed files with 231 additions and 261 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 242
      src/views/modules/cpts/base/cpts/edit.vue
  2. 30
      src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue

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

@ -1,41 +1,34 @@
<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]"
@ -44,18 +37,18 @@
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]"
@ -66,18 +59,17 @@
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]"
@ -87,18 +79,17 @@
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]"
@ -109,18 +100,17 @@
: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
@ -130,62 +120,48 @@
: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 || {}"
@ -194,14 +170,12 @@
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)
"
@ -218,56 +192,46 @@
: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>
<template v-else-if="item.type == 'address'">
<div class="address-item">
<el-input
class="address-item-input"
<el-input class="address-item-input"
:placeholder="item.placeholder || '请输入所在地址'"
v-model="fmData[item.keyName]"
:maxlength="item.maxlength || ''"
show-word-limit
size="small"
>
size="small">
</el-input>
<el-button
style="margin-left: 10px"
<el-button style="margin-left: 10px"
type="default"
size="small"
ref="mapSearch"
@click="handleSearchMap(item)"
>查询</el-button
>
<div id="app" class="div_map"></div>
<div style="margin-top: 10px" v-show="false">
@click="handleSearchMap(item)">查询</el-button>
<div id="app"
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>
@ -276,52 +240,44 @@
</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>
@ -397,7 +353,7 @@ export default {
},
},
data() {
data () {
return {
iniLoaded: false,
@ -415,19 +371,19 @@ export default {
computed: {},
watch: {
editParams: {
handler() {
handler () {
this.computeFmData();
},
deep: true,
},
},
async mounted() {
async mounted () {
this.initForm();
},
methods: {
async initForm() {
async initForm () {
this.iniFmData();
if (this.formId && this.formType != "add") {
@ -435,11 +391,11 @@ export default {
}
},
computeFmData() {
computeFmData () {
console.log(this.fmData);
},
iniFmData() {
iniFmData () {
const { editParams, fmData, editParamsDiv } = this;
editParams.forEach((item, index) => {
if (typeof item.value == "function") {
@ -510,7 +466,7 @@ export default {
this.iniLoaded = true;
},
handleClickHtmlNode(e) {
handleClickHtmlNode (e) {
//在判断事件目标节点的时候，考虑到兼容性应该统一转换成大写或小写进行判断
if (e.target.localName.toLowerCase() === "a") {
// 通过判端目标节点以后，就能在这里对其进行操作啦。
@ -519,7 +475,7 @@ export default {
}
},
async getFmOptions(index, url, params, cookFn) {
async getFmOptions (index, url, params, cookFn) {
const { data, code, msg } = await requestPost(url, {
...params,
});
@ -532,13 +488,13 @@ export default {
}
},
handleChangeCascader(vals, item) {
handleChangeCascader (vals, item) {
this.fmData[item["keyName"]] = vals;
if (typeof item.handleChangeFn == "function") {
item.handleChangeFn(vals, item, this);
}
},
handleChangeSelect(vals, item) {
handleChangeSelect (vals, item) {
console.log(vals, item);
this.fmData[item["keyName"]] = vals;
if (typeof item.handleChangeFn == "function") {
@ -546,14 +502,14 @@ export default {
}
},
beforeImgUpload(file, item) {
beforeImgUpload (file, item) {
if (typeof item.beforeImgUpload == "function") {
if (!item.beforeImgUpload(file, item, this)) return false;
}
return true;
},
handleImgRemove(file, item) {
handleImgRemove (file, item) {
console.log("handleImgRemove", file);
let url = file.response ? file.response.data.url : file.url;
if (url) {
@ -575,7 +531,7 @@ export default {
}
},
handleImgExceed(res, item) {
handleImgExceed (res, item) {
console.log(res);
// this.$message({
// type: "warning",
@ -583,7 +539,7 @@ export default {
// });
},
handleImgSuccess(res, file, item) {
handleImgSuccess (res, file, item) {
console.log("handleImgSuccess", res);
if (res.code === 0 && res.msg === "success") {
let { fmData } = this;
@ -619,12 +575,12 @@ export default {
}
},
handleImgError(res, file, item) {
handleImgError (res, file, item) {
console.log(res);
},
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap(item) {
initMap (item) {
let { latitude, longitude } = this.$store.state.user;
if (!latitude || latitude == "" || latitude == "0") {
latitude = 39.9088810666821;
@ -657,7 +613,7 @@ export default {
// this.handleMoveCenter(item);
},
setMarker(lat, lng) {
setMarker (lat, lng) {
markers.setGeometries([]);
markers.add([
{
@ -671,7 +627,7 @@ export default {
]);
},
handleSearchMap(item) {
handleSearchMap (item) {
infoWindowList.forEach((infoWindow) => {
infoWindow.close();
});
@ -703,7 +659,7 @@ export default {
});
},
handleMoveCenter(item, e) {
handleMoveCenter (item, e) {
console.log(e);
//修改地图中心点
const center = map.getCenter();
@ -724,7 +680,7 @@ export default {
}
},
async getInfo() {
async getInfo () {
let url = this.infoUrl;
if (!url) return;
const { idName, formId } = this;
@ -764,12 +720,12 @@ export default {
}
},
watchImg(src) {
watchImg (src) {
window.open(src);
},
// 过滤文本
dormatHtml(content) {
dormatHtml (content) {
if (
content.startsWith(
"<!DOCTYPE html>\n<html>\n<head>\n</head>\n<body>\n"
@ -781,7 +737,7 @@ export default {
return content;
},
cookBeforeSubmit(data) {
cookBeforeSubmit (data) {
Object.keys(data).forEach((k) => {
if (typeof data[k] == "string") {
data[k] = this.dormatHtml(data[k]);
@ -790,7 +746,7 @@ export default {
return data;
},
async handleComfirm() {
async handleComfirm () {
this.btnDisable = true;
setTimeout(() => {
this.btnDisable = false;
@ -822,7 +778,7 @@ export default {
});
},
async submit() {
async submit () {
const { editConfig, fmData, formType, editFixedParams } = this;
if (
typeof editConfig.beforeSubmit == "function" &&
@ -862,7 +818,7 @@ export default {
}
},
handleCancle() {
handleCancle () {
this.$emit("close");
},
},

30
src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue
View File

@ -204,16 +204,30 @@ export default {
},
],
},
// {
// field: "规模",
// keyName: "scale",
// type: "select",
// optionUrl: "/sys/dict/data/dictlist",
// optionUrlParams: {
// dictType: "scale",
// },
// optionList: [],
// editDisabled: false,
// rules: [
// {
// required: true,
// message: "规模不能为空",
// trigger: "blur",
// },
// ],
// },
{
field: "规模",
keyName: "scale",
type: "select",
optionUrl: "/sys/dict/data/dictlist",
optionUrlParams: {
dictType: "scale",
},
optionList: [],
editDisabled: false,
keyName: "scaleTotal",
type: "input",
attach: '人',
rules: [
{
required: true,

Write Preview
Loading…
Cancel
Save