联合检查样式修改

src/components/footer-enforcement-nav/index.vue

@@ -50,7 +50,7 @@ let data = reactive({
 .footer_nav {
 	height: 1.5rem;
 	background-color: #fff;
-	box-shadow: 0 0 0.1rem #e7e7e7;
+	box-shadow: 0 0 0.15rem #d7d7d7;
 	.footer-bar {
 		position: absolute;
 		bottom: 0.2rem;

src/components/footer-nav/index.vue

@@ -34,7 +34,7 @@ let data = reactive({
 	.footer_nav{
 		height: 1.5rem;
 		background-color: #fff;
-		box-shadow: 0 0 0.1rem #e7e7e7;
+		box-shadow: 0 0 0.15rem #d7d7d7;
 		.footer-bar{
 			position: absolute;
 			bottom: 0.2rem;

src/views/administrative/appointmentDetail.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="address_edit">
       <div class="warp_body">
+        <span class="joint-tag" v-if="submitData.isUnite == 1"><label>联</label></span>
             <van-form @failed="onFailed" @submit="submit">
               <van-cell-group>
                 <van-field
@@ -9,7 +10,7 @@
                         :rules="[{ required: true, message: '必填项' }]"
                         readonly
                 />
-                <span class="joint-mark" v-if="submitData.isUnite == 1">联</span>
+
                 <Popup :visible="popupVisible" :content="popupContent" @close="closePopupCompony"  @reciveData="reciveData" />
                 <van-field
                         v-model="submitData.linkMan"
@@ -913,20 +914,41 @@
       width: 62%;
     }
 
+    .joint-tag {
+      position: absolute;
+      top: 0;
+      right: 0;
+      z-index: 100;
+      display: block;
+      width: 1rem;
+      color: #fff;
+    }
 
-
-    .joint-mark {
+    .joint-tag label {
       position: relative;
-      top: -0.05rem;
-      display: inline-block;
-      margin: 0 0.25rem;
-      width: 0.55rem;
-      height: 0.55rem;
+      top: 0.35rem;
+      right: 0.2rem;
+      z-index: 1;
+      font-size: 0.5rem;
+    }
+
+    .joint-tag::before, .joint-tag::after {
+      position: absolute;
+      z-index: 0;
+      top: -0.25rem;
+      right: -0.1rem;
+      width: 3rem;
+      height: 1rem;
       background: #2d94fa;
-      border-radius: 50%;
-      color: #fff;
-      font-size: 0.35rem;
-      line-height: 1.65;
-      text-align: center;
+      content: "";
+      transform: rotate(45deg) scale(0.65);
+    }
+
+    .joint-tag::after {
+      top: 1rem;
+      bottom: 0;
+      right: -1.34rem;
+      z-index: 0;
+      transform: rotate(-135deg) scale(0.65);
     }
 </style>

src/views/enterprise/enterpriseInspectionDetail.vue

@@ -6,15 +6,16 @@
 		<!-- </div> -->
 		<!-- 中间 -->
 		<div class="warp_body">
-
+      <span class="joint-tag" v-if="data.bureauDeptNames.length>1"><label>联</label></span>
         <van-form @failed="onFailed" @submit="submit">
           <van-cell-group>
+
             <van-field
                 v-model="submitData.checkTime"
                 readonly
                 label="检查时间"
             />
-              <span class="joint-mark" v-if="data.bureauDeptNames.length>1">联</span>
+
 <!--            <van-field-->
 <!--                v-model="submitData.bureauDeptName"-->
 <!--                readonly-->
@@ -309,20 +310,7 @@ onMounted(() =>{
   overflow-y: auto;
   margin-top: 0.15rem;
 }
-.joint-mark {
-    position: relative;
-    top: -0.05rem;
-    display: inline-block;
-    margin: 0 0.25rem;
-    width: 0.55rem;
-    height: 0.55rem;
-    background: #2d94fa;
-    border-radius: 50%;
-    color: #fff;
-    font-size: 0.35rem;
-    line-height: 1.65;
-    text-align: center;
-}
+
 :deep(.van-button) {
     margin: 5% 3%;
     padding: 0;
@@ -389,4 +377,71 @@ onMounted(() =>{
   color: #666;
 }
 
+.one-label {
+  position: relative;
+}
+
+.one-label::after {
+  position: absolute;
+  left: 0.43rem;
+  bottom: 0;
+  width: calc(100% - 0.86rem);
+  border-bottom: 1px solid #ebedf0;
+  content: "";
+  transform: scaleY(.5);
+}
+
+.one-label .van-cell:first-child {
+  padding-bottom: 0;
+}
+
+.one-label .no-label {
+  margin-top: -1px;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.one-label .no-label:last-child {
+  padding-bottom: 0.27rem;
+}
+
+.joint-tag {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 100;
+  display: block;
+  width: 1rem;
+  color: #fff;
+}
+
+.joint-tag label {
+  position: relative;
+  top: 0.35rem;
+  right: 0.2rem;
+  z-index: 1;
+  font-size: 0.5rem;
+}
+
+.joint-tag::before, .joint-tag::after {
+  position: absolute;
+  z-index: 0;
+  top: -0.25rem;
+  right: -0.1rem;
+  width: 3rem;
+  height: 1rem;
+  background: #2d94fa;
+  content: "";
+  transform: rotate(45deg) scale(0.65);
+}
+
+.joint-tag::after {
+  top: 1rem;
+  bottom: 0;
+  right: -1.34rem;
+  z-index: 0;
+  transform: rotate(-135deg) scale(0.65);
+}
+
+
 </style>

src/views/enterprise/enterpriseInspectionList.vue

@@ -579,7 +579,7 @@
       margin: 0 0.2rem;
     }
 
-    act-btn {
+    .act-btn {
         display: flex;
         position: absolute;
         top: 0;