样式修改

src/views/hainanBZ/ajbzDetailHN.vue

@@ -28,18 +28,6 @@
               </el-col>
             </el-row>
           </div>
-          <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-else>
-            <el-tag style="font-size: 24px">{{ bzztMs }}</el-tag>
-          </div>
         </div>
       </el-header>
       <el-main v-loading="mainLoading" element-loading-text="加载中请稍后">
@@ -476,8 +464,13 @@
                     @click="nextData"
                     :disabled="currentLastData"
                     >下一条
-                  </el-button
-                  >
+                    <div class="bzWrap">
+                      <span v-if="bzztMs && bzztMs == '已标注'"
+                        >{{ bzztMs }}
+                      </span>
+                      <span v-else>{{ bzztMs }} </span>
+                    </div>
+                  </el-button>
                 </div>
               </el-card>
               <el-card v-else class="box-card">
@@ -716,7 +709,7 @@ import {
   updateBzStatus,
 } from "@/api/ajbzDetail.js";
 import axios from "@/utils/http.js";
-import {getAsjbhArrayList, ajbzHt} from "@/views/hainanBZ/ajbzdetailHN.js";
+import { getAsjbhArrayList, ajbzHt } from "@/views/hainanBZ/ajbzdetailHN.js";
 
 export default {
   name: "ajbzDetailHN",
@@ -768,50 +761,50 @@ export default {
       formLabelAlign: [],
       formLabelAlign2: [],
       barData: [
-        {id: 1, name: "案件信息"},
-        {id: 2, name: "现场信息"},
-        {id: 3, name: "人员"},
+        { id: 1, name: "案件信息" },
+        { id: 2, name: "现场信息" },
+        { id: 3, name: "人员" },
       ],
       tableBar: [
-        {key: 1, name: "盗窃案"},
-        {key: 2, name: "诈骗案"},
-        {key: 3, name: "抢劫案"},
-        {key: 4, name: "抢夺案"},
-        {key: 5, name: "招摇撞骗案"},
+        { key: 1, name: "盗窃案" },
+        { key: 2, name: "诈骗案" },
+        { key: 3, name: "抢劫案" },
+        { key: 4, name: "抢夺案" },
+        { key: 5, name: "招摇撞骗案" },
       ],
       ryList: [
-        {ryid: 1, name: "嫌疑人"},
-        {ryid: 2, name: "受害人"},
-        {ryid: 3, name: "报案人"},
+        { ryid: 1, name: "嫌疑人" },
+        { ryid: 2, name: "受害人" },
+        { ryid: 3, name: "报案人" },
       ],
       bshClass: [
-        {num: "01", val: "mobile"},
-        {num: "02", val: "imsi"},
-        {num: "03", val: "yhzh"},
-        {num: "04", val: "yhkh"},
-        {num: "05", val: "otherid"},
-        {num: "06", val: "jjzh"},
-        {num: "07", val: "gpzh"},
-        {num: "08", val: "wljyzh"},
-        {num: "09", val: "wldjzh"},
-        {num: "10", val: "otherid"},
-        {num: "11", val: "email"},
-        {num: "12", val: "qq"},
-        {num: "13", val: "wx"},
-        {num: "14", val: "yx"},
-        {num: "15", val: "wbzh"},
-        {num: "16", val: "personid"},
-        {num: "17", val: "mac"},
-        {num: "18", val: "cjh"},
-        {num: "19", val: "imei"},
-        {num: "20", val: "imsi"},
-        {num: "21", val: "ip"},
-        {num: "22", val: "zfb"},
-        {num: "23", val: "carid"},
-        {num: "24", val: "app"},
-        {num: "25", val: "qqq"},
-        {num: "26", val: "wxq"},
-        {num: "99", val: "otherid"},
+        { num: "01", val: "mobile" },
+        { num: "02", val: "imsi" },
+        { num: "03", val: "yhzh" },
+        { num: "04", val: "yhkh" },
+        { num: "05", val: "otherid" },
+        { num: "06", val: "jjzh" },
+        { num: "07", val: "gpzh" },
+        { num: "08", val: "wljyzh" },
+        { num: "09", val: "wldjzh" },
+        { num: "10", val: "otherid" },
+        { num: "11", val: "email" },
+        { num: "12", val: "qq" },
+        { num: "13", val: "wx" },
+        { num: "14", val: "yx" },
+        { num: "15", val: "wbzh" },
+        { num: "16", val: "personid" },
+        { num: "17", val: "mac" },
+        { num: "18", val: "cjh" },
+        { num: "19", val: "imei" },
+        { num: "20", val: "imsi" },
+        { num: "21", val: "ip" },
+        { num: "22", val: "zfb" },
+        { num: "23", val: "carid" },
+        { num: "24", val: "app" },
+        { num: "25", val: "qqq" },
+        { num: "26", val: "wxq" },
+        { num: "99", val: "otherid" },
       ],
 
       centerDialogVisible: false,
@@ -1008,7 +1001,7 @@ export default {
       asjbhCurrentIndex: "",
       xzaStr: "",
       xalbStr: "",
-      alreadyFinishedCount: 0
+      alreadyFinishedCount: 0,
     };
   },
   created() {
@@ -1144,9 +1137,10 @@ export default {
       return new Promise((resolve) => {
         if (this.asjbhArraySearchData == "") {
           this.asjbhArraySearchData = this.$route.query.searchData;
-          this.asjbhArraySearchData = JSON.parse(this.asjbhArraySearchData)
+          this.asjbhArraySearchData = JSON.parse(this.asjbhArraySearchData);
         }
-        this.asjbhArraySearchData.alreadyFinishedCount = this.alreadyFinishedCount;
+        this.asjbhArraySearchData.alreadyFinishedCount =
+          this.alreadyFinishedCount;
         getAsjbhArrayList(JSON.stringify(this.asjbhArraySearchData))
           .then((res) => {
             if (res.code == 200) {
@@ -1207,8 +1201,7 @@ export default {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning",
-        }).then(() => {
-        });
+        }).then(() => {});
       }
     },
     toXk() {
@@ -1887,10 +1880,10 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
-.info_wrap{
+.info_wrap {
   width: 100%;
   padding: 15px;
-.jbInfo{
+  .jbInfo {
     height: 37px;
     color: grey;
     text-align: left;
@@ -1898,16 +1891,16 @@ export default {
     font-weight: 400;
     line-height: 35px;
     display: flex;
-  .info_title{
+    .info_title {
       width: 80px;
     }
-  .info_content{
+    .info_content {
       width: 300px;
     }
-  .jyaq{
+    .jyaq {
       width: 710px;
     }
-}
+  }
 }
 .bztag-wrap {
   margin-left: 50px;
@@ -1969,28 +1962,6 @@ export default {
   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;
   color: #f1970f;
@@ -2447,6 +2418,21 @@ export default {
   text-align: center;
 }
 
+.bzWrap {
+  position: absolute;
+  border: 1px solid #f1970f;
+  color: #f1970f;
+  font-size: 14px;
+  font-family: Microsoft YaHei;
+  padding: 3px 10px;
+  height: 30px;
+  line-height: 30px;
+  margin-left: 75px;
+  top: 20px;
+  border-radius: 3px;
+  font-size: 24px;
+}
+
 .mainRow {
   width: 100%;
 }