From b012ab3a1e5495be068c543eb8f0482124db13b5 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期六, 31 十二月 2022 16:48:22 +0800
Subject: [PATCH] 1.登录页文字跟随系统变化

---
 src/views/jcsz/jsqd.vue |   44 ++++++++++++++++++++++++++++----------------
 1 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/views/jcsz/jsqd.vue b/src/views/jcsz/jsqd.vue
index 0288111..df8a1d5 100644
--- a/src/views/jcsz/jsqd.vue
+++ b/src/views/jcsz/jsqd.vue
@@ -557,29 +557,32 @@
           @click="myCheckboxClick(item)"
         >
 
-          <input
-            class="myCheckboxInput"
-            type="checkbox"
-            :disabled="rightFrom.usercode==='S001'"
-            :value="item.code"
-            :name="item.name"
-            :style="{color:item.isSelected2?'#42b983':'#fff'}"
-            @click="myCheckboxInputClick(item)"
-          >{{ item.name }}
+          <!--          <input-->
+          <!--            class="myCheckboxInput"-->
+          <!--            type="checkbox"-->
+          <!--            :disabled="rightFrom.usercode==='S001'"-->
+          <!--            :value="item.code"-->
+          <!--            :name="item.name"-->
+          <!--            :style="{color:item.isSelected2?'#42b983':'#fff'}"-->
+          <!--            @click="myCheckboxInputClick(item)"-->
+          <!--          >{{ item.name }}-->
 
-          <!--          :style="{color:item.isSelected2?'#42b983':'#fff'}"-->
           <!--            鐖跺瓙鐐瑰嚮浜嬩欢涓嶅奖鍝�-->
           <!--            onClick="event.cancelBubble = true"-->
           <!--鏄庡ぉ鍐嶇湅涓�涓媔nput鍜宔l-checkbox涔嬮棿鐨勫尯鍒�-->
+
           <el-checkbox
+            :key="item.code"
             v-model="item.isSelected2"
             class="myCheckboxInput"
             :value="item.code"
             :name="item.name"
             :disabled="rightFrom.usercode==='S001'"
-          >{{ item.name }}
-          </el-checkbox>
-
+            :checked="item.isSelected2"
+            :label="item.name"
+            @change="myCheckboxInputClick(item)"
+          />
+          <div class="myCheckboxInputLabel">{{ item.name }}</div>
         </div>
       </div>
       <el-divider />
@@ -1551,8 +1554,8 @@
     },
     // 灏忕洅瀛愮偣鍑讳簨浠�
     myCheckboxInputClick(val) {
-      console.log(val, 777777)
-      val.isSelected2 = !val.isSelected2
+      val.isSelected2 = !!val.isSelected2
+
       this.dialogFormRight.rightCurrentCode = val.code
 
       // 1.绗竴绉嶆儏鍐�  灏忕洅瀛愪粠娌¢�変腑鍒伴�変腑
@@ -1708,17 +1711,26 @@
       //border: 1px solid $main_color;
       border: 1px solid #eee;
       display: flex;
-      min-width: 110px;
+      min-width: 100px;
       padding: 10px;
       margin: 10px 30px 0 0;
       border-radius: 5px;
       cursor: default;
+      position: relative;
 
       .myCheckboxInput {
         margin: 1px 5px 0 0;
         cursor: pointer;
       }
 
+      .myCheckboxInputLabel {
+        position: absolute;
+        left: 29px;
+        padding: 5px;
+        top: 6px;
+        color: transparent;
+      }
+
     }
 
     input[type=checkbox] {

--
Gitblit v1.9.3