修改样式

src/views/ajbzDetail.vue

@@ -28,14 +28,17 @@
               </el-col>
             </el-row>
           </div>
-          <div class="titleFlex" style="width: 10%" v-if="bzztMs">
+          <div class="titleFlexG" style="width: 10%" v-if="bzztMs && bzztMs == '已标注'">
+            <el-tag style="font-size: 24px;color: #888;border:1px solid #888;">{{ bzztMs }}</el-tag>
+          </div>
+          <div class="titleFlexY" style="width: 10%" v-if="bzztMs && bzztMs == '未标注'">
             <el-tag style="font-size: 24px">{{ bzztMs }}</el-tag>
           </div>
         </div>
       </el-header>
       <el-main>
         <el-row :gutter="10" class="mainRow">
-          <el-col :span="14">
+          <el-col :span="12">
             <div class="grid-content bg-purple">
               <el-card class="box-card samlllCard" :class="topSamllCard">
                 <div class="leftBar" :class="topSamllCard">
@@ -427,11 +430,11 @@
               </el-col>
             </el-row>
           </el-col>
-          <el-col :span="10">
+          <el-col :span="12">
             <div class="grid-content bg-purple">
               <el-card v-if="!bzFlag" class="box-card">
                 <div class="incidentTitle incidentTitle1">
-                  <span>案事件标注</span>
+                  <span style="font-size:15px">案事件标注</span>
                   <div class="btn" @click="hanldTableBar()">取消</div>
                 </div>
                 <!-- <div class="incidentBtn">
@@ -449,7 +452,7 @@
                 <div class="incidentCon">
                   <div class="incidentConLeft">
                     <div class="search">
-                      <span>主案类别</span>
+                      <span style="font-size:15px">主案类别</span>
                       <el-input placeholder="关键词检索" v-model="filterText1">
                       </el-input>
                     </div>
@@ -470,7 +473,7 @@
                   </div>
                   <div class="incidentConRight">
                     <div class="search">
-                      <span>小案类别</span>
+                      <span style="font-size:15px">小案类别</span>
                       <el-input placeholder="关键词检索" v-model="filterText">
                       </el-input>
                     </div>
@@ -492,7 +495,7 @@
 
                   <div class="incidentConRight">
                     <div class="search">
-                      <span>细案类别</span>
+                      <span style="font-size:15px">细案类别</span>
                       <el-input placeholder="关键词检索" v-model="filterText">
                       </el-input>
                     </div>
@@ -1564,6 +1567,26 @@ export default {
   font-weight: 400;
   text-align: center;
 }
+.titleFlexY {
+  width: 45%;
+  height: 56px;
+  color: #ffffff;
+  line-height: 56px;
+  font-size: 14px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  text-align: center;
+}
+.titleFlexG {
+  width: 45%;
+  height: 56px;
+  color: #ffffff;
+  line-height: 56px;
+  font-size: 14px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  text-align: center;
+}
 
 .el-tag {
   border: 1px solid #f1970f;