all

vue/src/system/KGData.vue

@@ -185,7 +185,7 @@
                     <div class="op-group">
                       <el-button class="ref-op-btn edit" @click="openRelDialog(scope.row)">编辑</el-button>
                       <el-button class="ref-op-btn delete" @click="handleDelete(scope.row, 'rel')">删除</el-button>
-                      <el-button class="ref-op-btn view" @click="handleView(scope.row, 'rel')">详情</el-button>
+<!--                      <el-button class="ref-op-btn view" @click="handleView(scope.row, 'rel')">详情</el-button>-->
                     </div>
                   </template>
                 </el-table-column>
@@ -235,7 +235,7 @@
           <el-input v-model="nodeForm.name" placeholder="请输入实体名称" clearable/>
         </el-form-item>
         <el-form-item label="标签" required>
-          <el-select v-model="nodeForm.label" filterable placeholder="请选择标签" style="width: 100%">
+          <el-select class="label-select" v-model="nodeForm.label" filterable placeholder="请选择标签" style="width: 100%">
             <el-option v-for="item in dynamicLabels" :key="item" :label="translateToChinese(item)" :value="item"/>
           </el-select>
         </el-form-item>
@@ -325,7 +325,7 @@ const CHINESE_TO_ENGLISH_LABEL = {
   "相关症状": "RelatedSymptom",
   "传播途径": "SpreadWay",
   "阶段": "Stage",
-  "主题/主体": "Subject",
+  "药物分类": "Subject",
   "症状与体征": "SymptomAndSign",
   "治疗方案": "TreatmentPrograms",
   "类型": "Type",
@@ -342,7 +342,9 @@ const CHINESE_TO_ENGLISH_LABEL = {
   "疾病比率": "DiseaseRatio",
   "药物治疗": "DrugTherapy",
   "感染性": "Infectious",
-  "实体": "Entity"
+  "关联实体":"RelatedTo",
+  "人群分组":"MultipleGroups",
+  "发病率":"DiseaseRate"
 };
 
 // 动态获取的关系类型映射
@@ -614,7 +616,14 @@ onMounted(() => {
 :deep(.input-group-inline .el-autocomplete .el-input__wrapper){
   box-shadow: none !important;
 }
-
+:deep(.label-select .el-autocomplete .el-input__wrapper.is-focus){
+  box-shadow: none !important;
+}
+:deep(.label-select .el-autocomplete .el-input__wrapper:hover){
+  box-shadow: none !important;
+}
+:deep(.el-form-item__content){box-shadow: 0 0 0 2px #EBF0FF;border: none;border-radius: 5px; }
+.label-select {box-shadow: 0 0 0 2px #EBF0FF;border: none;border-radius: 5px; }
 .btn-search-ref { background: #165dff !important; border-radius: 8px; height: 38px; }
 .btn-orange { background: #ffb142 !important; color: white !important; border-radius: 8px; height: 38px; border: none !important; }
 .table-compact { box-shadow: 0 4px 20px rgba(22, 93, 255, 0.08); overflow: hidden; }
@@ -628,12 +637,25 @@ onMounted(() => {
 :deep(.bold-header) {  margin-right: 0 !important; display: flex !important; justify-content: flex-start !important; }
 :deep(.bold-header .el-dialog__title) { font-family: "Microsoft YaHei", sans-serif !important; font-weight: 900 !important;padding:5px;margin-bottom: 10px; font-size: 19px !important;}
 .custom-form :deep(.el-form-item__label) { color: #606266 !important;font-size: 16px !important; }
+.custom-form :deep(.el-input) {box-shadow: 0 0 0 2px #EBF0FF;border: none;border-radius: 5px;}
+.custom-form :deep(.el-select__wrapper){
+  box-shadow: none !important;
+}
+.custom-form :deep(.el-input__wrapper){
+  box-shadow: none !important;
+}
+:deep(.custom-form .el-input__wrapper.is-focus){
+  box-shadow: none !important;
+}
+:deep(.custom-form .el-input__wrapper:hover){
+  box-shadow: none !important;
+}
 .dialog-footer-wrap { display: flex; justify-content: flex-end; gap: 15px;  }
 .btn-cancel { background-color: #e6e6e6 !important; border: none !important; color: #444 !important; padding: 18px 20px !important; font-weight: 500; }
 .btn-confirm { background-color: #165dff !important; border: none !important; padding: 18px 20px !important; font-weight: 500; }
 .animate-fade { animation: fadeIn 0.4s ease-out; }
 .pagination-custom-text{color: #86909c}
-:deep(.el-select__placeholder){color: #86909c}
+:deep(.el-select__placeholder){color: #606266}
 :deep(.el-pagination__sizes .el-select__wrapper){box-shadow: 0 0 0 2px #EBF0FF;}
 :deep(.el-pagination.is-background .el-pager li.is-active){background-color: #165DFF;}
 :deep(.el-pager li.is-active) {
@@ -643,9 +665,16 @@ onMounted(() => {
 :deep(.el-pager li:not(.is-active):hover) {
   color: #165DFF !important;
 }
+:deep(.el-input__inner) {color:#606266}
 :deep(.el-pagination .btn-next:hover){color: #165DFF !important;}
 :deep(.el-pagination .btn-prev:hover){color: #165DFF !important;}
 .pagination-footer :deep(.el-pagination .el-input__inner){box-shadow: 0 0 0 2px #EBF0FF;border-radius: 5px; }
 .pagination-footer :deep(.el-input__wrapper){  box-shadow: none !important;}
 @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
+</style>
+<style>
+.el-popper .el-select-dropdown__item.is-selected{
+  color: #165DFF !important;
+  font-weight: bold;
+}
 </style>