| | |
| | | v-model="topqueryParams.scopetype" |
| | | placeholder="默认全部" |
| | | :options="sourcetype" |
| | | :props="{ expandTrigger: 'hover' }" |
| | | :props="{ expandTrigger: 'hover', multiple: true }" |
| | | @change="handleChange" |
| | | filterable |
| | | clearable |
| | | collapse-tags |
| | | ></el-cascader> |
| | | </el-form-item> |
| | | |
| | |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | v-if="orgname == '浙江省新华医院'" |
| | | label="任务状态" |
| | | align="center" |
| | | key="sendstate" |
| | | prop="sendstate" |
| | | width="120" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-tooltip |
| | | class="item" |
| | | effect="dark" |
| | | :content="scope.row.remark" |
| | | placement="top-start" |
| | | > |
| | | <div v-if="scope.row.sendstate == 1"> |
| | | <el-tag type="primary" :disable-transitions="false" |
| | | >表单已领取</el-tag |
| | | > |
| | | </div> |
| | | <div v-if="scope.row.sendstate == 2"> |
| | | <el-tag type="primary" :disable-transitions="false" |
| | | >待随访</el-tag |
| | | > |
| | | </div> |
| | | <div v-if="scope.row.sendstate == 3"> |
| | | <el-tag type="success" :disable-transitions="false" |
| | | >表单已发送</el-tag |
| | | > |
| | | </div> |
| | | <div v-if="scope.row.sendstate == 4"> |
| | | <el-tag type="info" :disable-transitions="false">不执行</el-tag> |
| | | </div> |
| | | <div v-if="scope.row.sendstate == 5"> |
| | | <el-tag type="danger" :disable-transitions="false" |
| | | >发送失败</el-tag |
| | | > |
| | | </div> |
| | | <div v-if="scope.row.sendstate == 6"> |
| | | <el-tag type="success" :disable-transitions="false" |
| | | >已完成</el-tag |
| | | > |
| | | </div> |
| | | <div v-if="scope.row.sendstate == 7"> |
| | | <el-tag type="danger" :disable-transitions="false">超时</el-tag> |
| | | </div> |
| | | </el-tooltip> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="随访状态" |
| | | align="center" |
| | |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | v-if="orgname != '浙江省新华医院'" |
| | | label="任务状态" |
| | | align="center" |
| | | key="sendstate" |
| | |
| | | size="medium" |
| | | type="text" |
| | | @click="handlestop(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | |
| | | ><span class="button-sc" |
| | | ><i class="el-icon-remove-outline"></i>暂停服务</span |
| | | ></el-button |
| | |
| | | inputVisible: false, |
| | | Labelchange: false, |
| | | ycvalue: 0, |
| | | jgvalue: "", |
| | | jgvalue: 0, |
| | | yfsvalue: "", |
| | | inputValue: "", |
| | | preachform: "", |
| | |
| | | label: "全部", |
| | | }, |
| | | ], |
| | | lastScopeType: 3, // 患者范围上次选择的一级类型(1=科室,2=病区,3=全部) |
| | | loading: false, |
| | | cardlist: [ |
| | | { |
| | |
| | | visitCount: 1, |
| | | scopetype: [], |
| | | managementDoctor: |
| | | localStorage.getItem("orgname") == "缙云县人民医院" |
| | | localStorage.getItem("orgname") == "缙云县人民医院" || |
| | | localStorage.getItem("orgname") == "丽水市中医院" |
| | | ? store.getters.nickName |
| | | : "", |
| | | leaveldeptcodes: [], |
| | |
| | | /** 查询随访服务列表 */ |
| | | async getList(refresh) { |
| | | // 默认全部 |
| | | if (this.topqueryParams.searchscope == 3) { |
| | | this.topqueryParams.leaveldeptcodes = store.getters.belongDepts.map( |
| | | (obj) => obj.deptCode |
| | | ); |
| | | this.topqueryParams.leavehospitaldistrictcodes = |
| | | store.getters.belongWards.map((obj) => obj.districtCode); |
| | | } |
| | | this.applyDeptWardScope(); |
| | | if (this.endOut == 0) { |
| | | this.topqueryParams.endSendDateTime = this.formatDateToYYYYMMDDHHMMSS( |
| | | this.getEndOfDay() |
| | |
| | | if (type) { |
| | | this.resetQuerykj(); |
| | | } |
| | | if (this.topqueryParams.searchscope == 3) { |
| | | this.topqueryParams.leaveldeptcodes = store.getters.belongDepts.map( |
| | | (obj) => obj.deptCode |
| | | ); |
| | | this.topqueryParams.leavehospitaldistrictcodes = |
| | | store.getters.belongWards.map((obj) => obj.districtCode); |
| | | } |
| | | this.applyDeptWardScope(); |
| | | // 接受异常跳转 |
| | | if (this.errtype) { |
| | | this.topqueryParams.leavehospitaldistrictcodes.push( |
| | |
| | | }, |
| | | /** 搜索按钮操作 */ |
| | | handleQuery(refresh) { |
| | | if (this.topqueryParams.searchscope == 3) { |
| | | this.topqueryParams.leaveldeptcodes = store.getters.belongDepts.map( |
| | | (obj) => obj.deptCode |
| | | ); |
| | | this.topqueryParams.leavehospitaldistrictcodes = |
| | | store.getters.belongWards.map((obj) => obj.districtCode); |
| | | } |
| | | this.applyDeptWardScope(); |
| | | this.topqueryParams.pageNum = 1; |
| | | // 判断是不是工作台快捷查询 |
| | | if (this.errtype != 2) { |
| | |
| | | } |
| | | this.getList(refresh); |
| | | }, |
| | | // 患者范围处理 |
| | | // 患者范围处理:从多选级联 scopetype 解析科室/病区 |
| | | applyDeptWardScope() { |
| | | const value = this.topqueryParams.scopetype || []; |
| | | const deptCodes = []; |
| | | const wardCodes = []; |
| | | let isAll = false; |
| | | |
| | | value.forEach((item) => { |
| | | const type = item[0]; |
| | | if (type == 3) { |
| | | isAll = true; |
| | | } else if (type == 1) { |
| | | deptCodes.push(item[item.length - 1]); |
| | | } else if (type == 2) { |
| | | wardCodes.push(item[item.length - 1]); |
| | | } |
| | | }); |
| | | |
| | | // 选了全部 或 未选择 → 用户全部科室/病区 |
| | | if (isAll || (!deptCodes.length && !wardCodes.length)) { |
| | | this.topqueryParams.leaveldeptcodes = store.getters.belongDepts.map( |
| | | (obj) => obj.deptCode |
| | | ); |
| | | this.topqueryParams.leavehospitaldistrictcodes = |
| | | store.getters.belongWards.map((obj) => obj.districtCode); |
| | | } else { |
| | | this.topqueryParams.leaveldeptcodes = deptCodes; |
| | | this.topqueryParams.leavehospitaldistrictcodes = wardCodes; |
| | | } |
| | | }, |
| | | // 患者范围多选变更(科室/病区互斥) |
| | | handleChange(value) { |
| | | console.log("选择的患者范围:", value); |
| | | const types = (value || []).map((item) => item[0]); |
| | | const hasDept = types.includes(1); |
| | | const hasWard = types.includes(2); |
| | | |
| | | // 清空之前的查询参数 |
| | | this.topqueryParams.leavehospitaldistrictcodes = []; |
| | | this.topqueryParams.leaveldeptcodes = []; |
| | | this.topqueryParams.searchscope = null; |
| | | |
| | | if (!value || value.length === 0) { |
| | | // 互斥:科室和病区不能同时选 |
| | | if (hasDept && hasWard) { |
| | | if (this.lastScopeType == 1) { |
| | | // 上次选了科室,这次新增病区 → 保留病区 |
| | | this.topqueryParams.scopetype = value.filter((item) => item[0] === 2); |
| | | this.lastScopeType = 2; |
| | | this.$message.warning("科室和病区不能同时选择,已切换为病区"); |
| | | } else { |
| | | // 上次选了病区,这次新增科室 → 保留科室 |
| | | this.topqueryParams.scopetype = value.filter((item) => item[0] === 1); |
| | | this.lastScopeType = 1; |
| | | this.$message.warning("科室和病区不能同时选择,已切换为科室"); |
| | | } |
| | | this.applyDeptWardScope(); |
| | | return; |
| | | } |
| | | |
| | | let type = value[0]; |
| | | let code = value.slice(-1)[0]; |
| | | |
| | | if (type == 1) { |
| | | this.topqueryParams.leaveldeptcodes.push(code); |
| | | this.topqueryParams.leavehospitaldistrictcodes = []; |
| | | this.topqueryParams.searchscope = 1; |
| | | } else if (type == 2) { |
| | | this.topqueryParams.leavehospitaldistrictcodes.push(code); |
| | | this.topqueryParams.leaveldeptcodes = []; |
| | | this.topqueryParams.searchscope = 2; |
| | | } else { |
| | | this.topqueryParams.searchscope = 3; |
| | | } |
| | | this.lastScopeType = hasDept ? 1 : hasWard ? 2 : 3; |
| | | this.applyDeptWardScope(); |
| | | }, |
| | | // 服务状态变更处理 |
| | | handleServiceStatusChange(value) { |
| | |
| | | this.dateRange = []; |
| | | this.dateRangefs = []; |
| | | this.serviceStatusValue = 10; |
| | | this.lastScopeType = 3; |
| | | this.topqueryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | |
| | | this.dateRange = []; |
| | | this.dateRangefs = []; |
| | | this.serviceStatusValue = null; |
| | | this.lastScopeType = 3; |
| | | this.topqueryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | |
| | | if (val && val.length) { |
| | | this.transferForm.leavelDeptCode = val[val.length - 1]; |
| | | // 从选项树中查找对应名称 |
| | | const node = this.findCascaderNode(this.deptOptionsks, this.transferForm.leavelDeptCode); |
| | | this.transferForm.leavelDeptName = node ? node.label : ''; |
| | | const node = this.findCascaderNode( |
| | | this.deptOptionsks, |
| | | this.transferForm.leavelDeptCode |
| | | ); |
| | | this.transferForm.leavelDeptName = node ? node.label : ""; |
| | | } else { |
| | | this.transferForm.leavelDeptCode = ''; |
| | | this.transferForm.leavelDeptName = ''; |
| | | this.transferForm.leavelDeptCode = ""; |
| | | this.transferForm.leavelDeptName = ""; |
| | | } |
| | | }, |
| | | handleWardCascaderChange(val) { |
| | | if (val && val.length) { |
| | | this.transferForm.leavehospitaldistrictcode = val[val.length - 1]; |
| | | const node = this.findCascaderNode(this.deptOptionsbq, this.transferForm.leavehospitaldistrictcode); |
| | | this.transferForm.leavehospitaldistrictname = node ? node.label : ''; |
| | | const node = this.findCascaderNode( |
| | | this.deptOptionsbq, |
| | | this.transferForm.leavehospitaldistrictcode |
| | | ); |
| | | this.transferForm.leavehospitaldistrictname = node ? node.label : ""; |
| | | } else { |
| | | this.transferForm.leavehospitaldistrictcode = ''; |
| | | this.transferForm.leavehospitaldistrictname = ''; |
| | | this.transferForm.leavehospitaldistrictcode = ""; |
| | | this.transferForm.leavehospitaldistrictname = ""; |
| | | } |
| | | }, |
| | | findCascaderNode(options, code) { |
| | |
| | | <style lang="scss" scoped> |
| | | .el-button--primary.is-plain { |
| | | color: #ffffff; |
| | | background: #409eff; |
| | | border-color: #4fabe9; |
| | | background: #5b7cfa; |
| | | border-color: #5b7cfa; |
| | | } |
| | | |
| | | .document { |
| | |
| | | font-size: 14px; |
| | | color: #666; |
| | | } |
| | | /* ================= 清新高级简约风 ================= */ |
| | | .app-container { |
| | | background: #f5f7fb; |
| | | border-radius: 14px; |
| | | padding: 20px; |
| | | } |
| | | |
| | | /* 查询表单:白色圆角卡片 */ |
| | | ::v-deep .el-form--inline { |
| | | background: #ffffff; |
| | | border-radius: 14px; |
| | | padding: 22px 22px 8px; |
| | | margin-bottom: 18px; |
| | | box-shadow: 0 2px 12px rgba(31, 45, 61, 0.05); |
| | | } |
| | | |
| | | /* 隐藏分割线 */ |
| | | ::v-deep .el-divider { |
| | | display: none; |
| | | } |
| | | |
| | | /* 工具栏底部间距 */ |
| | | .mb8 { |
| | | margin-bottom: 18px; |
| | | } |
| | | |
| | | /* 按钮:圆角 + 柔和过渡 */ |
| | | ::v-deep .el-button { |
| | | border-radius: 8px; |
| | | font-weight: 500; |
| | | transition: all 0.25s ease; |
| | | } |
| | | |
| | | /* 主按钮:清新靛蓝 */ |
| | | ::v-deep .el-button--primary:not(.is-plain) { |
| | | background: #5b7cfa; |
| | | border-color: #5b7cfa; |
| | | } |
| | | ::v-deep .el-button--primary:not(.is-plain):hover, |
| | | ::v-deep .el-button--primary:not(.is-plain):focus { |
| | | background: #7593fb; |
| | | border-color: #7593fb; |
| | | } |
| | | |
| | | /* 表格:白色圆角卡片 + 柔和表头 */ |
| | | ::v-deep .el-table { |
| | | border-radius: 14px; |
| | | overflow: hidden; |
| | | box-shadow: 0 2px 12px rgba(31, 45, 61, 0.05); |
| | | } |
| | | ::v-deep .el-table::before { |
| | | display: none; |
| | | } |
| | | ::v-deep .el-table th { |
| | | background: #f7f9fd !important; |
| | | color: #3f4d63; |
| | | font-weight: 600; |
| | | } |
| | | ::v-deep .el-table td { |
| | | padding: 12px 0; |
| | | } |
| | | |
| | | /* 标签圆角 */ |
| | | ::v-deep .el-tag { |
| | | border-radius: 6px; |
| | | } |
| | | |
| | | /* 分页间距 */ |
| | | ::v-deep .pagination-container { |
| | | padding-top: 18px; |
| | | } |
| | | </style> |