mch
3 years ago
5 changed files with 509 additions and 3331 deletions
-
103src/components/customerOrg/customerOrgRegister.vue
-
4src/components/patientRegister/ContactPerson.vue
-
377src/components/patientRegisterSign/customerOrgEdit.vue
-
1674src/views/customerOrg/patientRegisterRecover.vue
-
1674src/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> |
||||
1674
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
1674
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