修改

src/views/system/agency/index.vue

@@ -90,7 +90,69 @@
         </div>
       </el-col>
       <el-col :span="18" :xs="24">
-        <div class="information">机构信息</div>
+        <el-descriptions title="机构信息">
+          <el-descriptions-item label="机构名称">{{
+            agencyList.agencyName
+          }}</el-descriptions-item>
+           <el-descriptions-item label="机构简介">{{ agencyList.agencyRemark }}</el-descriptions-item>
+          <el-descriptions-item label="机构状态">
+            {{ agencyList.agencyStatus == "ON" ? "启用" : "" }}
+            {{
+              agencyList.agencyStatus == "OFF" ? "禁用" : ""
+            }}</el-descriptions-item
+          >
+          <el-descriptions-item label="机构代码">{{
+            agencyList.agencyCode
+          }}</el-descriptions-item>
+          <el-descriptions-item label="上级机构">
+            {{ agencyList.parentAgencyName }}
+          </el-descriptions-item>
+          <el-descriptions-item label="节点类型"
+            >{{ agencyList.nodeType == "HEALTH_COMYISION" ? "卫健委" : "" }}
+            {{
+              agencyList.nodeType == "MEDICAL_INSURANCE_BUREAU" ? "医保局" : ""
+            }}
+            {{ agencyList.nodeType == "PBONVTNCE" ? "省份" : "" }}
+
+            {{ agencyList.nodeType == "CHTNA" ? "中国" : "" }}
+
+            {{ agencyList.nodeType == "WARD" ? "病区" : "" }}
+
+            {{ agencyList.nodeType == "DEPARIMENT" ? "科室" : "" }}
+            {{ agencyList.nodeType == "PHARNAGY" ? "药店" : "" }}
+            {{ agencyList.nodeType == "CANPUS" ? "院区" : "" }}
+            {{
+              agencyList.nodeType == "HOSPITAL" ? "医院" : ""
+            }}</el-descriptions-item
+          >
+          <el-descriptions-item label="组织机构代码">{{
+            agencyList.orgAgencyCode
+          }}</el-descriptions-item>
+          <el-descriptions-item label="卫生机构类别">{{
+            agencyList.agencyCategoryName
+          }}</el-descriptions-item>
+            <el-descriptions-item label="机构分类管理类别">  {{
+                agencyList.agencyCategoryManageLevel ==
+                "NON_PROFIT_MEDICAL_AGENCY"
+                  ? "非营利性医疗机构"
+                  : ""
+              }}
+              {{
+                agencyList.agencyCategoryManageLevel ==
+                "FOR_PROFIT_MEDICAL_AGENCY"
+                  ? "营利性医疗机构"
+                  : ""
+              }}
+              {{
+                agencyList.agencyCategoryManageLevel == "OTHER_HEALTH_AGENCY"
+                  ? "其他卫生机构"
+                  : ""
+              }}</el-descriptions-item>
+          <el-descriptions-item label="行政区划"
+            >{{ agencyList.areaName }}
+          </el-descriptions-item>
+        </el-descriptions>
+        <!-- <div class="information">机构信息</div>
         <div style="width: 1000px; height: 200px">
           <div
             style="
@@ -176,7 +238,7 @@
             </div>
           </div>
           <div class="names">行政区划:{{ agencyList.areaName }}</div>
-        </div>
+        </div> -->
       </el-col>
     </el-row>
 
@@ -721,7 +783,7 @@ export default {
         })
         .catch(() => {});
     },
-  // 机构树
+    // 机构树
     gettreelist() {
       agencyList().then((res) => {
         // 接口请求
@@ -1050,57 +1112,68 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
-.el-button--text {
+.el-descriptions__body {
-  border-color: transparent;
+  width: 100%;
-  color: #1890ff;
+  height: 600px;
-  background: transparent;
-  padding-left: 10px;
-  padding-right: 0;
 }
+.el-button--text {
+    border-color: transparent;
+    color: #1890ff;
+    background: transparent;
+    padding-left: 15px;
+    padding-right: 0;
+}
+.el-descriptions-item__container {
+    display: -webkit-box;
+    padding: 15px !important;
+    display: -ms-flexbox;
+    display: flex;
+}
+
 
 .el-col-4 {
   // width: 18%;
   height: 600px;
   overflow: scroll;
 }
-.information {
+// .information {
-  width: 100%;
+//   width: 100%;
-  padding-left: 18px;
+//   padding-left: 18px;
-  border-bottom: 2px solid #e5e8ed;
+//   border-bottom: 2px solid #e5e8ed;
-}
+// }
-.name {
+// .name {
-  font-size: 14px;
+//   font-size: 14px;
-  color: #686a6d;
+//   color: #686a6d;
-  width: 200px;
+//   width: 200px;
-  // background: RED;
+//   // background: RED;
-  // margin-left: 100px;
+//   // margin-left: 100px;
-}
+// }
-.names {
+// .names {
-  font-size: 14px;
+//   font-size: 14px;
-  color: #686a6d;
+//   color: #686a6d;
-  margin-left: 68px;
+//   margin-left: 68px;
-}
+// }
-.namestyle {
+// .namestyle {
-  margin-left: -23px;
+//   margin-left: -23px;
-  font-size: 14px;
+//   font-size: 14px;
-  color: #686a6d;
+//   color: #686a6d;
-}
+// }
-.namestatus {
+// .namestatus {
-  margin-left: 160px;
+//   margin-left: 160px;
-  font-size: 14px;
+//   font-size: 14px;
-  color: #686a6d;
+//   color: #686a6d;
-}
+// }
 
 .el-cascader .el-input input::-webkit-input-placeholder {
-  color: black;
+  color: #686a6d;
 }
 .custom-tree-node {
-    // flex: 1;
+  // flex: 1;
-    // display: flex;
+  // display: flex;
-    // align-items: center;
+  // align-items: center;
-    // justify-content: space-between;
+  // justify-content: space-between;
-    // font-size: 14px;
+  // font-size: 14px;
-    padding-right: 28px;
+  padding-right: 28px;
-  }
+}
 </style>

src/views/system/subdivision/index.vue

@@ -272,7 +272,7 @@ export default {
         id: null,
         subdivisionCategoryName: null,
         subdivisionCategoryCode: null,
-        sort: null,
+        sort: undefined,
         remark: null,
         createBy: null,
         createTime: null,
@@ -359,4 +359,4 @@ export default {
     },
   },
 };
-</script>
+</script>