| 
						
						
							
								
							
						
						
					 | 
					@ -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; | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					    } | 
					 | 
					 | 
					    } | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					  } | 
					 | 
					 | 
					  } | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					} | 
					 | 
					 | 
					} | 
				
			
			
		
	
	
		
		
			
				
					| 
						
							
								
							
						
						
						
					 | 
					
  |