Browse Source

层级

shibei_master
jiangyy 4 years ago
parent
commit
f6be13541d
  1. 10
      src/App.vue
  2. 335
      src/views/modules/communityParty/regionalParty/activitysForm.vue

10
src/App.vue

@ -86,7 +86,7 @@ export default {
if (!that.timer) { if (!that.timer) {
that.timer = true that.timer = true
// window.onresizevuex // window.onresizevuex
setTimeout(function() { setTimeout(function () {
that.setClientHeight(document.documentElement.clientHeight) that.setClientHeight(document.documentElement.clientHeight)
// debugger // debugger
if (document.documentElement.clientHeight < 800) { if (document.documentElement.clientHeight < 800) {
@ -104,3 +104,11 @@ export default {
} }
} }
</script> </script>
<style lang="scss">
.tox-dialog__disable-scroll {
.tox .tox-dialog {
z-index: 2000000000;
}
}
</style>

335
src/views/modules/communityParty/regionalParty/activitysForm.vue

@ -1,179 +1,178 @@
<template> <template>
<div> <div>
<div> <div>
<div> <el-form ref="ref_form"
<el-form ref="ref_form" :inline="true"
:inline="true" :model="formData"
:model="formData" :rules="dataRule"
:rules="dataRule" :disabled="formType === 'detail'"
:disabled="formType === 'detail'" class="form">
class="form">
<el-form-item label="服务事项"
<el-form-item label="服务事项" label-width="150px"
label-width="150px" prop="serviceMatter">
prop="serviceMatter"> <el-select class="item_width_1"
<el-select class="item_width_1" v-model="formData.serviceMatter"
v-model="formData.serviceMatter" placeholder="请选择"
placeholder="请选择" clearable>
clearable> <el-option v-for="item in serviceList"
<el-option v-for="item in serviceList" :key="item.value"
:key="item.value" :label="item.label"
:label="item.label" :value="item.value">
:value="item.value"> </el-option>
</el-option> </el-select>
</el-select>
</el-form-item>
</el-form-item>
<el-form-item label="单位名称"
<el-form-item label="单位名称" prop="unitId"
prop="unitId" label-width="150px"
label-width="150px" style="display: block">
style="display: block"> <el-select class="item_width_1"
<el-select class="item_width_1" v-model="formData.unitId"
v-model="formData.unitId" placeholder="请选择"
placeholder="请选择" clearable>
clearable> <el-option v-for="item in unitList"
<el-option v-for="item in unitList" :key="item.value"
:key="item.value" :label="item.label"
:label="item.label" :value="item.value">
:value="item.value"> </el-option>
</el-option> </el-select>
</el-select> </el-form-item>
</el-form-item>
<el-form-item label="活动标题"
<el-form-item label="活动标题" prop="title"
prop="title" label-width="150px"
label-width="150px" style="display: block">
style="display: block"> <el-input class="item_width_1"
<el-input class="item_width_1" maxlength="50"
maxlength="50" show-word-limit
show-word-limit placeholder="请输入活动标题"
placeholder="请输入活动标题" v-model="formData.title">
v-model="formData.title"> </el-input>
</el-input> </el-form-item>
</el-form-item>
<el-form-item label="活动目标"
<el-form-item label="活动目标" prop="target"
prop="target" label-width="150px"
label-width="150px" style="display: block">
style="display: block"> <el-input class="item_width_1"
<el-input class="item_width_1" type="textarea"
type="textarea" maxlength="100"
maxlength="100" show-word-limit
show-word-limit :rows="3"
:rows="3" placeholder="请输入活动目标,不超过100字"
placeholder="请输入活动目标,不超过100字" v-model="formData.target"></el-input>
v-model="formData.target"></el-input> </el-form-item>
</el-form-item> <el-form-item label="活动内容"
<el-form-item label="活动内容" prop="target"
prop="target" label-width="150px"
label-width="150px" style="display: block">
style="display: block"> <div class="item_width_1">
<div class="item_width_1"> <Tinymce class="tinymce_view "
<Tinymce class="tinymce_view " v-if="formType!='detail'"
v-if="formType!='detail'" v-model="formData.content"
v-model="formData.content" :height="250"
:height="250" placeholder="在这里输入文字" />
placeholder="在这里输入文字" />
<p v-else
<p v-else class="text_p"
class="text_p" v-html="formData.content"></p>
v-html="formData.content"></p> </div>
</div> </el-form-item>
</el-form-item>
<el-form-item label="服务人数"
<el-form-item label="服务人数" style="display: block"
style="display: block" prop="peopleCount"
prop="peopleCount" label-width="150px">
label-width="150px"> <el-input-number class="item_width_1"
<el-input-number class="item_width_1" v-model="formData.peopleCount"
v-model="formData.peopleCount" :min="0"
:min="0" label="服务人数"></el-input-number>
label="服务人数"></el-input-number> </el-form-item>
</el-form-item> <el-form-item label="活动时间"
<el-form-item label="活动时间" style="display: block"
style="display: block" prop="activityTime"
prop="activityTime" label-width="150px">
label-width="150px"> <el-date-picker v-model="formData.activityTime"
<el-date-picker v-model="formData.activityTime" value-format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss" type="datetime"
type="datetime" placeholder="选择时间">
placeholder="选择时间"> </el-date-picker>
</el-date-picker> </el-form-item>
</el-form-item>
<el-form-item label="活动坐标"
<el-form-item label="活动坐标" prop="longitude"
prop="longitude" label-width="150px"
label-width="150px" style="display: block">
style="display: block"> <div class="item_width_1">
<div class="item_width_1">
<div class="div_map">
<div class="div_map"> <div id="app">
<div id="app">
</div>
<div class="div_searchmap">
<el-input class="item_width_4"
maxlength="50"
size="mini"
placeholder="请输入关键字"
v-model="keyWords">
</el-input>
<el-button style="margin-left: 10px"
type="primary"
size="mini"
@click="handleSearchMap">查询</el-button>
</div>
</div>
<div style="margin-top: 10px"> </div>
<span>经度</span> <div class="div_searchmap">
<el-input class="item_width_3" <el-input class="item_width_4"
maxlength="50"
placeholder="请输入经度"
v-model="formData.longitude">
</el-input>
<span style="margin-left: 20px">纬度</span>
<el-input class="item_width_3"
maxlength="50" maxlength="50"
placeholder="请输入纬度" size="mini"
v-model="formData.latitude"> placeholder="请输入关键字"
v-model="keyWords">
</el-input> </el-input>
<el-button style="margin-left: 10px"
type="primary"
size="mini"
@click="handleSearchMap">查询</el-button>
</div> </div>
</div> </div>
</el-form-item>
<el-form-item label="活动地址"
prop="address"
label-width="150px"
style="display: block">
<el-input class="item_width_1"
v-model="formData.address">
</el-input>
</el-form-item>
<el-form-item label="活动结果"
prop="result"
label-width="150px"
style="display: block">
<div class="item_width_1">
<Tinymce class="tinymce_view "
v-if="formType!='detail'"
v-model="formData.result"
:height="250"
placeholder="在这里输入文字" />
<p v-else
class="text_p"
v-html="formData.result"></p>
</div>
</el-form-item>
</el-form>
</div>
<div style="margin-top: 10px">
<span>经度</span>
<el-input class="item_width_3"
maxlength="50"
placeholder="请输入经度"
v-model="formData.longitude">
</el-input>
<span style="margin-left: 20px">纬度</span>
<el-input class="item_width_3"
maxlength="50"
placeholder="请输入纬度"
v-model="formData.latitude">
</el-input>
</div>
</div>
</el-form-item>
<el-form-item label="活动地址"
prop="address"
label-width="150px"
style="display: block">
<el-input class="item_width_1"
v-model="formData.address">
</el-input>
</el-form-item>
<el-form-item label="活动结果"
prop="result"
label-width="150px"
style="display: block">
<div class="item_width_1">
<Tinymce class="tinymce_view "
v-if="formType!='detail'"
v-model="formData.result"
:height="250"
placeholder="在这里输入文字" />
<p v-else
class="text_p"
v-html="formData.result"></p>
</div>
</el-form-item>
</el-form>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button @click="handleCancle"> </el-button> <el-button @click="handleCancle"> </el-button>
<el-button v-if="formType != 'detail'" <el-button v-if="formType != 'detail'"
@ -540,8 +539,8 @@ export default {
width: 560px; width: 560px;
} }
.tinymce_view { .tinymce_view {
/deep/.tox .tox-dialog { ::v-deep .tox .tox-dialog {
z-index: 20000; z-index: 2000000000;
} }
} }
.item_width_2 { .item_width_2 {

Loading…
Cancel
Save