修改单位管理界面-2

pages/sys/workbench/unitManagement/unitManagement.vue

@@ -69,12 +69,12 @@
         <view class="qr-code-container" :style="{'--qr-size': qrSize + 'rpx'}">
           <canvas id="qrcode" canvas-id="qrcode" style="width: 200px;height: 200px;"></canvas>
         </view>
-
         <!-- 关闭按钮 -->
-        <view class="close-btn" @click="hideInviteDialog">
-          <image src="/static/ic_close.png" mode="aspectFit"/>
+        <view class="close-circle-btn" @click.stop="hideInviteDialog">
+          <view class="close-x"></view>
         </view>
       </view>
+
     </view>
   </view>
 </template>
@@ -94,12 +94,12 @@ export default {
   methods: {
     goToEmployeeReview() {
       uni.navigateTo({
-        url: '/pages/employee/review'
+        url: '/pages/sys/workbench/unitManagement/employeeAudits'
       });
     },
     goToEmployeeManagement() {
       uni.navigateTo({
-        url: '/pages/employee/management'
+        url: '/pages/sys/workbench/unitManagement/employeeManagement'
       });
     },
     showInviteDialog() {
@@ -273,8 +273,7 @@ export default {
 }
 
 .dialog-content {
-  width: 70%;
-  background-color: #2186FF;
+  width: 77%;
   border-radius: 20rpx;
   display: flex;
   flex-direction: column;
@@ -318,26 +317,54 @@ export default {
   align-items: center;
   overflow: hidden;
   position: relative;
+  top: 30rpx;
   z-index: 1;
 }
 
-/* 修复：移除固定宽高，让动态绑定生效 */
-.qr-code-canvas {
-  display: block;
-  /* 这里不写固定值，完全由:style绑定控制 */
-}
 
-.close-btn {
-  width: 60rpx;
-  height: 60rpx;
+
+/* 新增圆形关闭按钮样式 */
+.close-circle-btn {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  background-color: white;
   display: flex;
   justify-content: center;
   align-items: center;
+  margin-top: 40rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  position: relative;
   z-index: 1;
+  cursor: pointer;
 }
 
-.close-btn image {
+/* 创建X形状 */
+.close-x {
+  position: relative;
   width: 40rpx;
   height: 40rpx;
 }
+
+.close-x::before,
+.close-x::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 40rpx;
+  height: 4rpx;
+  background-color: #999;
+  border-radius: 2rpx;
+}
+
+.close-x::before {
+  transform: translate(-50%, -50%) rotate(45deg);
+}
+
+.close-x::after {
+  transform: translate(-50%, -50%) rotate(-45deg);
+}
+
 </style>