| | |
| | | <template> |
| | | <div class="Questionnairemanagement"> |
| | | <!-- 左侧栏 --> |
| | | <div class="sidecolumn"> |
| | | <!-- <div class="sidecolumn"> |
| | | <div class="sidecolumn-top"> |
| | | <div class="top-wj">医院患者</div> |
| | | </div> |
| | |
| | | v-model="queryParams.allhosp" |
| | | @tab-click="handleClick" |
| | | > |
| | | <el-tab-pane label="患者列表" name="0"></el-tab-pane> |
| | | <el-tab-pane label="住院患者" name="1"></el-tab-pane> |
| | | <el-tab-pane label="出入院患者" name="1"></el-tab-pane> |
| | | <el-tab-pane label="门诊患者" name="2"></el-tab-pane> |
| | | <el-tab-pane label="体检患者" name="3"></el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- 右侧数据 --> |
| | | |
| | | <div class="leftvlue"> |
| | | <div> |
| | | <!-- <div> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="2.5" v-for="(item, index) in cardlist" :key="index"> |
| | | <el-card |
| | |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </div> --> |
| | | <div class="leftvlue-bg"> |
| | | <el-row :gutter="20"> |
| | | <!--用户数据--> |
| | |
| | | v-show="showSearch" |
| | | label-width="98px" |
| | | > |
| | | <!-- <el-form-item label="院区" prop="userName"> |
| | | <el-select v-model="queryParams.value1" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="科室/病区" prop="userName"> |
| | | <el-select v-model="queryParams.value2" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <el-form-item |
| | | label-width="138px" |
| | | label="主治医生" |
| | | prop="userName" |
| | | > |
| | | <el-input |
| | | v-model="queryParams.drname" |
| | | placeholder="请输入医生姓名" |
| | | maxlength="30" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="门诊编号" prop="visitno"> |
| | | <el-input |
| | | v-model="queryParams.visitno" |
| | | placeholder="请输入编号" |
| | | maxlength="30" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-form-item label="患者姓名" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | maxlength="30" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="患者标签" prop="tagname"> |
| | | <el-input |
| | | v-model="queryParams.tagname" |
| | | placeholder="输入进行模糊查询" |
| | | maxlength="30" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="患者性别" prop="tagId"> |
| | | <el-select |
| | | v-model="queryParams.sex" |
| | | placeholder="请选择患者性别" |
| | | > |
| | | <el-option label="男" :value="1"> </el-option> |
| | | <el-option label="女" :value="2"> </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="患者年龄" prop="telcode"> |
| | | <el-input |
| | | v-model="queryParams.age" |
| | | placeholder="请输入查询年龄" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <!-- <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | |
| | | v-hasPermi="['system:user:add']" |
| | | >新增</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-edit" |
| | | size="medium" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['system:user:edit']" |
| | | >修改</el-button |
| | | > |
| | | </el-col> |
| | | </el-col> --> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="userList" |
| | | height="660" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="50" align="center" /> |
| | | <el-table-column |
| | | fixed |
| | | label="序号" |
| | | align="center" |
| | | key="id" |
| | | prop="id" |
| | | /> |
| | | <el-table-column |
| | | fixed |
| | | label="姓名" |
| | |
| | | key="name" |
| | | prop="name" |
| | | /> |
| | | <el-table-column |
| | | label="患者编号" |
| | | align="center" |
| | | key="patientno" |
| | | prop="patientno" |
| | | width="180" |
| | | /> |
| | | |
| | | <el-table-column label="性别" align="center" key="sex" prop="sex"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.sex == 1 ? "男" : "女" }}</span> |
| | |
| | | align="center" |
| | | key="age" |
| | | prop="age" |
| | | width="120" |
| | | /> |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.age" |
| | | >{{ scope.row.age }}{{ scope.row.ageUnit }}</span |
| | | ><span v-if="scope.row.age2" |
| | | >{{ scope.row.age2 }}{{ scope.row.ageUnit2 }}</span |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="出生年月" |
| | | align="center" |
| | | key="birthdate" |
| | | prop="birthdate" |
| | | width="160" |
| | | width="120" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | align="center" |
| | | key="placeOfResidence" |
| | | prop="placeOfResidence" |
| | | width="120" |
| | | width="150" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="患者标签" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="证件类型" |
| | | align="center" |
| | | key="idcardtype" |
| | | prop="idcardtype" |
| | | width="120" |
| | | /><el-table-column |
| | | label="证件号码" |
| | | align="center" |
| | | key="idcardno" |
| | |
| | | prop="createTime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ formatTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="更新日期" |
| | |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | <span>{{ formatTime(scope.row.archivetime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | query: { id: scope.row.id }, |
| | | }) |
| | | " |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textsc" |
| | | ><i class="el-icon-zoom-in"></i>详情编辑</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | ><span class="button-textxga" |
| | | ><i class="el-icon-edit"></i>患者过滤</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="openContractDialog(scope.row)" |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-menu"></i>患者签约</span |
| | | ></el-button |
| | | > |
| | | <!-- <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textxga" |
| | | ><i class="el-icon-edit"></i>修改</span |
| | | @click="RiskMarker(scope.row)" |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-menu"></i>风险标记</span |
| | | ></el-button |
| | | > --> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="Distributionservice(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-menu"></i>服务</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | <span>{{ formatTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select v-model="form.sex" placeholder="请选择性别"> |
| | | <el-option |
| | | v-for="dict in dict.type.sys_user_sex" |
| | | v-for="dict in sextype" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-row v-if="!amendtag"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="民族" prop="name"> |
| | | <el-input |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | |
| | | <el-row v-if="!amendtag"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="证件类型" prop="idcardtype"> |
| | | <el-select v-model="form.idcardtype" placeholder="请选择性别"> |
| | | <el-option |
| | | v-for="item in paperstypes" |
| | | :key="item.papersname" |
| | | :label="item.papersname" |
| | | :value="item.papersname" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="证件号" prop="idcardno"> |
| | | <el-input |
| | | v-model="form.idcardno" |
| | | placeholder="请输入证件号" |
| | | maxlength="50" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="出生地" prop="idcardno"> |
| | | <el-form-item label="出生地" prop="birthplace"> |
| | | <el-input |
| | | v-model="form.birthplace" |
| | | placeholder="国、省、地市、区县、街道等详细信息" |
| | |
| | | /> |
| | | </el-form-item> </el-col |
| | | ><el-col :span="12"> |
| | | <el-form-item label="居住地" prop="idcardno"> |
| | | <el-form-item label="居住地" prop="placeOfResidence"> |
| | | <el-input |
| | | v-model="form.placeOfResidence" |
| | | placeholder="国、省、地市、区县、街道等详细信息" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-col :span="amendtag ? 12 : 24" v-if="!amendtag"> |
| | | <el-form-item label="患者类型"> |
| | | <el-select v-model="form.pattype" placeholder="请选择类型"> |
| | | <el-option |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :span="12" v-if="amendtag"> |
| | | <el-form-item label="过滤说明"> |
| | | <el-select v-model="form.notrequiredreason" placeholder="请选择过滤类型"> |
| | | <el-option |
| | | v-for="item in dict.type.futter_patient" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> --> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-col :span="24" v-if="amendtag"> |
| | | <el-form-item label="过滤原因"> |
| | | <el-input |
| | | v-model="form.notrequiredreason" |
| | | type="textarea" |
| | | placeholder="请输入过滤原因" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24" v-if="!amendtag"> |
| | | <el-form-item label="备注"> |
| | | <el-input |
| | | v-model="form.remark" |
| | |
| | | :limit="1" |
| | | accept=".xlsx, .xls" |
| | | :headers="upload.headers" |
| | | :action="upload.url + '?updateSupport=' + upload.updateSupport" |
| | | :action="upload.url" |
| | | :disabled="upload.isUploading" |
| | | :on-progress="handleFileUploadProgress" |
| | | :on-success="handleFileSuccess" |
| | | :auto-upload="false" |
| | | drag |
| | | > |
| | | <i class="el-icon-upload"></i> |
| | | <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div> |
| | | <div class="el-upload__tip text-center" slot="tip"> |
| | | <div class="el-upload__tip" slot="tip"> |
| | | <!-- <div class="el-upload__tip" slot="tip"> |
| | | <el-checkbox v-model="upload.updateSupport" /> |
| | | 是否更新已经存在的用户数据 |
| | | </div> |
| | | </div> --> |
| | | <span>仅允许导入xls、xlsx格式文件。</span> |
| | | <el-link |
| | | type="primary" |
| | |
| | | @click="importTemplate" |
| | | >下载模板 |
| | | </el-link> |
| | | <el-link |
| | | <!-- <el-link |
| | | type="success" |
| | | :underline="false" |
| | | style="font-size: 24px; vertical-align: baseline" |
| | | href="http://m.qpic.cn/psc?/V50ZTolo1AIhq00dqrJP2169QM2VHGTU/ruAMsa53pVQWN7FLK88i5qfmCJclyMduqqL6kjE4h7TXDAjimVtmLmTyGVfF4qlkyOISsYQ4Mxx705X2tkXEIUPrfCS4L4yK.f11SmO8Tq0!/b&bo=twb0AgAAAAADB2U!&rf=viewer_4" |
| | | target="_blank" |
| | | > |
| | | 查看模版</el-link |
| | | > |
| | | 查看模板</el-link |
| | | > --> |
| | | </div> |
| | | </el-upload> |
| | | </div> |
| | |
| | | <el-table-column prop="serial" label="序号"> </el-table-column> |
| | | <el-table-column prop="name" label="姓名"> </el-table-column> |
| | | <el-table-column prop="sex" label="性别"> </el-table-column> |
| | | <el-table-column prop="certificate" label="证件类型"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column prop="certificatenum" label="证件号码"> |
| | | </el-table-column> |
| | | <el-table-column prop="goday" label="出生日期"> </el-table-column> |
| | |
| | | <el-table-column prop="serial" label="序号"> </el-table-column> |
| | | <el-table-column prop="name" label="姓名"> </el-table-column> |
| | | <el-table-column prop="sex" label="性别"> </el-table-column> |
| | | <el-table-column prop="certificate" label="证件类型"> |
| | | </el-table-column> |
| | | <el-table-column prop="certificatenum" label="证件号码"> |
| | | </el-table-column> |
| | | <el-table-column prop="goday" label="出生日期"> </el-table-column> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 跳转服务对话框 --> |
| | | <el-dialog title="选择服务类型" :visible.sync="serviceVisible"> |
| | | <el-card class="box-card"> |
| | | <el-radio-group v-model="serviceradio"> |
| | | <el-radio :label="1">宣教随访</el-radio> |
| | | <el-radio :label="2">门诊服务</el-radio> |
| | | <el-radio :label="3">出院服务</el-radio> |
| | | <el-radio :label="4">复诊服务</el-radio> |
| | | <el-radio :label="5">体检通知</el-radio> |
| | | <el-radio :label="6">问卷服务</el-radio> |
| | | <!-- 简化版患者签约对话框 --> |
| | | <el-dialog |
| | | title="患者签约服务" |
| | | :visible.sync="contractDialogVisible" |
| | | width="600px" |
| | | > |
| | | <!-- 步骤指示器 --> |
| | | <el-steps |
| | | :active="contractStep" |
| | | align-center |
| | | simple |
| | | style="margin-bottom: 20px" |
| | | > |
| | | <el-step title="选择服务" icon="el-icon-document"></el-step> |
| | | <el-step title="确认签约" icon="el-icon-finished"></el-step> |
| | | </el-steps> |
| | | |
| | | <!-- 步骤1: 服务选择 --> |
| | | <div v-if="contractStep === 1" class="step-content"> |
| | | <h4>请为 {{ currentPatient.name }} 选择签约服务套餐:</h4> |
| | | |
| | | <el-radio-group |
| | | v-model="tempContractData.servicePackage" |
| | | style="width: 100%" |
| | | > |
| | | <el-row :gutter="16"> |
| | | <el-col :span="8" v-for="pkg in servicePackages" :key="pkg.id"> |
| | | <el-card |
| | | :class="[ |
| | | 'package-card', |
| | | { active: tempContractData.servicePackage === pkg.id }, |
| | | ]" |
| | | @click.native="tempContractData.servicePackage = pkg.id" |
| | | shadow="hover" |
| | | style="margin-bottom: 16px; cursor: pointer" |
| | | > |
| | | <div style="text-align: center"> |
| | | <h4>{{ pkg.name }}</h4> |
| | | <p style="color: #666; font-size: 12px; margin: 8px 0"> |
| | | {{ pkg.description }} |
| | | </p> |
| | | <p style="color: #e6a23c; font-weight: bold"> |
| | | {{ pkg.price > 0 ? `¥${pkg.price}/年` : "免费" }} |
| | | </p> |
| | | <el-tag |
| | | v-for="feature in pkg.features" |
| | | :key="feature" |
| | | size="mini" |
| | | style="margin: 2px" |
| | | type="info" |
| | | >{{ feature }}</el-tag |
| | | > |
| | | </div> |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | | </el-radio-group> |
| | | |
| | | <el-form label-width="80px" style="margin-top: 20px"> |
| | | <el-form-item label="签约周期"> |
| | | <el-select |
| | | v-model="tempContractData.contractPeriod" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option label="1年" :value="1"></el-option> |
| | | <el-option label="2年" :value="2"></el-option> |
| | | <el-option label="3年" :value="3"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="备注信息"> |
| | | <el-input |
| | | type="textarea" |
| | | :rows="2" |
| | | v-model="tempContractData.remark" |
| | | placeholder="可填写特殊健康需求或备注信息" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | |
| | | <!-- 步骤2: 签约确认 --> |
| | | <div v-if="contractStep === 2" class="step-content"> |
| | | <el-card> |
| | | <h4>签约信息确认</h4> |
| | | <el-descriptions :column="1" border> |
| | | <el-descriptions-item label="患者姓名">{{ |
| | | currentPatient.name |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="患者编号">{{ |
| | | currentPatient.patientno |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="服务套餐"> |
| | | {{ getSelectedPackage().name }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="签约周期" |
| | | >{{ tempContractData.contractPeriod }}年</el-descriptions-item |
| | | > |
| | | <el-descriptions-item label="签约日期">{{ |
| | | new Date().toLocaleDateString() |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="备注信息">{{ |
| | | tempContractData.remark || "无" |
| | | }}</el-descriptions-item> |
| | | </el-descriptions> |
| | | </el-card> |
| | | </div> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="prevStep" v-if="contractStep > 1">上一步</el-button> |
| | | <el-button @click="closeContractDialog">取消</el-button> |
| | | <el-button |
| | | type="primary" |
| | | @click="nextStep" |
| | | :disabled="contractStep === 1 && !tempContractData.servicePackage" |
| | | > |
| | | {{ contractStep === 2 ? "确认签约" : "下一步" }} |
| | | </el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 风险类型 --> |
| | | <el-dialog title="选择风险类型" :visible.sync="RiskVisible"> |
| | | <el-card class="box-card"> |
| | | <el-form> |
| | | <el-form-item label="风险类型"> |
| | | <el-radio-group v-model="Riskradio"> |
| | | <el-radio :label="1">正常</el-radio> |
| | | <el-radio :label="2">轻微</el-radio> |
| | | <el-radio :label="3">高危</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="活动性质"> |
| | | <el-checkbox-group v-model="Risklist"> |
| | | <el-checkbox label="情况1" name="type"></el-checkbox> |
| | | <el-checkbox label="情况2" name="type"></el-checkbox> |
| | | <el-checkbox label="情况3" name="type"></el-checkbox> |
| | | <el-checkbox label="情况4" name="type"></el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-card> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="serviceVisible = false">取 消</el-button> |
| | | <el-button type="primary" @click="CreateService">创建服务</el-button> |
| | | <el-button @click="RiskVisible = false">取 消</el-button> |
| | | <el-button type="primary" @click="RiskService">确认修改</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | |
| | | export default { |
| | | name: "Patient", |
| | | dicts: ["sys_normal_disable", "task_status", "sys_user_sex"], |
| | | dicts: [ |
| | | "sys_normal_disable", |
| | | "task_status", |
| | | "sys_user_sex", |
| | | "futter_patient", |
| | | ], |
| | | components: { Treeselect }, |
| | | data() { |
| | | return { |
| | |
| | | // 总条数 |
| | | total: 0, |
| | | tasktotal: 0, |
| | | Risklist: [], |
| | | // 用户表格数据 |
| | | userList: null, |
| | | taskuserList: null, |
| | |
| | | serviceVisible: false, |
| | | serviceradio: 1, |
| | | distributeVisible: false, |
| | | tasktopic: "5", //新增类型 |
| | | RiskVisible: false, |
| | | tasktopic: "2", //新增类型 |
| | | Riskradio: 1, |
| | | RiskObj: {}, |
| | | // 查询参数 |
| | | topqueryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | type: 2, |
| | | userName: undefined, |
| | | tagid: undefined, |
| | | topic: undefined, |
| | | }, |
| | | // 日期范围 |
| | | dateRange: [], |
| | | taskoptions: [], |
| | | contractDialogVisible: false, // 控制签约对话框显示 |
| | | contractStep: 1, // 签约步骤:1-选择服务 2-确认信息 |
| | | currentPatient: {}, // 当前签约的患者信息 |
| | | tempContractData: { |
| | | // 临时存储的签约数据 |
| | | servicePackage: null, // 选中的服务套餐 |
| | | contractPeriod: 1, // 签约周期(年) |
| | | remark: "", // 备注信息 |
| | | }, |
| | | // 模拟数据:可选的签约服务套餐 |
| | | servicePackages: [ |
| | | { |
| | | id: 1, |
| | | name: "基础健康管理包", |
| | | description: "包含定期健康评估、基本咨询", |
| | | price: 0, |
| | | features: ["年度健康评估", "在线咨询"], |
| | | }, |
| | | { |
| | | id: 2, |
| | | name: "慢性病管理包", |
| | | description: "专为慢性病患者设计", |
| | | price: 299, |
| | | features: ["专属医生", "用药提醒", "定期随访"], |
| | | }, |
| | | { |
| | | id: 3, |
| | | name: "老年人健康包", |
| | | description: "关注老年人健康问题", |
| | | price: 499, |
| | | features: ["跌倒风险评估", "康复指导", "紧急联系"], |
| | | }, |
| | | ], |
| | | taskoptions: [ |
| | | // { |
| | | // value: "1", |
| | | // label: "监测评估", |
| | | // }, |
| | | { |
| | | value: "2", |
| | | label: "出院随访", |
| | | }, |
| | | { |
| | | value: "3", |
| | | label: "门诊随访", |
| | | }, |
| | | { |
| | | value: "4", |
| | | label: "宣教关怀", |
| | | }, |
| | | { |
| | | value: "5", |
| | | label: "复诊管理", |
| | | }, |
| | | // { |
| | | // value: "6", |
| | | // label: "满意度调查", |
| | | // }, |
| | | { |
| | | value: "7", |
| | | label: "患者报告", |
| | | }, |
| | | { |
| | | value: "8", |
| | | label: "其他通知", |
| | | }, |
| | | ], |
| | | paperstypes: [ |
| | | { papersname: "身份证" }, |
| | | { papersname: "护照" }, |
| | |
| | | value: "1", |
| | | label: "在院患者", |
| | | }, |
| | | { |
| | | value: "2", |
| | | label: "门诊患者", |
| | | }, |
| | | |
| | | { |
| | | value: "3", |
| | | label: "体检患者", |
| | |
| | | { |
| | | value: "4", |
| | | label: "出院患者", |
| | | }, |
| | | ], |
| | | sextype: [ |
| | | { |
| | | value: 1, |
| | | label: "男", |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "女", |
| | | }, |
| | | ], |
| | | |
| | |
| | | router: "/patient/hospital", |
| | | }, |
| | | { |
| | | name: "门诊患者", |
| | | value: 56, |
| | | router: "/patient/outpatient", |
| | | }, |
| | | { |
| | | name: "离世患者", |
| | | value: 0, |
| | | }, |
| | | ], |
| | | source: [ |
| | | { |
| | | value: 0, |
| | | label: "所属患者", |
| | | }, |
| | | { |
| | | value: 1, |
| | | label: "科室患者", |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "病区患者", |
| | | }, |
| | | ], |
| | | // 表单参数 |
| | |
| | | // 设置上传的请求头部 |
| | | headers: { Authorization: "Bearer " + getToken() }, |
| | | // 上传的地址 |
| | | url: process.env.VUE_APP_BASE_API + "/system/user/importData", |
| | | url: process.env.VUE_APP_BASE_API + "/smartor/import/importPatInfo", |
| | | }, |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | | allhosp: "0", |
| | | sex: 1, |
| | | pageSize: 10, |
| | | searchscope: 2, |
| | | notrequiredFlag: 0, |
| | | tagname: "", |
| | | idcardno: undefined, |
| | | name: undefined, |
| | | status: undefined, |
| | |
| | | }, |
| | | // 表单校验 |
| | | rules: { |
| | | // userName: [ |
| | | // { required: true, message: "用户名称不能为空", trigger: "blur" }, |
| | | // { |
| | | // min: 2, |
| | | // max: 20, |
| | | // message: "用户名称长度必须介于 2 和 20 之间", |
| | | // trigger: "blur", |
| | | // }, |
| | | // ], |
| | | // nickName: [ |
| | | // { required: true, message: "用户昵称不能为空", trigger: "blur" }, |
| | | // ], |
| | | // password: [ |
| | | // { required: true, message: "用户密码不能为空", trigger: "blur" }, |
| | | // { |
| | | // min: 5, |
| | | // max: 20, |
| | | // message: "用户密码长度必须介于 5 和 20 之间", |
| | | // trigger: "blur", |
| | | // }, |
| | | // ], |
| | | // email: [ |
| | | // { |
| | | // type: "email", |
| | | // message: "请输入正确的邮箱地址", |
| | | // trigger: ["blur", "change"], |
| | | // }, |
| | | // ], |
| | | // phonenumber: [ |
| | | // { |
| | | // pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, |
| | | // message: "请输入正确的手机号码", |
| | | // trigger: "blur", |
| | | // }, |
| | | // ], |
| | | // IDnumber: [ |
| | | // { |
| | | // pattern: |
| | | // /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/, |
| | | // message: "请输入正确的身份证号码", |
| | | // trigger: "blur", |
| | | // }, |
| | | // ], |
| | | name: [ |
| | | { required: true, message: "用户名称不能为空", trigger: "blur" }, |
| | | { |
| | | min: 2, |
| | | max: 20, |
| | | message: "用户名称长度必须介于 2 和 20 之间", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | |
| | | sex: [{ required: true, message: "性别不能为空", trigger: "blur" }], |
| | | age: [{ required: true, message: "年龄不能为空", trigger: "blur" }], |
| | | nation: [{ required: true, message: "民族不能为空", trigger: "blur" }], |
| | | telcode: [ |
| | | { required: true, message: "联系方式不能为空", trigger: "blur" }, |
| | | { |
| | | pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, |
| | | message: "请输入正确的手机号码", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | |
| | | idcardno: [ |
| | | { required: true, message: "证件号可能为空", trigger: "blur" }, |
| | | { |
| | | pattern: |
| | | /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/, |
| | | message: "请输入正确的身份证号码", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | placeOfResidence: [ |
| | | { required: true, message: "居住地不能为空", trigger: "blur" }, |
| | | ], |
| | | birthplace: [ |
| | | { required: true, message: "出生地不能为空", trigger: "blur" }, |
| | | ], |
| | | }, |
| | | }; |
| | | }, |
| | |
| | | created() { |
| | | this.getList(); |
| | | this.gettabList(); |
| | | this.topqueryParams.leaveldeptcodes = store.getters.belongDepts.map( |
| | | (obj) => obj.deptCode |
| | | ); |
| | | this.topqueryParams.leavehospitaldistrictcodes = |
| | | store.getters.belongWards.map((obj) => obj.districtCode); |
| | | //获取已筛选后的可选任务类型 |
| | | this.taskoptions = store.getters.Serviceauthority; |
| | | }, |
| | | methods: { |
| | | /** 查询患者列表 */ |
| | | getList() { |
| | | console.log(this.dict.type.sys_user_sex); |
| | | if (this.queryParams.searchscope == 1) { |
| | | this.queryParams.leaveldeptcodes = store.getters.belongDepts.map( |
| | | (obj) => obj.deptCode |
| | | ); |
| | | this.queryParams.leavehospitaldistrictcodes = null; |
| | | } else if (this.queryParams.searchscope == 2) { |
| | | this.queryParams.leavehospitaldistrictcodes = |
| | | store.getters.belongWards.map((obj) => obj.districtCode); |
| | | this.queryParams.leaveldeptcodes = null; |
| | | } else { |
| | | this.queryParams.leaveldeptcodes = store.getters.belongDepts.map( |
| | | (obj) => obj.deptCode |
| | | ); |
| | | this.queryParams.leavehospitaldistrictcodes = |
| | | store.getters.belongWards.map((obj) => obj.districtCode); |
| | | } |
| | | this.loading = true; |
| | | messagelistpatient(this.queryParams).then((response) => { |
| | | console.log(response); |
| | | this.userList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | Distributionservice(row) { |
| | | this.serviceVisible = true; |
| | | openContractDialog(row) { |
| | | this.currentPatient = { ...row }; // 设置当前患者 |
| | | this.contractDialogVisible = true; |
| | | this.contractStep = 1; |
| | | // 重置表单数据 |
| | | this.tempContractData = { |
| | | servicePackage: null, |
| | | contractPeriod: 1, |
| | | remark: "", |
| | | }; |
| | | }, |
| | | // 下一步操作 |
| | | nextStep() { |
| | | if (this.contractStep < 2) { |
| | | this.contractStep++; |
| | | } else { |
| | | this.submitContract(); |
| | | } |
| | | }, |
| | | |
| | | // 上一步操作 |
| | | prevStep() { |
| | | if (this.contractStep > 1) { |
| | | this.contractStep--; |
| | | } |
| | | }, |
| | | // 获取选中的服务套餐信息 |
| | | getSelectedPackage() { |
| | | return ( |
| | | this.servicePackages.find( |
| | | (pkg) => pkg.id === this.tempContractData.servicePackage |
| | | ) || {} |
| | | ); |
| | | }, |
| | | |
| | | // 模拟提交签约信息 |
| | | submitContract() { |
| | | // 这里是前端模拟操作,实际开发中应通过API提交数据 |
| | | const contractInfo = { |
| | | patientId: this.currentPatient.id, |
| | | patientName: this.currentPatient.name, |
| | | package: this.getSelectedPackage(), |
| | | period: this.tempContractData.contractPeriod, |
| | | signDate: new Date().toISOString().split("T")[0], |
| | | remark: this.tempContractData.remark, |
| | | }; |
| | | |
| | | console.log("模拟签约数据:", contractInfo); |
| | | |
| | | // 模拟成功提示 |
| | | this.$message.success( |
| | | `已成功为 ${this.currentPatient.name} 签约 ${ |
| | | this.getSelectedPackage().name |
| | | }` |
| | | ); |
| | | |
| | | // 关闭对话框 |
| | | this.closeContractDialog(); |
| | | |
| | | // 可以在这里触发其他操作,如刷新患者列表等 |
| | | }, |
| | | // 关闭对话框并重置状态 |
| | | closeContractDialog() { |
| | | this.contractDialogVisible = false; |
| | | this.contractStep = 1; |
| | | this.tempContractData = { |
| | | servicePackage: null, |
| | | contractPeriod: 1, |
| | | remark: "", |
| | | }; |
| | | }, |
| | | RiskMarker(row) { |
| | | this.RiskVisible = true; |
| | | this.RiskObj = row; |
| | | }, |
| | | |
| | | // 取消按钮 |
| | |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.dateRange = []; |
| | | this.resetForm("queryForm"); |
| | | this.$refs.tree.setCurrentKey(null); |
| | | this.queryParams = { |
| | | pageNum: 1, |
| | | allhosp: "0", |
| | | pageSize: 10, |
| | | searchscope: 2, |
| | | }; |
| | | this.handleQuery(); |
| | | }, |
| | | // 多选框选中数据 |
| | |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | | console.log(row); |
| | | const userIds = row.id || this.ids; |
| | | particularpatient(userIds).then((response) => { |
| | | console.log(response); |
| | | this.form = response.data; |
| | | }); |
| | | this.amendtag = true; |
| | | this.Labelchange = true; |
| | | // const userIds = row.id || this.ids; |
| | | // particularpatient(userIds).then((response) => { |
| | | // this.form = response.data; |
| | | // }); |
| | | // this.amendtag = true; |
| | | // this.Labelchange = true; |
| | | }, |
| | | //修改/新增患者 |
| | | submitForm() { |
| | | if (this.amendtag) { |
| | | this.form.isoperation = 2; |
| | | alterpatient(this.form) |
| | | .then((response) => { |
| | | console.log(response); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("修改成功"); |
| | | }); |
| | | } else { |
| | | this.form.isoperation = 1; |
| | | alterpatient(this.form) |
| | | .then((response) => { |
| | | console.log(response); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("添加成功"); |
| | | }); |
| | | } |
| | | this.reset(); |
| | | // this.idds = ""; |
| | | this.Labelchange = false; |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.amendtag) { |
| | | this.form.isoperation = 2; |
| | | this.form.notrequiredFlag = 1; |
| | | alterpatient(this.form) |
| | | .then((response) => { |
| | | console.log(response); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("患者过滤成功"); |
| | | }); |
| | | } else { |
| | | this.form.isoperation = 1; |
| | | alterpatient(this.form) |
| | | .then((response) => { |
| | | console.log(response); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("添加成功"); |
| | | }); |
| | | } |
| | | this.reset(); |
| | | // this.idds = ""; |
| | | this.Labelchange = false; |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | /** 删除按钮操作 */ |
| | |
| | | query: { type: this.serviceradio }, |
| | | }); |
| | | }, |
| | | RiskService() { |
| | | this.RiskObj.visitFlag = this.Risklist.join(", "); |
| | | this.RiskObj.visitType = this.Riskradio; |
| | | alterpatient(this.RiskObj).then((res) => { |
| | | if (res.code == 200) { |
| | | this.getList(); |
| | | this.Risklist = []; |
| | | this.Riskradio = 1; |
| | | this.$modal.msgSuccess("异常记录成功"); |
| | | } |
| | | }); |
| | | }, |
| | | distribute() { |
| | | this.distributeVisible = true; |
| | | if (this.tasktopic == 1) { |
| | | this.topqueryParams.type = 3; |
| | | } else if (this.tasktopic == 2) { |
| | | this.topqueryParams.type = 1; |
| | | } else if (this.tasktopic == 3) { |
| | | this.topqueryParams.type = 1; |
| | | } else if (this.tasktopic == 4) { |
| | | this.topqueryParams.type = 1; |
| | | if ( |
| | | this.tasktopic == 2 || |
| | | this.tasktopic == 3 || |
| | | this.tasktopic == 1 || |
| | | this.tasktopic == 7 || |
| | | this.tasktopic == 6 |
| | | ) { |
| | | this.topqueryParams.type = "2"; |
| | | } else if (this.tasktopic == 4 || this.tasktopic == 8) { |
| | | this.topqueryParams.type = "3"; |
| | | } else if (this.tasktopic == 5) { |
| | | this.topqueryParams.type = 1; |
| | | } else if (this.tasktopic == 6) { |
| | | this.topqueryParams.type = 2; |
| | | this.topqueryParams.type = "1"; |
| | | } |
| | | this.topqueryParams.typename = this.findLabelByValue( |
| | | this.taskoptions, |
| | | this.tasktopic |
| | | ); |
| | | this.topqueryParams.serviceType = Number(this.tasktopic); |
| | | getTasklist(this.topqueryParams).then((response) => { |
| | | this.taskuserList = response.rows; |
| | | this.tasktotal = response.total; |
| | |
| | | /** 下载模板操作 */ |
| | | importTemplate() { |
| | | this.download( |
| | | "system/user/importTemplate", |
| | | "smartor/import/getImportPatTemplate", |
| | | {}, |
| | | `user_template_${new Date().getTime()}.xlsx` |
| | | ); |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .Questionnairemanagement { |
| | | display: flex; |
| | | } |
| | | // .Questionnairemanagement { |
| | | // display: flex; |
| | | // } |
| | | .sidecolumn { |
| | | width: 180px; |
| | | min-height: 100vh; |
| | |
| | | // display: flex; |
| | | margin-top: 20px; |
| | | margin: 20px; |
| | | padding: 30px; |
| | | padding: 15px; |
| | | background: #d0e9fd; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | |
| | | margin-top: 30px; |
| | | display: center !important; |
| | | } |
| | | } |
| | | .package-card.active { |
| | | border-color: #409EFF; |
| | | background-color: #f0f9ff; |
| | | } |
| | | |
| | | .step-content { |
| | | min-height: 300px; |
| | | } |
| | | |
| | | .dialog-footer { |
| | | text-align: right; |
| | | } |
| | | .preview-left { |
| | | margin: 20px; |
| | |
| | | cursor: pointer; /* 鼠标悬浮时变为手形 */ |
| | | } |
| | | .leftvlue { |
| | | width: 80%; |
| | | margin-top: 10px; |
| | | width: 100%; |
| | | // margin-top: 10px; |
| | | } |
| | | .leftvlue-bg { |
| | | // display: flex; |