xinyilu/NurseStationOperateUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
闫晓茹 2023-03-10 15:48:30 +08:00
parent 42b2a9d693
commit c7859afa5c
1 changed files with 182 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

274
src/views/system/hospitalPerson/index.vue
View File

@ -8,11 +8,22 @@
v-show="showSearch" v-show="showSearch"
label-width="130px" label-width="130px"
> >
<el-form-item label="所属医院" prop="hospitalId">
<el-button type class="stationbtn" @click="clickinnerVisible(true)">
{{ queryParams.hospitalName }}
</el-button>
</el-form-item>
<el-form-item label="所属科室" prop="departmentId" label-width="100px">
<el-button type class="stationbtn" @click="clicklist(true)">
{{ queryParams.departmentName }}
</el-button>
</el-form-item>
<el-form-item label="人员名称" prop="personName"> <el-form-item label="人员名称" prop="personName">
<el-input <el-input
v-model="queryParams.personName" v-model="queryParams.personName"
placeholder="请输入科室人员名称" placeholder="请输入科室人员名称"
clearable clearable
maxlength="7"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -182,18 +193,19 @@
<el-button <el-button
type="" type=""
v-if="form.hospitalName == '请选择所属医院'" v-if="form.hospitalName == '请选择所属医院'"
@click="clickinnerVisible()" @click="clickinnerVisible(false)"
style=" style="
width: 210px; width: 210px;
text-align: left; text-align: left;
height: 36px; height: 36px;
color: #c0c4cc; color: #c0c4cc;
overflow: hidden; overflow: hidden;
" "
>{{ form.hospitalName }}</el-button >{{ form.hospitalName }}</el-button
> >
<el-button <el-button
@click="clickinnerVisible()" @click="clickinnerVisible(false)"
type="" type=""
v-else v-else
style=" style="
@ -210,7 +222,7 @@
<el-button <el-button
type="" type=""
v-if="form.departmentName == '请选择所属科室'" v-if="form.departmentName == '请选择所属科室'"
@click="clicklist()" @click="clicklist(false)"
style=" style="
width: 210px; width: 210px;
text-align: left; text-align: left;
@ -221,7 +233,7 @@
>{{ form.departmentName }}</el-button >{{ form.departmentName }}</el-button
> >
<el-button <el-button
@click="clicklist()" @click="clicklist(false)"
type="" type=""
v-else v-else
style=" style="
@ -235,7 +247,11 @@
> >
</el-form-item> </el-form-item>
<el-form-item label="人员名称" prop="personName"> <el-form-item label="人员名称" prop="personName">
<el-input v-model="form.personName" placeholder="请输入人员名称" /> <el-input
v-model="form.personName"
maxlength="7"
placeholder="请输入人员名称"
/>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" prop="personPhone"> <el-form-item label="联系电话" prop="personPhone">
<el-input <el-input
@ -249,6 +265,7 @@
<el-input <el-input
v-model="form.personAddress" v-model="form.personAddress"
style="width: 210px" style="width: 210px"
maxlength="300"
placeholder="请输入人员地址" placeholder="请输入人员地址"
/> />
</el-form-item> </el-form-item>
@ -277,8 +294,8 @@
<el-form-item label="咨询费用" prop="consultingFee"> <el-form-item label="咨询费用" prop="consultingFee">
<el-input <el-input
maxlength="10" maxlength="10"
oninput="value=value.replace(/[^\d]/g,'')" :change="checkPrice()"
v-model.number="form.consultingFee" v-model="form.consultingFee"
placeholder="请输入咨询费用" placeholder="请输入咨询费用"
/> />
</el-form-item> </el-form-item>
@ -302,11 +319,10 @@
type="textarea" type="textarea"
:rows="5" :rows="5"
maxlength="30" maxlength="30"
style="width: 540px;" style="width: 540px"
placeholder="请输入个人简介" placeholder="请输入个人简介"
v-model="form.personIntroduce" v-model="form.personIntroduce"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<div <div
v-for="(item, index) in form.hospitalPersonCertificateList" v-for="(item, index) in form.hospitalPersonCertificateList"
@ -427,7 +443,7 @@
<el-button <el-button
type="primary" type="primary"
style="width: 15px; height: 15px" style="width: 15px; height: 15px"
v-if="form.hospitalId == scope.row.id" v-if="hospitalId == scope.row.id"
circle circle
@click="nurseclick(scope.row)" @click="nurseclick(scope.row)"
></el-button> ></el-button>
@ -539,7 +555,7 @@
<el-button <el-button
type="primary" type="primary"
style="width: 15px; height: 15px" style="width: 15px; height: 15px"
v-if="form.departmentId == scope.row.id" v-if="departmentId == scope.row.id"
circle circle
@click="departmentclick(scope.row)" @click="departmentclick(scope.row)"
></el-button> ></el-button>
@ -605,7 +621,7 @@
<el-button <el-button
type="" type=""
v-if="form.hospitalName == '请选择所属医院'" v-if="form.hospitalName == '请选择所属医院'"
@click="clickinnerVisiblexg()" @click="clickinnerVisible(false)"
style=" style="
width: 250px; width: 250px;
text-align: left; text-align: left;
@ -616,7 +632,7 @@
>{{ form.hospitalName }}</el-button >{{ form.hospitalName }}</el-button
> >
<el-button <el-button
@click="clickinnerVisiblexg()" @click="clickinnerVisible(false)"
type="" type=""
v-else v-else
style=" style="
@ -633,7 +649,7 @@
<el-button <el-button
type="" type=""
v-if="form.departmentName == '请选择所属科室'" v-if="form.departmentName == '请选择所属科室'"
@click="clickdepartmentlist()" @click="clicklist(false)"
style=" style="
width: 250px; width: 250px;
text-align: left; text-align: left;
@ -644,7 +660,7 @@
>{{ form.departmentName }}</el-button >{{ form.departmentName }}</el-button
> >
<el-button <el-button
@click="clickdepartmentlist()" @click="clicklist(false)"
type="" type=""
v-else v-else
style=" style="
@ -660,9 +676,9 @@
<el-form-item label="人员名称" prop="personName"> <el-form-item label="人员名称" prop="personName">
<el-input <el-input
v-model="form.personName" v-model="form.personName"
maxlength="7"
placeholder="请输入人员名称" placeholder="请输入人员名称"
style="width: 250px" style="width: 250px"
maxlength="15"
/> />
</el-form-item> </el-form-item>
<el-form-item label="联系电话" prop="personPhone"> <el-form-item label="联系电话" prop="personPhone">
@ -678,6 +694,7 @@
v-model="form.personAddress" v-model="form.personAddress"
placeholder="请输入科室地址" placeholder="请输入科室地址"
style="width: 250px" style="width: 250px"
maxlength="300"
/> />
</el-form-item> </el-form-item>
@ -707,10 +724,10 @@
</el-form-item> </el-form-item>
<el-form-item label="咨询费用" prop="consultingFee"> <el-form-item label="咨询费用" prop="consultingFee">
<el-input <el-input
v-model.number="form.consultingFee" v-model="form.consultingFee"
placeholder="请输入咨询费用" placeholder="请输入咨询费用"
maxlength="10" maxlength="10"
oninput="value=value.replace(/[^\d]/g,'')" :change="checkPrice()"
style="width: 250px" style="width: 250px"
/> />
</el-form-item> </el-form-item>
@ -735,10 +752,10 @@
prop="personIntroduce" prop="personIntroduce"
style="margin-top: 10px; margin-left: 10px" style="margin-top: 10px; margin-left: 10px"
> >
<el-input <el-input
type="textarea" type="textarea"
:rows="5" :rows="5"
style="width: 540px;" style="width: 540px"
placeholder="请输入个人简介" placeholder="请输入个人简介"
v-model="form.personIntroduce" v-model="form.personIntroduce"
></el-input> ></el-input>
@ -751,8 +768,7 @@
> >
<el-form-item <el-form-item
label="证书名称" label="证书名称"
:rules="hospitalPersonCertificateList.certificateName" prop="hospitalPersonCertificateList[0].certificateName"
:prop="`hospitalPersonCertificateList.${index}.certificateName`"
> >
<el-input <el-input
maxlength="90" maxlength="90"
@ -763,8 +779,7 @@
<el-form-item <el-form-item
label="证书图片" label="证书图片"
:rules="hospitalPersonCertificateList.certificateUrl" prop="hospitalPersonCertificateList[0].certificateUrl"
:prop="`hospitalPersonCertificateList.${index}.certificateUrl`"
> >
<stationAcatar <stationAcatar
@imgUrl="imgUrl" @imgUrl="imgUrl"
@ -776,8 +791,7 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="证书显示顺序" label="证书显示顺序"
:rules="hospitalPersonCertificateList.certificateSort" prop="hospitalPersonCertificateList[0].certificateSort"
:prop="`hospitalPersonCertificateList.${index}.certificateSort`"
> >
<el-input <el-input
oninput="value=value.replace(/[^\d]/g,'')" oninput="value=value.replace(/[^\d]/g,'')"
@ -786,7 +800,7 @@
placeholder="请输入证书显示顺序" placeholder="请输入证书显示顺序"
/> />
</el-form-item> </el-form-item>
<el-button <!-- <el-button
type="primary" type="primary"
circle circle
plain plain
@ -801,7 +815,7 @@
plain plain
@click="deldisease(index)" @click="deldisease(index)"
v-if="index != 0" v-if="index != 0"
></el-button> ></el-button> -->
</div> </div>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -810,7 +824,7 @@
</div> </div>
</el-dialog> </el-dialog>
<!--修改 选择医院 --> <!--修改 选择医院 -->
<el-dialog <!-- <el-dialog
title="选择医院" title="选择医院"
:visible.sync="innerVisiblexg" :visible.sync="innerVisiblexg"
width="1000px" width="1000px"
@ -862,7 +876,7 @@
<el-button <el-button
type="primary" type="primary"
style="width: 15px; height: 15px" style="width: 15px; height: 15px"
v-if="form.hospitalId == scope.row.id" v-if="hospitalId == scope.row.id"
circle circle
@click="nurseclickxg(scope.row)" @click="nurseclickxg(scope.row)"
></el-button> ></el-button>
@ -901,7 +915,7 @@
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
> >
</el-table-column> --> </el-table-column> -->
<el-table-column <!-- <el-table-column
property="phone" property="phone"
label="联系电话" label="联系电话"
align="center" align="center"
@ -916,9 +930,9 @@
:limit.sync="hospitalqueryParams.pageSize" :limit.sync="hospitalqueryParams.pageSize"
@pagination="info" @pagination="info"
/> />
</el-dialog> </el-dialog> -->
<!-- 修改科室 --> <!-- 修改科室 -->
<el-dialog <!-- <el-dialog
title="选择科室" title="选择科室"
:visible.sync="innerVisibledepartmentxg" :visible.sync="innerVisibledepartmentxg"
width="1000px" width="1000px"
@ -973,15 +987,15 @@
<el-button <el-button
type="primary" type="primary"
style="width: 15px; height: 15px" style="width: 15px; height: 15px"
v-if="form.departmentId == scope.row.id" v-if="departmentId == scope.row.id"
circle circle
@click="departmentclickxg(scope.row)" @click="departmentclick(scope.row)"
></el-button> ></el-button>
<el-button <el-button
v-else v-else
style="width: 15px; height: 15px" style="width: 15px; height: 15px"
circle circle
@click="departmentclickxg(scope.row)" @click="departmentclick(scope.row)"
></el-button> ></el-button>
</template> </template>
</el-table-column> </el-table-column>
@ -1020,7 +1034,7 @@
:limit.sync="departmentqueryParams.pageSize" :limit.sync="departmentqueryParams.pageSize"
@pagination="departmentList" @pagination="departmentList"
/> />
</el-dialog> </el-dialog> -->
</div> </div>
</template> </template>
@ -1126,6 +1140,7 @@ export default {
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
addopen: false, addopen: false,
homenumber: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
@ -1134,6 +1149,8 @@ export default {
departmentId: null, departmentId: null,
personCode: null, personCode: null,
personName: null, personName: null,
departmentName: null,
hospitalName: null,
personPhone: null, personPhone: null,
personAddress: null, personAddress: null,
cardNo: null, cardNo: null,
@ -1160,11 +1177,12 @@ export default {
departmentqueryParams: { departmentqueryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
hospitalId: "",
departmentCode: "", departmentCode: "",
departmentName: "", departmentName: "",
}, },
infolist: [], infolist: [],
deletUploadImages:[], deletUploadImages: [],
// 表单校验 // 表单校验
rules: { rules: {
hospitalId: [ hospitalId: [
@ -1345,7 +1363,24 @@ export default {
this.info(); this.info();
}, },
methods: { methods: {
/**只能输入数字且有小数点最多保留两位*/
checkPrice() {
let checkPlan = "" + this.form.consultingFee;
checkPlan = checkPlan
.replace(/[^\d.]/g, "") // 清除“数字”和“.”以外的字符
.replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的
.replace(/^\./g, "") // 保证第一个为数字而不是.
.replace(".", "$#$")
.replace(/\./g, "")
.replace("$#$", ".");
if (checkPlan.indexOf(".") < 0 && checkPlan !== "") {
// 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
checkPlan = parseFloat(checkPlan) + "";
} else if (checkPlan.indexOf(".") >= 0) {
checkPlan = checkPlan.replace(/^()*(\d+)\.(\d\d).*$/, "$1$2.$3"); // 只能输入两个小数
}
this.form.consultingFee = checkPlan;
},
//接收图片所属的item //接收图片所属的item
imgclassifyItem(item) { imgclassifyItem(item) {
let imgUrlData = JSON.parse(item); let imgUrlData = JSON.parse(item);
@ -1366,52 +1401,69 @@ export default {
}, },
imgUrl(imgUrl) { imgUrl(imgUrl) {
console.log(imgUrl,'新上传'); console.log(imgUrl, "新上传");
this.form.personPictureUrl = imgUrl; this.form.personPictureUrl = imgUrl;
this.deletUploadImages.push(imgUrl) this.deletUploadImages.push(imgUrl);
}, },
nurseclick(row) { nurseclick(row) {
console.log(row); console.log(this.homenumber);
this.form.hospitalName = row.hospitalName; if (this.homenumber) {
this.queryParams.hospitalName = row.hospitalName;
this.queryParams.hospitalId = row.id;
} else {
this.hospitalId = row.id;
// this.form.hospitalId = row.id;
this.form.hospitalName = row.hospitalName;
}
this.form.hospitalId = row.id; this.form.hospitalId = row.id;
this.innerVisible = false; this.innerVisible = false;
// this.stationcancel();
}, },
nurseclickxg(row) { // nurseclickxg(row) {
console.log(row); // console.log(row);
this.form.hospitalName = row.hospitalName; // this.form.hospitalName = row.hospitalName;
this.form.hospitalId = row.id; // this.hospitalId = row.id;
this.innerVisiblexg = false; // this.innerVisiblexg = false;
}, // },
// 科室 // 科室
departmentclick(row) { departmentclick(row) {
console.log(row); console.log(row);
this.departmentId = row.id;
this.form.departmentName = row.departmentName; this.form.departmentName = row.departmentName;
this.form.departmentId = row.id; // this.form.departmentId = row.id;
// } if (this.homenumber) {
this.queryParams.departmentName = row.departmentName;
this.queryParams.departmentId = row.id;
this.form.departmentId = row.id;
} else {
this.form.departmentId = row.id;
this.form.departmentName = row.departmentName;
}
this.innerVisibledepartment = false; this.innerVisibledepartment = false;
}, },
departmentclickxg(row) { // departmentclickxg(row) {
console.log(row); // console.log(row);
this.form.departmentName = row.departmentName; // this.form.departmentName = row.departmentName;
this.form.departmentId = row.id; // this.departmentId = row.id;
// } // // }
this.innerVisibledepartmentxg = false; // this.innerVisibledepartmentxg = false;
}, // },
//医院关闭 //医院关闭
innerVisiblecancel() { innerVisiblecancel() {
this.innerVisible = false; this.innerVisible = false;
}, },
innerVisiblecancelxg() { // innerVisiblecancelxg() {
this.innerVisiblexg = false; // this.innerVisiblexg = false;
}, // },
//科室关闭 //科室关闭
innerVisiblecanceldepart() { innerVisiblecanceldepart() {
this.innerVisibledepartment = false; this.innerVisibledepartment = false;
}, },
innerVisiblecanceldepartxg() { // innerVisiblecanceldepartxg() {
this.innerVisibledepartmentxg = false; // this.innerVisibledepartmentxg = false;
}, // },
//删除deldisease //删除deldisease
deldisease(index) { deldisease(index) {
this.form.hospitalPersonCertificateList.splice(index, 1); this.form.hospitalPersonCertificateList.splice(index, 1);
@ -1419,9 +1471,9 @@ export default {
adddisease() { adddisease() {
this.idd++; this.idd++;
var obj = { var obj = {
certificateName: "", certificateName: null,
certificateSort: "", certificateSort: null,
certificateUrl: "", certificateUrl: null,
idd: this.idd, idd: this.idd,
}; };
if (this.form.hospitalPersonCertificateList.length == 5) { if (this.form.hospitalPersonCertificateList.length == 5) {
@ -1433,6 +1485,7 @@ export default {
/** 查询健康咨询-科室人员信息列表 */ /** 查询健康咨询-科室人员信息列表 */
getList() { getList() {
this.loading = true; this.loading = true;
// this.queryParams.hospitalId = this.form.hospitalId;
listHospitalPerson(this.queryParams).then((response) => { listHospitalPerson(this.queryParams).then((response) => {
this.hospitalPersonList = response.rows; this.hospitalPersonList = response.rows;
this.total = response.total; this.total = response.total;
@ -1440,28 +1493,40 @@ export default {
}); });
}, },
// 新增医院按钮 // 新增医院按钮
clickinnerVisible() { clickinnerVisible(item) {
console.log(item);
this.info(); this.info();
this.innerVisible = true; this.innerVisible = true;
this.homenumber = item;
if (this.homenumber) {
this.hospitalId = this.queryParams.hospitalId;
} else {
this.hospitalId = this.form.hospitalId;
}
}, },
// 修改医院按钮 // // 修改医院按钮
clickinnerVisiblexg() { // clickinnerVisiblexg() {
this.addresetQuery(); // this.addresetQuery();
this.innerVisiblexg = true; // this.innerVisiblexg = true;
}, // },
//新增科室按钮 //新增科室按钮
clicklist() { clicklist(item) {
this.departmentList(); this.homenumber = item;
this.innerVisibledepartment = true; if (this.homenumber) {
}, // 为查询页面时
// 修改科室按钮 this.hospitalId = this.queryParams.hospitalId;
clickdepartmentlist() { } else {
this.departmentList(); this.hospitalId = this.form.hospitalId;
// this.form.departmentId = item.departmentId; }
this.innerVisibledepartmentxg = true; if (this.hospitalId) {
this.departmentList();
this.innerVisibledepartment = true;
} else {
this.$message.error("请先选择所属医院");
}
}, },
departmentList() { departmentList() {
// this.loading = true; this.departmentqueryParams.hospitalId = this.hospitalId;
listHospitalDepartment(this.departmentqueryParams).then((response) => { listHospitalDepartment(this.departmentqueryParams).then((response) => {
this.hospitalDepartmentList = response.rows; this.hospitalDepartmentList = response.rows;
this.total3 = response.total; this.total3 = response.total;
@ -1504,10 +1569,12 @@ export default {
}); });
} }
console.log("2222", this.deletNewImgs); console.log("2222", this.deletNewImgs);
if(this.deletUploadImages.length>0){ if (this.deletUploadImages.length > 0) {
updatePicture({pictureUrlList:this.deletUploadImages}).then((res) => { updatePicture({ pictureUrlList: this.deletUploadImages }).then(
this.open = false; (res) => {
}); this.open = false;
}
);
} }
this.imgsurl = { pictureUrlList: [] }; this.imgsurl = { pictureUrlList: [] };
this.addopen = false; this.addopen = false;
@ -1532,6 +1599,8 @@ export default {
personPictureUrl: null, personPictureUrl: null,
createBy: null, createBy: null,
createTime: null, createTime: null,
departmentId: null,
hospitalId: null,
updateBy: null, updateBy: null,
updateTime: null, updateTime: null,
hospitalName: "请选择所属医院", hospitalName: "请选择所属医院",
@ -1544,7 +1613,7 @@ export default {
}, },
], ],
}; };
this.deletUploadImages=[] this.deletUploadImages = [];
// this.resetForm("form"); // this.resetForm("form");
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
@ -1554,7 +1623,17 @@ export default {
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm("queryForm"); this.form.departmentId = "";
this.form.hospitalId = "";
this.departmentqueryParams = {
pageNum: 1,
pageSize: 10,
};
this.queryParams = {
pageNum: 1,
pageSize: 10,
};
// this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
}, },
// 多选框选中数据 // 多选框选中数据
@ -1593,6 +1672,10 @@ export default {
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
if (this.form.consultingFee) {
this.form.consultingFee = Number(this.form.consultingFee);
}
this.$refs["form"].validate((valid) => { this.$refs["form"].validate((valid) => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
@ -1615,9 +1698,7 @@ export default {
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$modal this.$modal
.confirm( .confirm("是否确认删除此人员信息？")
'是否确认删除此人员信息？'
)
.then(function () { .then(function () {
return delHospitalPerson(ids); return delHospitalPerson(ids);
}) })
@ -1640,3 +1721,12 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped>
.stationbtn {
width: 208px;
text-align: left;
height: 32px;
overflow: hidden;
font-size: 14px;
}
</style>