7 changed files with 909 additions and 1373 deletions
-
229src/components/customerOrg/ContactPerson.vue
-
313src/components/customerOrg/customerOrgEdit.vue
-
241src/components/customerOrg/customerOrgRegister.vue
-
62src/components/customerOrg/customerOrgTree.vue
-
31src/store/index.js
-
4src/views/Home.vue
-
1396src/views/customerOrg/customerOrg.vue
@ -0,0 +1,229 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div style="display:flex"> |
||||
|
<div style="width: 95%;"> |
||||
|
<el-table :data="data.contactPerson" border style="height: 175px" row-key="id" size="small" |
||||
|
class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowickContactPerson" |
||||
|
ref="data.contactPerson"> |
||||
|
<el-table-column prop="display_name" label="姓名" /> |
||||
|
<el-table-column prop="title" label="职务" /> |
||||
|
<el-table-column prop="remark" label="备注" /> |
||||
|
<el-table-column prop="creatorName" label="创建者" width="" /> |
||||
|
<el-table-column prop="creationTime" label="创建时间" width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.creationTime | dateFormat }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="lastModifierName" label="修改者" /> |
||||
|
<el-table-column prop="lastModificationTime" label="修改时间" width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.lastModificationTime | dateFormat }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-table :data="data.contactPerson" border style="height: 175px" row-key="id" size="small" |
||||
|
class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowickContactPerson" |
||||
|
ref="data.contactPerson"> |
||||
|
<el-table-column prop="contact_method_type" label="类型" /> |
||||
|
<el-table-column prop="contact_method_value" label="联系方式" /> |
||||
|
<el-table-column prop="creatorName" label="创建者" width="" /> |
||||
|
<el-table-column prop="creationTime" label="创建时间" width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.creationTime | dateFormat }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="lastModifierName" label="修改者" /> |
||||
|
<el-table-column prop="lastModificationTime" label="修改时间" width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.lastModificationTime | dateFormat }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div style="margin-left: 10px; margin-top: 5%"> |
||||
|
<div style="margin-top: 10px"> |
||||
|
<el-button type="primary" @click="addContactPerson">新增</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 10px"> |
||||
|
<el-button type="success" @click="editContactPerson">编辑</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 10px"> |
||||
|
<el-button type="danger" @click="delContactPerson">删除</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 联系人 --> |
||||
|
<el-dialog title="新增" :visible.sync="dialogContactPerson" width="80%"> |
||||
|
<el-form :model="formContactPerson" ref="formContactPerson" label-width="100px"> |
||||
|
<el-row> |
||||
|
|
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="结果"> |
||||
|
<el-input v-model="formContactPerson.result"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="">取 消</el-button> |
||||
|
<el-button type="primary" @click="">确 定</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { yzstr } from "@/utlis/validate"; |
||||
|
import { |
||||
|
getporjectlists, |
||||
|
projectlist, |
||||
|
addproject, |
||||
|
priceitemlist, |
||||
|
posjrctid, |
||||
|
projectedit, |
||||
|
projectdeleft, |
||||
|
projttitem, |
||||
|
projectdreog, |
||||
|
} from "@/request/commonapi"; |
||||
|
import { unitlist } from "@/request/systemapi"; |
||||
|
import Sortable from "sortablejs"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import CustomerOrgTree from '../../components/customerOrg/customerOrgTree.vue' |
||||
|
import CustomerOrgEdit from '../../components/customerOrg/customerOrgEdit.vue' |
||||
|
import CustomerOrgRegister from '../../components/customerOrg/customerOrgRegister.vue' |
||||
|
export default { |
||||
|
components: { |
||||
|
CustomerOrgTree, |
||||
|
CustomerOrgEdit, |
||||
|
CustomerOrgRegister, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
data:{ |
||||
|
contactPerson:[] |
||||
|
}, |
||||
|
form: { |
||||
|
displayName: "", |
||||
|
englishShortName: "", |
||||
|
itemTypeId: "", |
||||
|
price: "", |
||||
|
priceItemId: "", |
||||
|
unitId: "", |
||||
|
defaultResult: "", |
||||
|
referenceRangeTypeFlag: "", |
||||
|
isProduceSummary: "", |
||||
|
isNameIntoSummary: "", |
||||
|
isDiagnosisFunction: "", |
||||
|
diagnosisFunction: "", |
||||
|
isCalculationItem: "", |
||||
|
calculationFunction: "", |
||||
|
isContinueProcess: "", |
||||
|
resultTemplateTypeFlag: "", |
||||
|
inputCheck: "", |
||||
|
isActive: "", |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
dialogContactPerson: false, //联系人弹窗 显示控制 |
||||
|
dialogContactMethod: false, //联系方式弹窗 显示控制 |
||||
|
|
||||
|
|
||||
|
formContactPerson: { |
||||
|
|
||||
|
}, //联系人form表单数据 |
||||
|
|
||||
|
formContactMethod: { |
||||
|
|
||||
|
}, //联系方式form表单数据 |
||||
|
|
||||
|
rules: { |
||||
|
displayName: [ |
||||
|
{ required: true, message: "请输入名称", trigger: "blur" }, |
||||
|
], |
||||
|
englishShortName: [ |
||||
|
{ required: true, message: "请输入英文缩写", trigger: "blur" }, |
||||
|
], |
||||
|
itemTypeId: [ |
||||
|
{ required: true, message: "请输入项目类别", trigger: "blur" }, |
||||
|
], |
||||
|
price: [{ required: true, message: "请输入价格", trigger: "blur" }], |
||||
|
priceItemId: [ |
||||
|
{ required: true, message: "请输入价表项目编码", trigger: "blur" }, |
||||
|
], |
||||
|
unitId: [{ required: true, message: "请输入单位", trigger: "blur" }], |
||||
|
defaultResult: [ |
||||
|
{ required: true, message: "请输入默认结果", trigger: "blur" }, |
||||
|
], |
||||
|
referenceRangeTypeFlag: [ |
||||
|
{ required: true, message: "请输入参考范围类别", trigger: "blur" }, |
||||
|
], |
||||
|
isProduceSummary: [ |
||||
|
{ required: true, message: "请选择是生成小结", trigger: "blur" }, |
||||
|
], |
||||
|
isNameIntoSummary: [ |
||||
|
{ required: true, message: "请输择称进入小结", trigger: "blur" }, |
||||
|
], |
||||
|
isDiagnosisFunction: [ |
||||
|
{ required: true, message: "请选择启用诊断函数", trigger: "blur" }, |
||||
|
], |
||||
|
diagnosisFunction: [ |
||||
|
{ required: true, message: "请输入诊断函数", trigger: "blur" }, |
||||
|
], |
||||
|
isCalculationItem: [ |
||||
|
{ required: true, message: "请选择计算项目", trigger: "blur" }, |
||||
|
], |
||||
|
calculationFunction: [ |
||||
|
{ required: true, message: "请输入计算函数", trigger: "blur" }, |
||||
|
], |
||||
|
isContinueProcess: [ |
||||
|
{ required: true, message: "请选择继续处理", trigger: "blur" }, |
||||
|
], |
||||
|
resultTemplateTypeFlag: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "请输入结果模板类别标志", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
inputCheck: [ |
||||
|
{ required: true, message: "请选择结果校验公式", trigger: "blur" }, |
||||
|
], |
||||
|
isActive: [{ required: true, message: "请选择启用", trigger: "blur" }], |
||||
|
}, |
||||
|
|
||||
|
isshow: false, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
}, |
||||
|
|
||||
|
//挂载完成 |
||||
|
mounted() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
//联系人 相关操作 |
||||
|
addContactPerson() { |
||||
|
this.$message.success("新增 addContactPerson"); |
||||
|
}, |
||||
|
editContactPerson() { |
||||
|
this.$message.success("编辑 editContactPerson"); |
||||
|
}, |
||||
|
delContactPerson() { |
||||
|
this.$message.success("删除 delContactPerson"); |
||||
|
}, |
||||
|
|
||||
|
rowickContactPerson(){ |
||||
|
this.$message.success("rowickContactPerson"); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,313 @@ |
|||||
|
<template> |
||||
|
<div style="display:flex"> |
||||
|
<div> |
||||
|
<el-form ref="form" :model="$store.state.customerOrg.customerOrgRd" label-width="110px" :rules="rules" size="medium"> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="单位名称" prop="display_name"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.displayName"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="简称" prop="short_name"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.englishShortName"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="上级单位" prop="parent_id"> |
||||
|
<el-cascader v-model="$store.state.customerOrg.customerOrgRd.itemTypeId" :options="$store.state.customerOrg.customerOrgTree" :props="$store.state.customerOrg.treeprops" |
||||
|
:show-all-levels="false"> |
||||
|
</el-cascader> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="联系电话" prop="telephone"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.price"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="传真" prop="fax"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.price"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="邮政编码" prop="postal_code"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.price"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="地址" prop="address"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.address"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="开户银行" prop="bank"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.bank"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="银行账号" prop="accounts"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.accounts"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="单位性质" prop="org_type_id"> |
||||
|
<el-select v-model="$store.state.customerOrg.customerOrgRd.priceItemId" placeholder="请选择"> |
||||
|
<el-option v-for="item in data.customerOrgType" :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="simple_code"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.accounts"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="受理体检中心" prop="organization_unit_id"> |
||||
|
<el-select v-model="$store.state.customerOrg.customerOrgRd.organizationUnitId" placeholder="请选择" style="margin-left: 15px" filterable> |
||||
|
<el-option v-for="item in data.organizationdata" :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="remark"> |
||||
|
<el-input v-model="$store.state.customerOrg.customerOrgRd.accounts"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="加锁" prop="is_lock"> |
||||
|
<el-radio v-model="$store.state.customerOrg.customerOrgRd.is_lock" label="Y">是</el-radio> |
||||
|
<el-radio v-model="$store.state.customerOrg.customerOrgRd.is_lock" label="N">否</el-radio> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="状态" prop="status_flag"> |
||||
|
<el-radio v-model="$store.state.customerOrg.customerOrgRd.status_flag" label="1">启用</el-radio> |
||||
|
<el-radio v-model="$store.state.customerOrg.customerOrgRd.status_flag" label="0">停用</el-radio> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
</el-row> |
||||
|
<!-- --> |
||||
|
<el-divider></el-divider> |
||||
|
<el-row> |
||||
|
<el-col :span="5"> |
||||
|
<el-form-item label="创建者"> |
||||
|
<el-input v-model="$store.state.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="$store.state.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="$store.state.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="$store.state.customerOrg.customerOrgRd.lastModificationTime | dateFormat" disabled style="width: 90%"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!-- 按钮区域 --> |
||||
|
<div style="margin-left: 10px; margin-top: 5%" width="150px"> |
||||
|
<el-button type="primary" @click="add">新增</el-button> |
||||
|
<el-button type="primary" @click="Onsubmit" style="margin-left: 0; margin-top: 10px">保存</el-button> |
||||
|
<div style="margin-top: 10px"> |
||||
|
<el-button type="danger" @click="del">删除</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
|
||||
|
import { |
||||
|
getporjectlists, |
||||
|
projectlist, |
||||
|
addproject, |
||||
|
priceitemlist, |
||||
|
posjrctid, |
||||
|
projectedit, |
||||
|
projectdeleft, |
||||
|
projttitem, |
||||
|
projectdreog, |
||||
|
} from "@/request/commonapi"; |
||||
|
import { unitlist } from "@/request/systemapi"; |
||||
|
import Sortable from "sortablejs"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
data: { |
||||
|
|
||||
|
organizationdata: [], //体检中心数据 |
||||
|
customerOrgType:[], //单位类别 |
||||
|
}, |
||||
|
form: { |
||||
|
displayName: "", |
||||
|
englishShortName: "", |
||||
|
itemTypeId: "", |
||||
|
price: "", |
||||
|
priceItemId: "", |
||||
|
unitId: "", |
||||
|
defaultResult: "", |
||||
|
referenceRangeTypeFlag: "", |
||||
|
isProduceSummary: "", |
||||
|
isNameIntoSummary: "", |
||||
|
isDiagnosisFunction: "", |
||||
|
diagnosisFunction: "", |
||||
|
isCalculationItem: "", |
||||
|
calculationFunction: "", |
||||
|
isContinueProcess: "", |
||||
|
resultTemplateTypeFlag: "", |
||||
|
inputCheck: "", |
||||
|
isActive: "", |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
rules: { |
||||
|
displayName: [ |
||||
|
{ required: true, message: "请输入名称", trigger: "blur" }, |
||||
|
], |
||||
|
englishShortName: [ |
||||
|
{ required: true, message: "请输入英文缩写", trigger: "blur" }, |
||||
|
], |
||||
|
itemTypeId: [ |
||||
|
{ required: true, message: "请输入项目类别", trigger: "blur" }, |
||||
|
], |
||||
|
price: [{ required: true, message: "请输入价格", trigger: "blur" }], |
||||
|
priceItemId: [ |
||||
|
{ required: true, message: "请输入价表项目编码", trigger: "blur" }, |
||||
|
], |
||||
|
unitId: [{ required: true, message: "请输入单位", trigger: "blur" }], |
||||
|
defaultResult: [ |
||||
|
{ required: true, message: "请输入默认结果", trigger: "blur" }, |
||||
|
], |
||||
|
referenceRangeTypeFlag: [ |
||||
|
{ required: true, message: "请输入参考范围类别", trigger: "blur" }, |
||||
|
], |
||||
|
isProduceSummary: [ |
||||
|
{ required: true, message: "请选择是生成小结", trigger: "blur" }, |
||||
|
], |
||||
|
isNameIntoSummary: [ |
||||
|
{ required: true, message: "请输择称进入小结", trigger: "blur" }, |
||||
|
], |
||||
|
isDiagnosisFunction: [ |
||||
|
{ required: true, message: "请选择启用诊断函数", trigger: "blur" }, |
||||
|
], |
||||
|
diagnosisFunction: [ |
||||
|
{ required: true, message: "请输入诊断函数", trigger: "blur" }, |
||||
|
], |
||||
|
isCalculationItem: [ |
||||
|
{ required: true, message: "请选择计算项目", trigger: "blur" }, |
||||
|
], |
||||
|
calculationFunction: [ |
||||
|
{ required: true, message: "请输入计算函数", trigger: "blur" }, |
||||
|
], |
||||
|
isContinueProcess: [ |
||||
|
{ required: true, message: "请选择继续处理", trigger: "blur" }, |
||||
|
], |
||||
|
resultTemplateTypeFlag: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "请输入结果模板类别标志", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
inputCheck: [ |
||||
|
{ required: true, message: "请选择结果校验公式", trigger: "blur" }, |
||||
|
], |
||||
|
isActive: [{ required: true, message: "请选择启用", trigger: "blur" }], |
||||
|
}, |
||||
|
|
||||
|
isshow: false, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//挂载完成 |
||||
|
mounted() { |
||||
|
|
||||
|
|
||||
|
//获取体中心字典数据 |
||||
|
this.getoraniztion(); |
||||
|
|
||||
|
//获取单位类别列表 |
||||
|
this.getOrgType() |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
|
||||
|
//获取组织体检中心数据 |
||||
|
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; |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
//确定新增或者编辑 |
||||
|
Onsubmit() { |
||||
|
this.$refs.$store.state.customerOrg.customerOrgRd.validate((v) => { |
||||
|
if (v) { |
||||
|
if (this.title == 1) { |
||||
|
addproject(this.form).then((res) => { |
||||
|
this.$message.success("新增成功"); |
||||
|
this.getlist(); |
||||
|
this.dialogVisible = false; |
||||
|
}); |
||||
|
} else if (this.title == 2) { |
||||
|
projectedit(this.$store.state.customerOrg.customerOrgRd.id, this.form).then((res) => { |
||||
|
this.$message.success("修改成功"); |
||||
|
this.getlist(); |
||||
|
this.dialogVisible = false; |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
// addproject(this.form) |
||||
|
}, |
||||
|
//新增弹框 |
||||
|
add() { |
||||
|
this.$store.state.customerOrg.customerOrgRd.price = Number(this.$store.state.customerOrg.customerOrgRd.price); |
||||
|
this.title = 1; |
||||
|
this.dialogVisible = true; |
||||
|
this.form = {}; |
||||
|
this.addorgropdata(); |
||||
|
}, |
||||
|
|
||||
|
//删除 |
||||
|
del(){ |
||||
|
this.$message.success("删除 del"); |
||||
|
} |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,241 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div style="display: flex"> |
||||
|
<el-table :data="data.customerOrgRegister" border style="width: 90%; height: 350px" row-key="id" size="small" |
||||
|
class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowickCustomerOrgRegister" |
||||
|
ref="data.customerOrgRegister"> |
||||
|
<el-table-column prop="medical_times" label="体检次数" /> |
||||
|
<el-table-column prop="begin_time" label="开始日期" /> |
||||
|
<el-table-column prop="end_time" label="结束日期" /> |
||||
|
<el-table-column prop="is_complete" label="完成标志" /> |
||||
|
<el-table-column prop="creatorName" label="创建者" width="" /> |
||||
|
<el-table-column prop="creationTime" label="创建时间" width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.creationTime | dateFormat }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="lastModifierName" label="修改者" /> |
||||
|
<el-table-column prop="lastModificationTime" label="修改时间" width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.lastModificationTime | dateFormat }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div style="margin-left: 10px; margin-top: 5%"> |
||||
|
<div style="margin-top: 10px"> |
||||
|
<el-button type="primary" @click="addTimes">增加次数</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 10px"> |
||||
|
<el-button type="success" @click="editCustomerOrgRegister">体检完成</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 10px"> |
||||
|
<el-button type="danger" @click="canselCustomerOrgRegister">取消完成</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 体检次数 --> |
||||
|
<el-dialog title="体检次数" :visible.sync="dialogCustomerOrgRegister" width="80%"> |
||||
|
<div style="display: flex"> |
||||
|
<div style="width: 95%"> |
||||
|
<el-table border="" :data="formCustomerOrgRegister" highlight-current-row> |
||||
|
<el-table-column label="编号" prop="id"></el-table-column> |
||||
|
<el-table-column label="项目编号" prop="itemId"></el-table-column> |
||||
|
<el-table-column label="创建时间" width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.creationTime | dateFormat }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="修改时间" width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.lastModificationTime | dateFormat }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="结果" prop="result"></el-table-column> |
||||
|
<el-table-column label="项目结果"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.id }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="诊断"> |
||||
|
<template> |
||||
|
|
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</div> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="rurestdialogVisible = false">取 消</el-button> |
||||
|
<el-button type="primary" @click="rurestdialogVisible = false">确 定</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
|
||||
|
import { |
||||
|
getporjectlists, |
||||
|
projectlist, |
||||
|
addproject, |
||||
|
priceitemlist, |
||||
|
posjrctid, |
||||
|
projectedit, |
||||
|
projectdeleft, |
||||
|
projttitem, |
||||
|
projectdreog, |
||||
|
} from "@/request/commonapi"; |
||||
|
import { unitlist } from "@/request/systemapi"; |
||||
|
import Sortable from "sortablejs"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
data: { |
||||
|
|
||||
|
|
||||
|
customerOrgRegister: [], //单位体检次数登记 |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
form: { |
||||
|
displayName: "", |
||||
|
englishShortName: "", |
||||
|
itemTypeId: "", |
||||
|
price: "", |
||||
|
priceItemId: "", |
||||
|
unitId: "", |
||||
|
defaultResult: "", |
||||
|
referenceRangeTypeFlag: "", |
||||
|
isProduceSummary: "", |
||||
|
isNameIntoSummary: "", |
||||
|
isDiagnosisFunction: "", |
||||
|
diagnosisFunction: "", |
||||
|
isCalculationItem: "", |
||||
|
calculationFunction: "", |
||||
|
isContinueProcess: "", |
||||
|
resultTemplateTypeFlag: "", |
||||
|
inputCheck: "", |
||||
|
isActive: "", |
||||
|
}, |
||||
|
|
||||
|
dialogCustomerOrgRegister: false,//体检次数弹窗 显示控制 |
||||
|
dialogContactPerson: false, //联系人弹窗 显示控制 |
||||
|
dialogContactMethod: false, //联系方式弹窗 显示控制 |
||||
|
|
||||
|
formCustomerOrgRegister: { |
||||
|
|
||||
|
}, //体检次数 form表单数据 |
||||
|
|
||||
|
formContactPerson: { |
||||
|
|
||||
|
}, //联系人form表单数据 |
||||
|
|
||||
|
formContactMethod: { |
||||
|
|
||||
|
}, //联系方式form表单数据 |
||||
|
|
||||
|
rules: { |
||||
|
displayName: [ |
||||
|
{ required: true, message: "请输入名称", trigger: "blur" }, |
||||
|
], |
||||
|
englishShortName: [ |
||||
|
{ required: true, message: "请输入英文缩写", trigger: "blur" }, |
||||
|
], |
||||
|
itemTypeId: [ |
||||
|
{ required: true, message: "请输入项目类别", trigger: "blur" }, |
||||
|
], |
||||
|
price: [{ required: true, message: "请输入价格", trigger: "blur" }], |
||||
|
priceItemId: [ |
||||
|
{ required: true, message: "请输入价表项目编码", trigger: "blur" }, |
||||
|
], |
||||
|
unitId: [{ required: true, message: "请输入单位", trigger: "blur" }], |
||||
|
defaultResult: [ |
||||
|
{ required: true, message: "请输入默认结果", trigger: "blur" }, |
||||
|
], |
||||
|
referenceRangeTypeFlag: [ |
||||
|
{ required: true, message: "请输入参考范围类别", trigger: "blur" }, |
||||
|
], |
||||
|
isProduceSummary: [ |
||||
|
{ required: true, message: "请选择是生成小结", trigger: "blur" }, |
||||
|
], |
||||
|
isNameIntoSummary: [ |
||||
|
{ required: true, message: "请输择称进入小结", trigger: "blur" }, |
||||
|
], |
||||
|
isDiagnosisFunction: [ |
||||
|
{ required: true, message: "请选择启用诊断函数", trigger: "blur" }, |
||||
|
], |
||||
|
diagnosisFunction: [ |
||||
|
{ required: true, message: "请输入诊断函数", trigger: "blur" }, |
||||
|
], |
||||
|
isCalculationItem: [ |
||||
|
{ required: true, message: "请选择计算项目", trigger: "blur" }, |
||||
|
], |
||||
|
calculationFunction: [ |
||||
|
{ required: true, message: "请输入计算函数", trigger: "blur" }, |
||||
|
], |
||||
|
isContinueProcess: [ |
||||
|
{ required: true, message: "请选择继续处理", trigger: "blur" }, |
||||
|
], |
||||
|
resultTemplateTypeFlag: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "请输入结果模板类别标志", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
inputCheck: [ |
||||
|
{ required: true, message: "请选择结果校验公式", trigger: "blur" }, |
||||
|
], |
||||
|
isActive: [{ required: true, message: "请选择启用", trigger: "blur" }], |
||||
|
}, |
||||
|
|
||||
|
isshow: false, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//挂载完成 |
||||
|
mounted() { |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
|
||||
|
//点击体检次数行 |
||||
|
rowickCustomerOrgRegister() { |
||||
|
this.$message.success("rowickCustomerOrgRegister"); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
//体检次数 相关操作 |
||||
|
addTimes() { |
||||
|
this.$message.success("增加次数 addTimes"); |
||||
|
}, |
||||
|
editCustomerOrgRegister() { |
||||
|
this.$message.success("体检完成 editCustomerOrgRegister"); |
||||
|
}, |
||||
|
canselCustomerOrgRegister() { |
||||
|
this.$message.success("取消完成 canselCustomerOrgRegister"); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.box { |
||||
|
display: flex; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,62 @@ |
|||||
|
<template> |
||||
|
<el-tree :data="$store.state.customerOrg.customerOrgTree" :props="$store.state.customerOrg.treeprops" @node-click="treeclick"></el-tree> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
export default { |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
//创建组件后 |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//挂载组件完成 |
||||
|
mounted() { |
||||
|
//获取体检单位列表树信息 |
||||
|
this.getCustomerOrgTree(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
//获取体检单位列表树信息 |
||||
|
getCustomerOrgTree() { |
||||
|
let customerOrgTree = [{ |
||||
|
displayName: "个人体检", // |
||||
|
id: "00000000-0000-0000-0000-000000000000", // |
||||
|
//treeChildren: [], |
||||
|
}, |
||||
|
{ |
||||
|
displayName: "组件式", // |
||||
|
id: "10000000-0000-0000-0000-000000000000", // |
||||
|
//treeChildren: [], |
||||
|
} |
||||
|
] |
||||
|
//console.log('this.data.customerOrgTree',this.data.customerOrgTree) |
||||
|
this.$store.commit("setData", { key: 'customerOrg.customerOrgTree', value: customerOrgTree}); |
||||
|
}, |
||||
|
|
||||
|
//点击树节点 |
||||
|
treeclick(data) { |
||||
|
this.$message.success("查询单位详情、体检次数、联系人等信息");// |
||||
|
getapi(`/api/app/item/in-item-type/${data.id}`).then((res) => { |
||||
|
this.tableData = res.data; |
||||
|
console.log(res.data, "ress"); |
||||
|
// this.getlist(); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style> |
||||
|
|
||||
|
</style> |
||||
1396
src/views/customerOrg/customerOrg.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