elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fsfds2

shibei_master
dai 3 years ago
parent
37b02efa9b
commit
6a5daf8c6a
2 changed files with 215 additions and 157 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. 198
      src/views/modules/communityService/dqfwzx/cpts/edit.vue
  2. 2
      src/views/modules/communityService/dqfwzx/index.vue

198
src/views/modules/communityService/dqfwzx/cpts/edit.vue
View File

@ -1,162 +1,206 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<el-form ref="ref_form" <el-form
ref="ref_form"
:inline="true" :inline="true"
:model="dataForm" :model="dataForm"
:rules="dataRule" :rules="dataRule"
:disabled="formType === 'detail'" :disabled="formType === 'detail'"
class="form"> class="form"
<el-form-item label="中心名称 " >
<el-form-item
label="中心名称 "
prop="centerName" prop="centerName"
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="dataForm.centerName"> v-model="dataForm.centerName"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="办公电话" <el-form-item
label="办公电话"
prop="workPhone" prop="workPhone"
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="dataForm.workPhone"> v-model="dataForm.workPhone"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="社区地址" <el-form-item
label="社区地址"
prop="address" prop="address"
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="dataForm.address"> v-model="dataForm.address"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="办公时间" <el-form-item
label="办公时间"
prop="amStartTime" prop="amStartTime"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
>
<div class="row"> <div class="row">
<span>上午</span> <span>上午</span>
<el-time-select style="margin-left: 10px" <el-time-select
style="margin-left: 10px"
v-model="dataForm.amStartTime" v-model="dataForm.amStartTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
step: '00:30', step: '00:30',
end: '12:00', end: '12:00',
}" }"
placeholder="开始时间"> placeholder="开始时间"
>
</el-time-select> </el-time-select>
<span style="margin: 0 5px">至</span> <span style="margin: 0 5px">至</span>
<el-time-select v-model="dataForm.amEndTime" <el-time-select
v-model="dataForm.amEndTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
step: '00:30', step: '00:30',
end: '12:00', end: '12:00',
minTime: dataForm.amStartTime, minTime: dataForm.amStartTime,
}" }"
placeholder="结束时间"> placeholder="结束时间"
>
</el-time-select> </el-time-select>
</div> </div>
<div class="row" <div class="row" style="margin-top: 5px">
style="margin-top: 5px">
<span>下午</span> <span>下午</span>
<el-time-select style="margin-left: 10px" <el-time-select
style="margin-left: 10px"
v-model="dataForm.pmStartTime" v-model="dataForm.pmStartTime"
:picker-options="{ :picker-options="{
start: '12:00', start: '12:00',
step: '00:30', step: '00:30',
end: '24:00', end: '24:00',
}" }"
placeholder="开始时间"> placeholder="开始时间"
>
</el-time-select> </el-time-select>
<span style="margin: 0 5px">至</span> <span style="margin: 0 5px">至</span>
<el-time-select v-model="dataForm.pmEndTime" <el-time-select
v-model="dataForm.pmEndTime"
:picker-options="{ :picker-options="{
start: '12:00', start: '12:00',
step: '00:30', step: '00:30',
end: '24:00', end: '24:00',
minTime: dataForm.pmStartTime, minTime: dataForm.pmStartTime,
}" }"
placeholder="结束时间"> placeholder="结束时间"
>
</el-time-select> </el-time-select>
</div> </div>
</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 style="width: 500px"> <div style="width: 500px">
<el-input class="item_width_4" <el-input
class="item_width_4"
maxlength="50" maxlength="50"
placeholder="请输入关键字" placeholder="请输入关键字"
v-model="dataForm.locationAddress"> v-model="dataForm.locationAddress"
>
</el-input> </el-input>
<el-button style="margin-left: 10px" <el-button
style="margin-left: 10px"
type="primary" type="primary"
size="small" size="small"
@click="handleSearchMap">查询</el-button> @click="handleSearchMap"
<div id="app" >查询</el-button
class="div_map"></div> >
<div id="app" class="div_map"></div>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<span>经度</span> <span>经度</span>
<el-input class="item_width_3" <el-input
class="item_width_3"
maxlength="50" maxlength="50"
placeholder="请输入经度" placeholder="请输入经度"
v-model="dataForm.longitude"> v-model="dataForm.longitude"
>
</el-input> </el-input>
<span style="margin-left: 20px">纬度</span> <span style="margin-left: 20px">纬度</span>
<el-input class="item_width_3" <el-input
class="item_width_3"
maxlength="50" maxlength="50"
placeholder="请输入纬度" placeholder="请输入纬度"
v-model="dataForm.latitude"> v-model="dataForm.latitude"
>
</el-input> </el-input>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="可预约事项" <el-form-item
label="可预约事项"
prop="matterList" prop="matterList"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
>
<div class="m-staffs"> <div class="m-staffs">
<div class="item" <div
class="item"
:key="'staff' + index" :key="'staff' + index"
v-for="(item, index) in dataForm.matterList"> v-for="(item, index) in dataForm.matterList"
>
<div class="item-info"> <div class="item-info">
<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="item.matterName" v-model="item.matterName"
:disabled="item.matterId != undefined" /> :disabled="item.matterId != undefined"
/>
<el-select style="margin-left: 10px" <el-select
style="margin-left: 10px"
v-model="item.appointmentType" v-model="item.appointmentType"
filterable filterable
placeholder="预约类型" placeholder="预约类型"
:disabled="item.matterId != undefined"> :disabled="item.matterId != undefined"
<el-option v-for="item in appointmentTypeOptions" >
<el-option
v-for="item in appointmentTypeOptions"
: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-time-select style="margin-left: 10px" <el-time-select
style="margin-left: 10px"
v-model="item.startTime" v-model="item.startTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
@ -164,10 +208,12 @@
end: '24:00', end: '24:00',
}" }"
placeholder="开始时间" placeholder="开始时间"
:disabled="item.matterId != undefined"> :disabled="item.matterId != undefined"
>
</el-time-select> </el-time-select>
<span style="margin: 0 5px">至</span> <span style="margin: 0 5px">至</span>
<el-time-select v-model="item.endTime" <el-time-select
v-model="item.endTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
step: '00:30', step: '00:30',
@ -175,11 +221,13 @@
minTime: item.startTime, minTime: item.startTime,
}" }"
placeholder="结束时间" placeholder="结束时间"
:disabled="item.matterId != undefined"> :disabled="item.matterId != undefined"
>
</el-time-select> </el-time-select>
</div> </div>
<div class="item-pic"> <div class="item-pic">
<el-upload :disabled="item.matterId != undefined" <el-upload
:disabled="item.matterId != undefined"
class="avatar-uploader" class="avatar-uploader"
:action="uploadUlr" :action="uploadUlr"
:data="{ customerId: customerId }" :data="{ customerId: customerId }"
@ -188,40 +236,47 @@
(response, file, fileList) => (response, file, fileList) =>
handleImgSuccess(index, response, file, fileList) handleImgSuccess(index, response, file, fileList)
" "
:before-upload="beforeImgUpload"> :before-upload="beforeImgUpload"
<img v-if="item.matterImg" >
<img
v-if="item.matterImg"
:src="item.matterImg" :src="item.matterImg"
style="width: 50px; height: 50px" style="width: 50px; height: 50px"
class="function-icon" /> class="function-icon"
<i v-else />
class="el-icon-plus avatar-uploader-icon"></i> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </el-upload>
<div class="hint">（事项封面，图片小于1M）</div> <div class="hint">（事项封面，图片小于1M）</div>
<el-button style="margin-left: auto" <el-button
style="margin-left: auto"
size="small" size="small"
@click="handleDelStaff(index)">删除</el-button> @click="handleDelStaff(index)"
>删除</el-button
>
</div> </div>
</div> </div>
<div class="item-add"> <div class="item-add">
<el-button size="small" <el-button size="small" type="warning" @click="handleAddStaff"
type="warning" >添加</el-button
@click="handleAddStaff">添加</el-button> >
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button size="small" <el-button size="small" @click="handleCancle">取 消</el-button>
@click="handleCancle">取 消</el-button> <el-button
<el-button size="small" size="small"
v-if="formType != 'detail'" v-if="formType != 'detail'"
type="primary" type="primary"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm">确 定</el-button> @click="handleComfirm"
>确 定</el-button
>
</div> </div>
</div> </div>
</template> </template>
@ -582,16 +637,21 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.m-staffs { .m-staffs {
margin-left: auto; margin-left: auto;
width: 650px; width: 950px;
.item { .item {
display: flex;
.item-info { .item-info {
display: flex; display: flex;
margin: 0 20px;
width: 65%;
justify-content: space-around; justify-content: space-around;
align-items: center;
margin-bottom: 7px; margin-bottom: 7px;
} }
.item-pic { .item-pic {
display: flex; display: flex;
width: 35%;
align-items: center; align-items: center;
.hint { .hint {
font-size: 14px; font-size: 14px;
@ -630,5 +690,3 @@ export default {
} }
} }
</style> </style>

2
src/views/modules/communityService/dqfwzx/index.vue
View File

@ -106,7 +106,7 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
:title="formTitle" :title="formTitle"
width="850px" width="1150px"
top="5vh" top="5vh"
class="dialog-h" class="dialog-h"
@closed="handleClose" @closed="handleClose"

Write Preview
Loading…
Cancel
Save