shentun
/
peisweb
1
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity
Browse Source

webbooking

master
pengjun 1 year ago
parent
6cbd5cb709
commit
5f09bbb262
3 changed files with 198 additions and 25 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      src/components/patientRegister/PatientRegisterEdit.vue
  2. 4
      src/components/patientRegister/PatientRegisterEditQuery.vue
  3. 210
      src/components/webBooking/WebBooking.vue

9
src/components/patientRegister/PatientRegisterEdit.vue
View File

@ -2412,14 +2412,17 @@ export default {
this.dataTransOpts.tableS.appoint_patient_register = {}
this.dataTransOpts.tableM.appoint_register_asbitem = []
this.dataTransOpts.tableS.appoint_patient_register = {}
this.dataTransOpts.tableM.appoint_register_asbitem = []
this.dataTransOpts.plus.WebBooking++
this.dialogWin.WebBooking = true
},
// 关闭预约窗口
async close_dialogWin_WebBooking() {
console.log('this.dataTransOpts.tableS.appoint_patient_register',this.dataTransOpts.tableS.appoint_patient_register)
console.log('this.dataTransOpts.tableM.appoint_register_asbitem',this.dataTransOpts.tableM.appoint_register_asbitem)
// console.log('this.dataTransOpts.tableS.appoint_patient_register',this.dataTransOpts.tableS.appoint_patient_register)
// console.log('this.dataTransOpts.tableM.appoint_register_asbitem',this.dataTransOpts.tableM.appoint_register_asbitem)
// 没有选中网上预约记录，直接返回，不做任何处理
let appoint_patient_register = this.dataTransOpts.tableS.appoint_patient_register
if (!appoint_patient_register.appointPatientRegisterId) return
@ -2453,9 +2456,9 @@ export default {
// "pregnantFlagName": "string",
// "height": 0,
// "weight": 0
delete appoint_patient_register.medicalCenterId
Object.assign(this.form, appoint_patient_register,
{ patientName: appoint_patient_register.personName,
mobileTelephone: '',
completeFlag:'1'
}
)

4
src/components/patientRegister/PatientRegisterEditQuery.vue
View File

@ -27,7 +27,7 @@
<!--
<span class="querySpan">手机号</span>
-->
<el-input placeholder="预约手机号" v-model="query.tel" size="small"
<el-input placeholder="手机号" v-model="query.tel" size="small"
clearable style="width: 120px"/>
</div>
</div>
@ -104,7 +104,7 @@ export default {
case '姓名':
if(input.value) this.quickQuery('patientName')
break;
case '预约手机号':
case '手机号':
if(input.value) this.quickQuery('tel')
break;
}

210
src/components/webBooking/WebBooking.vue
View File

@ -15,7 +15,7 @@
</div>
<div class="query">
<span class="spanClass">手机号</span>
<el-input placeholder="手机号" v-model="query.mobilePhone" size="small" clearable style="width: 110px" />
<el-input placeholder="预约手机号" v-model="query.mobilePhone" size="small" clearable style="width: 110px" />
</div>
<div class="query">
<span class="spanClass">身份证号</span>
@ -40,27 +40,73 @@
</div>
</div>
<div>
<el-table :data="tableData" border style="width: 100%" row-key="id" height="300" highlight-current-row
size="small" @row-click="rowClick">
<el-table-column label="姓名" width="80" prop="personName" align="center"/>
<el-table-column label="身份证号" width="150" prop="idNo" align="center"/>
<el-table-column label="预约时间" width="150" prop="appointDate" align="center"/>
<el-table-column label="性别" width="40" prop="sexName" align="center"/>
<el-table-column label="婚姻" width="40" prop="maritalStatusName" align="center"/>
<el-table-column label="单位" width="150" prop="customerOrgName" align="center"/>
<el-table :data="tableData" border style="width: 100%" row-key="id" height="200" highlight-current-row
size="small" @row-click="rowClick" ref="webBooking">
<el-table-column label="姓名" width="80" prop="personName" align="center" />
<el-table-column label="身份证号" width="150" prop="idNo" align="center" />
<el-table-column label="预约时间" width="150" prop="appointDate" align="center" />
<el-table-column label="性别" width="40" prop="sexName" align="center" />
<el-table-column label="婚姻" width="40" prop="maritalStatusName" align="center" />
<el-table-column label="单位" width="150" prop="customerOrgName" align="center" />
<el-table-column label="分组/套餐" width="120" prop="customerOrgGroupName" align="center">
<template slot-scope="scope">
<div>{{ scope.row.customerOrgGroupName ? scope.row.customerOrgGroupName:scope.row.medicalPackageName }}</div>
<div>{{ scope.row.customerOrgGroupName ? scope.row.customerOrgGroupName : scope.row.medicalPackageName }}
</div>
</template>
</el-table-column>
<el-table-column label="怀孕" width="40" prop="pregnantFlagName" align="center"/>
<el-table-column label="身高" width="40" prop="height" align="center"/>
<el-table-column label="体重" width="40" prop="weight" align="center"/>
<el-table-column label="怀孕" width="40" prop="pregnantFlagName" align="center" />
<el-table-column label="身高" width="40" prop="height" align="center" />
<el-table-column label="体重" width="40" prop="weight" align="center" />
</el-table>
<el-table :data="tableDataDetails" border style="width: 100%" row-key="id" height="300" highlight-current-row
:summary-method="getSummaries" show-summary size="small" ref="webBookingDetaills">
<el-table-column label="序号" width="40" type="index"/>
<el-table-column label="已选组合项目" min-width="150" prop="asbitemName">
<template slot-scope="scope">
<div>
<el-tooltip class="item" effect="dark" content="标五角星表示属于分组或套餐的项目" placement="top">
<i v-if="scope.row.isBelongGroupPackage == 'Y'" class="el-icon-star-on"
style="padding: 3px; font-size: 14px;color: purple;" />
</el-tooltip>
{{ scope.row.asbitemName }}
</div>
</template>
</el-table-column>
<el-table-column label="标准价格" prop="standardPrice" min-width="70" align="center" />
<el-table-column label="折扣" prop="discount" min-width="60">
<template slot-scope="scope">
<el-input type="number" v-model="scope.row.discount" size="small" disabled/>
</template>
</el-table-column>
<el-table-column label="数量" prop="amount" min-width="50">
<template slot-scope="scope">
<el-input type="number" v-model="scope.row.amount" size="small" disabled/>
</template>
</el-table-column>
<el-table-column label="实收价格" prop="chargePrice" min-width="70">
<template slot-scope="scope">
<el-input type="number" v-model="scope.row.chargePrice" size="small" disabled/>
<!--立即触发保存 @blur="onSubmit('')" -->
</template>
</el-table-column>
<el-table-column prop="total" label="金额" min-width="70" align="center" />
<el-table-column prop="standardPrice" label="标准金额" min-width="70" v-if="false" />
<el-table-column label="支付方式" prop="payTypeFlag" width="80">
<template slot-scope="scope">
<el-select v-model="scope.row.payTypeFlag" size="small" disabled>
<el-option v-for="item in dict.payType" :key="item.id" :label="item.displayName" :value="item.id" />
</el-select>
</template>
</el-table-column>
</el-table>
</div>
<div style="margin-top: 10px; display: flex;justify-content: space-between;">
<div>
<el-button v-if="true" @click="btnTest">测试</el-button>
<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>
@ -94,6 +140,7 @@ export default {
appointStopDate: "",
completeFlag: "0"
},
asbDesc: '', //所选套餐描述
pickerOptions: {
// disabledDate(time) {
// return time.getTime() > Date.now();
@ -126,8 +173,16 @@ export default {
},
updated() {
this.$nextTick(() => {
this.$refs['webBookingDetaills'].doLayout()
})
},
//挂载完成
mounted() {
//回车替代查询
this.enterToQuery()
this.funMounted()
},
@ -202,11 +257,11 @@ export default {
// 查询
btnQuery() {
if(!(this.query.appointStartDate && this.query.appointStopDate)){
if (!(this.query.appointStartDate && this.query.appointStopDate)) {
this.$message.error({ showClose: true, message: "必须选择日期段！" })
return
}
if(!(this.query.idNo || this.query.mobilePhone)){
if (!(this.query.idNo || this.query.mobilePhone)) {
this.$message.error({ showClose: true, message: "手机号或身份证号必须填写一项！" })
return
}
@ -217,13 +272,17 @@ export default {
let body = deepCopy(this.query)
body.appointStartDate = this.query.appointStartDate + " 00:00:00"
body.appointStartDate = this.query.appointStartDate + " 00:00:00"
body.appointStopDate = this.query.appointStopDate + " 23:59:59"
postapi('/api/app/AppointPatientRegister/GetListByFilter', 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]);
}
}
})
},
@ -243,9 +302,19 @@ export default {
thirdInterFaceId: this.query.thirdInterfaceId,
appointPatientRegisterId: row.appointPatientRegisterId
}).then(res => {
if(res.code > -1){
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
}
}
})
},
@ -268,6 +337,107 @@ export default {
this.dialogWin.WebBooking = 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 '身份证号':
this.btnQuery()
input.select()
break;
}
}
});
input.addEventListener('click', (event) => {
let placeholder = input.getAttribute('placeholder')
switch (placeholder) {
case '预约手机号':
case '身份证号':
input.select()
break;
}
});
});
});
},
},
//监听事件()

Write Preview
Loading…
Cancel
Save