xinyilu/postdischarge-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

xg

Browse Source
This commit is contained in:
辉 2024-05-07 17:13:06 +08:00
parent a00938626b
commit 7bd3298a50
1 changed files with 149 additions and 394 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

543
src/views/system/department/index.vue
View File

@ -13,282 +13,150 @@
/>
</div>-->
<div class="head-container" style="height: 580px; width: 100%">
<el-tree
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
highlight-current
@node-click="handleNodeClick"
/>
<el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false"
:filter-node-method="filterNode" ref="tree" highlight-current @node-click="handleNodeClick" />
</div>
</el-col>
<el-col :span="20" :xs="24">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
label-width="68px">
<el-form-item label="科室名称" prop="departmentName">
<el-input
maxlength="100"
v-model="queryParams.departmentName"
placeholder="请输入科室名称"
clearable
@keyup.enter.native="handleQuery"
/>
<el-input maxlength="100" v-model="queryParams.departmentName" placeholder="请输入科室名称" clearable
@keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="科室代码" prop="departmentCode">
<el-input
maxlength="30"
v-model="queryParams.departmentCode"
placeholder="请输入科室代码"
clearable
@keyup.enter.native="handleQuery"
/>
<el-input maxlength="30" v-model="queryParams.departmentCode" placeholder="请输入科室代码" clearable
@keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:department:add']"
>新增</el-button
>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['system:department:add']">新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:department:edit']"
>修改</el-button
>
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
v-hasPermi="['system:department:edit']">修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:department:remove']"
>删除</el-button
>
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
v-hasPermi="['system:department:remove']">删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
v-hasPermi="['system:person:importStationPerson']"
>导入</el-button
>
<el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport"
v-hasPermi="['system:person:importStationPerson']">导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:department:export']"
>导出</el-button
>
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['system:department:export']">导出</el-button>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="departmentList"
@selection-change="handleSelectionChange"
>
<el-table v-loading="loading" :data="departmentList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键id" align="center" prop="id" /> -->
<!-- <el-table-column label="上级科室id" align="center" prop="parentDepartmentId" />
<el-table-column label="所属机构id" align="center" prop="hospitalAgencyId" /> -->
<!-- <el-table-column label="所属机构名称" align="center" prop="agencyName" /> -->
<el-table-column
label="科室名称"
align="center"
prop="departmentName"
/>
<el-table-column
label="科室代码"
align="center"
prop="departmentCode"
/>
<el-table-column
label="科室类型"
align="center"
prop="departmentType"
>
<el-table-column label="科室名称" align="center" prop="departmentName" />
<el-table-column label="科室代码" align="center" prop="departmentCode" />
<el-table-column label="科室类型" align="center" prop="departmentType">
<template slot-scope="scope">
{{
scope.row.departmentType == "ADMINISTRATION_LOGISTICS"
? "行政后勤类"
: ""
}}
scope.row.departmentType == "ADMINISTRATION_LOGISTICS"
? "行政后勤类"
: ""
}}
{{
scope.row.departmentType == "MEDICAL_ASSISTANCE"
? "医疗辅助类"
: ""
}}
scope.row.departmentType == "MEDICAL_ASSISTANCE"
? "医疗辅助类"
: ""
}}
{{
scope.row.departmentType == "MEDICAL_TECHNOLOGY"
? "医疗技术类"
: ""
}}
scope.row.departmentType == "MEDICAL_TECHNOLOGY"
? "医疗技术类"
: ""
}}
{{
scope.row.departmentType == "CLINICAL_SERVICES"
? "临床服务类"
: ""
}}
scope.row.departmentType == "CLINICAL_SERVICES"
? "临床服务类"
: ""
}}
</template>
</el-table-column>
<el-table-column
label="提供服务类别"
align="center"
prop="provideServiceCategory"
>
<template slot-scope="scope"
>{{
scope.row.provideServiceCategory == "OUTPATIENT_SERVICE"
? "门诊"
: ""
}}
<el-table-column label="提供服务类别" align="center" prop="provideServiceCategory">
<template slot-scope="scope">{{
scope.row.provideServiceCategory == "OUTPATIENT_SERVICE"
? "门诊"
: ""
}}
{{
scope.row.provideServiceCategory == "EMERGENCY_TREATMENT"
? "急诊"
: ""
}}
scope.row.provideServiceCategory == "EMERGENCY_TREATMENT"
? "急诊"
: ""
}}
{{
scope.row.provideServiceCategory == "BE_HOSPITALIZED"
? "住院"
: ""
}}
scope.row.provideServiceCategory == "BE_HOSPITALIZED"
? "住院"
: ""
}}
{{ scope.row.provideServiceCategory == "WARD" ? "病区" : "" }}
{{
scope.row.provideServiceCategory == "MEDICAL_TECHNOLOGY"
? "医技"
: ""
}}
scope.row.provideServiceCategory == "MEDICAL_TECHNOLOGY"
? "医技"
: ""
}}
{{ scope.row.provideServiceCategory == "DRUG" ? "药剂" : "" }}
{{ scope.row.provideServiceCategory == "FINANCE" ? "财务" : "" }}
{{
scope.row.provideServiceCategory == "ADMINISTRATION"
? "行政"
: ""
}}
scope.row.provideServiceCategory == "ADMINISTRATION"
? "行政"
: ""
}}
{{ scope.row.provideServiceCategory == "PHARMACY" ? "药房" : "" }}
{{
scope.row.provideServiceCategory == "DRUG_STORAGE" ? "药库" : ""
}}
scope.row.provideServiceCategory == "DRUG_STORAGE" ? "药库" : ""
}}
{{
scope.row.provideServiceCategory == "PUBLIC_HEALTH"
? "公卫"
: ""
}}
</template></el-table-column
>
scope.row.provideServiceCategory == "PUBLIC_HEALTH"
? "公卫"
: ""
}}
</template></el-table-column>
<!-- <el-table-column label="细分类别id" align="center" prop="subdivisionCategoryId" />
<el-table-column label="细分类别名称" align="center" prop="subdivisionCategoryName" />
<el-table-column label="标准科室对照id" align="center" prop="normDepartmentCompareId" />
<el-table-column label="标准科室对照名称" align="center" prop="normDepartmentCompareName" />
<el-table-column label="编制床位数" align="center" prop="prepareBedsCount" /> -->
<el-table-column
label="科室电话"
align="center"
prop="departmentPhone"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<el-table-column label="科室电话" align="center" prop="departmentPhone" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:department:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:department:remove']"
>删除</el-button
>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['system:department:edit']">修改</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['system:department:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" @pagination="getList" />
</el-col>
</el-row>
<!-- 导入 -->
<el-dialog
:title="upload.title"
:visible.sync="upload.open"
width="400px"
append-to-body
>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
:disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
:auto-upload="false" drag>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处，或
@ -296,13 +164,8 @@
</div>
<div class="el-upload__tip text-center" slot="tip">
<span>仅允许导入xls、xlsx格式文件。</span>
<el-link
type="primary"
:underline="false"
style="font-size: 12px; vertical-align: baseline"
@click="importTemplate"
>下载模板</el-link
>
<el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
@click="importTemplate">下载模板</el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
@ -311,19 +174,8 @@
</div>
</el-dialog>
<!-- 添加或修改科室信息对话框 -->
<el-dialog
:title="title"
:visible.sync="open"
width="1000px"
append-to-body
>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="120px"
:inline="true"
>
<el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px" :inline="true">
<!-- <el-form-item label="上级科室id" prop="parentDepartmentId">
<el-input
v-model="form.parentDepartmentId"
@ -342,40 +194,19 @@
<div class="nameinformation">基本信息</div>
<div class="content">
<el-form-item label="科室名称" prop="departmentName">
<el-input
maxlength="100"
v-model="form.departmentName"
placeholder="请输入科室名称"
/>
<el-input maxlength="100" v-model="form.departmentName" placeholder="请输入科室名称" />
</el-form-item>
<el-form-item label="科室代码" prop="departmentCode">
<el-input
maxlength="30"
onKeyUp="value=value.replace(/[\W]/g,'')"
v-model="form.departmentCode"
placeholder="请输入科室代码"
/>
<el-input maxlength="30" onKeyUp="value=value.replace(/[\W]/g,'')" v-model="form.departmentCode"
placeholder="请输入科室代码" />
</el-form-item>
<el-form-item label="科室简称" prop="departmentAbbreviation">
<el-input
maxlength="100"
v-model="form.departmentAbbreviation"
placeholder="请输入科室简称"
/>
<el-input maxlength="100" v-model="form.departmentAbbreviation" placeholder="请输入科室简称" />
</el-form-item>
<el-form-item label="科室类型" prop="departmentType">
<el-select
v-model="form.departmentType"
placeholder="请选择"
style="width: 205px"
clearable=""
>
<el-option
v-for="item in departmentoptions"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
<el-select v-model="form.departmentType" placeholder="请选择" style="width: 205px" clearable="">
<el-option v-for="item in departmentoptions" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue">
</el-option>
</el-select>
</el-form-item>
@ -386,58 +217,26 @@
/>
</el-form-item> -->
<el-form-item label="科室负责人姓名" prop="departmentPersonName">
<el-input
maxlength="20"
v-model="form.departmentPersonName"
placeholder="请输入科室负责人姓名"
/>
<el-input maxlength="20" v-model="form.departmentPersonName" placeholder="请输入科室负责人姓名" />
</el-form-item>
<el-form-item label="节点类型" prop="nodeType">
<el-select
v-model="form.nodeType"
placeholder="请选择"
style="width: 205px"
clearable
>
<el-option
v-for="item in nodeTypeoptions"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
<el-select v-model="form.nodeType" placeholder="请选择" style="width: 205px" clearable>
<el-option v-for="item in nodeTypeoptions" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="所属机构" prop="hospitalAgencyName">
<el-cascader
clearable
:props="{ checkStrictly: true }"
:options="treeOptions"
@change="change($event)"
style="width: 205px; color: black"
v-model="form.hospitalAgencyId"
:show-all-levels="false"
:placeholder="
form.hospitalAgencyName ? form.hospitalAgencyName : '请选择所属机构'
"
ref="cascader"
:key="isResouceShow"
></el-cascader>
<el-cascader clearable :props="{ checkStrictly: true }" :options="treeOptions" @change="change"
style="width: 205px; color: black" v-model="form.hospitalAgencyIdtwo" :show-all-levels="false"
:placeholder="form.hospitalAgencyName ? form.hospitalAgencyName : ''" ref="cascader"
:key="isResouceShow"></el-cascader>
</el-form-item>
<el-form-item label="上级科室" prop="parentDepartmentId">
<el-select
v-model="form.parentDepartmentName"
placeholder="请选择"
style="width: 205px"
@change="changeparentDepartment"
clearable
>
<el-option
v-for="item in optionsparentDepartment"
:key="item.id"
:label="item.departmentName"
:value="item.departmentCode"
>
<el-select v-model="form.parentDepartmentName" placeholder="请选择" style="width: 205px"
@change="changeparentDepartment" clearable>
<el-option v-for="item in optionsparentDepartment" :key="item.id" :label="item.departmentName"
:value="item.departmentCode">
</el-option>
</el-select>
<!-- <el-cascader
@ -460,35 +259,16 @@
<div class="nameinformation">扩展信息</div>
<div class="content">
<el-form-item label="提供服务类别" prop="provideServiceCategory">
<el-select
clearable
v-model="form.provideServiceCategory"
placeholder="请选择"
style="width: 205px"
>
<el-option
v-for="item in options"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
<el-select clearable v-model="form.provideServiceCategory" placeholder="请选择" style="width: 205px">
<el-option v-for="item in options" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="细分类别" prop="subdivisionCategoryId">
<el-select
v-model="form.subdivisionCategoryName"
placeholder="请选择"
style="width: 205px"
clearable
@change="optionsubdivision"
>
<el-option
v-for="item in optionsubdivisionCategory"
:key="item.subdivisionCategoryCode"
:label="item.subdivisionCategoryName"
:value="item.subdivisionCategoryCode"
>
<el-select v-model="form.subdivisionCategoryName" placeholder="请选择" style="width: 205px" clearable
@change="optionsubdivision">
<el-option v-for="item in optionsubdivisionCategory" :key="item.subdivisionCategoryCode"
:label="item.subdivisionCategoryName" :value="item.subdivisionCategoryCode">
</el-option>
</el-select>
</el-form-item>
@ -499,18 +279,9 @@
/>
</el-form-item> -->
<el-form-item label="标准科室对照" prop="normDepartmentCompareId">
<el-select
v-model="form.normDepartmentCompareId"
placeholder="请选择"
style="width: 205px"
clearable
>
<el-option
v-for="item in compareList"
:key="item.departmentId"
:label="item.departmentName"
:value="item.departmentId"
>
<el-select v-model="form.normDepartmentCompareId" placeholder="请选择" style="width: 205px" clearable>
<el-option v-for="item in compareList" :key="item.departmentId" :label="item.departmentName"
:value="item.departmentId">
</el-option>
</el-select>
<!-- <el-input
@ -525,48 +296,24 @@
/>
</el-form-item> -->
<el-form-item label="编制床位数" prop="prepareBedsCount">
<el-input
maxlength="8"
onKeyUp="value=value.replace(/[\W]/g,'')"
v-model="form.prepareBedsCount"
placeholder="请输入编制床位数"
/>
<el-input maxlength="8" onKeyUp="value=value.replace(/[\W]/g,'')" v-model="form.prepareBedsCount"
placeholder="请输入编制床位数" />
</el-form-item>
<el-form-item label="科室电话" prop="departmentPhone">
<el-input
maxlength="12"
onKeyUp="value=value.replace(/[\W]/g,'')"
v-model="form.departmentPhone"
placeholder="请输入科室电话"
/>
<el-input maxlength="12" onKeyUp="value=value.replace(/[\W]/g,'')" v-model="form.departmentPhone"
placeholder="请输入科室电话" />
</el-form-item>
<el-form-item label="科室邮箱" prop="departmentMail">
<el-input
maxlength="20"
v-model="form.departmentMail"
placeholder="请输入科室邮箱"
/>
<el-input maxlength="20" v-model="form.departmentMail" placeholder="请输入科室邮箱" />
</el-form-item>
<el-form-item label="成立日期" prop="establishDate">
<el-date-picker
clearable
v-model="form.establishDate"
type="date"
style="width: 205px"
value-format="yyyy-MM-dd"
placeholder="请选择成立日期"
>
<el-date-picker clearable v-model="form.establishDate" type="date" style="width: 205px"
value-format="yyyy-MM-dd" placeholder="请选择成立日期">
</el-date-picker>
</el-form-item>
<el-form-item label="撤销日期" prop="revokeDate">
<el-date-picker
clearable
v-model="form.revokeDate"
type="date"
style="width: 205px"
value-format="yyyy-MM-dd"
placeholder="请选择撤销日期"
>
<el-date-picker clearable v-model="form.revokeDate" type="date" style="width: 205px"
value-format="yyyy-MM-dd" placeholder="请选择撤销日期">
</el-date-picker>
</el-form-item>
</div>
@ -775,17 +522,14 @@ export default {
},
methods: {
optionsubdivision(e) {
console.log(e);
// this.form.subdivisionCategoryId = this.optionsubdivisionCategory.find(
// (e) => e.id == this.form.subdivisionCategoryId
// ).subdivisionCategoryName;
// console.log(this.form.subdivisionCategoryName)
// console.log(this.form.subdivisionCategoryName)
},
// 上级科室
changeparentDepartment(e) {
this.form.parentDepartmentId = e;
console.log(e);
},
/** 查询标准科室对照信息列表 */
infocompare() {
@ -805,7 +549,6 @@ export default {
// 上级科室
getinfo() {
getDepartmentList().then((res) => {
console.log(res, "666");
this.optionsparentDepartment = res.data;
});
},
@ -832,20 +575,28 @@ export default {
},
// 所属机构
change(e) {
console.log(e, "78");
console.log(this.form.hospitalAgencyIdtwo)
if (e) {
this.form.hospitalAgencyId = e[e.length - 1];
if (this.form.hospitalAgencyId) {
const arr = this.$refs["cascader"].getCheckedNodes()[0].pathLabels;
// console.log(arr, "5555555");
this.form.hospitalAgencyName = arr.slice(-1).join(",");
// console.log(this.form.agencyName);
this.gethaveinfo(e[e.length - 1])
this.form.parentDepartmentId = ''
this.form.parentDepartmentName = ''
} else {
this.form.parentDepartmentId = ''
this.form.hospitalAgencyName = "";
}
} else {
this.getinfo();
}
},
gethaveinfo(id) {
getDepartmentList({ hospitalAgencyId: id }).then((res) => {
this.optionsparentDepartment = res.data;
});
},
// changeagencyCategoryId(e) {
// this.form.parentDepartmentId = e[e.length - 1];
// },
@ -880,7 +631,6 @@ export default {
`科室下载模板.xlsx`
);
},
// 提交上传文件
submitFileForm() {
this.$refs.upload.submit();
@ -892,8 +642,8 @@ export default {
this.$refs.upload.clearFiles();
this.$alert(
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
response.msg +
"</div>",
response.msg +
"</div>",
"导入结果",
{ dangerouslyUseHTMLString: true }
);
@ -903,7 +653,6 @@ export default {
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
// 筛选节点
filterNode(value, data) {
if (!value) return true;
@ -935,6 +684,7 @@ export default {
id: null,
parentDepartmentId: null,
hospitalAgencyId: null,
hospitalAgencyIdtwo: null,
hospitalAgencyName: null,
departmentName: null,
departmentCode: null,
@ -981,6 +731,7 @@ export default {
this.reset();
this.open = true;
this.title = "添加科室信息";
this.getinfo()
},
/** 修改按钮操作 */
handleUpdate(row) {
@ -988,8 +739,10 @@ export default {
const id = row.id || this.ids;
getDepartment(id).then((response) => {
this.form = response.data;
this.form.hospitalAgencyIdtwo = this.form.hospitalAgencyId
this.form.parentDepartmentName = response.data.parentDepartmentName;
this.open = true;
this.gethaveinfo(this.form.hospitalAgencyId)
this.title = "修改科室信息";
});
},
@ -997,10 +750,10 @@ export default {
submitForm() {
let reg = new RegExp("-", "g");
if (this.form.establishDate && this.form.revokeDate && new Date(this.form.establishDate.replace(reg, "/")) >
new Date(this.form.revokeDate.replace(reg, "/"))) {
this.$message.error("撤销日期要大于成立日期");
}
else {
new Date(this.form.revokeDate.replace(reg, "/"))) {
this.$message.error("撤销日期要大于成立日期");
}
else {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != null) {
@ -1032,7 +785,7 @@ export default {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
.catch(() => { });
},
/** 导出按钮操作 */
handleExport() {
@ -1051,6 +804,7 @@ export default {
.el-cascader .el-input input::-webkit-input-placeholder {
color: black;
}
.nameinformation {
border-left: 3px solid #4d9de7;
width: 200px;
@ -1060,6 +814,7 @@ export default {
// margin-top: 8px;
color: black;
}
.content {
margin: 22px;
}