pengjun
2 years ago
11 changed files with 498 additions and 524 deletions
-
29src/components/customerOrg/customerOrgRegister.vue
-
30src/components/customerOrg/customerOrgTree.vue
-
4src/components/patientRegister/PatientRegisterEdit.vue
-
4src/components/patientRegister/PatientRegisterList.vue
-
4src/components/report/PatientRegisterListNobtn.vue
-
62src/components/report/PatientRegisterQueryNobtn.vue
-
2src/router/index.js
-
5src/store/index.js
-
154src/views/checkStatus/Query.vue
-
233src/views/checkStatus/index.vue
-
449src/views/report/checkStatus.vue
@ -0,0 +1,154 @@ |
|||
<template> |
|||
<div style="display: flex"> |
|||
<div style="display: flex; flex-wrap: wrap; height:80px;"> |
|||
<div class="query"> |
|||
<span>体检单位/次数：</span> |
|||
<el-cascader v-model="patientRegister.query.customerOrgId" :options="patientRegister.customerOrgTreeAll" |
|||
:props="{ checkStrictly: true, expandTrigger: 'hover', ...customerOrg.treeprops, }" placeholder="请选择单位" |
|||
:show-all-levels="false" clearable size="small" @change="changeCustomerOrgId" style="width:180px;"> |
|||
</el-cascader> |
|||
<el-select v-model="patientRegister.query.customerOrgRegister" placeholder="次数" style="width: 60px" size="small" |
|||
:disabled="patientRegister.query.customerOrgId == dict.personOrgId" @change="changeMedicalTimes" value-key="id"> |
|||
<el-option v-for="item in customerOrg.customerOrgRegisterList" :key="item.id" :label="item.medicalTimes" |
|||
:value="item" /> |
|||
</el-select> |
|||
</div> |
|||
<div class="query"> |
|||
<el-select v-model="patientRegister.query.dateType" placeholder="请选择" filterable clearable size="small" |
|||
style="width: 100px"> |
|||
<el-option label="登记日期" value="creationTime" /> |
|||
<el-option label="体检日期" value="medicalStartDate" /> |
|||
<el-option label="总检日期" value="summaryDate" /> |
|||
</el-select> |
|||
<el-date-picker v-model="patientRegister.query.dateRange" type="daterange" align="right" unlink-panels |
|||
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" size="small" |
|||
style="width: 215px"> |
|||
</el-date-picker> |
|||
</div> |
|||
<div class="query"> |
|||
<span>组合项目：</span> |
|||
<el-select v-model="patientRegister.query.checkAsbs" multiple collapse-tags filterable clearable placeholder="请选择" |
|||
size="small" > |
|||
<el-option v-for="item in dict.asbItemAll" :key="item.value" :label="item.displayName" :value="item.id"/> |
|||
</el-select> |
|||
</div> |
|||
<div class="query"> |
|||
<span>状态：</span> |
|||
<el-select v-model="patientRegister.query.checkCompleteFlag" placeholder="请选择" clearable style="width: 80px" |
|||
size="small"> |
|||
<el-option v-for="item in dict.checkCompleteFlag" :key="item.id" :label="item.displayName" :value="item.id"> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
<div class="query"> |
|||
<el-button type="primary" class="btnClass" @click="btnQuery" size="small">查询</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { mapState } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
|
|||
export default { |
|||
components: {}, |
|||
props: ["orgEnable"], |
|||
data() { |
|||
return { |
|||
dialogVisible: false, |
|||
|
|||
pickerOptions: { |
|||
shortcuts: [ |
|||
{ |
|||
text: "最近一周", |
|||
onClick(picker) { |
|||
const end = new Date(); |
|||
const start = new Date(); |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
|||
picker.$emit("pick", [start, end]); |
|||
}, |
|||
}, |
|||
{ |
|||
text: "最近一个月", |
|||
onClick(picker) { |
|||
const end = new Date(); |
|||
const start = new Date(); |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
|||
picker.$emit("pick", [start, end]); |
|||
}, |
|||
}, |
|||
{ |
|||
text: "最近三个月", |
|||
onClick(picker) { |
|||
const end = new Date(); |
|||
const start = new Date(); |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
|||
picker.$emit("pick", [start, end]); |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
}; |
|||
}, |
|||
|
|||
created() { }, |
|||
|
|||
//挂载完成 |
|||
mounted() { }, |
|||
|
|||
computed: { |
|||
...mapState(["window", "dict", "patientRegister", "customerOrg"]), |
|||
}, |
|||
methods: { |
|||
|
|||
//选择单位 |
|||
changeCustomerOrgId(v) { |
|||
console.log(v) |
|||
if (!v) { |
|||
this.patientRegister.query.customerOrgRegister = null; |
|||
return; |
|||
} |
|||
|
|||
let customerOrgId = v[0]; |
|||
if (customerOrgId == this.dict.personOrgId) { |
|||
this.patientRegister.query.customerOrgRegister = null; |
|||
return; |
|||
} |
|||
getapi( |
|||
`/api/app/customer-org-register/in-customer-org-id/${customerOrgId}` |
|||
).then((res) => { |
|||
//console.log('res.data',res.data) |
|||
if (res.code != -1) { |
|||
this.customerOrg.customerOrgRegisterList = res.data; |
|||
if (res.data.length > 0) { |
|||
this.patientRegister.query.customerOrgRegister = res.data[res.data.length - 1]; |
|||
this.patientRegister.query.dateRange = [ |
|||
res.data[res.data.length - 1].beginTime, |
|||
res.data[res.data.length - 1].isComplete == 'N' ? new Date() : res.data[res.data.length - 1].endTime |
|||
] |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//选择单位体检次数是，更新起止日期 |
|||
changeMedicalTimes(v){ |
|||
this.patientRegister.query.customerOrgRegister = v; |
|||
this.patientRegister.query.dateRange = [ |
|||
v.beginTime, |
|||
v.isComplete == 'N' ? new Date() : v.endTime |
|||
]; |
|||
}, |
|||
|
|||
btnQuery(){ |
|||
console.log('query',this.patientRegister.query); |
|||
this.patientRegister.query.times++; |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.query { |
|||
margin-left: 10px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,233 @@ |
|||
<template> |
|||
<div> |
|||
<el-card> |
|||
<div :style="'display: block; width:' + (window.pageWidth - 80) + 'px;'"> |
|||
<div style="display: flex; flex-wrap: wrap; height:80px;"> |
|||
<Query /> |
|||
</div> |
|||
<el-table :data="dataList" border width="100%" :height="window.pageHeight < 600 ? 370 : window.pageHeight - 230" |
|||
row-key="id" size="small" highlight-current-row ref="dataList" @selection-change="handleSelectionChange" |
|||
@row-click="rowClick"> |
|||
<el-table-column prop="cardTypeId" label="卡类别" width="100"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ dddw(dict.cardType, "id", scope.row.cardTypeId, "displayName") }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="cardNo" label="会员卡号" width="150" /> |
|||
<el-table-column prop="discount" label="折扣率" width="80" /> |
|||
<el-table-column prop="expiryDate" label="有效期限" width="120"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.expiryDate"> |
|||
{{ moment(scope.row.expiryDate).format("yyyy-MM-DD") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="customerName" label="卡主姓名" width="80" /> |
|||
<el-table-column prop="idNo" label="卡主身份证号" width="200" /> |
|||
<el-table-column prop="telephone" label="卡主电话" width="150" /> |
|||
<el-table-column prop="mobileTelephone" label="卡主手机号" width="150" /> |
|||
<el-table-column prop="cardFlag" label="启用" width="80"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.cardFlag == '0' ? '否' : '是' }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remark" label="备注" width="200" /> |
|||
<el-table-column prop="creatorId" label="创建人员" width="100" /> |
|||
<el-table-column prop="creationTime" label="创建日期" width="150"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.creationTime"> |
|||
{{ moment(scope.row.creationTime).format("yyyy-MM-DD") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierId" label="修改人员" width="100" /> |
|||
<el-table-column prop="lastModificationTime" label="修改日期" width="150"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.lastModificationTime"> |
|||
{{ moment(scope.row.lastModificationTime).format("yyyy-MM-DD") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</el-card> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import moment from "moment"; |
|||
import { mapState, mapActions } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { dddw, objCopy, arrayReduce, arrayExistObj } from "@/utlis/proFunc"; |
|||
|
|||
import Query from './Query.vue' |
|||
export default { |
|||
components: { |
|||
Query, |
|||
}, |
|||
data() { |
|||
return { |
|||
query: { |
|||
dateType:'createDate', |
|||
dateType:'createDate', |
|||
}, //查询条件 |
|||
dataList: [], //列表数据 |
|||
|
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
this.dictInit(); |
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
this.query(); |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["window", "dict","patientRegister"]), |
|||
}, |
|||
|
|||
methods: { |
|||
//数据初始化 |
|||
dictInit() { |
|||
//性别 |
|||
getapi("/api/app/sex").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.sex = res.data; |
|||
} |
|||
}); |
|||
|
|||
//体检中心 |
|||
getapi("/api/app/organization-units/organization-unit-by-is-peis").then( |
|||
(res) => { |
|||
if (res.code == 1) { |
|||
this.dict.organization = res.data; |
|||
} |
|||
} |
|||
); |
|||
|
|||
//体检单位树 |
|||
getapi("/api/app/customer-org/by-code-all").then((res) => { |
|||
if (res.code == 1) { |
|||
this.patientRegister.customerOrgTreeAll = res.data; |
|||
tcdate(this.patientRegister.customerOrgTreeAll); |
|||
} |
|||
}); |
|||
|
|||
//体检类别 |
|||
getapi("/api/app/medical-type/in-filter").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.medicalType = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
//人员类别 |
|||
getapi("/api/app/personnel-type/in-filter").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.personnelType = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
//婚姻状况 |
|||
getapi("/api/app/marital-statuses").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.maritalStatus = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
//性激素期 |
|||
getapi("/api/app/sex-hormone-term/in-filter").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.sexHormoneTerm = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
//民族 |
|||
getapi("/api/app/nation/in-filter").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.nation = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
//籍惯 ，出生地 |
|||
getapi("/api/app/birth-place/in-filter").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.birthPlace = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
//套餐 |
|||
getapi("/api/app/medical-package/in-filter").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.medicalPackage = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
//分组，所有分组，不限单位，不限次数 |
|||
getapi("/api/app/customer-org-group").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.customerOrgGroupAll = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
//支付方式 |
|||
getapi("/api/app/pay-mode").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.payMode = res.data; |
|||
} |
|||
}); |
|||
|
|||
//体检类别 树结构 |
|||
getapi("/api/app/item-type/by-code-all").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.itemTypeTree = res.data; |
|||
tcdate(this.dict.itemTypeTree); |
|||
} |
|||
}); |
|||
|
|||
getapi("/api/app/asbitem/in-filter?Filter").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.asbItemAll = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
console.log("dict", this.dict); |
|||
}, |
|||
|
|||
query(){ |
|||
|
|||
}, |
|||
}, |
|||
|
|||
//监听事件 |
|||
watch: { |
|||
//触发查询事件 |
|||
"patientRegister.query.times"(newVal, oldVal) { |
|||
if (newVal != oldVal) { |
|||
//alert('触发查询事件') |
|||
this.query(); |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.query { |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.listBtn { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.btnClass { |
|||
width: 110px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.btnClass { |
|||
width: 110px; |
|||
} |
|||
</style> |
|||
@ -1,449 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<el-card> |
|||
<div style="display: flex"> |
|||
<div :style="'display: block; width:' + (window.pageWidth - 120 - 70) + 'px;'"> |
|||
<div style="display: flex; flex-wrap: wrap; height:80px;"> |
|||
<div class="query"> |
|||
<el-select v-model="query.dateType" placeholder="请选择" filterable clearable size="small" style="width: 100px"> |
|||
<el-option label="登记日期" value="createDate" /> |
|||
<el-option label="有效日期" value="expiryDate" /> |
|||
</el-select> |
|||
<el-date-picker v-model="query.dateRange" type="daterange" align="right" unlink-panels range-separator="至" |
|||
start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" size="small" |
|||
style="width: 240px"> |
|||
</el-date-picker> |
|||
</div> |
|||
<div class="query"> |
|||
<span>卡类别：</span> |
|||
<el-select v-model="query.cardTypeId" placeholder="请选择" filterable clearable size="small" style="width: 100px"> |
|||
<el-option v-for="item in dict.cardType" :key="item.id" :label="item.displayName" :value="item.id" /> |
|||
</el-select> |
|||
</div> |
|||
<div class="query"> |
|||
<span>卡号：</span> |
|||
<el-input placeholder="卡号" v-model="query.cardNo" size="small" clearable style="width: 150px" /> |
|||
</div> |
|||
<div class="query"> |
|||
<span>卡主姓名：</span> |
|||
<el-input placeholder="卡主姓名" v-model="query.customerName" size="small" clearable style="width: 100px" /> |
|||
</div> |
|||
<div class="query"> |
|||
<span>身份证号：</span> |
|||
<el-input placeholder="身份证号" v-model="query.idNo" size="small" clearable style="width: 200px" /> |
|||
</div> |
|||
<div class="query"> |
|||
<span>手机号：</span> |
|||
<el-input placeholder="手机号" v-model="query.mobileTelephone" size="small" clearable style="width: 150px" /> |
|||
</div> |
|||
</div> |
|||
<el-table :data="dataList" border width="100%" :height="window.pageHeight < 600 ? 370 : window.pageHeight - 230" |
|||
row-key="id" size="small" highlight-current-row ref="dataList" @selection-change="handleSelectionChange" |
|||
@row-click="rowClick"> |
|||
<el-table-column prop="cardTypeId" label="卡类别" width="100"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ dddw(dict.cardType, "id", scope.row.cardTypeId, "displayName") }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="cardNo" label="会员卡号" width="150" /> |
|||
<el-table-column prop="discount" label="折扣率" width="80" /> |
|||
<el-table-column prop="expiryDate" label="有效期限" width="120"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.expiryDate"> |
|||
{{ moment(scope.row.expiryDate).format("yyyy-MM-DD") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="customerName" label="卡主姓名" width="80" /> |
|||
<el-table-column prop="idNo" label="卡主身份证号" width="200" /> |
|||
<el-table-column prop="telephone" label="卡主电话" width="150" /> |
|||
<el-table-column prop="mobileTelephone" label="卡主手机号" width="150" /> |
|||
<el-table-column prop="cardFlag" label="启用" width="80"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.cardFlag == '0' ? '否' : '是' }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remark" label="备注" width="200" /> |
|||
<el-table-column prop="creatorId" label="创建人员" width="100" /> |
|||
<el-table-column prop="creationTime" label="创建日期" width="150"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.creationTime"> |
|||
{{ moment(scope.row.creationTime).format("yyyy-MM-DD") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierId" label="修改人员" width="100" /> |
|||
<el-table-column prop="lastModificationTime" label="修改日期" width="150"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.lastModificationTime"> |
|||
{{ moment(scope.row.lastModificationTime).format("yyyy-MM-DD") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
</div> |
|||
<div style=" margin-left: 10px;width:110px;"> |
|||
<div class="listBtn"> |
|||
<el-button class="btnClass" @click="btnQuery">查询</el-button> |
|||
</div> |
|||
<div class="listBtn"> |
|||
<el-button type="success" class="btnClass" @click="add">新增</el-button> |
|||
</div> |
|||
<div class="listBtn"> |
|||
<el-button type="primary" class="btnClass" @click="edit">编辑</el-button> |
|||
</div> |
|||
<div class="listBtn"> |
|||
<el-button type="danger" class="btnClass" @click="edit">删除</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</el-card> |
|||
<el-dialog :title="form.id ? '编辑' : '新增'" :visible.sync="dialogVisible" width="800px" :close-on-click-modal="false"> |
|||
<el-form ref="form" :model="form" label-width="100px" :rules="rules" size="small"> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="卡类别" prop="cardTypeId"> |
|||
<el-select v-model="form.cardTypeId" placeholder="请选择" filterable> |
|||
<el-option v-for="item in dict.cardType" :key="item.id" :label="item.displayName" :value="item.id" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="会员卡号" prop="cardNo"> |
|||
<el-input v-model="form.cardNo" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="折扣率" prop="discount"> |
|||
<el-input type="number" v-model="form.discount" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="有效期限" prop="expiryDate"> |
|||
<el-input type="date" v-model="form.expiryDate" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="卡主姓名" prop="customerName"> |
|||
<el-input v-model="form.customerName" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="卡主身份证" prop="idNo"> |
|||
<el-input v-model="form.idNo" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="卡主电话" prop="telephone"> |
|||
<el-input type="tel" v-model="form.telephone" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="卡主手机号" prop="mobileTelephone"> |
|||
<el-input type="tel" v-model="form.mobileTelephone" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="启用" prop="cardFlag"> |
|||
<el-radio v-model="form.cardFlag" label="1">是</el-radio> |
|||
<el-radio v-model="form.cardFlag" label="0">否</el-radio> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item label="备注" prop="remark"> |
|||
<el-input v-model="form.remark" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<el-form-item label="创建人员" label-width="80px"> |
|||
<el-input v-model="form.creatorId" disabled></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="创建时间" label-width="80px"> |
|||
<el-input :value="form.creationTime ? moment(form.creationTime).format('yyyy-MM-DD') : ''" |
|||
disabled></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="修改人员" label-width="80px"> |
|||
<el-input v-model="form.lastModifierId" disabled></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="修改时间" label-width="80px"> |
|||
<el-input :value="form.lastModificationTime |
|||
? moment(form.lastModificationTime).format('yyyy-MM-DD') : ''" disabled></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="onSubmit('form')">确定</el-button> |
|||
<el-button @click="dialogVisible = false">关闭</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import moment from "moment"; |
|||
import { mapState, mapActions } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { dddw, objCopy, arrayReduce, arrayExistObj } from "@/utlis/proFunc"; |
|||
|
|||
|
|||
export default { |
|||
components: { |
|||
|
|||
}, |
|||
data() { |
|||
return { |
|||
query: { |
|||
dateType:'createDate', |
|||
dateType:'createDate', |
|||
}, //查询条件 |
|||
dataList: [], //列表数据 |
|||
multipleSelection: [], //选中的数据列表 |
|||
dialogVisible: false, |
|||
form: { |
|||
id: null, |
|||
cardTypeId: null, |
|||
cardNo: '', |
|||
discount: 100, |
|||
expiryDate: null, |
|||
customerName: '', |
|||
idNo: '', |
|||
telephone: '', |
|||
mobileTelephone: '', |
|||
cardFlag: '0', |
|||
remark: '', |
|||
}, |
|||
|
|||
formInit: {}, |
|||
|
|||
rules: { |
|||
cardTypeId: [ |
|||
{ required: true, message: "请填写卡类别", trigger: "blur" }, |
|||
], |
|||
cardNo: [ |
|||
{ required: true, message: "请填写卡号", trigger: "blur" }, |
|||
], |
|||
discount: [ |
|||
{ required: true, message: "请填写卡折扣", trigger: "blur" }, |
|||
], |
|||
expiryDate: [ |
|||
{ required: true, message: "请填写卡有效期", trigger: "blur" }, |
|||
], |
|||
customerName: [ |
|||
{ required: true, message: "请填写卡主姓名", trigger: "blur" }, |
|||
], |
|||
idNo: [ |
|||
{ required: true, message: "请填写卡主身份证", trigger: "blur" }, |
|||
], |
|||
mobileTelephone: [ |
|||
{ required: true, message: "请填写卡主身份证", trigger: "blur" }, |
|||
], |
|||
cardFlag: [ |
|||
{ required: true, message: "请填写卡启用状态", trigger: "blur" }, |
|||
] |
|||
}, |
|||
|
|||
curChoosedRow: {}, //当前选择的行数据 |
|||
pickerOptions: { |
|||
shortcuts: [ |
|||
{ |
|||
text: "最近一周", |
|||
onClick(picker) { |
|||
const end = new Date(); |
|||
const start = new Date(); |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
|||
picker.$emit("pick", [start, end]); |
|||
}, |
|||
}, |
|||
{ |
|||
text: "最近一个月", |
|||
onClick(picker) { |
|||
const end = new Date(); |
|||
const start = new Date(); |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
|||
picker.$emit("pick", [start, end]); |
|||
}, |
|||
}, |
|||
{ |
|||
text: "最近三个月", |
|||
onClick(picker) { |
|||
const end = new Date(); |
|||
const start = new Date(); |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
|||
picker.$emit("pick", [start, end]); |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
this.formInit = { ...this.form }; |
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { }, |
|||
computed: { |
|||
...mapState(["window", "dict"]), |
|||
}, |
|||
methods: { |
|||
...mapActions(["getCustomerOrgGroup", "getPatientRegisterAbs"]), |
|||
dddw, moment, |
|||
|
|||
handleSelectionChange(val) { |
|||
this.multipleSelection = val; |
|||
}, |
|||
|
|||
rowClick(row) { |
|||
this.curChoosedRow = row; |
|||
}, |
|||
|
|||
add() { |
|||
this.form = { ...this.formInit }; |
|||
this.dialogVisible = true; |
|||
}, |
|||
|
|||
edit() { |
|||
if (!this.curChoosedRow.id) { |
|||
this.$message.warning("请先选择要操作的数据！"); |
|||
return; |
|||
} |
|||
this.form = { ...this.curChoosedRow }; |
|||
this.dialogVisible = true; |
|||
}, |
|||
|
|||
del() { |
|||
let lfind = -1; |
|||
if (!this.curChoosedRow.id) { |
|||
this.$message.warning("请先选择要操作的数据！"); |
|||
return; |
|||
} |
|||
//执行删除操作 |
|||
lfind = arrayExistObj(this.dataList, 'id', this.curChoosedRow.id); |
|||
if (lfind > - 1) this.dataList.splice(lfind, 1); |
|||
this.curChoosedRow.id = null; |
|||
}, |
|||
|
|||
|
|||
|
|||
//按条码号查个人数据 |
|||
signByPatientRegisterNo() { |
|||
let val = this.form.patientRegisterNo |
|||
console.log(`/api/app/patient-register/patient-register-or-patient?SType=1&PatientRegisterNo=${val}`) |
|||
getapi(`/api/app/patient-register/patient-register-or-patient?SType=1&PatientRegisterNo=${val}`) |
|||
.then((res) => { |
|||
if (res.code != -1) { |
|||
if (res.data) { |
|||
this.signCore([res.data.id]) |
|||
this.form.patientRegisterNo = '' |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//提交 |
|||
onSubmit(formName) { |
|||
this.$refs[formName].validate((valid, fields) => { |
|||
if (!valid) { |
|||
//console.log('fields',fields,Object.keys(fields)); |
|||
this.$message.error(fields[Object.keys(fields)[0]][0].message); |
|||
return; |
|||
} |
|||
//编辑 |
|||
if (this.form.id) { |
|||
|
|||
} else { |
|||
//新增 |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
|
|||
//查询 |
|||
btnQuery() { |
|||
let body = {} |
|||
|
|||
console.log(`this.patientRegister.query`, this.patientRegister.query) |
|||
if (this.patientRegister.query.customerOrgFlag) { |
|||
if (this.patientRegister.query.CustomerOrgParentId) { |
|||
body.customerOrgId = this.patientRegister.query.CustomerOrgParentId |
|||
} else { |
|||
if (this.patientRegister.query.customerOrgId) body.customerOrgId = this.patientRegister.query.customerOrgId |
|||
} |
|||
} |
|||
|
|||
if (this.patientRegister.query.sex) body.sexId = this.patientRegister.query.sex |
|||
|
|||
if (this.patientRegister.query.patientName) body.patientName = this.patientRegister.query.patientName |
|||
|
|||
if (this.patientRegister.query.completeFlag) body.completeFlag = this.patientRegister.query.completeFlag |
|||
|
|||
//StartDate EndDate |
|||
if (this.patientRegister.query.dateRange) { |
|||
body.startDate = moment(new Date(this.patientRegister.query.dateRange[0])).format("yyyy-MM-DD") |
|||
body.endDate = moment(new Date(this.patientRegister.query.dateRange[1])).format("yyyy-MM-DD") |
|||
} |
|||
|
|||
|
|||
if (this.patientRegister.query.idCardNo) body = { idNo: this.patientRegister.query.idCardNo } |
|||
|
|||
if (this.patientRegister.query.patientNo) body = { patientNo: this.patientRegister.query.patientNo } |
|||
|
|||
if (this.patientRegister.query.patientRegisterNo) body = { patientRegisterNo: this.patientRegister.query.patientRegisterNo } |
|||
|
|||
|
|||
console.log('/api/app/patientregister/getlistinfilter', body) |
|||
postapi('/api/app/patientregister/getlistinfilter', body) |
|||
.then((res) => { |
|||
this.dataList = res.data; |
|||
}); |
|||
}, |
|||
}, |
|||
|
|||
//监听事件 |
|||
watch: { |
|||
//触发查询事件 |
|||
"patientRegister.query.times"(newVal, oldVal) { |
|||
if (newVal != oldVal) { |
|||
//alert('触发查询事件') |
|||
this.query(); |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.query { |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.listBtn { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.btnClass { |
|||
width: 110px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.btnClass { |
|||
width: 110px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue