修改bug 1389

src/components/knowledgeExtra/DiagCheckRule.vue

@@ -1,10 +1,38 @@
 <template>
 	<div>
-		<div style="margin-top: 10px;">
-			<span class="span1">规则类型：</span>{{row.ruleTypeName||'-'}}
-			<span class="span1" style="margin-left:100px;">规则术语类型：</span>{{row.libTypeName||'-'}}
-			<span class="span1" style="margin-left:100px;">医学标准术语：</span>{{row.libName||'-'}}
-			<el-form :inline="true" style="margin-top: 10px;height: 45px;">
+		<div style="margin-top: 10px;margin-bottom: 20px;">
+			<el-row>
+				<el-col :span='4' class="base_box" v-if='description'>
+					<span class="base_box"  >规则名称：</span>
+					<span class="base_box">{{description}}</span>
+				</el-col>
+				<el-col :span='4' class="base_box">
+					<span class="base_box"  >规则类型：</span>
+					<span class="base_box">{{row.ruleTypeName||'-'}}</span>
+				</el-col>
+				<el-col :span='4' class="base_box">
+					<span class="base_box"  >规则术语类型：</span>
+					<span class="base_box">{{row.libTypeName||'-'}}</span>
+				</el-col>
+				<el-col :span='4' class="base_box">
+					<span class="base_box"  >医学标准术语：</span>
+					<span class="base_box">{{row.libName||'-'}}</span>
+				</el-col>
+				<el-col :span='4' v-if='baseLibType' class="base_box">
+					<span class="base_box"  >基础规则术语类型：</span>
+					<span class="base_box">{{transType(baseTermTypeList,baseLibType)}}</span>
+				</el-col>
+				<el-col :span='4' v-if='baseLibName' class="base_box">
+					<span class="base_box"  >基础医学标准术语：</span>
+					<span class="base_box">{{baseLibName}}</span>
+				</el-col>
+			</el-row>
+			
+			
+			
+			
+			
+			<!-- <el-form :inline="true" style="margin-top: 10px;height: 45px;">
 				<el-form-item label="基础规则术语类型：">
 					<el-select v-model="filter.baseLibType" clearable placeholder="请选择" size="mini">
 						<el-option v-for="item in baseTermTypeList2" :key="item.val" :label="item.name"
@@ -13,12 +41,12 @@
 					</el-select>
 				</el-form-item>
 				<el-form-item label="基础医学标准术语：">
-					<el-input size="mini" v-model="filter.baseLibName" placeholder="请输入" clearable></el-input>
+					<el-input size="mini" v-model="" placeholder="请输入" clearable></el-input>
 				</el-form-item>
 				<el-form-item>
 					<el-button size="mini" @click="getRuleDetail">确认</el-button>
 				</el-form-item>
-			</el-form>
+			</el-form> -->
 		</div>
 		<el-main>
 			<ux-grid ref="plxTable" :merge-cells="tdSpanArr" show-overflow style="width: 100%;" height="600px">
@@ -70,12 +98,38 @@
 			this.filter.baseLibName=this.baseLibName;
 			this.filter.baseLibType=this.baseLibType;
 		},
+		watch:{
+			baseLibName: {
+			    handler(newName, oldName) {
+					this.getRuleDetail()
+			    },
+			    deep: true,
+			    immediate: true,
+			},
+			baseLibType: {
+			    handler(newName, oldName) {
+					this.getRuleDetail()
+			    },
+			    deep: true,
+			    immediate: true,
+			}
+		},
 	  mounted(){
 		this.$refs.plxTable.reloadData(this.rulelist)
 		  //this.loading.close();
 	  },
 		props: ['loading','mergeCells','rulelist','ruleTeamNum', 'baseTypeList', 'baseTermTypeList', 'row', 'description','baseLibType','baseLibName'],
 		methods: {
+			//类型转换
+			transType(obj,data){
+				console.log(obj)
+				obj.map((item)=>{
+					if(item.val==data){
+						data=item.name
+					}
+				})
+				return data
+			},
 		  transDataMap(data){
 			const obj = {};
 			data.map((it)=>{
@@ -85,8 +139,8 @@
 		  },
 			getRuleDetail() {
 				const param = {
-					baseLibName: this.filter.baseLibName,
-					baseLibType: this.filter.baseLibType,
+					baseLibName: this.baseLibName,
+					baseLibType: this.baseLibType,
 					description: this.description,
 					libName: this.row.libName,
 					libType: this.row.libType,
@@ -147,4 +201,8 @@
 		font-weight: bolder;
 		font-size: 14px;
 	}
+	.base_box{
+		display: flex;
+		align-items: top;
+	}
 </style>