组件化

src/components/DictField/index.vue

@@ -125,19 +125,18 @@
         margin-left: 10px;
         display: flex;
         flex-direction: column;
-        .field-value { 
-			      margin-top: 5px;
+        .field-value {  
             font-size: 16px; 
         } 
-      .field-label{  
-        margin-top: -10px;
-        font-size: 14px;
-        color: #C0C4CC;
-      }
+        .field-label{   
+          font-size: 14px;
+          color: #C0C4CC;
+        }
         
     }
 	.my-select{
     margin-left: 5px;
+    margin-right:5px;
     max-width: 120px;
 		visibility:hidden;  
 	}

src/styles/mdp.scss

@@ -316,8 +316,8 @@ table tr.hover-row{
   }
 }
 
-.label-font-size{
-  font-size: #C0C4CC;
+.label-font-color{
+  color: #C0C4CC;
 }
 
 .title-font-size{

src/views/xm/core/xmTestPlanCase/TestStepResult.vue

@@ -34,21 +34,8 @@
 						<el-col :span="8">
 							<my-input class="padding-right" v-model="item.aresult" clearable placeholder="步骤结果"></my-input> 
 						</el-col>
-						<el-col :span="3" class="avater-box"> 
-								<div>    
-									<el-button size="medium "  :type="getType(item.tcode)" :icon="getExecStatusIcon(item.tcode)" circle></el-button> 
-								</div>
-								<div class="msg">
-									<span class="title">{{formatDicts(dicts,'testStepTcode',item.tcode)}} </span>
- 								</div>    
-								<el-select class="select" v-model="item.tcode">
-									<el-option style="margin-top:5px;" v-for="(item,index) in dicts['testStepTcode']" :key="index" :value="item.id" :label="item.name">
-										<span :style="{backgroundColor:item.color,color:'aliceblue'}" class="padding"> 
-											<i  :class="getExecStatusIcon(item.tcode)"></i>
-											{{item.name}}
-										</span> 
-									</el-option>
-								</el-select>
+						<el-col :span="3">  
+								<dict-field   :dict="dicts['testStepTcode']" v-model="item.tcode" :get-icon="getExecStatusIcon"></dict-field> 
  						</el-col> 
 						<el-col :span="1"> 
 							<slot name="addBug">
@@ -161,41 +148,5 @@
 </script>
 
 <style  lang="scss" scoped>
-	 
-.avater-box {  
-    display: flex;
-    align-items: center;
-	cursor: pointer;
-    .avater { 
-		background-color:#FF9F73;
-    }
-
-    .msg {
-        margin-left: 10px;
-        display: flex;
-        flex-direction: column;
-        .title { 
-			margin-top: 5px;
-            font-size: 16px; 
-        } 
-		.sub-title{  
-			margin-top: -10px;
-			 font-size: 14px;
-			 color: #C0C4CC;
-		}
-	}
-	.select{
-		visibility:hidden; 
-	}
-	.btn{
-		margin-top: 0px;
-		visibility:hidden; 
-	} 
-}
- .avater-box:hover .btn{
-		visibility: visible !important;
-}
- .avater-box:hover .select{
-		visibility: visible !important;
-}
+	  
 </style>

src/views/xm/core/xmTestPlanCase/XmTestPlanCaseEdit.vue

@@ -6,7 +6,7 @@
 
 				<el-form-item label="" prop="caseName" label-width="0px">  
 					<el-row>
-					<span class="padding-left"><i class="el-icon-s-operation"></i>模块：</span><span>{{editForm.funcName}}</span>
+					<span><span class="label-font-color">用例编号:</span>&nbsp;&nbsp;{{editForm.caseId}} &nbsp;&nbsp;<i class="el-icon-s-operation"></i><span class="label-font-color">模块：</span></span><span>{{editForm.funcName}}</span>
 					</el-row>
 					<el-row>
 					<span class="title-font-size">{{editForm.caseName}}</span>