<template>
|
<scroll-view class="create-emergency-task-container" scroll-y="true">
|
<view class="form-header">
|
<view class="back-btn" @click="goBack">
|
<uni-icons type="arrowleft" size="20"></uni-icons>
|
</view>
|
<view class="title">创建转运任务</view>
|
</view>
|
|
<view class="form-section">
|
<view class="form-item">
|
<view class="form-label required">任务车辆</view>
|
<picker mode="selector" :range="vehicles" :value="selectedVehicleIndex" @change="onVehicleChange">
|
<view class="form-input picker-input">
|
{{ selectedVehicle || '请选择任务车辆' }}
|
<uni-icons type="arrowright" size="16" color="#999"></uni-icons>
|
</view>
|
</picker>
|
</view>
|
<view class="form-item">
|
<view class="form-label required">归属机构</view>
|
<picker mode="selector" :range="organizations" @change="onOrganizationChange">
|
<view class="form-input picker-input">
|
{{ selectedOrganization || '请选择归属机构' }}
|
<uni-icons type="arrowright" size="16" color="#999"></uni-icons>
|
</view>
|
</picker>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label required">任务类型</view>
|
<picker mode="selector" :range="emergencyTaskTypeOptions" range-key="text" @change="onEmergencyTaskTypeChange">
|
<view class="form-input picker-input">
|
{{ selectedEmergencyTaskType || '请选择任务类型' }}
|
<uni-icons type="arrowright" size="16" color="#999"></uni-icons>
|
</view>
|
</picker>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label required">单据类型</view>
|
<picker mode="selector" :range="documentTypeOptions" range-key="text" @change="onDocumentTypeChange">
|
<view class="form-input picker-input">
|
{{ selectedDocumentType || '请选择单据类型' }}
|
<uni-icons type="arrowright" size="16" color="#999"></uni-icons>
|
</view>
|
</picker>
|
</view>
|
<view class="form-item">
|
<view class="form-label">执行任务人员</view>
|
<view class="staff-list">
|
<view class="staff-item" v-for="(staff, index) in selectedStaff" :key="staff.userId">
|
<view class="staff-info">
|
<text class="staff-name">{{ staff.nickName }}</text>
|
<text class="staff-role">({{ getUserTypeName(staff.type) || '未知职位' }})</text>
|
</view>
|
<uni-icons
|
v-if="index > 0"
|
type="closeempty"
|
size="20"
|
color="#ff4d4f"
|
@click="removeStaff(index)"
|
></uni-icons>
|
<uni-icons
|
v-else
|
type="checkmarkempty"
|
size="20"
|
color="#007AFF"
|
></uni-icons>
|
</view>
|
<view class="add-staff" @click="showStaffSelector">
|
<uni-icons type="plusempty" size="20" color="#007AFF"></uni-icons>
|
<text>添加人员</text>
|
</view>
|
</view>
|
</view>
|
|
|
|
<view class="form-item">
|
<view class="form-label required">转运时间</view>
|
<uni-datetime-picker
|
v-model="taskForm.transferTime"
|
type="datetime"
|
:placeholder="'请选择转运时间'"
|
class="form-input"
|
/>
|
</view>
|
|
<view class="form-section-title">患者信息</view>
|
<view class="form-item">
|
<view class="form-label required">联系人</view>
|
<input
|
class="form-input"
|
placeholder="请输入联系人"
|
v-model="taskForm.patient.contact"
|
/>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label required">联系电话</view>
|
<input
|
class="form-input"
|
type="number"
|
placeholder="请输入联系电话"
|
v-model="taskForm.patient.phone"
|
/>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label required">患者姓名</view>
|
<input
|
class="form-input"
|
placeholder="请输入患者姓名"
|
v-model="taskForm.patient.name"
|
/>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label">性别</view>
|
<view class="radio-group">
|
<label class="radio-item">
|
<radio value="male" :checked="taskForm.patient.gender === 'male'" @click="taskForm.patient.gender = 'male'" />
|
<text>男</text>
|
</label>
|
<label class="radio-item">
|
<radio value="female" :checked="taskForm.patient.gender === 'female'" @click="taskForm.patient.gender = 'female'" />
|
<text>女</text>
|
</label>
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label">患者身份证</view>
|
<input
|
class="form-input"
|
type="idcard"
|
placeholder="请输入患者身份证号"
|
v-model="taskForm.patient.idCard"
|
/>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label">病情</view>
|
<view class="disease-container">
|
<view class="disease-tags" v-if="selectedDiseases.length > 0">
|
<view
|
class="disease-tag"
|
v-for="(disease, index) in selectedDiseases"
|
:key="index"
|
>
|
<text class="disease-name">{{ disease.icdName }}</text>
|
<uni-icons
|
type="closeempty"
|
size="16"
|
color="#fff"
|
@click="removeDisease(index)"
|
></uni-icons>
|
</view>
|
</view>
|
<view class="add-disease-btn" @click="showDiseaseSelector">
|
<uni-icons type="plusempty" size="20" color="#007AFF"></uni-icons>
|
<text>添加病情</text>
|
</view>
|
<textarea
|
class="form-textarea"
|
placeholder="其他病情描述（选填）"
|
v-model="taskForm.patient.condition"
|
style="margin-top: 20rpx;"
|
/>
|
</view>
|
</view>
|
|
<view class="form-section-title">转出医院信息</view>
|
<view class="form-item">
|
<view class="form-label required">医院名称</view>
|
<view class="hospital-search-container">
|
<input
|
class="form-input"
|
placeholder="请输入医院名称或地址搜索"
|
v-model="hospitalOutSearchKeyword"
|
@input="onHospitalOutSearch"
|
@focus="onHospitalOutFocus"
|
/>
|
<view class="search-results" v-if="showHospitalOutResults && hospitalOutResults.length > 0">
|
<view
|
class="search-result-item"
|
v-for="hospital in hospitalOutResults"
|
:key="hospital.hospId"
|
@click="selectHospitalOut(hospital)"
|
>
|
<view class="hospital-name">
|
{{ hospital.hospName }}
|
<text class="hospital-short" v-if="hospital.hospShort">{{ hospital.hospShort }}</text>
|
</view>
|
<view class="hospital-address">{{ buildFullAddress(hospital) }}</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label required">科室</view>
|
<picker
|
v-if="taskForm.hospitalOut.name !== '家中'"
|
mode="selector"
|
:range="departmentOptions"
|
range-key="text"
|
@change="onHospitalOutDepartmentChange"
|
>
|
<view class="form-input picker-input">
|
{{ taskForm.hospitalOut.department || '请选择科室' }}
|
<uni-icons type="arrowright" size="16" color="#999"></uni-icons>
|
</view>
|
</picker>
|
<view v-else class="form-input picker-input disabled">
|
其它
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label">床号</view>
|
<input
|
class="form-input"
|
placeholder="请输入床号"
|
v-model="taskForm.hospitalOut.bedNumber"
|
/>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label">转出地址</view>
|
<view class="address-input-container" v-if="taskForm.hospitalOut.name === '家中'">
|
<input
|
class="form-input"
|
placeholder="请输入详细地址"
|
v-model="taskForm.hospitalOut.address"
|
@input="onAddressOutInput"
|
@focus="onAddressOutFocus"
|
/>
|
<view class="address-suggestions" v-if="showAddressOutSuggestions && addressOutSuggestions.length > 0">
|
<view
|
class="address-suggestion-item"
|
v-for="(item, index) in addressOutSuggestions"
|
:key="index"
|
@click="selectAddressOut(item)">
|
<view class="suggestion-name">{{ item.name }}</view>
|
<view class="suggestion-address">{{ item.district }}{{ item.address }}</view>
|
</view>
|
</view>
|
</view>
|
<view v-else class="form-input picker-input disabled">
|
{{ taskForm.hospitalOut.address || '选择医院后自动填充' }}
|
</view>
|
</view>
|
|
<view class="form-section-title">转入医院信息</view>
|
<view class="form-item">
|
<view class="form-label required">医院名称</view>
|
<view class="hospital-search-container">
|
<input
|
class="form-input"
|
placeholder="请输入医院名称或地址搜索"
|
v-model="hospitalInSearchKeyword"
|
@input="onHospitalInSearch"
|
@focus="onHospitalInFocus"
|
/>
|
<view class="search-results" v-if="showHospitalInResults && hospitalInResults.length > 0">
|
<view
|
class="search-result-item"
|
v-for="hospital in hospitalInResults"
|
:key="hospital.hospId"
|
@click="selectHospitalIn(hospital)"
|
>
|
<view class="hospital-name">
|
{{ hospital.hospName }}
|
<text class="hospital-short" v-if="hospital.hospShort">{{ hospital.hospShort }}</text>
|
</view>
|
<view class="hospital-address">{{ buildFullAddress(hospital) }}</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label required">科室</view>
|
<picker
|
v-if="taskForm.hospitalIn.name !== '家中'"
|
mode="selector"
|
:range="departmentOptions"
|
range-key="text"
|
@change="onHospitalInDepartmentChange"
|
>
|
<view class="form-input picker-input">
|
{{ taskForm.hospitalIn.department || '请选择科室' }}
|
<uni-icons type="arrowright" size="16" color="#999"></uni-icons>
|
</view>
|
</picker>
|
<view v-else class="form-input picker-input disabled">
|
其它
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label">床号</view>
|
<input
|
class="form-input"
|
placeholder="请输入床号"
|
v-model="taskForm.hospitalIn.bedNumber"
|
/>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label">转入地址</view>
|
<view class="address-input-container" v-if="taskForm.hospitalIn.name === '家中'">
|
<input
|
class="form-input"
|
placeholder="请输入详细地址"
|
v-model="taskForm.hospitalIn.address"
|
@input="onAddressInInput"
|
@focus="onAddressInFocus"
|
/>
|
<view class="address-suggestions" v-if="showAddressInSuggestions && addressInSuggestions.length > 0">
|
<view
|
class="address-suggestion-item"
|
v-for="(item, index) in addressInSuggestions"
|
:key="index"
|
@click="selectAddressIn(item)">
|
<view class="suggestion-name">{{ item.name }}</view>
|
<view class="suggestion-address">{{ item.district }}{{ item.address }}</view>
|
</view>
|
</view>
|
</view>
|
<view v-else class="form-input picker-input disabled">
|
{{ taskForm.hospitalIn.address || '选择医院后自动填充' }}
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label required">转运公里数</view>
|
<input
|
class="form-input"
|
type="digit"
|
placeholder="请输入转运公里数"
|
v-model="taskForm.transferDistance"
|
/>
|
</view>
|
|
<view class="form-item">
|
<view class="form-label required">成交价</view>
|
<input
|
class="form-input"
|
type="digit"
|
placeholder="请输入成交价"
|
v-model="taskForm.price"
|
/>
|
</view>
|
|
<view class="form-actions">
|
<button class="submit-btn" @click="submitTask" :disabled="loading">
|
{{ loading ? '保存中...' : '保存' }}
|
</button>
|
</view>
|
</view>
|
|
<!-- 人员选择弹窗 -->
|
<uni-popup ref="staffPopup" type="bottom" :safe-area="true">
|
<view class="staff-selector-popup">
|
<view class="popup-header">
|
<view class="popup-title">选择执行人员</view>
|
<view class="popup-close" @click="closeStaffSelector">
|
<uni-icons type="closeempty" size="24" color="#333"></uni-icons>
|
</view>
|
</view>
|
|
<view class="search-box">
|
<uni-icons type="search" size="18" color="#999"></uni-icons>
|
<input
|
class="search-input"
|
placeholder="搜索姓名、手机号"
|
v-model="staffSearchKeyword"
|
@input="onStaffSearch"
|
/>
|
</view>
|
|
<view class="staff-filter">
|
<view
|
class="filter-item"
|
:class="{ active: staffFilterType === 'driver' }"
|
@click="filterStaff('driver')"
|
>司机</view>
|
<view
|
class="filter-item"
|
:class="{ active: staffFilterType === 'doctor' }"
|
@click="filterStaff('doctor')"
|
>医生</view>
|
<view
|
class="filter-item"
|
:class="{ active: staffFilterType === 'nurse' }"
|
@click="filterStaff('nurse')"
|
>护士</view>
|
</view>
|
|
<scroll-view class="staff-list-popup" scroll-y="true">
|
<view
|
class="staff-item-popup"
|
v-for="staff in filteredStaffList"
|
:key="staff.userId"
|
@click="toggleStaffSelection(staff)"
|
>
|
<view class="staff-info">
|
<view class="staff-name-row">
|
<text class="staff-name">{{ staff.nickName }}</text>
|
<text class="staff-phone">{{ staff.phonenumber }}</text>
|
</view>
|
<view class="staff-detail-row">
|
<text class="staff-dept">{{ staff.deptName }}</text>
|
<text class="staff-post">{{ staff.postName || staff.roleName || '未知职位' }}</text>
|
</view>
|
</view>
|
<uni-icons
|
v-if="isStaffSelected(staff.userId)"
|
type="checkmarkempty"
|
size="24"
|
color="#007AFF"
|
></uni-icons>
|
<view v-else class="checkbox-empty"></view>
|
</view>
|
|
<view class="no-data" v-if="filteredStaffList.length === 0">
|
<uni-icons type="info" size="40" color="#ccc"></uni-icons>
|
<text>暂无人员数据</text>
|
</view>
|
</scroll-view>
|
|
<view class="popup-footer">
|
<button class="cancel-btn" @click="closeStaffSelector">取消</button>
|
<button class="confirm-btn" @click="confirmStaffSelection">确定(已选{{ selectedStaff.length }})</button>
|
</view>
|
</view>
|
</uni-popup>
|
|
<!-- 病情选择弹窗 -->
|
<uni-popup ref="diseasePopup" type="bottom" :safe-area="true">
|
<view class="disease-selector-popup">
|
<view class="popup-header">
|
<view class="popup-title">选择病情（ICD-10）</view>
|
<view class="popup-close" @click="closeDiseaseSelector">
|
<uni-icons type="closeempty" size="24" color="#333"></uni-icons>
|
</view>
|
</view>
|
|
<view class="search-box">
|
<uni-icons type="search" size="18" color="#999"></uni-icons>
|
<input
|
class="search-input"
|
placeholder="搜索疾病名称、编码或助记码"
|
v-model="diseaseSearchKeyword"
|
@input="onDiseaseSearch"
|
/>
|
</view>
|
|
<scroll-view class="disease-list-popup" scroll-y="true">
|
<view
|
class="disease-item-popup"
|
v-for="disease in diseaseSearchResults"
|
:key="disease.id"
|
@click="toggleDiseaseSelection(disease)"
|
>
|
<view class="disease-info">
|
<view class="disease-name-row">
|
<text class="disease-name">{{ disease.icdName }}</text>
|
<text class="disease-code">[{{ disease.icdCode }}]</text>
|
</view>
|
<view class="disease-detail-row" v-if="disease.sm">
|
<text class="disease-desc">{{ disease.sm }}</text>
|
</view>
|
</view>
|
<uni-icons
|
v-if="isDiseaseSelected(disease.id)"
|
type="checkmarkempty"
|
size="24"
|
color="#007AFF"
|
></uni-icons>
|
<view v-else class="checkbox-empty"></view>
|
</view>
|
|
<view class="no-data" v-if="diseaseSearchResults.length === 0">
|
<uni-icons type="info" size="40" color="#ccc"></uni-icons>
|
<text>{{ diseaseSearchKeyword ? '未找到相关疾病' : '暂无病情数据' }}</text>
|
</view>
|
</scroll-view>
|
|
<view class="popup-footer">
|
<button class="cancel-btn" @click="closeDiseaseSelector">取消</button>
|
<button class="confirm-btn" @click="confirmDiseaseSelection">确定(已选{{ tempSelectedDiseases.length }})</button>
|
</view>
|
</view>
|
</uni-popup>
|
</scroll-view>
|
</template>
|
|
<script>
|
import { mapState } from 'vuex'
|
import uniDatetimePicker from '@/uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.vue'
|
import uniPopup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue'
|
import { addTask } from "@/api/task"
|
import { listAvailableVehicles, getUserBoundVehicle } from "@/api/vehicle"
|
import { calculateDistance, baiduDistanceByAddress, baiduPlaceSuggestion } from "@/api/map"
|
import { searchHospitals, getFrequentOutHospitals, getFrequentInHospitals, searchHospitalsByDeptRegion } from "@/api/hospital"
|
import { listBranchUsers } from "@/api/system/user"
|
import { searchIcd10 } from "@/api/icd10"
|
|
import { getDicts } from "@/api/dict"
|
import { getServiceOrdAreaTypes, getServiceOrderTypes, getHospitalDepartments } from "@/api/dictionary"
|
import { listBranchCompany, getDept } from "@/api/system/dept"
|
import MapSelector from '@/components/map-selector.vue'
|
|
export default {
|
components: {
|
uniDatetimePicker,
|
uniPopup,
|
MapSelector
|
},
|
data() {
|
return {
|
selectedVehicle: '',
|
selectedVehicleId: null,
|
selectedOrganization: '',
|
selectedOrganizationId: null, // 归属机构ID（部门ID）
|
selectedOrganizationServiceOrderClass: '', // 归属机构的服务单编码
|
selectedRegion: '', // 从归属机构中提取的地域信息（如：广州、深圳等）
|
selectedEmergencyTaskType: '', // 选中的任务类型文本
|
selectedEmergencyTaskTypeId: null, // 选中的任务类型ID
|
selectedDocumentType: '', // 选中的单据类型文本
|
selectedDocumentTypeId: null, // 选中的单据类型ID
|
mapSelectorType: '',
|
// 医院搜索相关
|
hospitalOutSearchKeyword: '',
|
hospitalOutResults: [],
|
showHospitalOutResults: false,
|
hospitalInSearchKeyword: '',
|
hospitalInResults: [],
|
showHospitalInResults: false,
|
searchTimer: null,
|
defaultHospitals: [], // 默认的100条医院数据
|
// 地址搜索提示相关
|
addressOutSuggestions: [], // 转出地址提示列表
|
showAddressOutSuggestions: false,
|
addressInSuggestions: [], // 转入地址提示列表
|
showAddressInSuggestions: false,
|
addressSearchTimer: null, // 地址搜索防抖定时器
|
// 人员选择相关
|
selectedStaff: [], // 已选择的人员列表
|
allStaffList: [], // 所有人员列表
|
filteredStaffList: [], // 过滤后的人员列表
|
staffSearchKeyword: '', // 人员搜索关键词
|
staffFilterType: 'driver', // 人员筛选类型：driver/doctor/nurse，默认选中司机
|
// 病情选择相关
|
selectedDiseases: [], // 已选择的病情列表
|
tempSelectedDiseases: [], // 临时选择的病情列表（用于弹窗）
|
diseaseSearchKeyword: '', // 病情搜索关键词
|
diseaseSearchResults: [], // 病情搜索结果
|
diseaseSearchTimer: null, // 病情搜索防抖定时器
|
taskForm: {
|
transferTime: '',
|
patient: {
|
contact: '',
|
phone: '',
|
name: '',
|
gender: 'male',
|
idCard: '',
|
condition: ''
|
},
|
hospitalOut: {
|
id: null, // 医院ID
|
name: '',
|
department: '',
|
departmentId: null, // 科室ID
|
bedNumber: '',
|
address: ''
|
},
|
hospitalIn: {
|
id: null, // 医院ID
|
name: '',
|
department: '',
|
departmentId: null, // 科室ID
|
bedNumber: '',
|
address: ''
|
},
|
transferDistance: '',
|
price: ''
|
},
|
vehicles: [],
|
vehicleOptions: [],
|
organizations: [], // 归属机构列表（从后台加载分公司数据）
|
organizationOptions: [], // 归属机构选项（用于picker显示）
|
emergencyTaskTypes: [], // 任务类型列表（从 SQL Server 动态加载）
|
emergencyTaskTypeOptions: [], // 任务类型选项（用于picker显示）
|
documentTypes: [], // 单据类型列表
|
documentTypeOptions: [], // 单据类型选项（用于picker显示）
|
departmentOptions: [], // 科室字典数据
|
loading: false,
|
addressCoordinates: {
|
hospitalOutAddress: null,
|
hospitalInAddress: null
|
}
|
}
|
},
|
computed: {
|
...mapState({
|
currentUser: state => ({
|
userId: state.user.userId,
|
name: state.user.nickName || '张三',
|
nickName: state.user.nickName || '张三',
|
position: '司机',
|
deptId: state.user.deptId || 100,
|
phonenumber: state.user.phonenumber || '',
|
branchCompanyId: state.user.branchCompanyId,
|
branchCompanyName: state.user.branchCompanyName
|
})
|
}),
|
// 计算车辆在picker中的索引，用于默认选中
|
selectedVehicleIndex() {
|
if (!this.selectedVehicle || this.vehicles.length === 0) {
|
return 0
|
}
|
const index = this.vehicles.findIndex(v => v === this.selectedVehicle)
|
return index !== -1 ? index : 0
|
}
|
},
|
onLoad(options) {
|
// 设置默认转运时间为当前时间
|
this.setDefaultTransferTime()
|
|
// 先加载车辆列表，然后加载绑定车辆信息
|
this.getAvailableVehicles().then(() => {
|
this.getUserBoundVehicleInfo()
|
})
|
this.initSelectedStaff()
|
this.loadDeptStaff()
|
// 加载分公司数据（会自动设置默认分公司并加载医院列表）
|
this.loadBranchCompanies()
|
// 加载科室字典数据
|
this.loadDepartments()
|
// 加载任务类型数据
|
this.loadEmergencyTaskTypes()
|
// 加载单据类型数据
|
this.loadDocumentTypes()
|
},
|
methods: {
|
// 获取用户绑定的车辆信息
|
getUserBoundVehicleInfo() {
|
const userId = this.currentUser.userId
|
if (!userId) {
|
console.warn('用户ID不存在，无法获取绑定车辆')
|
return
|
}
|
|
getUserBoundVehicle(userId).then(response => {
|
const boundVehicle = response.data
|
|
if (boundVehicle && boundVehicle.vehicleId) {
|
const boundVehicleNo = boundVehicle.vehicleNo
|
const boundVehicleId = boundVehicle.vehicleId
|
|
console.log('用户绑定的车辆:', boundVehicleNo, 'ID:', boundVehicleId)
|
|
// 在车辆列表中查找绑定的车辆
|
const vehicleIndex = this.vehicleOptions.findIndex(v =>
|
v.id === boundVehicleId || v.name === boundVehicleNo
|
)
|
|
if (vehicleIndex !== -1) {
|
// 设置默认选中的车辆
|
this.selectedVehicle = this.vehicleOptions[vehicleIndex].name
|
this.selectedVehicleId = this.vehicleOptions[vehicleIndex].id
|
console.log('默认选中车辆:', this.selectedVehicle)
|
} else {
|
console.warn('绑定的车辆不在可用车辆列表中')
|
}
|
} else {
|
console.log('用户未绑定车辆')
|
}
|
}).catch(error => {
|
console.error('获取用户绑定车辆信息失败:', error)
|
})
|
},
|
|
getAvailableVehicles() {
|
// 根据用户有权限管理的分公司，查询所有可用车辆
|
return listAvailableVehicles(null, 'EMERGENCY').then(response => {
|
const vehicleList = response.data || []
|
this.vehicleOptions = vehicleList.map(vehicle => ({
|
id: vehicle.vehicleId,
|
name: vehicle.vehicleNo,
|
type: vehicle.vehicleType,
|
status: vehicle.status,
|
deptNames: vehicle.deptNames || [] // 车辆归属的多个分公司
|
}))
|
// 只显示车牌号，不显示分公司
|
this.vehicles = this.vehicleOptions.map(v => v.name)
|
console.log('加载可用车辆数量:', this.vehicles.length)
|
}).catch(error => {
|
console.error('加载车辆列表失败:', error)
|
this.vehicles = []
|
})
|
},
|
|
onVehicleChange(e) {
|
const index = e.detail.value
|
this.selectedVehicle = this.vehicles[index]
|
this.selectedVehicleId = this.vehicleOptions[index]?.id
|
},
|
|
onOrganizationChange(e) {
|
const index = e.detail.value
|
const selected = this.organizationOptions[index]
|
this.selectedOrganization = selected.deptName
|
this.selectedOrganizationId = selected.deptId // 保存部门ID
|
this.selectedOrganizationServiceOrderClass = selected.serviceOrderClass || '' // 保存服务单编码
|
// 从归属机构中提取地域关键词（去除“分公司”后缀）
|
// 例如：“广州分公司” -> “广州”
|
//如果出现广州总公司，也要去除“总公司”后缀
|
this.selectedRegion = this.replaceRegion(selected.deptName);
|
// 重新加载医院列表（带地域过滤）
|
this.loadDefaultHospitals()
|
},
|
replaceRegion(region){
|
return region.replace(/(分公司|总公司|总部)$/g, '').trim();
|
},
|
// 加载分公司数据（parent_id=100的部门）
|
loadBranchCompanies() {
|
listBranchCompany().then(response => {
|
const list = response.data || []
|
// 过滤出 parent_id = 100 的部门（分公司）
|
this.organizationOptions = list.filter(dept => dept.parentId === 100)
|
// 生成picker的数据源（只显示名称）
|
this.organizations = this.organizationOptions.map(dept => dept.deptName)
|
|
// 默认设置为当前用户的分公司
|
if (this.currentUser.branchCompanyName) {
|
const index = this.organizationOptions.findIndex(
|
dept => dept.deptName === this.currentUser.branchCompanyName
|
)
|
if (index !== -1) {
|
this.selectedOrganization = this.currentUser.branchCompanyName
|
this.selectedOrganizationId = this.organizationOptions[index].deptId // 保存部门ID
|
this.selectedOrganizationServiceOrderClass = this.organizationOptions[index].serviceOrderClass || '' // 保存服务单编码
|
// 提取地域关键词
|
this.selectedRegion =this.replaceRegion(this.selectedOrganization);
|
console.log('默认选中归属机构:', this.selectedOrganization, '部门ID:', this.selectedOrganizationId, '服务单编码:', this.selectedOrganizationServiceOrderClass, '地域:', this.selectedRegion)
|
// 加载医院列表（带地域过滤）
|
this.loadDefaultHospitals()
|
}
|
}
|
}).catch(error => {
|
console.error('加载分公司数据失败:', error)
|
this.organizationOptions = []
|
this.organizations = []
|
})
|
},
|
|
// 加载科室数据（从 SQL Server 动态加载）
|
loadDepartments() {
|
getHospitalDepartments().then(response => {
|
const list = response.data || [];
|
this.departmentOptions = list.map(item => ({
|
id: item.vID,
|
text: item.vtext,
|
dictValue: item.vtext // 为了保持兼容性，保留dictValue字段
|
}));
|
// console.log('科室数据加载成功:', this.departmentOptions);
|
}).catch(error => {
|
console.error('加载科室数据失败:', error)
|
this.departmentOptions = []
|
})
|
},
|
|
// 加载任务类型数据（从 SQL Server）
|
loadEmergencyTaskTypes() {
|
getServiceOrderTypes().then(response => {
|
const list = response.data || []
|
this.emergencyTaskTypes = list
|
this.emergencyTaskTypeOptions = list.map(item => ({
|
id: item.vID,
|
text: item.vtext
|
}))
|
|
// 默认选中第一个任务类型
|
if (this.emergencyTaskTypeOptions.length > 0) {
|
this.selectedEmergencyTaskType = this.emergencyTaskTypeOptions[0].text
|
this.selectedEmergencyTaskTypeId = this.emergencyTaskTypeOptions[0].id
|
console.log('默认选中任务类型:', this.selectedEmergencyTaskType)
|
}
|
}).catch(error => {
|
console.error('加载任务类型失败:', error)
|
this.emergencyTaskTypes = []
|
this.emergencyTaskTypeOptions = []
|
})
|
},
|
|
// 任务类型选择
|
onEmergencyTaskTypeChange(e) {
|
const index = e.detail.value
|
const selected = this.emergencyTaskTypeOptions[index]
|
this.selectedEmergencyTaskType = selected.text
|
this.selectedEmergencyTaskTypeId = selected.id
|
},
|
getUserTypeName(staffType){
|
switch(staffType){
|
case "nurse":
|
return "护士";
|
case "doctor":
|
return "医生";
|
case "driver":
|
return "司机";
|
default:
|
return "司机";
|
}
|
},
|
|
// 加载单据类型数据
|
loadDocumentTypes() {
|
getServiceOrdAreaTypes().then(response => {
|
const list = response.data || []
|
this.documentTypes = list
|
this.documentTypeOptions = list.map(item => ({
|
id: item.vID,
|
text: item.vtext
|
}))
|
|
// 默认选中第一个单据类型
|
if (this.documentTypeOptions.length > 0) {
|
this.selectedDocumentType = this.documentTypeOptions[0].text
|
this.selectedDocumentTypeId = this.documentTypeOptions[0].id
|
console.log('默认选中单据类型:', this.selectedDocumentType)
|
}
|
}).catch(error => {
|
console.error('加载单据类型失败:', error)
|
this.documentTypes = []
|
this.documentTypeOptions = []
|
})
|
},
|
|
// 单据类型选择
|
onDocumentTypeChange(e) {
|
const index = e.detail.value
|
const selected = this.documentTypeOptions[index]
|
this.selectedDocumentType = selected.text
|
this.selectedDocumentTypeId = selected.id
|
},
|
|
// 转出医院科室选择
|
onHospitalOutDepartmentChange(e) {
|
const index = e.detail.value
|
const selected = this.departmentOptions[index]
|
this.taskForm.hospitalOut.department = selected.text // 保存科室名称
|
this.taskForm.hospitalOut.departmentId = selected.id // 保存科室ID
|
},
|
|
// 转入医院科室选择
|
onHospitalInDepartmentChange(e) {
|
const index = e.detail.value
|
const selected = this.departmentOptions[index]
|
this.taskForm.hospitalIn.department = selected.text // 保存科室名称
|
this.taskForm.hospitalIn.departmentId = selected.id // 保存科室ID
|
},
|
|
// 加载默认医院列表（常用医院）
|
loadDefaultHospitals() {
|
// 检查是否有归属机构ID
|
if (!this.selectedOrganizationId) {
|
console.warn('未选择归属机构，无法加载医院列表')
|
return
|
}
|
|
// 转出医院：根据归属机构的区域配置加载
|
this.loadHospitalsByDeptRegion('out')
|
|
// 转入医院：根据归属机构的区域配置加载
|
this.loadHospitalsByDeptRegion('in')
|
},
|
|
// 降级加载医院（按地域过滤）
|
loadDefaultHospitalsByRegion() {
|
// 转出医院：只加载当前区域的医院（带地域过滤）
|
searchHospitals('', this.selectedRegion).then(response => {
|
this.hospitalOutResults = response.data || []
|
console.log('加载转出医院（当前区域）:', this.selectedRegion, '数量:', this.hospitalOutResults.length)
|
}).catch(error => {
|
console.error('加载转出医院列表失败:', error)
|
this.hospitalOutResults = []
|
})
|
|
// 转入医院：加载所有医院（不带地域过滤，后续会按地域排序）
|
searchHospitals('', '').then(response => {
|
const allHospitals = response.data || []
|
// 将医院按地域排序：本地区域优先
|
this.hospitalInResults = this.sortHospitalsByRegion(allHospitals)
|
console.log('加载转入医院（全部区域）:', '数量:', this.hospitalInResults.length)
|
}).catch(error => {
|
console.error('加载转入医院列表失败:', error)
|
this.hospitalInResults = []
|
})
|
},
|
|
// 根据部门区域配置加载医院
|
loadHospitalsByDeptRegion(type) {
|
const deptId = this.selectedOrganizationId
|
if (!deptId) {
|
console.warn('部门ID不存在')
|
return
|
}
|
|
// 调用后端接口，根据部门的区域配置查询医院
|
searchHospitalsByDeptRegion('', deptId).then(response => {
|
const hospitals = response.data || []
|
|
if (type === 'out') {
|
this.hospitalOutResults = hospitals
|
console.log('加载转出医院（区域配置）：部门', deptId, '数量:', this.hospitalOutResults.length)
|
} else if (type === 'in') {
|
// 转入医院按地域排序
|
this.hospitalInResults = this.sortHospitalsByRegion(hospitals)
|
console.log('加载转入医院（区域配置）：部门', deptId, '数量:', this.hospitalInResults.length)
|
}
|
}).catch(error => {
|
console.error('加载医院失败（区域配置）:', error)
|
// 失败后降级为普通搜索
|
this.loadDefaultHospitalsByRegion()
|
})
|
},
|
|
// 按地域排序医院：本地区域优先，"家中"始终在最前面
|
sortHospitalsByRegion(hospitals) {
|
if (!hospitals || hospitals.length === 0) {
|
return hospitals
|
}
|
|
const region = this.selectedRegion
|
const homeHospital = [] // "家中"
|
const localHospitals = [] // 本地医院
|
const otherHospitals = [] // 其他医院
|
|
hospitals.forEach(hospital => {
|
// "家中"优先处理，放在最前面
|
if (hospital.hospName === '家中') {
|
homeHospital.push(hospital)
|
return
|
}
|
|
// 判断医院是否在本地区域（省、市、区任一包含地域关键词）
|
const isLocal = region && (
|
(hospital.hopsProvince && hospital.hopsProvince.includes(region)) ||
|
(hospital.hopsCity && hospital.hopsCity.includes(region)) ||
|
(hospital.hopsArea && hospital.hopsArea.includes(region))
|
)
|
|
if (isLocal) {
|
localHospitals.push(hospital)
|
} else {
|
otherHospitals.push(hospital)
|
}
|
})
|
|
// "家中"在最前，本地医院其次，其他医院在后
|
return [...homeHospital, ...localHospitals, ...otherHospitals]
|
},
|
|
// 转出医院输入框获得焦点
|
onHospitalOutFocus() {
|
// 如果没有搜索关键词，显示常用转出医院
|
if (!this.hospitalOutSearchKeyword || this.hospitalOutSearchKeyword.trim() === '') {
|
// 如果已经加载过常用医院，直接显示
|
if (this.hospitalOutResults.length > 0) {
|
this.showHospitalOutResults = true
|
return
|
}
|
|
// 否则重新加载常用医院
|
if (this.selectedOrganizationServiceOrderClass) {
|
getFrequentOutHospitals(this.selectedOrganizationServiceOrderClass, this.selectedRegion).then(response => {
|
const hospitals = response.data || []
|
// 确保"家中"在最前面
|
this.hospitalOutResults = this.sortHospitalsByRegion(hospitals)
|
// 如果没有常用医院，降级为普通搜索
|
if (this.hospitalOutResults.length === 0) {
|
searchHospitals('', this.selectedOrganizationId).then(res => {
|
const hospitals = res.data || []
|
this.hospitalOutResults = this.sortHospitalsByRegion(hospitals)
|
})
|
}
|
}).catch(error => {
|
console.error('加载常用转出医院失败:', error)
|
searchHospitals('', this.selectedOrganizationId).then(res => {
|
const hospitals = res.data || []
|
this.hospitalOutResults = this.sortHospitalsByRegion(hospitals)
|
})
|
})
|
} else {
|
// 没有服务单编码，使用普通搜索
|
searchHospitals('', this.selectedOrganizationId).then(response => {
|
const hospitals = response.data || []
|
this.hospitalOutResults = this.sortHospitalsByRegion(hospitals)
|
}).catch(error => {
|
console.error('加载转出医院失败:', error)
|
this.hospitalOutResults = []
|
})
|
}
|
}
|
this.showHospitalOutResults = true
|
},
|
|
// 转出医院搜索
|
onHospitalOutSearch(e) {
|
const keyword = e.detail.value
|
this.hospitalOutSearchKeyword = keyword
|
|
// 防抖处理
|
if (this.searchTimer) {
|
clearTimeout(this.searchTimer)
|
}
|
|
// 如果关键词为空，显示当前区域的医院
|
if (!keyword || keyword.trim() === '') {
|
searchHospitals('', this.selectedOrganizationId).then(response => {
|
const hospitals = response.data || []
|
// 确保"家中"在最前面
|
this.hospitalOutResults = this.sortHospitalsByRegion(hospitals)
|
}).catch(error => {
|
console.error('加载转出医院失败:', error)
|
this.hospitalOutResults = []
|
})
|
this.showHospitalOutResults = true
|
return
|
}
|
|
// 有关键词时，去服务端搜索（仅限当前区域）
|
this.searchTimer = setTimeout(() => {
|
this.searchHospitalOut(keyword)
|
}, 300)
|
},
|
|
// 搜索转出医院（仅限当前区域）
|
searchHospitalOut(keyword) {
|
// 传入关键词和部门ID，只搜索当前区域的医院
|
searchHospitals(keyword, this.selectedOrganizationId).then(response => {
|
const hospitals = response.data || []
|
// 确保"家中"在最前面
|
this.hospitalOutResults = this.sortHospitalsByRegion(hospitals)
|
this.showHospitalOutResults = true
|
console.log('搜索转出医院:', keyword, '部门ID:', this.selectedOrganizationId, '结果数:', this.hospitalOutResults.length)
|
}).catch(error => {
|
console.error('搜索转出医院失败:', error)
|
this.hospitalOutResults = []
|
})
|
},
|
|
// 选择转出医院
|
selectHospitalOut(hospital) {
|
this.taskForm.hospitalOut.id = hospital.hospId // 保存医院ID
|
this.taskForm.hospitalOut.name = hospital.hospName
|
// 如果选择的是"家中"，清空地址让用户手动输入；否则自动填充地址
|
if (hospital.hospName === '家中') {
|
this.taskForm.hospitalOut.address = ''
|
// 科室自动设置为"其它"
|
this.taskForm.hospitalOut.department = '其它'
|
this.taskForm.hospitalOut.departmentId = null
|
} else {
|
// 合并省市区 + 详细地址
|
const fullAddress = this.buildFullAddress(hospital)
|
this.taskForm.hospitalOut.address = fullAddress
|
// 清空科室，让用户重新选择
|
if (this.taskForm.hospitalOut.department === '其它') {
|
this.taskForm.hospitalOut.department = ''
|
this.taskForm.hospitalOut.departmentId = null
|
}
|
}
|
this.hospitalOutSearchKeyword = hospital.hospName
|
this.showHospitalOutResults = false
|
this.hospitalOutResults = []
|
|
// 保存转出医院的城市信息
|
this.taskForm.hospitalOut.city = hospital.hopsCity || ''
|
|
// 如果转入地址已填写,自动计算距离
|
if (this.taskForm.hospitalIn.address) {
|
// 如果两个都不是"家中",使用医院距离计算
|
if (hospital.hospName !== '家中' && this.taskForm.hospitalIn.name !== '家中') {
|
this.calculateHospitalDistance()
|
} else {
|
// 有一个是"家中",使用地址计算
|
this.calculateDistanceByManualAddress()
|
}
|
}
|
},
|
|
// 转入医院输入框获得焦点
|
onHospitalInFocus() {
|
// 如果没有搜索关键词，显示常用转入医院
|
if (!this.hospitalInSearchKeyword || this.hospitalInSearchKeyword.trim() === '') {
|
// 如果已经加载过常用医院，直接显示
|
if (this.hospitalInResults.length > 0) {
|
this.showHospitalInResults = true
|
return
|
}
|
|
// 否则重新加载常用医院
|
if (this.selectedOrganizationServiceOrderClass) {
|
getFrequentInHospitals(this.selectedOrganizationServiceOrderClass, '').then(response => {
|
const allHospitals = response.data || []
|
// 按地域排序：本地区域优先
|
this.hospitalInResults = this.sortHospitalsByRegion(allHospitals)
|
// 如果没有常用医院，降级为普通搜索
|
if (this.hospitalInResults.length === 0) {
|
searchHospitals('', null).then(res => {
|
const allHospitals = res.data || []
|
this.hospitalInResults = this.sortHospitalsByRegion(allHospitals)
|
})
|
}
|
}).catch(error => {
|
console.error('加载常用转入医院失败:', error)
|
searchHospitals('', null).then(res => {
|
const allHospitals = res.data || []
|
this.hospitalInResults = this.sortHospitalsByRegion(allHospitals)
|
})
|
})
|
} else {
|
// 没有服务单编码，使用普通搜索
|
searchHospitals('', null).then(response => {
|
const allHospitals = response.data || []
|
// 按地域排序：本地区域优先
|
this.hospitalInResults = this.sortHospitalsByRegion(allHospitals)
|
}).catch(error => {
|
console.error('加载转入医院失败:', error)
|
this.hospitalInResults = []
|
})
|
}
|
}
|
this.showHospitalInResults = true
|
},
|
|
// 转入医院搜索
|
onHospitalInSearch(e) {
|
const keyword = e.detail.value
|
this.hospitalInSearchKeyword = keyword
|
|
// 防抖处理
|
if (this.searchTimer) {
|
clearTimeout(this.searchTimer)
|
}
|
|
// 如果关键词为空，显示所有医院（本地区域优先）
|
if (!keyword || keyword.trim() === '') {
|
searchHospitals('', null).then(response => {
|
const allHospitals = response.data || []
|
// 按地域排序："家中"最前，本地区域优先
|
this.hospitalInResults = this.sortHospitalsByRegion(allHospitals)
|
}).catch(error => {
|
console.error('加载转入医院失败:', error)
|
this.hospitalInResults = []
|
})
|
this.showHospitalInResults = true
|
return
|
}
|
|
// 有关键词时，去服务端搜索（不限区域，但结果按地域排序）
|
this.searchTimer = setTimeout(() => {
|
this.searchHospitalIn(keyword)
|
}, 300)
|
},
|
|
// 搜索转入医院（不限区域，但本地区域优先）
|
searchHospitalIn(keyword) {
|
// 传入关键词，不传部门ID（搜索所有区域）
|
searchHospitals(keyword, null).then(response => {
|
const allHospitals = response.data || []
|
// 按地域排序："家中"最前，本地区域优先
|
this.hospitalInResults = this.sortHospitalsByRegion(allHospitals)
|
this.showHospitalInResults = true
|
console.log('搜索转入医院:', keyword, '结果数:', this.hospitalInResults.length)
|
}).catch(error => {
|
console.error('搜索转入医院失败:', error)
|
this.hospitalInResults = []
|
})
|
},
|
|
// 选择转入医院
|
selectHospitalIn(hospital) {
|
this.taskForm.hospitalIn.id = hospital.hospId // 保存医院ID
|
this.taskForm.hospitalIn.name = hospital.hospName
|
// 如果选择的是"家中"，清空地址让用户手动输入；否则自动填充地址
|
if (hospital.hospName === '家中') {
|
this.taskForm.hospitalIn.address = ''
|
// 科室自动设置为"其它"
|
this.taskForm.hospitalIn.department = '其它'
|
this.taskForm.hospitalIn.departmentId = null
|
} else {
|
// 合并省市区 + 详细地址
|
const fullAddress = this.buildFullAddress(hospital)
|
this.taskForm.hospitalIn.address = fullAddress
|
// 清空科室，让用户重新选择
|
if (this.taskForm.hospitalIn.department === '其它') {
|
this.taskForm.hospitalIn.department = ''
|
this.taskForm.hospitalIn.departmentId = null
|
}
|
}
|
this.hospitalInSearchKeyword = hospital.hospName
|
this.showHospitalInResults = false
|
this.hospitalInResults = []
|
|
// 保存转入医院的城市信息
|
this.taskForm.hospitalIn.city = hospital.hopsCity || ''
|
|
// 如果转出地址已填写,自动计算距离
|
if (this.taskForm.hospitalOut.address) {
|
// 如果两个都不是"家中",使用医院距离计算
|
if (hospital.hospName !== '家中' && this.taskForm.hospitalOut.name !== '家中') {
|
this.calculateHospitalDistance()
|
} else {
|
// 有一个是"家中",使用地址计算
|
this.calculateDistanceByManualAddress()
|
}
|
}
|
},
|
|
// 初始化选中的人员（默认包含当前用户）
|
initSelectedStaff() {
|
// 构建当前用户对象，包含完整的角色信息
|
const currentUserStaff = {
|
userId: this.currentUser.userId,
|
nickName: this.currentUser.nickName,
|
phonenumber: this.currentUser.phonenumber,
|
postName: this.currentUser.position,
|
deptId: this.currentUser.deptId,
|
posts: this.currentUser.posts || [],
|
roles: this.currentUser.roles || [],
|
dept: this.currentUser.dept || null
|
}
|
|
// 为当前用户设置角色类型
|
currentUserStaff.type = this.getUserType(currentUserStaff)
|
|
this.selectedStaff = [currentUserStaff]
|
},
|
|
// 加载当前用户所在分公司的所有人员
|
loadDeptStaff() {
|
console.log('开始加载人员列表')
|
|
// 调用新接口，自动根据当前用户的oaOrderClass获取分公司下的用户
|
listBranchUsers().then(response => {
|
console.log('人员列表API响应:', response)
|
const userList = response.data || []
|
console.log('解析出的用户列表:', userList, '数量:', userList.length)
|
|
this.allStaffList = userList.map(user => ({
|
userId: user.userId,
|
nickName: user.nickName,
|
phonenumber: user.phonenumber,
|
deptName: user.dept?.deptName || '',
|
postName: user.posts && user.posts.length > 0 ? user.posts[0].postName : '',
|
roleName: user.roles && user.roles.length > 0 ? user.roles[0].roleName : '',
|
// 根据岗位名称或角色名称判断类型
|
type: this.getUserType(user)
|
}))
|
|
console.log('处理后的人员列表:', this.allStaffList, '数量:', this.allStaffList.length)
|
|
// 初始化过滤列表
|
this.filterStaffList()
|
}).catch(error => {
|
console.error('加载人员列表失败:', error)
|
this.$modal.showToast('加载人员列表失败')
|
})
|
},
|
|
// 根据用户的岗位或角色判断类型
|
getUserType(user) {
|
const postName = user.posts && user.posts.length > 0 ? user.posts[0].postName : ''
|
const roleName = user.roles && user.roles.length > 0 ? user.roles[0].roleName : ''
|
const deptName = user.dept?.deptName || ''
|
// console.log("获取用户类型:", postName, roleName,user)
|
// 判断是否为司机
|
if (postName.includes('司机') || roleName.includes('司机') || deptName.includes('车队') || deptName.includes('司机')) {
|
return 'driver'
|
}
|
// 判断是否为护士
|
if (postName.includes('护士') || roleName.includes('护士') || deptName.includes('护士')) {
|
return 'nurse'
|
}
|
// 判断是否为医生
|
if (postName.includes('医生') || roleName.includes('医生') || deptName.includes('医生') ) {
|
return 'doctor'
|
}
|
if( deptName.includes("医护")){
|
return 'doctor'
|
}
|
|
// 其他类型，默认为司机
|
return 'driver'
|
},
|
|
// 显示人员选择弹窗
|
showStaffSelector() {
|
this.$refs.staffPopup.open()
|
this.filterStaffList()
|
},
|
|
// 关闭人员选择弹窗
|
closeStaffSelector() {
|
this.$refs.staffPopup.close()
|
this.staffSearchKeyword = ''
|
this.staffFilterType = 'driver' // 重置为默认的司机类型
|
},
|
|
// 人员搜索
|
onStaffSearch(e) {
|
this.staffSearchKeyword = e.detail.value
|
this.filterStaffList()
|
},
|
|
// 筛选人员类型
|
filterStaff(type) {
|
this.staffFilterType = type
|
this.filterStaffList()
|
},
|
|
// 过滤人员列表
|
filterStaffList() {
|
console.log('开始过滤人员列表，原始数量:', this.allStaffList.length)
|
let list = [...this.allStaffList]
|
|
// 按类型过滤
|
if (this.staffFilterType === 'driver') {
|
list = list.filter(staff => staff.type === 'driver')
|
} else if (this.staffFilterType === 'doctor') {
|
list = list.filter(staff => staff.type === 'doctor')
|
} else if (this.staffFilterType === 'nurse') {
|
list = list.filter(staff => staff.type === 'nurse')
|
}
|
|
console.log('按类型过滤后:', this.staffFilterType, '数量:', list.length)
|
|
// 按关键词搜索
|
if (this.staffSearchKeyword && this.staffSearchKeyword.trim() !== '') {
|
const keyword = this.staffSearchKeyword.trim().toLowerCase()
|
list = list.filter(staff => {
|
return staff.nickName.toLowerCase().includes(keyword) ||
|
(staff.phonenumber && staff.phonenumber.includes(keyword))
|
})
|
}
|
|
console.log('按关键词过滤后，数量:', list.length)
|
|
this.filteredStaffList = list
|
console.log('最终过滤结果:', this.filteredStaffList)
|
},
|
|
// 切换人员选中状态
|
toggleStaffSelection(staff) {
|
const index = this.selectedStaff.findIndex(s => s.userId === staff.userId)
|
|
if (index > -1) {
|
// 如果是第一个（当前用户），不允许移除
|
if (index === 0) {
|
this.$modal.showToast('当前用户不能移除')
|
return
|
}
|
// 已选中，移除
|
this.selectedStaff.splice(index, 1)
|
} else {
|
// 未选中，添加
|
this.selectedStaff.push(staff)
|
}
|
},
|
|
// 判断人员是否已选中
|
isStaffSelected(userId) {
|
return this.selectedStaff.some(staff => staff.userId === userId)
|
},
|
|
// 确认人员选择
|
confirmStaffSelection() {
|
if (this.selectedStaff.length === 0) {
|
this.$modal.showToast('请至少选择一名人员')
|
return
|
}
|
this.closeStaffSelector()
|
},
|
|
// 移除人员
|
removeStaff(index) {
|
if (index === 0) {
|
this.$modal.showToast('当前用户不能移除')
|
return
|
}
|
this.selectedStaff.splice(index, 1)
|
},
|
|
addStaff() {
|
this.showStaffSelector()
|
},
|
|
// ==================== 地址输入联想相关方法 ====================
|
|
// 转出地址输入监听
|
onAddressOutInput(e) {
|
const query = e.detail.value
|
this.taskForm.hospitalOut.address = query
|
|
// 防抖处理
|
if (this.addressSearchTimer) {
|
clearTimeout(this.addressSearchTimer)
|
}
|
|
// 如果输入为空，隐藏提示列表
|
if (!query || query.trim() === '') {
|
this.showAddressOutSuggestions = false
|
this.addressOutSuggestions = []
|
return
|
}
|
|
// 输入长度大于2才开始搜索
|
if (query.trim().length < 2) {
|
this.showAddressOutSuggestions = false
|
return
|
}
|
|
// 延迟300ms搜索
|
this.addressSearchTimer = setTimeout(() => {
|
this.searchAddressOut(query)
|
}, 300)
|
},
|
|
// 转出地址输入框获得焦点
|
onAddressOutFocus() {
|
// 如果有地址且有搜索结果，显示提示列表
|
if (this.taskForm.hospitalOut.address && this.addressOutSuggestions.length > 0) {
|
this.showAddressOutSuggestions = true
|
}
|
},
|
|
// 搜索转出地址
|
searchAddressOut(query) {
|
// 获取当前区域（优先使用归属机构的区域）
|
const region = this.selectedRegion || '广州'
|
|
baiduPlaceSuggestion(query, region).then(response => {
|
if (response.code === 200 && response.data) {
|
this.addressOutSuggestions = response.data
|
this.showAddressOutSuggestions = true
|
} else {
|
this.addressOutSuggestions = []
|
this.showAddressOutSuggestions = false
|
}
|
}).catch(error => {
|
console.error('搜索转出地址失败:', error)
|
this.addressOutSuggestions = []
|
this.showAddressOutSuggestions = false
|
})
|
},
|
|
// 选择转出地址
|
selectAddressOut(item) {
|
// 填充完整地址
|
const fullAddress = item.district + item.address
|
this.taskForm.hospitalOut.address = fullAddress
|
|
// 保存经纬度（如果有）
|
if (item.location) {
|
this.taskForm.hospitalOut.latitude = item.location.lat
|
this.taskForm.hospitalOut.longitude = item.location.lng
|
}
|
|
// 隐藏提示列表
|
this.showAddressOutSuggestions = false
|
this.addressOutSuggestions = []
|
|
// 如果转入地址也已填写,自动计算距离
|
if (this.taskForm.hospitalIn.address) {
|
this.calculateDistanceByManualAddress()
|
}
|
},
|
|
// 转入地址输入监听
|
onAddressInInput(e) {
|
const query = e.detail.value
|
this.taskForm.hospitalIn.address = query
|
|
// 防抖处理
|
if (this.addressSearchTimer) {
|
clearTimeout(this.addressSearchTimer)
|
}
|
|
// 如果输入为空，隐藏提示列表
|
if (!query || query.trim() === '') {
|
this.showAddressInSuggestions = false
|
this.addressInSuggestions = []
|
return
|
}
|
|
// 输入长度大于2才开始搜索
|
if (query.trim().length < 2) {
|
this.showAddressInSuggestions = false
|
return
|
}
|
|
// 延迟300ms搜索
|
this.addressSearchTimer = setTimeout(() => {
|
this.searchAddressIn(query)
|
}, 300)
|
},
|
|
// 转入地址输入框获得焦点
|
onAddressInFocus() {
|
// 如果有地址且有搜索结果，显示提示列表
|
if (this.taskForm.hospitalIn.address && this.addressInSuggestions.length > 0) {
|
this.showAddressInSuggestions = true
|
}
|
},
|
|
// 搜索转入地址
|
searchAddressIn(query) {
|
// 获取当前区域（优先使用归属机构的区域）
|
const region = this.selectedRegion || '广州'
|
|
baiduPlaceSuggestion(query, region).then(response => {
|
if (response.code === 200 && response.data) {
|
this.addressInSuggestions = response.data
|
this.showAddressInSuggestions = true
|
} else {
|
this.addressInSuggestions = []
|
this.showAddressInSuggestions = false
|
}
|
}).catch(error => {
|
console.error('搜索转入地址失败:', error)
|
this.addressInSuggestions = []
|
this.showAddressInSuggestions = false
|
})
|
},
|
|
// 选择转入地址
|
selectAddressIn(item) {
|
// 填充完整地址
|
const fullAddress = item.district + item.address
|
this.taskForm.hospitalIn.address = fullAddress
|
|
// 保存经纬度（如果有）
|
if (item.location) {
|
this.taskForm.hospitalIn.latitude = item.location.lat
|
this.taskForm.hospitalIn.longitude = item.location.lng
|
}
|
|
// 隐藏提示列表
|
this.showAddressInSuggestions = false
|
this.addressInSuggestions = []
|
|
// 如果转出地址也已填写,自动计算距离
|
if (this.taskForm.hospitalOut.address) {
|
this.calculateDistanceByManualAddress()
|
}
|
},
|
|
// 手动输入地址时计算距离
|
calculateDistanceByManualAddress() {
|
const fromAddress = this.taskForm.hospitalOut.address
|
const toAddress = this.taskForm.hospitalIn.address
|
|
if (!fromAddress || !toAddress) {
|
return
|
}
|
|
console.log('计算手动输入地址距离:', fromAddress, '->', toAddress)
|
|
// 显示加载提示
|
uni.showLoading({
|
title: '计算距离中...'
|
})
|
|
// 调用百度地图API计算距离
|
const region = this.selectedRegion || '广州'
|
baiduDistanceByAddress(fromAddress, region, toAddress, region)
|
.then(response => {
|
uni.hideLoading()
|
|
if (response.code === 200 && response.data) {
|
const distanceInMeters = response.data.distance
|
// 转换为公里，保疙1位小数
|
const distanceInKm = (distanceInMeters / 1000).toFixed(1)
|
this.taskForm.transferDistance = distanceInKm
|
|
console.log('距离计算成功:', distanceInKm, 'km')
|
this.$modal.showToast(`距离: ${distanceInKm}公里`)
|
} else {
|
console.error('距离计算失败:', response.msg)
|
this.$modal.showToast('距离计算失败,请手动输入')
|
}
|
})
|
.catch(error => {
|
uni.hideLoading()
|
console.error('距离计算失败:', error)
|
this.$modal.showToast('距离计算失败,请手动输入')
|
})
|
},
|
|
// ==================== 病情选择相关方法 ====================
|
|
// 显示病情选择弹窗
|
showDiseaseSelector() {
|
// 初始化临时选择列表（复制当前已选择的病情）
|
this.tempSelectedDiseases = [...this.selectedDiseases]
|
this.diseaseSearchKeyword = ''
|
// 默认加载所有病情
|
this.loadAllDiseases()
|
this.$refs.diseasePopup.open()
|
},
|
|
// 关闭病情选择弹窗
|
closeDiseaseSelector() {
|
this.$refs.diseasePopup.close()
|
this.diseaseSearchKeyword = ''
|
this.diseaseSearchResults = []
|
this.tempSelectedDiseases = []
|
},
|
|
// 病情搜索
|
onDiseaseSearch(e) {
|
const keyword = e.detail.value
|
this.diseaseSearchKeyword = keyword
|
|
// 防抖处理
|
if (this.diseaseSearchTimer) {
|
clearTimeout(this.diseaseSearchTimer)
|
}
|
|
// 如果关键词为空，加载所有病情
|
if (!keyword || keyword.trim() === '') {
|
this.loadAllDiseases()
|
return
|
}
|
|
// 有关键词时进行搜索
|
this.diseaseSearchTimer = setTimeout(() => {
|
this.searchDiseaseByKeyword(keyword)
|
}, 300)
|
},
|
|
// 加载所有病情（默认显示）
|
loadAllDiseases() {
|
// 使用空字符串或特殊标识符来获取所有病情
|
// 如果后端不支持空查询，可以传入一个通配符如'%'或者修改后端接口
|
searchIcd10('').then(response => {
|
this.diseaseSearchResults = response.data || []
|
}).catch(error => {
|
console.error('加载病情列表失败:', error)
|
this.diseaseSearchResults = []
|
})
|
},
|
|
// 根据关键词搜索病情
|
searchDiseaseByKeyword(keyword) {
|
searchIcd10(keyword).then(response => {
|
this.diseaseSearchResults = response.data || []
|
}).catch(error => {
|
console.error('搜索病情失败:', error)
|
this.diseaseSearchResults = []
|
})
|
},
|
|
// 切换病情选中状态
|
toggleDiseaseSelection(disease) {
|
const index = this.tempSelectedDiseases.findIndex(d => d.id === disease.id)
|
|
if (index > -1) {
|
// 已选中，移除
|
this.tempSelectedDiseases.splice(index, 1)
|
} else {
|
// 未选中，添加
|
this.tempSelectedDiseases.push({
|
id: disease.id,
|
icdCode: disease.icdCode,
|
icdName: disease.icdName,
|
sm: disease.sm
|
})
|
}
|
},
|
|
// 判断病情是否已选中
|
isDiseaseSelected(diseaseId) {
|
return this.tempSelectedDiseases.some(d => d.id === diseaseId)
|
},
|
|
// 确认病情选择
|
confirmDiseaseSelection() {
|
// 将临时选择的病情复制到正式列表
|
this.selectedDiseases = [...this.tempSelectedDiseases]
|
this.closeDiseaseSelector()
|
},
|
|
// 移除病情
|
removeDisease(index) {
|
this.selectedDiseases.splice(index, 1)
|
},
|
|
// 设置默认转运时间为当前时间
|
setDefaultTransferTime() {
|
const now = new Date()
|
const year = now.getFullYear()
|
const month = String(now.getMonth() + 1).padStart(2, '0')
|
const day = String(now.getDate()).padStart(2, '0')
|
const hours = String(now.getHours()).padStart(2, '0')
|
const minutes = String(now.getMinutes()).padStart(2, '0')
|
const seconds = String(now.getSeconds()).padStart(2, '0')
|
|
// 格式化为 YYYY-MM-DD HH:mm:ss
|
this.taskForm.transferTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
|
},
|
|
validateForm() {
|
if (!this.selectedVehicleId) {
|
this.$modal.showToast('请选择任务车辆')
|
return false
|
}
|
|
if (!this.selectedOrganizationId) {
|
this.$modal.showToast('请选择归属机构')
|
return false
|
}
|
|
if (!this.selectedEmergencyTaskType) {
|
this.$modal.showToast('请选择任务类型')
|
return false
|
}
|
|
if (!this.selectedDocumentType) {
|
this.$modal.showToast('请选择单据类型')
|
return false
|
}
|
|
if (!this.taskForm.transferTime) {
|
this.$modal.showToast('请选择转运时间')
|
return false
|
}
|
|
if (!this.taskForm.patient.contact) {
|
this.$modal.showToast('请输入联系人')
|
return false
|
}
|
|
if (!this.taskForm.patient.name) {
|
this.$modal.showToast('请输入患者姓名')
|
return false
|
}
|
|
if (!this.taskForm.patient.phone) {
|
this.$modal.showToast('请输入患者联系电话')
|
return false
|
}
|
|
if (!this.taskForm.hospitalOut.name) {
|
this.$modal.showToast('请输入转出医院名称')
|
return false
|
}
|
|
if (!this.taskForm.hospitalOut.department) {
|
this.$modal.showToast('请选择转出医院科室')
|
return false
|
}
|
|
if (!this.taskForm.hospitalIn.name) {
|
this.$modal.showToast('请输入转入医院名称')
|
return false
|
}
|
|
if (!this.taskForm.hospitalIn.department) {
|
this.$modal.showToast('请选择转入医院科室')
|
return false
|
}
|
|
if (!this.taskForm.transferDistance) {
|
this.$modal.showToast('请输入转运公里数')
|
return false
|
}
|
|
if (!this.taskForm.price) {
|
this.$modal.showToast('请输入成交价')
|
return false
|
}
|
|
return true
|
},
|
|
buildSubmitData() {
|
// 合并病情信息：选中的ICD-10疾病 + 其他描述
|
let conditionText = ''
|
if (this.selectedDiseases.length > 0) {
|
const diseaseNames = this.selectedDiseases.map(d => `${d.icdName}(${d.icdCode})`).join('、')
|
conditionText = diseaseNames
|
}
|
if (this.taskForm.patient.condition && this.taskForm.patient.condition.trim()) {
|
if (conditionText) {
|
conditionText += '\n其他：' + this.taskForm.patient.condition
|
} else {
|
conditionText = this.taskForm.patient.condition
|
}
|
}
|
|
const submitData = {
|
taskType: 'EMERGENCY_TRANSFER',
|
deptId: this.selectedOrganizationId, // 归属机构ID（部门ID）
|
vehicleIds: this.selectedVehicleId ? [this.selectedVehicleId] : [],
|
assigneeIds: this.selectedStaff.map(staff => staff.userId), // 执行人员ID列表
|
assigneeId: this.selectedStaff.length > 0 ? this.selectedStaff[0].userId : null, // 主要执行人
|
// 执行人员详细信息（包含角色类型）
|
assignees: this.selectedStaff.map(staff => ({
|
userId: staff.userId,
|
userName: staff.nickName,
|
userType: staff.type // driver/doctor/nurse
|
})),
|
transferTime: this.taskForm.transferTime, // 转运时间
|
plannedStartTime: this.taskForm.transferTime, // 计划开始时间
|
documentTypeId: this.selectedDocumentTypeId, // 单据类型ID
|
taskTypeId: this.selectedEmergencyTaskTypeId, // 任务类型ID
|
// 病情ID列表（用于同步调度单的OrdICD_ID参数）
|
diseaseIds: this.selectedDiseases.map(d => d.id),
|
// 将转出医院地址作为出发地，转入医院地址作为目的地
|
departureAddress: this.taskForm.hospitalOut.address || '',
|
destinationAddress: this.taskForm.hospitalIn.address || '',
|
patient: {
|
...this.taskForm.patient,
|
condition: conditionText, // 使用合并后的病情信息
|
diseases: this.selectedDiseases.map(d => ({
|
icdId: d.id,
|
icdCode: d.icdCode,
|
icdName: d.icdName
|
}))
|
},
|
// 医院信息（包含医院ID、科室名称、科室ID等完整信息）
|
hospitalOut: this.taskForm.hospitalOut, // 包含: id, name, department, departmentId, bedNumber, address
|
hospitalIn: this.taskForm.hospitalIn, // 包含: id, name, department, departmentId, bedNumber, address
|
transferDistance: this.taskForm.transferDistance ? parseFloat(this.taskForm.transferDistance) : null,
|
price: this.taskForm.price ? parseFloat(this.taskForm.price) : null
|
}
|
|
if (this.addressCoordinates.hospitalOutAddress) {
|
// 转出医院GPS坐标写入扩展表
|
if (!submitData.hospitalOut) submitData.hospitalOut = {}
|
submitData.hospitalOut.longitude = this.addressCoordinates.hospitalOutAddress.lng
|
submitData.hospitalOut.latitude = this.addressCoordinates.hospitalOutAddress.lat
|
|
// 同时写入主任务表的出发地经纬度
|
submitData.departureLongitude = this.addressCoordinates.hospitalOutAddress.lng
|
submitData.departureLatitude = this.addressCoordinates.hospitalOutAddress.lat
|
}
|
|
if (this.addressCoordinates.hospitalInAddress) {
|
// 转入医院GPS坐标写入扩展表
|
if (!submitData.hospitalIn) submitData.hospitalIn = {}
|
submitData.hospitalIn.longitude = this.addressCoordinates.hospitalInAddress.lng
|
submitData.hospitalIn.latitude = this.addressCoordinates.hospitalInAddress.lat
|
|
// 同时写入主任务表的目的地经纬度
|
submitData.destinationLongitude = this.addressCoordinates.hospitalInAddress.lng
|
submitData.destinationLatitude = this.addressCoordinates.hospitalInAddress.lat
|
}
|
|
return submitData
|
},
|
|
submitTask() {
|
if (!this.validateForm()) {
|
return
|
}
|
|
this.$modal.confirm('确定要保存任务吗？').then(() => {
|
this.loading = true
|
const submitData = this.buildSubmitData()
|
|
addTask(submitData).then(response => {
|
this.loading = false
|
this.$modal.showToast('任务创建成功')
|
|
// 延迟跳转，让用户看到成功提示
|
setTimeout(() => {
|
// 跳转到任务列表并触发刷新
|
uni.switchTab({
|
url: '/pages/task/index',
|
success: () => {
|
// 使用事件总线通知任务列表页面刷新
|
uni.$emit('refreshTaskList')
|
}
|
})
|
}, 1000)
|
}).catch(error => {
|
this.loading = false
|
console.error('任务创建失败:', error)
|
this.$modal.showToast('任务创建失败，请重试')
|
})
|
}).catch(() => {})
|
},
|
|
goBack() {
|
uni.navigateBack()
|
},
|
|
// 合并医院地址（省 + 市 + 区 + 详细地址）
|
buildFullAddress(hospital) {
|
const parts = []
|
if (hospital.hopsProvince) {
|
parts.push(hospital.hopsProvince)
|
}
|
if (hospital.hopsCity) {
|
parts.push(hospital.hopsCity)
|
}
|
if (hospital.hopsArea) {
|
parts.push(hospital.hopsArea)
|
}
|
if (hospital.hospAddress) {
|
parts.push(hospital.hospAddress)
|
}
|
return parts.join('')
|
},
|
|
// 自动计算两个医院之间的距离
|
calculateHospitalDistance() {
|
const fromAddress = this.taskForm.hospitalOut.address
|
const fromCity = this.taskForm.hospitalOut.city
|
const toAddress = this.taskForm.hospitalIn.address
|
const toCity = this.taskForm.hospitalIn.city
|
|
if (!fromAddress || !toAddress) {
|
console.log('地址信息不完整，无法计算距离')
|
return
|
}
|
|
console.log('开始计算距离:', fromAddress, '->', toAddress)
|
|
// 显示加载提示
|
uni.showLoading({
|
title: '计算距离中...'
|
})
|
|
// 调用百度地图API计算距离
|
baiduDistanceByAddress(fromAddress, fromCity, toAddress, toCity)
|
.then(response => {
|
uni.hideLoading()
|
|
if (response.code === 200 && response.data) {
|
const distanceInMeters = response.data.distance
|
// 转换为公里，保留1位小数
|
const distanceInKm = (distanceInMeters / 1000).toFixed(1)
|
this.taskForm.transferDistance = distanceInKm
|
|
console.log('距离计算成功:', distanceInKm, 'km')
|
// this.$modal.showToast(`距离计算成功: ${distanceInKm}公里`)
|
} else {
|
console.error('距离计算失败:', response.msg)
|
this.$modal.showToast('距离计算失败，请手动输入')
|
}
|
})
|
.catch(error => {
|
uni.hideLoading()
|
console.error('距离计算失败:', error)
|
this.$modal.showToast('距离计算失败，请手动输入')
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.create-emergency-task-container {
|
padding: 20rpx;
|
background-color: #f5f5f5;
|
min-height: 100vh;
|
|
.form-header {
|
display: flex;
|
align-items: center;
|
padding: 20rpx 0;
|
margin-bottom: 30rpx;
|
|
.back-btn {
|
width: 60rpx;
|
height: 60rpx;
|
border-radius: 50%;
|
background-color: #f0f0f0;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin-right: 20rpx;
|
}
|
|
.title {
|
font-size: 36rpx;
|
font-weight: bold;
|
color: #333;
|
}
|
}
|
|
.form-section {
|
background-color: white;
|
border-radius: 15rpx;
|
padding: 30rpx;
|
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
|
|
.form-section-title {
|
font-size: 32rpx;
|
font-weight: bold;
|
margin: 40rpx 0 20rpx 0;
|
padding-bottom: 10rpx;
|
border-bottom: 1rpx solid #f0f0f0;
|
}
|
|
.form-item {
|
margin-bottom: 40rpx;
|
|
.form-label {
|
font-size: 28rpx;
|
margin-bottom: 15rpx;
|
color: #333;
|
|
&.required::before {
|
content: '*';
|
color: #ff4d4f;
|
margin-right: 4rpx;
|
font-weight: bold;
|
}
|
}
|
|
.hospital-search-container {
|
position: relative;
|
|
.search-results {
|
position: absolute;
|
top: 75rpx;
|
left: 0;
|
right: 0;
|
max-height: 400rpx;
|
background-color: white;
|
border: 1rpx solid #eee;
|
border-radius: 10rpx;
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
z-index: 100;
|
overflow-y: auto;
|
|
.search-result-item {
|
padding: 20rpx 30rpx;
|
border-bottom: 1rpx solid #f0f0f0;
|
|
&:last-child {
|
border-bottom: none;
|
}
|
|
&:active {
|
background-color: #f5f5f5;
|
}
|
|
.hospital-name {
|
font-size: 28rpx;
|
color: #333;
|
font-weight: bold;
|
margin-bottom: 8rpx;
|
|
.hospital-short {
|
display: block;
|
font-size: 22rpx;
|
color: #999;
|
font-weight: normal;
|
margin-top: 6rpx;
|
}
|
}
|
|
.hospital-address {
|
font-size: 24rpx;
|
color: #999;
|
}
|
}
|
}
|
}
|
|
.address-input-container {
|
position: relative;
|
|
.address-suggestions {
|
position: absolute;
|
top: 75rpx;
|
left: 0;
|
right: 0;
|
max-height: 400rpx;
|
background-color: white;
|
border: 1rpx solid #eee;
|
border-radius: 10rpx;
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
z-index: 100;
|
overflow-y: auto;
|
|
.address-suggestion-item {
|
padding: 20rpx 30rpx;
|
border-bottom: 1rpx solid #f0f0f0;
|
|
&:last-child {
|
border-bottom: none;
|
}
|
|
&:active {
|
background-color: #f5f5f5;
|
}
|
|
.suggestion-name {
|
font-size: 28rpx;
|
color: #333;
|
font-weight: bold;
|
margin-bottom: 8rpx;
|
}
|
|
.suggestion-address {
|
font-size: 24rpx;
|
color: #999;
|
}
|
}
|
}
|
}
|
|
.form-input {
|
height: 70rpx;
|
padding: 0 20rpx;
|
border: 1rpx solid #eee;
|
border-radius: 10rpx;
|
font-size: 28rpx;
|
|
&.picker-input {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
|
&.disabled {
|
background-color: #f5f5f5;
|
color: #999;
|
}
|
}
|
}
|
|
.form-textarea {
|
width: 100%;
|
min-height: 150rpx;
|
padding: 20rpx;
|
border: 1rpx solid #eee;
|
border-radius: 10rpx;
|
font-size: 28rpx;
|
}
|
|
.disease-container {
|
.disease-tags {
|
display: flex;
|
flex-wrap: wrap;
|
gap: 15rpx;
|
margin-bottom: 20rpx;
|
|
.disease-tag {
|
display: flex;
|
align-items: center;
|
padding: 10rpx 20rpx;
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
border-radius: 30rpx;
|
|
.disease-name {
|
font-size: 26rpx;
|
color: white;
|
margin-right: 10rpx;
|
}
|
}
|
}
|
|
.add-disease-btn {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
padding: 20rpx;
|
border: 1rpx dashed #007AFF;
|
border-radius: 10rpx;
|
color: #007AFF;
|
font-size: 28rpx;
|
|
text {
|
margin-left: 10rpx;
|
}
|
}
|
}
|
|
.radio-group {
|
display: flex;
|
|
.radio-item {
|
display: flex;
|
align-items: center;
|
margin-right: 30rpx;
|
|
radio {
|
margin-right: 10rpx;
|
}
|
}
|
}
|
|
.staff-list {
|
.staff-item {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding: 20rpx;
|
background-color: #f9f9f9;
|
border-radius: 10rpx;
|
margin-bottom: 20rpx;
|
|
.staff-info {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
|
.staff-name {
|
font-size: 28rpx;
|
color: #333;
|
margin-right: 10rpx;
|
}
|
|
.staff-role {
|
font-size: 24rpx;
|
color: #999;
|
}
|
}
|
}
|
|
.add-staff {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
padding: 20rpx;
|
border: 1rpx dashed #007AFF;
|
border-radius: 10rpx;
|
color: #007AFF;
|
}
|
}
|
}
|
|
.form-actions {
|
margin-top: 50rpx;
|
text-align: center;
|
|
.submit-btn {
|
width: 80%;
|
height: 80rpx;
|
background-color: #007AFF;
|
color: white;
|
border-radius: 10rpx;
|
font-size: 32rpx;
|
|
&[disabled] {
|
background-color: #ccc;
|
color: #999;
|
}
|
}
|
}
|
}
|
}
|
|
// 人员选择弹窗样式
|
.staff-selector-popup {
|
background-color: white;
|
border-radius: 20rpx 20rpx 0 0;
|
max-height: 80vh;
|
display: flex;
|
flex-direction: column;
|
|
.popup-header {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding: 30rpx;
|
border-bottom: 1rpx solid #f0f0f0;
|
flex-shrink: 0;
|
|
.popup-title {
|
font-size: 32rpx;
|
font-weight: bold;
|
color: #333;
|
}
|
|
.popup-close {
|
padding: 10rpx;
|
}
|
}
|
|
.search-box {
|
display: flex;
|
align-items: center;
|
margin: 20rpx 30rpx;
|
padding: 15rpx 20rpx;
|
background-color: #f5f5f5;
|
border-radius: 10rpx;
|
flex-shrink: 0;
|
|
.search-input {
|
flex: 1;
|
margin-left: 10rpx;
|
font-size: 28rpx;
|
}
|
}
|
|
.staff-filter {
|
display: flex;
|
padding: 0 30rpx 20rpx;
|
gap: 20rpx;
|
flex-shrink: 0;
|
|
.filter-item {
|
flex: 1;
|
text-align: center;
|
padding: 15rpx 0;
|
background-color: #f5f5f5;
|
border-radius: 10rpx;
|
font-size: 28rpx;
|
color: #666;
|
|
&.active {
|
background-color: #007AFF;
|
color: white;
|
}
|
}
|
}
|
|
.staff-list-popup {
|
flex: 1;
|
overflow-y: auto;
|
padding: 0 30rpx;
|
|
.staff-item-popup {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding: 25rpx 20rpx;
|
border-bottom: 1rpx solid #f0f0f0;
|
|
&:active {
|
background-color: #f5f5f5;
|
}
|
|
.staff-info {
|
flex: 1;
|
|
.staff-name-row {
|
display: flex;
|
align-items: center;
|
margin-bottom: 10rpx;
|
|
.staff-name {
|
font-size: 30rpx;
|
font-weight: bold;
|
color: #333;
|
margin-right: 20rpx;
|
}
|
|
.staff-phone {
|
font-size: 24rpx;
|
color: #999;
|
}
|
}
|
|
.staff-detail-row {
|
display: flex;
|
align-items: center;
|
|
.staff-dept {
|
font-size: 24rpx;
|
color: #666;
|
margin-right: 20rpx;
|
}
|
|
.staff-post {
|
font-size: 24rpx;
|
color: #007AFF;
|
}
|
}
|
}
|
|
.checkbox-empty {
|
width: 40rpx;
|
height: 40rpx;
|
border: 2rpx solid #ddd;
|
border-radius: 50%;
|
}
|
}
|
|
.no-data {
|
text-align: center;
|
padding: 100rpx 0;
|
color: #999;
|
|
text {
|
display: block;
|
margin-top: 20rpx;
|
font-size: 28rpx;
|
}
|
}
|
}
|
|
.popup-footer {
|
display: flex;
|
padding: 20rpx 30rpx;
|
border-top: 1rpx solid #f0f0f0;
|
gap: 20rpx;
|
flex-shrink: 0;
|
|
button {
|
flex: 1;
|
height: 80rpx;
|
border-radius: 10rpx;
|
font-size: 30rpx;
|
}
|
|
.cancel-btn {
|
background-color: #f5f5f5;
|
color: #666;
|
}
|
|
.confirm-btn {
|
background-color: #007AFF;
|
color: white;
|
}
|
}
|
}
|
|
// 病情选择弹窗样式
|
.disease-selector-popup {
|
background-color: white;
|
border-radius: 20rpx 20rpx 0 0;
|
max-height: 80vh;
|
display: flex;
|
flex-direction: column;
|
|
.popup-header {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding: 30rpx;
|
border-bottom: 1rpx solid #f0f0f0;
|
flex-shrink: 0;
|
|
.popup-title {
|
font-size: 32rpx;
|
font-weight: bold;
|
color: #333;
|
}
|
|
.popup-close {
|
padding: 10rpx;
|
}
|
}
|
|
.search-box {
|
display: flex;
|
align-items: center;
|
margin: 20rpx 30rpx;
|
padding: 15rpx 20rpx;
|
background-color: #f5f5f5;
|
border-radius: 10rpx;
|
flex-shrink: 0;
|
|
.search-input {
|
flex: 1;
|
margin-left: 10rpx;
|
font-size: 28rpx;
|
}
|
}
|
|
.disease-list-popup {
|
flex: 1;
|
overflow-y: auto;
|
padding: 0 30rpx;
|
|
.disease-item-popup {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding: 25rpx 20rpx;
|
border-bottom: 1rpx solid #f0f0f0;
|
|
&:active {
|
background-color: #f5f5f5;
|
}
|
|
.disease-info {
|
flex: 1;
|
|
.disease-name-row {
|
display: flex;
|
align-items: center;
|
margin-bottom: 8rpx;
|
|
.disease-name {
|
font-size: 30rpx;
|
font-weight: bold;
|
color: #333;
|
margin-right: 15rpx;
|
}
|
|
.disease-code {
|
font-size: 24rpx;
|
color: #007AFF;
|
background-color: #e6f2ff;
|
padding: 4rpx 12rpx;
|
border-radius: 6rpx;
|
}
|
}
|
|
.disease-detail-row {
|
.disease-desc {
|
font-size: 24rpx;
|
color: #999;
|
line-height: 1.5;
|
}
|
}
|
}
|
|
.checkbox-empty {
|
width: 40rpx;
|
height: 40rpx;
|
border: 2rpx solid #ddd;
|
border-radius: 50%;
|
}
|
}
|
|
.no-data {
|
text-align: center;
|
padding: 100rpx 0;
|
color: #999;
|
|
text {
|
display: block;
|
margin-top: 20rpx;
|
font-size: 28rpx;
|
}
|
}
|
}
|
|
.popup-footer {
|
display: flex;
|
padding: 20rpx 30rpx;
|
border-top: 1rpx solid #f0f0f0;
|
gap: 20rpx;
|
flex-shrink: 0;
|
|
button {
|
flex: 1;
|
height: 80rpx;
|
border-radius: 10rpx;
|
font-size: 30rpx;
|
}
|
|
.cancel-btn {
|
background-color: #f5f5f5;
|
color: #666;
|
}
|
|
.confirm-btn {
|
background-color: #007AFF;
|
color: white;
|
}
|
}
|
}
|
</style>
|
