pengjun
1 year ago
9 changed files with 1411 additions and 19 deletions
-
132src/components/patientRegister/PatientRegisterEdit.vue
-
219src/components/third/ThirdMedicalCenterBookDateList.vue
-
178src/components/third/ThirdMedicalCenterEdit.vue
-
340src/components/third/thirdMedicalCenter.vue
-
497src/components/webBooking/WebBookingMzak.vue
-
6src/router/index.js
-
7src/store/index.js
-
3src/views/basic-dictionary/ThirdPartyInterfaces.vue
-
48src/views/customerOrg/customerOrgGroup.vue
@ -0,0 +1,219 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div> |
||||
|
<div class="contenttitle"> |
||||
|
明细记录 |
||||
|
</div> |
||||
|
<!--公共表分类信息--> |
||||
|
<div style="display: flex; font-size: 14px"> |
||||
|
<div :style="'display: block;width:' + (window.pageWidth - window.pageMarginWidth - 110 - 5) + 'px;'"> |
||||
|
<el-table id="thirdMedicalCenterBookingDate" :data="thirdMedicalCenterBookingDate" |
||||
|
ref="thirdMedicalCenterBookingDate" row-key="id" border :height="`${tableHeight}px`" size="small" |
||||
|
highlight-current-row :row-class-name="handleRowClassName"> |
||||
|
|
||||
|
<el-table-column type="index" label="序号" width="50" align="center" /> |
||||
|
<el-table-column label="体检中心" prop="thirdMedicalCenterId" min-width="200" align="center" /> |
||||
|
<el-table-column prop="bookingDate" label="可约日期" min-width="130" align="center" /> |
||||
|
|
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!--按钮--> |
||||
|
<div style="display: block; margin-left: 5px"> |
||||
|
<div style="margin-top: 5px"> |
||||
|
<el-button class="commonbutton" @click="btnSetBookDate">设置预约日期</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 新增或者编辑弹框 --> |
||||
|
<el-dialog title="设置可预约日期" :close-on-click-modal="false" :visible.sync="setting" width="240px" |
||||
|
@close="close_setting"> |
||||
|
<div> |
||||
|
<el-table :data="form.bookingDates" border height="480px" size="small" highlight-current-row |
||||
|
:row-class-name="handleRowClassName" row-key="id"> |
||||
|
<el-table-column label="可约日期" min-width="150" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-date-picker v-model="scope.row.bookingDate" type="date" placeholder="可约日期" size="small" |
||||
|
value-format="yyyy-MM-dd" style="width: 150px;" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="60" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<i class="el-icon-delete" @click="form.bookingDates.splice(scope.$index, 1)" |
||||
|
style="font-size: 24px;color: red;cursor:pointer;"></i> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div> |
||||
|
<el-button class="commonbutton" @click="form.bookingDates.push({ id: Math.random(), bookingDate: '' })">新增</el-button> |
||||
|
<el-button class="commonbutton" @click="btnSubmit">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
<!-- --> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import moment from "moment"; |
||||
|
import Sortable from "sortablejs"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import { mapState } from "vuex"; |
||||
|
import { |
||||
|
getPagePriv, |
||||
|
checkPagePriv, |
||||
|
dddw, |
||||
|
deepCopy, |
||||
|
objCopy, |
||||
|
arrayExistObj, |
||||
|
} from "../../utlis/proFunc"; |
||||
|
|
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
pagePriv: { |
||||
|
routeUrlorPageName: "commonTable", //当前页面归属路由或归属页面权限名称 |
||||
|
privs: [], // 页面权限 |
||||
|
}, |
||||
|
|
||||
|
thirdMedicalCenterBookingDate: [], // 公共表 |
||||
|
setting: false, |
||||
|
form: { |
||||
|
thirdMedicalCenterId: "", |
||||
|
bookingDates: [] |
||||
|
} |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState(["pickerOptions", "personnelUnit", "window", "dict", "dialogWin", "dataTransOpts"]), |
||||
|
|
||||
|
tableHeight() { |
||||
|
let h = this.window.pageHeight < 600 ? 600 : this.window.pageHeight |
||||
|
return h - this.window.pageHeaderHeight - this.window.cardHeaderHeight - this.window.pageMarginHeight - 360 |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
//获取用户当前页面的权限 |
||||
|
let userPriv = window.sessionStorage.getItem("userPriv"); |
||||
|
if (userPriv) |
||||
|
this.pagePriv.privs = deepCopy(getPagePriv(this.pagePriv.routeUrlorPageName)); |
||||
|
|
||||
|
// 清除当前选中的分组ID |
||||
|
this.dataTransOpts.tableS.third_medical_center_booking_date.id = '' |
||||
|
|
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
//获取初始数据（单位、适用性别） |
||||
|
this.dictInit(); |
||||
|
}, |
||||
|
methods: { |
||||
|
moment, |
||||
|
checkPagePriv, |
||||
|
dddw, |
||||
|
deepCopy, |
||||
|
|
||||
|
getList(body) { |
||||
|
// body = { |
||||
|
// "thirdMedicalCenterId": "string", |
||||
|
// "keyWord": "string" |
||||
|
// } |
||||
|
this.thirdMedicalCenterBookingDate = [] |
||||
|
if (!body.thirdMedicalCenterId) return |
||||
|
postapi('/api/app/ThirdMedicalCenter/GetThirdMedicalCenterBookingDateList', body).then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.thirdMedicalCenterBookingDate = res.data |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
btnSubmit() { |
||||
|
let body = { |
||||
|
thirdMedicalCenterId: this.form.thirdMedicalCenterId, |
||||
|
bookingDates: [] |
||||
|
} |
||||
|
|
||||
|
this.form.bookingDates.forEach(e => { |
||||
|
if (e.bookingDate) body.bookingDates.push(e.bookingDate) |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
postapi('/api/app/ThirdMedicalCenter/CreateThirdMedicalCenterBookingDate', body) |
||||
|
.then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.setting = false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
close_setting() { |
||||
|
this.getList({ thirdMedicalCenterId: this.dataTransOpts.tableS.third_medical_center.id }) |
||||
|
}, |
||||
|
|
||||
|
//选中颜色 |
||||
|
handleRowClassName({ row, rowIndex }) { |
||||
|
// highLightBg 为 'selected'的高亮 |
||||
|
//console.log(rowIndex, row) |
||||
|
//return row.highLightBg == 'selected' ? 'high-light-bg' : ''; |
||||
|
if (row.choosed) { |
||||
|
return "current-row"; |
||||
|
} else { |
||||
|
return ""; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//获取初始数据 |
||||
|
dictInit() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
btnSetBookDate() { |
||||
|
if (!this.dataTransOpts.tableS.third_medical_center.id) { |
||||
|
this.$message.warning({ showClose: true, message: '未选择体检中心' }) |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
this.form.thirdMedicalCenterId = this.dataTransOpts.tableS.third_medical_center.id |
||||
|
this.form.bookingDates = deepCopy(this.thirdMedicalCenterBookingDate) |
||||
|
|
||||
|
this.setting = true |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//监听事件 |
||||
|
watch: { |
||||
|
// 刷新公共表数据 |
||||
|
"dataTransOpts.refresh.third_medical_center_booking_date.M": { |
||||
|
// immediate:true, |
||||
|
handler(newVal, oldVal) { |
||||
|
console.log(`watch 公共表分类 newVal:${newVal} oldVal:${oldVal} thirdMedicalCenterId: ${this.dataTransOpts.tableS.third_medical_center.id}`); |
||||
|
if (newVal != oldVal) this.getList({ thirdMedicalCenterId: this.dataTransOpts.tableS.third_medical_center.id }); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import "../../assets/css/global_button.css"; |
||||
|
@import "../../assets/css/global_dialog.css"; |
||||
|
@import "../../assets/css/global_table.css"; |
||||
|
@import "../../assets/css/global_form.css"; |
||||
|
@import "../../assets/css/global_input.css"; |
||||
|
@import "../../assets/css/global.css"; |
||||
|
|
||||
|
.btnClass { |
||||
|
width: 100px; |
||||
|
margin-bottom: 5px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,178 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-form :model="form" label-width="80px" :rules="rules" ref="form"> |
||||
|
<!-- |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item prop="id" label="编号"> |
||||
|
<el-input v-model="form.id" size="small" :disabled="editType == 'update'" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
--> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item prop="displayName" label="体检中心"> |
||||
|
<el-input v-model="form.displayName" size="small" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item prop="customerOrgGroupId" label="分组"> |
||||
|
<el-select v-model="form.customerOrgGroupId" placeholder="请选择" filterable style="width: 500px" size="small"> |
||||
|
<el-option v-for="item in customerOrgGroups" :key="item.id" :label="item.displayName" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div style="display: flex;margin-top: 15px;justify-content:space-between;"> |
||||
|
<div></div> |
||||
|
<div style="display: flex;"> |
||||
|
<el-button class="commonbutton" @click="dialogWin.ThirdMedicalCenterEdit = false">关闭</el-button> |
||||
|
<!-- |
||||
|
<el-button type="success" @click="computePrice">同比折算组合项目价格</el-button> |
||||
|
--> |
||||
|
<el-button class="commonbutton" type="primary" @click="onSubmit('form')">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import moment from "moment"; |
||||
|
|
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import { mapState } from "vuex"; |
||||
|
import { |
||||
|
dddw, |
||||
|
deepCopy, |
||||
|
objCopy, |
||||
|
arrayExistObj, |
||||
|
} from "../../utlis/proFunc"; |
||||
|
|
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
props: ["params"], |
||||
|
data() { |
||||
|
return { |
||||
|
form: { |
||||
|
id: "", |
||||
|
displayName: "", |
||||
|
customerOrgGroupId:"", |
||||
|
}, |
||||
|
editType: 'insert', // update |
||||
|
formOri: {}, //用于对比分析哪些信息更改了（主要是价格） |
||||
|
formInit: {}, //表单初始值 |
||||
|
rules: { |
||||
|
customerOrgGroupId: [{ required: true, message: "请填写分组", trigger: "blur" }], |
||||
|
displayName: [{ required: true, message: "请填写体检中心", trigger: "blur" }], |
||||
|
}, |
||||
|
customerOrgGroups:[] |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState(["dict", "dialogWin", "dataTransOpts"]), |
||||
|
}, |
||||
|
created() { |
||||
|
this.formInit = deepCopy(this.form); |
||||
|
}, |
||||
|
mounted() { |
||||
|
// 获取初始数据（单位、适用性别） |
||||
|
this.dictInit(); |
||||
|
this.getFormData(this.params.id); |
||||
|
}, |
||||
|
methods: { |
||||
|
moment, dddw, deepCopy, |
||||
|
|
||||
|
// 获取初始数据 |
||||
|
dictInit() { |
||||
|
//字典表 |
||||
|
postapi("/api/app/CustomerOrgGroup/GetBasicList").then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
this.customerOrgGroups = res.data; |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
// 生成表单数据 |
||||
|
getFormData(id) { |
||||
|
if (id) { |
||||
|
postapi('/api/app/ThirdMedicalCenter/Get', { thirdMedicalCenterId: id }) |
||||
|
.then(res => { |
||||
|
if (res.code != -1) { |
||||
|
this.formOri = deepCopy(res.data) |
||||
|
this.form = deepCopy(res.data) |
||||
|
} |
||||
|
}) |
||||
|
this.editType = 'update' |
||||
|
} else { |
||||
|
console.log('this.formInit', this.formInit) |
||||
|
this.form = deepCopy(this.formInit) |
||||
|
this.editType = 'insert' |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
onSubmit(formName) { |
||||
|
this.$refs[formName].validate((valid, fields) => { |
||||
|
if (!valid) { |
||||
|
this.$message.warning(fields[Object.keys(fields)[0]][0].message); |
||||
|
return false; |
||||
|
} |
||||
|
|
||||
|
let url = '/api/app/ThirdMedicalCenter/Create' |
||||
|
let body = deepCopy(this.form); |
||||
|
body.thirdMedicalCenterId = body.id |
||||
|
|
||||
|
if (this.editType == 'update') { |
||||
|
url = '/api/app/ThirdMedicalCenter/Update' |
||||
|
} |
||||
|
|
||||
|
//新增 编辑 |
||||
|
postapi(url, body) |
||||
|
.then(res => { |
||||
|
if (res.code != -1) { |
||||
|
console.log("操作成功！"); |
||||
|
this.dataTransOpts.tableS.third_medical_center.id = res.data.id |
||||
|
this.dialogWin.ThirdMedicalCenterEdit = false; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
}, |
||||
|
//监听事件 |
||||
|
watch: { |
||||
|
// 体检分组ID未切换换时 也可以强制刷新数据 |
||||
|
"dataTransOpts.refresh.third_medical_center.S": { |
||||
|
// immediate: true, |
||||
|
handler(newVal, oldVal) { |
||||
|
console.log(`watch 体检分组 newVal:${newVal} oldVal:${oldVal} this.params.id: ${this.params.id}`); |
||||
|
if(newVal != oldVal) this.getFormData(this.params.id); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import "../../assets/css/global_button.css"; |
||||
|
@import "../../assets/css/global_dialog.css"; |
||||
|
@import "../../assets/css/global_table.css"; |
||||
|
@import "../../assets/css/global_form.css"; |
||||
|
@import "../../assets/css/global_input.css"; |
||||
|
@import "../../assets/css/global.css"; |
||||
|
|
||||
|
.btnClass { |
||||
|
width: 100px; |
||||
|
margin-bottom: 5px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,340 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div> |
||||
|
<div class="contenttitle"> |
||||
|
基础资料 /<span class="contenttitleBold">第三方体检中心</span> |
||||
|
</div> |
||||
|
<!--公共表分类信息--> |
||||
|
<div style="display: flex; font-size: 14px"> |
||||
|
<div :style="'display: block;width:' + (window.pageWidth - window.pageMarginWidth - 110 - 5) + 'px;'"> |
||||
|
<el-table :data="thirdMedicalCenters" ref="thirdMedicalCenters" row-key="id" border height="340px" size="small" |
||||
|
highlight-current-row :row-class-name="handleRowClassName" @row-click="rowClick"> |
||||
|
<el-table-column type="index" label="序号" width="50" align="center" /> |
||||
|
<el-table-column label="编号" prop="id" min-width="200" align="center" /> |
||||
|
<el-table-column prop="displayName" label="第三方体检中心" min-width="150" /> |
||||
|
<el-table-column prop="customerOrgGroupId" label="分组" min-width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ dddw(customerOrgGroups,'id',scope.row.customerOrgGroupId,'displayName') }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="creatorName" label="创建者" min-width="80" align="center" /> |
||||
|
<el-table-column label="创建时间" min-width="150" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.creationTime ? moment(scope.row.creationTime).format("yyyy-MM-DD HH:mm:ss") : "" }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="lastModifierName" label="修改者" min-width="80" align="center" /> |
||||
|
<el-table-column label="修改时间" min-width="150" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.lastModificationTime ? moment(scope.row.lastModificationTime).format("yyyy-MM-DD HH:mm:ss") |
||||
|
: "" }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="操作" align="center"> |
||||
|
<template> |
||||
|
<el-tag class="move" style=" |
||||
|
cursor: move; |
||||
|
background-color: rgb(245, 245, 245); |
||||
|
border: none; |
||||
|
" draggable="true"> |
||||
|
<i class="el-icon-d-caret" style="width: 1rem; height: 1rem; color: rgb(113, 113, 113)"></i> |
||||
|
</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!--按钮--> |
||||
|
<div style="display: block; margin-left: 5px"> |
||||
|
<div style="margin-top: 5px"> |
||||
|
<el-button class="commonbutton" @click="btnAdd('')">新增</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 5px"> |
||||
|
<el-button class="commonbutton" @click="btnEdit">编辑</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 5px"> |
||||
|
<el-button class="deleteButton" @click="btnDel">删除</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 5px"> |
||||
|
<el-button class="commonbutton" @click="btnSetTopOrBottom(1)">置顶</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 5px"> |
||||
|
<el-button class="commonbutton" @click="btnSetTopOrBottom(2)">置底</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 5px"> |
||||
|
<el-button class="commonbutton" @click="btnSort" :disabled="!isDrag">保存排序</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!--可预约信息 --> |
||||
|
<div> |
||||
|
<ThirdMedicalCenterBookDateList :thirdMedicalCenter="curThirdMedicalCenter" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 新增或者编辑弹框 --> |
||||
|
<el-dialog :title="dataTransOpts.tableS.third_medical_center.id ? '编辑' : '新增'" :close-on-click-modal="false" |
||||
|
:visible.sync="dialogWin.ThirdMedicalCenterEdit" width="600px" @close="close_dialogWinThirdMedicalCenterEdit"> |
||||
|
<ThirdMedicalCenterEdit :params="ThirdMedicalCenterEditParams" /> |
||||
|
</el-dialog> |
||||
|
<!-- --> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import moment from "moment"; |
||||
|
import Sortable from "sortablejs"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import { mapState } from "vuex"; |
||||
|
import { |
||||
|
getPagePriv, |
||||
|
checkPagePriv, |
||||
|
dddw, |
||||
|
deepCopy, |
||||
|
objCopy, |
||||
|
arrayExistObj, |
||||
|
} from "../../utlis/proFunc"; |
||||
|
|
||||
|
import ThirdMedicalCenterBookDateList from "./ThirdMedicalCenterBookDateList.vue"; |
||||
|
import ThirdMedicalCenterEdit from "./ThirdMedicalCenterEdit.vue"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
ThirdMedicalCenterBookDateList, ThirdMedicalCenterEdit |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
pagePriv: { |
||||
|
routeUrlorPageName: "thirdMedicalCenter", //当前页面归属路由或归属页面权限名称 |
||||
|
privs: [], // 页面权限 |
||||
|
}, |
||||
|
thirdMedicalCenters: [], //公共表分类 |
||||
|
|
||||
|
|
||||
|
curThirdMedicalCenter: {}, // 当前选中分组 |
||||
|
ThirdMedicalCenterEditParams: {}, //分组 新增时 用到参数 |
||||
|
|
||||
|
isDrag: false, |
||||
|
customerOrgGroups:[] |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState(["personnelUnit", "window", "dict", "dialogWin", "dataTransOpts"]), |
||||
|
}, |
||||
|
created() { |
||||
|
//获取用户当前页面的权限 |
||||
|
let userPriv = window.sessionStorage.getItem("userPriv"); |
||||
|
if (userPriv) |
||||
|
this.pagePriv.privs = deepCopy(getPagePriv(this.pagePriv.routeUrlorPageName)); |
||||
|
|
||||
|
// 清除当前选中的分组ID |
||||
|
this.dataTransOpts.tableS.third_medical_center.id = '' |
||||
|
|
||||
|
this.rowDrop(); |
||||
|
}, |
||||
|
mounted() { |
||||
|
//获取初始数据（单位、适用性别） |
||||
|
this.dictInit(); |
||||
|
}, |
||||
|
methods: { |
||||
|
moment, |
||||
|
checkPagePriv, |
||||
|
dddw, |
||||
|
deepCopy, |
||||
|
|
||||
|
//确定排序 |
||||
|
btnSort() { |
||||
|
let result = []; |
||||
|
this.thirdMedicalCenters.forEach((item, index) => { |
||||
|
result.push({ id: item.id, displayOrder: index }); |
||||
|
}); |
||||
|
postapi("/api/app/ThirdMedicalCenter/UpdateSortMany", { |
||||
|
itemList: result, |
||||
|
}).then((res) => { |
||||
|
console.log("操作成功"); |
||||
|
this.isDrag = false; |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
//初始化Sortable组件 |
||||
|
rowDrop() { |
||||
|
this.$nextTick(() => { |
||||
|
const el = document.querySelector(".el-table__body-wrapper tbody"); |
||||
|
//console.log('el0',el) |
||||
|
const that = this; |
||||
|
Sortable.create(el, { |
||||
|
handle: ".move", |
||||
|
animation: 300, |
||||
|
//拖拽结束 |
||||
|
onEnd({ newIndex, oldIndex }) { |
||||
|
that.isDrag = true; |
||||
|
const currRow = that.thirdMedicalCenters.splice(oldIndex, 1)[0]; |
||||
|
that.thirdMedicalCenters.splice(newIndex, 0, currRow); |
||||
|
console.log("el", el); |
||||
|
}, |
||||
|
}); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
// 置顶 置底 |
||||
|
btnSetTopOrBottom(sortType) { |
||||
|
if (!this.dataTransOpts.tableS.third_medical_center.id) { |
||||
|
this.$message.warning("请选择操作的数据"); |
||||
|
return; |
||||
|
} |
||||
|
let lfind = arrayExistObj(this.thirdMedicalCenters, "id", this.dataTransOpts.tableS.third_medical_center.id); |
||||
|
let currentRow = {}; |
||||
|
|
||||
|
// ?id=${this.dataTransOpts.tableS.third_medical_center.id}&SortType=2` |
||||
|
|
||||
|
postapi('/api/app/ThirdMedicalCenter/UpdateManySort', { thirdMedicalCenterId: this.dataTransOpts.tableS.third_medical_center.id, sortType } |
||||
|
).then((res) => { |
||||
|
console.log("操作成功"); |
||||
|
currentRow = this.thirdMedicalCenters.splice(lfind, 1)[0]; //删除并赋值 |
||||
|
if (sortType == 2) { |
||||
|
this.thirdMedicalCenters.push(currentRow); |
||||
|
} else { |
||||
|
this.thirdMedicalCenters.unshift(currentRow); |
||||
|
} |
||||
|
|
||||
|
this.$refs["thirdMedicalCenters"].setCurrentRow(currentRow); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
//选中颜色 |
||||
|
handleRowClassName({ row, rowIndex }) { |
||||
|
// highLightBg 为 'selected'的高亮 |
||||
|
//console.log(rowIndex, row) |
||||
|
//return row.highLightBg == 'selected' ? 'high-light-bg' : ''; |
||||
|
if (row.choosed) { |
||||
|
return "current-row"; |
||||
|
} else { |
||||
|
return ""; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//获取初始数据 |
||||
|
dictInit() { |
||||
|
//字典表 |
||||
|
postapi("/api/app/CustomerOrgGroup/GetBasicList").then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
this.customerOrgGroups = res.data; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
postapi("/api/app/ThirdMedicalCenter/GetList").then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
this.thirdMedicalCenters = res.data; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
//点击分组 |
||||
|
rowClick(row) { |
||||
|
this.dataTransOpts.tableS.third_medical_center.id = row.id |
||||
|
this.curThirdMedicalCenter = row; |
||||
|
this.dataTransOpts.refresh.third_medical_center_booking_date.M++; |
||||
|
}, |
||||
|
|
||||
|
// 新增(编辑调用时，传入id值) 弹框 |
||||
|
btnAdd(id) { |
||||
|
if (!id) this.dataTransOpts.tableS.third_medical_center.id = '' |
||||
|
if (!id) this.dataTransOpts.refresh.common_table.M++; //新增则清掉已选组合项目 |
||||
|
this.ThirdMedicalCenterEditParams = { |
||||
|
id |
||||
|
} |
||||
|
this.dataTransOpts.refresh.third_medical_center.S++ |
||||
|
this.dialogWin.ThirdMedicalCenterEdit = true; |
||||
|
}, |
||||
|
|
||||
|
//编辑弹框 |
||||
|
btnEdit() { |
||||
|
if (!this.dataTransOpts.tableS.third_medical_center.id) { |
||||
|
this.$message.warning("请先选择分类记录"); |
||||
|
return; |
||||
|
} |
||||
|
this.btnAdd(this.dataTransOpts.tableS.third_medical_center.id) |
||||
|
}, |
||||
|
|
||||
|
//删除 |
||||
|
btnDel() { |
||||
|
if (!this.dataTransOpts.tableS.third_medical_center.id) { |
||||
|
this.$message.warning("请选择需要操作的数据"); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", { |
||||
|
confirmButtonText: "是", |
||||
|
cancelButtonText: " 否 ", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
return postapi('/api/app/ThirdMedicalCenter/Delete', { thirdMedicalCenterId: this.dataTransOpts.tableS.third_medical_center.id }); |
||||
|
}) |
||||
|
.then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
console.log("删除成功"); |
||||
|
let lfind = arrayExistObj(this.thirdMedicalCenters, "id", this.dataTransOpts.tableS.third_medical_center.id); |
||||
|
if (lfind > -1) this.thirdMedicalCenters.splice(lfind, 1); |
||||
|
this.dataTransOpts.tableS.third_medical_center.id = '' |
||||
|
this.dataTransOpts.refresh.common_table.M++ |
||||
|
} |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
if (err == "cancel") { |
||||
|
console.log("已取消删除"); |
||||
|
// this.$message.info("已取消删除"); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
// 关闭 分组 新增/编辑 |
||||
|
close_dialogWinThirdMedicalCenterEdit() { |
||||
|
let id = this.dataTransOpts.tableS.third_medical_center.id |
||||
|
if (id) { |
||||
|
// 点编辑 或 新增有提交 |
||||
|
postapi('/api/app/ThirdMedicalCenter/Get', { thirdMedicalCenterId: id }) |
||||
|
.then(res => { |
||||
|
if (res.code > -1) { |
||||
|
let lfind = arrayExistObj(this.thirdMedicalCenters, 'id', id) |
||||
|
if (lfind > -1) { |
||||
|
objCopy(res.data, this.thirdMedicalCenters[lfind]) |
||||
|
} else { |
||||
|
lfind = this.thirdMedicalCenters.length |
||||
|
this.thirdMedicalCenters.push(res.data) |
||||
|
} |
||||
|
|
||||
|
// 选中当前操作的列 |
||||
|
this.$refs["thirdMedicalCenters"].setCurrentRow(); //清除选择 |
||||
|
this.$refs["thirdMedicalCenters"].setCurrentRow(this.thirdMedicalCenters[lfind]); |
||||
|
|
||||
|
// 更新 common_table 参数 |
||||
|
this.curThirdMedicalCenter = deepCopy(res.data); |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
// 点 新增 但未提交 |
||||
|
this.dataTransOpts.tableS.third_medical_center.id = this.curThirdMedicalCenter.id || '' |
||||
|
} |
||||
|
|
||||
|
this.dataTransOpts.refresh.common_table.M++; |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import "../../assets/css/global_button.css"; |
||||
|
@import "../../assets/css/global_dialog.css"; |
||||
|
@import "../../assets/css/global_table.css"; |
||||
|
@import "../../assets/css/global_form.css"; |
||||
|
@import "../../assets/css/global_input.css"; |
||||
|
@import "../../assets/css/global.css"; |
||||
|
|
||||
|
.btnClass { |
||||
|
width: 100px; |
||||
|
margin-bottom: 5px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,497 @@ |
|||||
|
<template> |
||||
|
<div style="margin-top: -15px;"> |
||||
|
<div style="display: flex;justify-content: space-between;"> |
||||
|
<div |
||||
|
style="display: flex;flex-wrap: wrap;background-color: #fff;border-radius: 8px;align-items: center;padding: 2px;width:700px;"> |
||||
|
<div class="query"> |
||||
|
<!-- |
||||
|
<el-select v-model="query.thirdInterfaceId" placeholder="请选择" style="width: 100px" size="small"> |
||||
|
<el-option v-for="item in thirdInterfaces" :key="item.id" :label="item.displayName" :value="item.id" /> |
||||
|
</el-select> |
||||
|
--> |
||||
|
<el-date-picker v-model="query.startDate" type="date" placeholder="起始日期" size="small" |
||||
|
style="width:90px;" value-format="yyyy-MM-dd" :picker-options="pickerOptions" /> |
||||
|
<span class="spanClass">至</span> |
||||
|
<el-date-picker v-model="query.endDate" type="date" placeholder="截止日期" size="small" |
||||
|
style="width:90px;" value-format="yyyy-MM-dd" :picker-options="pickerOptions" /> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<span class="spanClass">检索关键字</span> |
||||
|
<el-input placeholder="姓名、电话、身份证号" v-model="query.keyWord" size="small" clearable style="width: 240px" /> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<span class="spanClass">状态</span> |
||||
|
<el-select v-model="query.medicalStatus" placeholder="请选择" clearable style="width: 80px" size="small"> |
||||
|
<el-option v-for="item in localDict.medicalStatus" :key="item.value" :label="item.label" :value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="margin-top: -38px;width: 80px;"> |
||||
|
<div> |
||||
|
<el-button @click="peopleIcCard" class="commonbutton" style="width:80px;font-size: 14px;">读身份证</el-button> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-button class="commonbutton" @click="btnQuery" style="margin-top: 6px; width:80px;">查询</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-table :data="tableData" border style="width: 100%" row-key="id" height="430" highlight-current-row |
||||
|
size="small" @row-click="rowClick" ref="webBooking"> |
||||
|
<el-table-column label="姓名" width="80" prop="patientName" align="center" /> |
||||
|
<el-table-column label="身份证号" width="150" prop="idNo" align="center" /> |
||||
|
<el-table-column label="预约时间" width="150" prop="bookingDate" align="center" /> |
||||
|
<el-table-column label="手机号" width="130" prop="phone" align="center" /> |
||||
|
<el-table-column label="性别" width="40" prop="sexId" align="center" /> |
||||
|
<el-table-column label="年龄" width="40" prop="age" align="center" /> |
||||
|
<el-table-column label="单位" width="150" prop="customerOrgId" align="center" /> |
||||
|
<el-table-column label="单位体检次数" width="150" prop="customerOrgRegisterId" align="center" /> |
||||
|
<el-table-column label="分组/套餐" width="120" prop="customerOrgGroupId" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.customerOrgGroupId ? scope.row.customerOrgGroupId : scope.row.medicalPackageName }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="预约编号" width="120" prop="thirdBookingId" align="center" /> |
||||
|
<el-table-column label="状态" width="50" prop="medicalStatus" align="center" > |
||||
|
<template slot-scope="scope"> |
||||
|
{{ dddw(localDict.medicalStatus,'value',scope.row.medicalStatus,'label') }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
</div> |
||||
|
<div style="margin-top: 10px; display: flex;justify-content: space-between;"> |
||||
|
<div style="margin: -8px 0 0 0; font-size: 12px;"> |
||||
|
{{ asbDesc }} |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-button v-if="false" @click="btnTest">测试</el-button> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-button class="commonbutton" @click="btnOk">确定</el-button> |
||||
|
<el-button class="commonbutton" @click="btnClose">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { mapState } from "vuex"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import { dddw, deepCopy } from "../../utlis/proFunc"; |
||||
|
import moment from "moment"; |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
thirdInterfaces: [], |
||||
|
tableData: [], |
||||
|
currRowData: {}, |
||||
|
tableDataDetails: [], |
||||
|
query: { |
||||
|
thirdInterfaceId: "", |
||||
|
idNo: "", |
||||
|
mobilePhone: "", |
||||
|
appointStartDate: "", |
||||
|
appointStopDate: "", |
||||
|
completeFlag: "0", |
||||
|
keyWord:'', |
||||
|
startDate:'', |
||||
|
endDate:'', |
||||
|
medicalStatus:'0' |
||||
|
}, |
||||
|
asbDesc: '', //所选套餐描述 |
||||
|
localDict:{ |
||||
|
medicalStatus:[ |
||||
|
{label:'未开始',value:'0'}, // 0未开始 1已登记 2已完成 |
||||
|
{label:'已登记',value:'1'}, |
||||
|
{label:'已完成',value:'2'}, |
||||
|
] |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
let today = moment(new Date()).format("yyyy-MM-DD") |
||||
|
this.query.endDate = today |
||||
|
this.query.startDate = today |
||||
|
}, |
||||
|
|
||||
|
updated() { |
||||
|
// this.$nextTick(() => { |
||||
|
// this.$refs['webBookingDetaills'].doLayout() |
||||
|
// }) |
||||
|
}, |
||||
|
//挂载完成 |
||||
|
mounted() { |
||||
|
//回车替代查询 |
||||
|
this.enterToQuery() |
||||
|
|
||||
|
this.funMounted() |
||||
|
}, |
||||
|
|
||||
|
computed: { |
||||
|
...mapState([ |
||||
|
"pickerOptions", |
||||
|
"window", |
||||
|
"dict", |
||||
|
"dataTransOpts", |
||||
|
"dialogWin" |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
dddw, |
||||
|
funMounted() { |
||||
|
this.dictInit() |
||||
|
// .then(res => { |
||||
|
// //this.btnQuery() |
||||
|
// }) |
||||
|
}, |
||||
|
|
||||
|
//数据初始化 |
||||
|
dictInit() { |
||||
|
|
||||
|
// return new Promise((resolve, reject) => { |
||||
|
// let curDate = moment(new Date()).format('YYYY-MM-DD') |
||||
|
// this.query.appointStartDate = curDate |
||||
|
// this.query.appointStopDate = moment(Date.now() + 3600 * 1000 * 24 * 7).format('YYYY-MM-DD') |
||||
|
// this.query.idNo = '' |
||||
|
// this.query.mobilePhone = '' |
||||
|
// this.tableData = [] |
||||
|
// this.tableDataDetails = [] |
||||
|
|
||||
|
// // 获取接口列表，传07 |
||||
|
// postapi("/api/app/ThirdInterface/GetListByThirdInterfaceTypeAsync", { thirdInterfaceType: "07" }) |
||||
|
// .then(res => { |
||||
|
// if (res.code > -1) { |
||||
|
// this.thirdInterfaces = res.data |
||||
|
// if (res.data && Array.isArray(res.data) && res.data.length > 0) this.query.thirdInterfaceId = res.data[0].id |
||||
|
// resolve(res) |
||||
|
// } else { |
||||
|
// reject(res.message) |
||||
|
// } |
||||
|
// }) |
||||
|
// .catch(err => { |
||||
|
// reject(err) |
||||
|
// }) |
||||
|
// }) |
||||
|
}, |
||||
|
|
||||
|
//读取身份证信息 |
||||
|
peopleIcCard() { |
||||
|
if (!this.$peisAPI) { |
||||
|
this.$message.info({ showClose: true, message: "此功能，需要在壳客户端才可运行！" }) |
||||
|
return |
||||
|
} |
||||
|
this.$peisAPI.peopleIcCard().then(res => { |
||||
|
// console.log('peopleIcCard', res) |
||||
|
let lres = JSON.parse(res) |
||||
|
if (lres.code >= -1) { |
||||
|
let idNos = parsIcCardtoLocal(lres.data, this.dict.sex, this.dict.nation) |
||||
|
this.query.idNo = idNos.IDCode |
||||
|
this.query.keyWord = idNos.IDCode |
||||
|
// this.form.patientName = idNos.Name |
||||
|
// this.form.birthDate = idNos.birthDate |
||||
|
// this.form.sexId = idNos.sexId |
||||
|
// this.form.age = idNos.age |
||||
|
// this.form.nationId = idNos.nationId |
||||
|
// this.form.idNo = idNos.IDCode |
||||
|
// this.form.address = idNos.Address |
||||
|
// this.peoplePhoto = 'data:image/bmp;base64,' + idNos.Photo |
||||
|
// this.patientRegister.photo = 'data:image/bmp;base64,' + idNos.Photo |
||||
|
this.btnQuery() |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error({ showClose: true, message: `${lres.message}` }) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 查询 |
||||
|
btnQuery() { |
||||
|
// if (!(this.query.appointStartDate && this.query.appointStopDate)) { |
||||
|
// this.$message.error({ showClose: true, message: "必须选择日期段！" }) |
||||
|
// return |
||||
|
// } |
||||
|
// if (!(this.query.idNo || this.query.mobilePhone)) { |
||||
|
// this.$message.error({ showClose: true, message: "手机号或身份证号必须填写一项！" }) |
||||
|
// return |
||||
|
// } |
||||
|
if (!(this.query.startDate && this.query.endDate)) { |
||||
|
this.$message.error({ showClose: true, message: "必须选择日期段！" }) |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
this.currRowData = {} |
||||
|
this.tableData = [] |
||||
|
this.tableDataDetails = [] |
||||
|
|
||||
|
let body = deepCopy(this.query) |
||||
|
|
||||
|
// body.appointStartDate = this.query.appointStartDate + " 00:00:00" |
||||
|
// body.appointStopDate = this.query.appointStopDate + " 23:59:59" |
||||
|
body.startDate = this.query.startDate + " 00:00:00" |
||||
|
body.endDate = this.query.endDate + " 23:59:59" |
||||
|
|
||||
|
postapi('/api/app/ThirdBooking/GetThirdBookingList', body) |
||||
|
.then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.tableData = res.data |
||||
|
if (res.data && Array.isArray(res.data) && res.data.length == 1) { |
||||
|
this.rowClick(res.data[0]) |
||||
|
this.$refs['webBooking'].setCurrentRow(res.data[0]); |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
btnTest() { |
||||
|
console.log('this.thirdInterfaces', this.thirdInterfaces) |
||||
|
console.log('this.tableData', this.tableData) |
||||
|
console.log('this.currRowData', this.currRowData) |
||||
|
console.log('this.tableDataDetails', this.tableDataDetails) |
||||
|
console.log('this.query', this.query) |
||||
|
}, |
||||
|
|
||||
|
rowClick(row) { |
||||
|
this.currRowData = row |
||||
|
// this.tableDataDetails = [] |
||||
|
// postapi('/api/app/AppointPatientRegister/GetAppointRegisterAsbitemListById', { |
||||
|
// thirdInterFaceId: this.query.thirdInterfaceId, |
||||
|
// appointPatientRegisterId: row.appointPatientRegisterId |
||||
|
// }).then(res => { |
||||
|
// if (res.code > -1) { |
||||
|
|
||||
|
// res.data.forEach(e => { |
||||
|
// e.discount = e.standardPrice == 0 ? 100: Math.floor(e.chargePrice * 10000/e.standardPrice)/100 |
||||
|
// if(!e.isBelongGroupPackage){ |
||||
|
// e.isBelongGroupPackage = e.isInMedicalPackage |
||||
|
// } |
||||
|
// // e.standTotal = e.amount * e.standardPrice |
||||
|
// e.total = e.amount * e.chargePrice |
||||
|
// }); |
||||
|
|
||||
|
// this.tableDataDetails = res.data |
||||
|
// } |
||||
|
// }) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 点击确定 |
||||
|
btnOk() { |
||||
|
// if (!this.currRowData.appointPatientRegisterId) { |
||||
|
// this.$message.warning({ showClose: true, message: "请选择预约的记录" }) |
||||
|
// return |
||||
|
// } |
||||
|
if (!this.currRowData.thirdBookingId) { |
||||
|
this.$message.warning({ showClose: true, message: "请选择预约的记录" }) |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
this.dataTransOpts.tableS.appoint_patient_register = this.dataTrans(this.currRowData) |
||||
|
// this.dataTransOpts.tableM.appoint_register_asbitem = deepCopy(this.tableDataDetails) |
||||
|
this.dialogWin.WebBookingMzak = false |
||||
|
}, |
||||
|
|
||||
|
dataTrans(curRow){ |
||||
|
// { // 标准数据 |
||||
|
// "appointPatientRegisterId": "string", |
||||
|
// "personId": "string", |
||||
|
// "personName": "string", |
||||
|
// "idNo": "string", |
||||
|
// "mobileTelephone": "string", |
||||
|
// "sexId": "string", |
||||
|
// "sexName": "string", |
||||
|
// "maritalStatusId": "string", |
||||
|
// "maritalStatusName": "string", |
||||
|
// "customerOrgId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
||||
|
// "customerOrgName": "string", |
||||
|
// "childCustomerOrgName": "string", |
||||
|
// "customerOrgGroupId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
||||
|
// "customerOrgGroupName": "string", |
||||
|
// "medicalPackageId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
||||
|
// "medicalPackageName": "string", |
||||
|
// "completeFlag": "string", |
||||
|
// "appointDate": "2024-09-27T08:53:32.520Z", |
||||
|
// "remark": "string", |
||||
|
// "medicalCenterId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
||||
|
// "customerOrgRegisterId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
||||
|
// "pregnantFlag": "string", |
||||
|
// "pregnantFlagName": "string", |
||||
|
// "height": 0, |
||||
|
// "weight": 0 |
||||
|
// } |
||||
|
|
||||
|
// { // 人寿数据 |
||||
|
// "thirdBookingId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
||||
|
// "patientName": "string", |
||||
|
// "customerOrgGroupId": "string", |
||||
|
// "idNo": "string", |
||||
|
// "sexId": "string", |
||||
|
// "age": 0, |
||||
|
// "bookingDate": "2024-09-27T08:53:32.306Z", |
||||
|
// "phone": "string", |
||||
|
// "medicalStatus": "string", |
||||
|
// "customerOrgRegisterId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
||||
|
// "customerOrgId": "3fa85f64-5717-4562-b3fc-2c963f66afa6" |
||||
|
// } |
||||
|
let ret = Object.assign({},curRow,{ |
||||
|
appointPatientRegisterId:curRow.thirdBookingId, |
||||
|
mobileTelephone:curRow.phone, |
||||
|
personName:curRow.patientName |
||||
|
}) |
||||
|
return ret |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 点击关闭 |
||||
|
btnClose() { |
||||
|
this.dataTransOpts.tableS.appoint_patient_register = {} |
||||
|
this.dataTransOpts.tableM.appoint_register_asbitem = [] |
||||
|
this.dialogWin.WebBookingMzak = false |
||||
|
}, |
||||
|
|
||||
|
//自定义计算列 |
||||
|
getSummaries(param) { |
||||
|
const { columns, data } = param; |
||||
|
const sumCol = [6] //需合计的列 |
||||
|
const sums = []; |
||||
|
|
||||
|
let count = this.tableDataDetails.length |
||||
|
let pack = this.tableDataDetails.filter(e => { return e.isBelongGroupPackage == 'Y' }).length |
||||
|
|
||||
|
this.asbDesc = `共选 ${count} 个项目，其中套餐/分组 ${pack} 个，加做 ${count - pack} 个` |
||||
|
|
||||
|
columns.forEach((column, index) => { |
||||
|
//console.log('column, index,data',column, index,data) |
||||
|
//显示合计列 |
||||
|
if (index == 1) { |
||||
|
sums[index] = `合计`; |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
//不合计的列 |
||||
|
if (sumCol.indexOf(index) == -1) { |
||||
|
sums[index] = ''; |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
sums[index] = 0 |
||||
|
data.forEach(e => { |
||||
|
if (!isNaN(e[column.property])) { |
||||
|
if (index == 1) { |
||||
|
sums[index] += e[column.property] * e['amount'] |
||||
|
} else { |
||||
|
sums[index] += e[column.property] |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
sums[index] = Math.round(sums[index] * 100) / 100 //+ ' 元'; |
||||
|
|
||||
|
// const values = data.map(item => Number(item[column.property])); |
||||
|
// if (!values.every(value => isNaN(value))) { |
||||
|
// sums[index] = values.reduce((prev, curr) => { |
||||
|
// const value = Number(curr); |
||||
|
// if (!isNaN(value)) { |
||||
|
// //return prev + curr; //原始 |
||||
|
// return prev + curr; //改造 |
||||
|
// } else { |
||||
|
// return prev; |
||||
|
// } |
||||
|
// }, 0); |
||||
|
// sums[index] = sums[index].toFixed(2) + ' 元'; |
||||
|
// } else { |
||||
|
// sums[index] = 'N/A'; |
||||
|
// } |
||||
|
|
||||
|
}); |
||||
|
this.totalStand = sums[1]; |
||||
|
//console.log('this.totalFoucs/this.discountFoucs',this.totalFoucs,this.discountFoucs) |
||||
|
if (!this.totalFoucs) this.total = sums[5]; |
||||
|
if (!this.discountFoucs) this.discount = Math.round(this.total * 10000 / this.totalStand) / 100; |
||||
|
return sums; |
||||
|
}, |
||||
|
|
||||
|
//回车替代查询 |
||||
|
enterToQuery() { |
||||
|
// console.log('enterToTab'); |
||||
|
this.$nextTick(() => { |
||||
|
let inputs = document.querySelectorAll(["input"]); //用数组可以读取多个标签的元素 //.inline-input |
||||
|
|
||||
|
// 为每个输入框添加键盘事件监听器 |
||||
|
inputs.forEach((input, i) => { |
||||
|
// console.log('input',input); |
||||
|
input.addEventListener('keydown', (event) => { |
||||
|
if (event.keyCode === 13) { |
||||
|
// 阻止回车键的默认行为（换行） |
||||
|
event.preventDefault(); |
||||
|
|
||||
|
// 如果按下的是回车查询 |
||||
|
// console.log(input.getAttribute('placeholder'),input.value) |
||||
|
let placeholder = input.getAttribute('placeholder') |
||||
|
switch (placeholder) { |
||||
|
case '预约手机号': |
||||
|
case '身份证号': |
||||
|
case '姓名、电话、身份证号': |
||||
|
this.btnQuery() |
||||
|
input.select() |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
input.addEventListener('click', (event) => { |
||||
|
let placeholder = input.getAttribute('placeholder') |
||||
|
switch (placeholder) { |
||||
|
case '预约手机号': |
||||
|
case '身份证号': |
||||
|
case '姓名、电话、身份证号': |
||||
|
input.select() |
||||
|
break; |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//监听事件() |
||||
|
watch: { |
||||
|
"dataTransOpts.plus.WebBookingMzak": { |
||||
|
// immediate:true, |
||||
|
handler(newVal, oldVal) { |
||||
|
console.log(`watch dataTransOpts.plus.WebBookingMzak newVal: ${newVal}, oldVal: ${oldVal} `); |
||||
|
if (newVal != oldVal) this.funMounted() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import '../../assets/css/global_card.css'; |
||||
|
@import '../../assets/css/global_input.css'; |
||||
|
@import '../../assets/css/global_table.css'; |
||||
|
@import '../../assets/css/global.css'; |
||||
|
|
||||
|
.query { |
||||
|
margin-right: 10px; |
||||
|
font-size: 14px; |
||||
|
color: #232748; |
||||
|
font-weight: 400; |
||||
|
font-family: "NotoSansSC-Regular"; |
||||
|
} |
||||
|
|
||||
|
.spanClass { |
||||
|
font-size: 14px; |
||||
|
padding: 0 2px 0 0; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue