mch
3 years ago
5 changed files with 509 additions and 3331 deletions
-
107src/components/customerOrg/customerOrgRegister.vue
-
4src/components/patientRegister/ContactPerson.vue
-
377src/components/patientRegisterSign/customerOrgEdit.vue
-
1676src/views/customerOrg/patientRegisterRecover.vue
-
1676src/views/customerOrg/patientRegisterSign.vue
@ -0,0 +1,377 @@ |
|||
<template> |
|||
<div style="display: flex"> |
|||
<div> |
|||
<el-form |
|||
ref="form" |
|||
:model="customerOrg.customerOrgRd" |
|||
label-width="110px" |
|||
:rules="rules" |
|||
size="medium" |
|||
> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="单位名称" prop="displayName"> |
|||
<el-input |
|||
v-model="customerOrg.customerOrgRd.displayName" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="单位分组" prop="shortName"> |
|||
<el-input |
|||
v-model="customerOrg.customerOrgRd.shortName" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="姓名" prop="invoiceName"> |
|||
<el-input |
|||
v-model="customerOrg.customerOrgRd.invoiceName" |
|||
style="width: 70%" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="性别" prop="parentId"> |
|||
<el-select v-model="form.sexid" placeholder="请选择"> |
|||
<el-option |
|||
v-for="item in data.sexdata" |
|||
:key="item.id" |
|||
:label="item.displayName" |
|||
:value="item.id" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="档案号" prop="telephone"> |
|||
<el-input |
|||
v-model="customerOrg.customerOrgRd.telephone" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="条码号" prop="fax"> |
|||
<el-input |
|||
v-model="customerOrg.customerOrgRd.fax" |
|||
style="width: 70%" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="身份证" prop="postalCode"> |
|||
<el-input |
|||
v-model="customerOrg.customerOrgRd.postalCode" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
|
|||
<el-col :span="8"> |
|||
<el-form-item label="全部" prop="isLock"> |
|||
<el-radio v-model="customerOrg.customerOrgRd.isLock" label="Y" |
|||
>已登记</el-radio |
|||
> |
|||
<el-radio v-model="customerOrg.customerOrgRd.isLock" label="N" |
|||
>未登记</el-radio |
|||
> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-button type="primary" @click="signin">查询</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<!-- --> |
|||
<div style="display: flex"> |
|||
<div style="width: 85%"> |
|||
<el-table> |
|||
<el-table-column label="单位"></el-table-column> |
|||
<el-table-column label="部门"></el-table-column> |
|||
<el-table-column label="姓名"></el-table-column> |
|||
<el-table-column label="性别"></el-table-column> |
|||
<el-table-column label="年龄"></el-table-column> |
|||
<el-table-column label="条码号"></el-table-column> |
|||
<el-table-column label="档案号"></el-table-column> |
|||
<el-table-column label="计划ID"></el-table-column> |
|||
<el-table-column label="次数"></el-table-column> |
|||
<el-table-column label="分组"></el-table-column> |
|||
<el-table-column label="套餐"></el-table-column> |
|||
<el-table-column label="名族"></el-table-column> |
|||
<el-table-column label="操作"> |
|||
<template |
|||
>111 |
|||
<el-button>签到</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div style="margin-top: 60px; margin-left: 10px"> |
|||
<el-button type="primary" @click="signin">批量签到</el-button> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
<el-divider></el-divider> |
|||
<el-row> |
|||
<el-col :span="5"> |
|||
<el-form-item label="创建者"> |
|||
<el-input |
|||
v-model="customerOrg.customerOrgRd.creatorName" |
|||
disabled |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="7"> |
|||
<el-form-item label="创建时间" style="margin-left: -5%"> |
|||
<el-input |
|||
:value="customerOrg.customerOrgRd.creationTime | dateFormat" |
|||
disabled |
|||
style="width: 90%" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item label="修改者" style="margin-left: -25%"> |
|||
<el-input |
|||
v-model="customerOrg.customerOrgRd.creatorName" |
|||
disabled |
|||
style="width: 70%" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="7"> |
|||
<el-form-item label="修改时间" style="margin-left: -90px"> |
|||
<el-input |
|||
:value=" |
|||
customerOrg.customerOrgRd.lastModificationTime | dateFormat |
|||
" |
|||
disabled |
|||
style="width: 70%" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- 按钮区域 --> |
|||
<div style="margin-left: 0; margin-top: 0" width=""> |
|||
<!-- <div> |
|||
<el-button type="primary">查询</el-button> |
|||
</div> --> |
|||
<!-- <el-button type="primary" @click="signin" style="margin-top:10px">批量签到</el-button> --> |
|||
|
|||
<!-- <el-button |
|||
type="primary" |
|||
@click="Onsubmit('form')" |
|||
style="margin-left: 0; margin-top: 10px" |
|||
>登记</el-button |
|||
> --> |
|||
</div> |
|||
<!-- 签到弹框 --> |
|||
<el-dialog title="人员签到" :visible.sync="dialogVisible" width="50%"> |
|||
<el-form :model="form" label-width="100px"> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="条码号"> |
|||
<el-input></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="档案号"> |
|||
<el-input></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="姓名"> |
|||
<el-input></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="dialogVisible = false">取 消</el-button> |
|||
<el-button type="primary" @click="dialogVisible = false" |
|||
>确 定</el-button |
|||
> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
<!-- --> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { mapState, mapMutations } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { tcdate } from "../../utlis/proFunc"; |
|||
|
|||
export default { |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
form: { |
|||
sexid: "", |
|||
}, //签到弹框 |
|||
dialogVisible: false, |
|||
data: { |
|||
organizationdata: [], //体检中心数据 |
|||
customerOrgType: [], //单位类别 |
|||
sexdata: [], //性别 |
|||
}, |
|||
pojo: { |
|||
displayName: "string", |
|||
shortName: "string", |
|||
invoiceName: "string", |
|||
parentId: "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
telephone: "string", |
|||
fax: "string", |
|||
postalCode: "string", |
|||
address: "string", |
|||
bank: "string", |
|||
accounts: "string", |
|||
orgTypeId: "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
remark: "string", |
|||
isLock: "N", |
|||
isActive: "Y", |
|||
organizationUnitId: "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
}, //单位 记录 目前新增与更新是一致 |
|||
|
|||
rules: { |
|||
displayName: [ |
|||
{ required: true, message: "请输入名称", trigger: "blur" }, |
|||
], |
|||
shortName: [{ required: true, message: "请输入简写", trigger: "blur" }], |
|||
orgTypeId: [{ required: true, message: "请输入单位性质" }], |
|||
organizationUnitId: [ |
|||
{ required: true, message: "请输入体检中心", trigger: "blur" }, |
|||
], |
|||
displayOrder: [ |
|||
{ required: true, message: "请输入显示顺序", trigger: "blur" }, |
|||
], |
|||
}, |
|||
|
|||
isshow: false, |
|||
}; |
|||
}, |
|||
|
|||
created() {}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
//获取体中心字典数据 |
|||
this.getoraniztion(); |
|||
//获取性别 |
|||
this.getsex(); |
|||
//获取单位类别列表 |
|||
this.getOrgType(); |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["customerOrg"]), |
|||
}, |
|||
methods: { |
|||
//获取性别 |
|||
getsex() { |
|||
getapi("/api/app/sex").then((res) => { |
|||
this.data.sexdata = res.data; |
|||
console.log(res, "sex"); |
|||
}); |
|||
}, |
|||
//签到弹框 |
|||
signin() { |
|||
this.dialogVisible = true; |
|||
}, |
|||
...mapMutations(["setData"]), |
|||
//获取组织体检中心数据 |
|||
getoraniztion() { |
|||
getapi("/api/app/organization-units/organization-unit-by-is-peis").then( |
|||
(res) => { |
|||
this.data.organizationdata = res.data; |
|||
} |
|||
); |
|||
}, |
|||
|
|||
//获取单位类别列表 |
|||
getOrgType() { |
|||
getapi("/api/app/customer-org-type/in-filter").then((res) => { |
|||
this.data.customerOrgType = res.data.items; |
|||
}); |
|||
}, |
|||
|
|||
//更新获取单位树节点数据 |
|||
getCustomerOrgTree() { |
|||
getapi("/api/app/customer-org/by-code-all").then((res) => { |
|||
//customerOrgTree = res.data; |
|||
console.log("res.data", res.data); |
|||
this.setData({ key: "customerOrg.customerOrgTree", value: res.data }); |
|||
tcdate(this.customerOrg.customerOrgTree); |
|||
}); |
|||
}, |
|||
|
|||
//提交 |
|||
Onsubmit(formName) { |
|||
console.log("vuex data", this.customerOrg.customerOrgRd); |
|||
let vpojo = this.customerOrg.customerOrgRd; |
|||
this.$refs[formName].validate((valid) => { |
|||
if (valid) { |
|||
//赋值 |
|||
this.pojo = { |
|||
displayName: vpojo.displayName, |
|||
shortName: vpojo.shortName, |
|||
invoiceName: vpojo.invoiceName, |
|||
parentId: vpojo.parentId, |
|||
telephone: vpojo.telephone, |
|||
fax: vpojo.fax, |
|||
postalCode: vpojo.postalCode, |
|||
address: vpojo.address, |
|||
bank: vpojo.bank, |
|||
accounts: vpojo.accounts, |
|||
orgTypeId: vpojo.orgTypeId, |
|||
remark: vpojo.remark, |
|||
isLock: vpojo.isLock, |
|||
isActive: vpojo.isActive, |
|||
organizationUnitId: vpojo.organizationUnitId, |
|||
}; |
|||
console.log("pojo", this.pojo); |
|||
if (this.customerOrg.customerOrgRd.id.length < 1) { |
|||
//id为空则新增 |
|||
postapi(`/api/app/customer-org`, this.pojo).then((res) => { |
|||
this.$message.success("创健 操作成功"); |
|||
this.setData({ key: "customerOrg.customerOrgRd", value: res }); |
|||
this.getCustomerOrgTree(); |
|||
}); |
|||
} else { |
|||
//id不为空则编辑 |
|||
putapi( |
|||
`/api/app/customer-org/${this.customerOrg.customerOrgRd.id}`, |
|||
this.pojo |
|||
).then((res) => { |
|||
this.$message.success("更新 操作成功"); |
|||
this.getCustomerOrgTree(); |
|||
}); |
|||
} |
|||
} else { |
|||
alert("未通过数据校验"); |
|||
return false; |
|||
} |
|||
}); |
|||
}, |
|||
//新增弹框 |
|||
add() { |
|||
this.setData({ key: "customerOrg.customerOrgRd", value: { id: "" } }); |
|||
}, |
|||
|
|||
//删除 |
|||
del() { |
|||
deletapi( |
|||
`/api/app/customer-org/${this.customerOrg.customerOrgRd.id}` |
|||
).then((res) => { |
|||
this.$message.success("删除 操作成功"); |
|||
this.setData({ key: "customerOrg.customerOrgRd", value: { id: "" } }); |
|||
this.getCustomerOrgTree(); |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
1676
src/views/customerOrg/patientRegisterRecover.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1676
src/views/customerOrg/patientRegisterSign.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
Write
Preview
Loading…
Cancel
Save
Reference in new issue