|
@ -176,15 +176,40 @@ |
|
|
<div class="item-info"> |
|
|
<div class="item-info"> |
|
|
<el-input |
|
|
<el-input |
|
|
class="item_width_1" |
|
|
class="item_width_1" |
|
|
|
|
|
style="width: 150px" |
|
|
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-upload |
|
|
|
|
|
:disabled="item.matterId != undefined" |
|
|
|
|
|
class="avatar-uploader" |
|
|
|
|
|
:action="uploadUlr" |
|
|
|
|
|
:data="{ customerId: customerId }" |
|
|
|
|
|
:show-file-list="false" |
|
|
|
|
|
:on-success=" |
|
|
|
|
|
(response, file, fileList) => |
|
|
|
|
|
handleImgSuccess(index, response, file, fileList) |
|
|
|
|
|
" |
|
|
|
|
|
:before-upload="beforeImgUpload" |
|
|
|
|
|
> |
|
|
|
|
|
<img |
|
|
|
|
|
v-if="item.matterImg" |
|
|
|
|
|
:src="item.matterImg" |
|
|
|
|
|
style="width: 36px; height: 36px" |
|
|
|
|
|
class="function-icon" |
|
|
|
|
|
/> |
|
|
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i> |
|
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
|
|
<div class="hint">(事项封面,图片小于1M)</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="item-pic"> |
|
|
<el-select |
|
|
<el-select |
|
|
style="margin-left: 10px" |
|
|
style="width: 150px; margin-left: 0" |
|
|
v-model="item.appointmentType" |
|
|
v-model="item.appointmentType" |
|
|
filterable |
|
|
filterable |
|
|
placeholder="预约类型" |
|
|
placeholder="预约类型" |
|
@ -200,7 +225,7 @@ |
|
|
</el-select> |
|
|
</el-select> |
|
|
|
|
|
|
|
|
<el-time-select |
|
|
<el-time-select |
|
|
style="margin-left: 10px" |
|
|
style="width: 120px; margin-left: 20px" |
|
|
v-model="item.startTime" |
|
|
v-model="item.startTime" |
|
|
:picker-options="{ |
|
|
:picker-options="{ |
|
|
start: '00:00', |
|
|
start: '00:00', |
|
@ -213,6 +238,7 @@ |
|
|
</el-time-select> |
|
|
</el-time-select> |
|
|
<span style="margin: 0 5px">至</span> |
|
|
<span style="margin: 0 5px">至</span> |
|
|
<el-time-select |
|
|
<el-time-select |
|
|
|
|
|
style="width: 120px" |
|
|
v-model="item.endTime" |
|
|
v-model="item.endTime" |
|
|
:picker-options="{ |
|
|
:picker-options="{ |
|
|
start: '00:00', |
|
|
start: '00:00', |
|
@ -224,33 +250,8 @@ |
|
|
:disabled="item.matterId != undefined" |
|
|
:disabled="item.matterId != undefined" |
|
|
> |
|
|
> |
|
|
</el-time-select> |
|
|
</el-time-select> |
|
|
</div> |
|
|
|
|
|
<div class="item-pic"> |
|
|
|
|
|
<el-upload |
|
|
|
|
|
:disabled="item.matterId != undefined" |
|
|
|
|
|
class="avatar-uploader" |
|
|
|
|
|
:action="uploadUlr" |
|
|
|
|
|
:data="{ customerId: customerId }" |
|
|
|
|
|
:show-file-list="false" |
|
|
|
|
|
:on-success=" |
|
|
|
|
|
(response, file, fileList) => |
|
|
|
|
|
handleImgSuccess(index, response, file, fileList) |
|
|
|
|
|
" |
|
|
|
|
|
:before-upload="beforeImgUpload" |
|
|
|
|
|
> |
|
|
|
|
|
<img |
|
|
|
|
|
v-if="item.matterImg" |
|
|
|
|
|
:src="item.matterImg" |
|
|
|
|
|
style="width: 50px; height: 50px" |
|
|
|
|
|
class="function-icon" |
|
|
|
|
|
/> |
|
|
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i> |
|
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
|
|
<div class="hint">(事项封面,图片小于1M)</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-button |
|
|
<el-button |
|
|
style="margin-left: auto" |
|
|
style="margin-left: 20px" |
|
|
size="small" |
|
|
size="small" |
|
|
@click="handleDelStaff(index)" |
|
|
@click="handleDelStaff(index)" |
|
|
>删除</el-button |
|
|
>删除</el-button |
|
@ -637,28 +638,24 @@ export default { |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
.m-staffs { |
|
|
.m-staffs { |
|
|
margin-left: auto; |
|
|
margin-left: auto; |
|
|
width: 950px; |
|
|
width: 520px; |
|
|
|
|
|
|
|
|
.item { |
|
|
.item { |
|
|
display: flex; |
|
|
// display: flex; |
|
|
|
|
|
// align-items: flex-start; |
|
|
|
|
|
padding-bottom: 20px; |
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
border-bottom: 4px dashed #f7f8f9; |
|
|
|
|
|
|
|
|
.item-info { |
|
|
.item-info { |
|
|
display: flex; |
|
|
display: flex; |
|
|
margin: 0 20px; |
|
|
align-items: flex-start; |
|
|
width: 65%; |
|
|
margin: 0 0; |
|
|
justify-content: space-around; |
|
|
// margin-bottom: 7px; |
|
|
align-items: center; |
|
|
|
|
|
margin-bottom: 7px; |
|
|
|
|
|
} |
|
|
|
|
|
.item-pic { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
width: 35%; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
.hint { |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
color: #999999; |
|
|
|
|
|
margin-left: 10px; |
|
|
|
|
|
} |
|
|
|
|
|
.avatar-uploader { |
|
|
.avatar-uploader { |
|
|
|
|
|
margin: 0 0 0 20px; |
|
|
|
|
|
|
|
|
::v-deep .el-upload { |
|
|
::v-deep .el-upload { |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
position: relative; |
|
|
position: relative; |
|
@ -671,8 +668,8 @@ export default { |
|
|
border-color: #409eff; |
|
|
border-color: #409eff; |
|
|
} |
|
|
} |
|
|
.avatar { |
|
|
.avatar { |
|
|
width: 50px; |
|
|
width: 36px; |
|
|
height: 50px; |
|
|
height: 36px; |
|
|
display: block; |
|
|
display: block; |
|
|
} |
|
|
} |
|
|
.avatar-uploader-icon { |
|
|
.avatar-uploader-icon { |
|
@ -680,12 +677,23 @@ export default { |
|
|
border-radius: 6px; |
|
|
border-radius: 6px; |
|
|
font-size: 28px; |
|
|
font-size: 28px; |
|
|
color: #8c939d; |
|
|
color: #8c939d; |
|
|
width: 50px; |
|
|
width: 36px; |
|
|
height: 50px; |
|
|
height: 36px; |
|
|
line-height: 50px; |
|
|
line-height: 36px; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.hint { |
|
|
|
|
|
// width: 75%; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
color: #999999; |
|
|
|
|
|
margin-left: 0; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.item-pic { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
// justify-content: space-around; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|