From a2c92276402a4c5ad6373928986e040cf1a87483 Mon Sep 17 00:00:00 2001
From: feige <791364011@qq.com>
Date: 星期二, 26 十一月 2024 15:44:43 +0800
Subject: [PATCH] 修改了对应的样式

---
 ruoyi-ui/src/views/healthy/healthYear.vue |  286 +++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 237 insertions(+), 49 deletions(-)

diff --git a/ruoyi-ui/src/views/healthy/healthYear.vue b/ruoyi-ui/src/views/healthy/healthYear.vue
index a374f05..50e540a 100644
--- a/ruoyi-ui/src/views/healthy/healthYear.vue
+++ b/ruoyi-ui/src/views/healthy/healthYear.vue
@@ -19,6 +19,26 @@
 
     <el-divider />
 
+<el-row  :gutter="2">
+  <el-col :border="1" :span="4" v-for="(item, index) in allBasicInfo" :key="o" :offset="1">
+  <div>
+    <el-card :body-style="{ padding: '1px' }">
+      <img src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png" class="image">
+      <div style="">
+        <span>{{item}}</span>
+        <div class="bottom clearfix">
+          
+          <el-button type="text" class="button" @click="handleEditInfo(index)">鏌ョ湅璇︽儏</el-button>
+        </div>
+      </div>
+    </el-card>
+	</div>
+  </el-col>
+</el-row>
+
+
+    <el-dialog  :visible.sync="open" width="800px" append-to-body @close="">
+
 
     <h2 style="font-size:21px">鍩烘湰鎯呭喌</h2>
     <el-container>
@@ -102,45 +122,6 @@
       </div>
 
 
-      <div style="padding-left:400px;padding-top:30px" >
-        <el-container >
-
-
-          <el-row :gutter="10" class="mb8">
-            <el-col  >
-              <el-button
-                plain
-                @click="handleEdit()"
-                style="width: 80px;height: 32px;background: #E0EEFE;"
-                v-if="isShow"
-                v-hasPermi="['system:role:edit']"
-              >缂栬緫</el-button>
-              <el-button v-if="isShow_2"  style="width: 80px;height: 32px;background: #E0EEFE;" @click="submitForm" :disabled="dsb">瀹屾垚</el-button>
-              <br>
-
-            </el-col>
-
-<!--            <el-col style="padding-top: 10px;">-->
-<!--              <el-button-->
-<!--                plain-->
-<!--                style="width: 80px;height: 32px;background: #D2F3E0;"-->
-<!--                @click="handleExport"-->
-<!--                v-hasPermi="['family:note:export']"-->
-<!--              >瀵煎嚭</el-button></el-col>-->
-
-            <el-col style="padding-top: 10px;">
-              <el-button
-                plain
-                style="width: 80px;height: 32px;background: #FFDDE3;"
-                v-print="'#printable-content'"
-                v-hasPermi="['family:note:export']"
-              >鎵撳嵃</el-button></el-col>
-
-
-          </el-row>
-
-        </el-container>
-      </div>
       <!--      </el-dialog> self:user:export-->
     </el-container>
     <div>
@@ -213,7 +194,50 @@
         </el-container>
       </div>
     </el-container>
+	
+	      <div style="padding-top:30px" >
+	        <el-container >
+	
+	
+	          <el-row :gutter="10" class="mb8">
+	            <el-col  >
+	              <el-button
+	                plain
+	                @click="handleEdit()"
+	                style="width: 80px;height: 32px;background: #E0EEFE;"
+	                v-if="isShow"
+	                v-hasPermi="['system:role:edit']"
+	              >缂栬緫</el-button>
+	              <el-button v-if="isShow_2"  style="width: 80px;height: 32px;background: #E0EEFE;" @click="submitForm" :disabled="dsb">瀹屾垚</el-button>
+	              <br>
+	
+	            </el-col>
+	
+	<!--            <el-col style="padding-top: 10px;">-->
+	<!--              <el-button-->
+	<!--                plain-->
+	<!--                style="width: 80px;height: 32px;background: #D2F3E0;"-->
+	<!--                @click="handleExport"-->
+	<!--                v-hasPermi="['family:note:export']"-->
+	<!--              >瀵煎嚭</el-button></el-col>-->
+	
+	  <!--          <el-col style="padding-top: 10px;">
+	              <el-button
+	                plain
+	                style="width: 80px;height: 32px;background: #FFDDE3;"
+	                v-print="'#printable-content'"
+	                v-hasPermi="['family:note:export']"
+	              >鎵撳嵃</el-button></el-col> -->
+	
+	
+	          </el-row>
+	
+	        </el-container>
+	      </div>
+</el-dialog>
 
+
+<el-dialog :visible.sync="open1" width="800px" append-to-body @close="">
     <h2 style="font-size:21px">鐢熸椿涔犳儻</h2>
     <el-container>
       <div style="padding-left:0px" >
@@ -362,8 +386,49 @@
         </el-container>
       </div>
     </el-container>
-
-
+	
+	
+	<div style="padding-top:30px" >
+	        <el-container >
+	
+	
+	          <el-row :gutter="10" class="mb8">
+	            <el-col  >
+	              <el-button
+	                plain
+	                @click="handleEdit()"
+	                style="width: 80px;height: 32px;background: #E0EEFE;"
+	                v-if="isShow"
+	                v-hasPermi="['system:role:edit']"
+	              >缂栬緫</el-button>
+	              <el-button v-if="isShow_2"  style="width: 80px;height: 32px;background: #E0EEFE;" @click="submitForm" :disabled="dsb">瀹屾垚</el-button>
+	              <br>
+	
+	            </el-col>
+	
+	<!--            <el-col style="padding-top: 10px;">-->
+	<!--              <el-button-->
+	<!--                plain-->
+	<!--                style="width: 80px;height: 32px;background: #D2F3E0;"-->
+	<!--                @click="handleExport"-->
+	<!--                v-hasPermi="['family:note:export']"-->
+	<!--              >瀵煎嚭</el-button></el-col>-->
+	
+	  <!--          <el-col style="padding-top: 10px;">
+	              <el-button
+	                plain
+	                style="width: 80px;height: 32px;background: #FFDDE3;"
+	                v-print="'#printable-content'"
+	                v-hasPermi="['family:note:export']"
+	              >鎵撳嵃</el-button></el-col> -->
+	
+	
+	          </el-row>
+	
+	        </el-container>
+	      </div>
+</el-dialog>
+<el-dialog :visible.sync="open2" width="800px" append-to-body @close="">
     <h2 style="font-size:21px">鎶ょ悊鏌ヤ綋</h2>
     <el-container>
       <div style="padding-left:0px" >
@@ -494,8 +559,47 @@
         </el-container>
       </div>
     </el-container>
-
-
+	<div style="padding-top:30px" >
+	        <el-container >
+	
+	
+	          <el-row :gutter="10" class="mb8">
+	            <el-col  >
+	              <el-button
+	                plain
+	                @click="handleEdit()"
+	                style="width: 80px;height: 32px;background: #E0EEFE;"
+	                v-if="isShow"
+	                v-hasPermi="['system:role:edit']"
+	              >缂栬緫</el-button>
+	              <el-button v-if="isShow_2"  style="width: 80px;height: 32px;background: #E0EEFE;" @click="submitForm" :disabled="dsb">瀹屾垚</el-button>
+	              <br>
+	
+	            </el-col>
+	
+	<!--            <el-col style="padding-top: 10px;">-->
+	<!--              <el-button-->
+	<!--                plain-->
+	<!--                style="width: 80px;height: 32px;background: #D2F3E0;"-->
+	<!--                @click="handleExport"-->
+	<!--                v-hasPermi="['family:note:export']"-->
+	<!--              >瀵煎嚭</el-button></el-col>-->
+	
+	  <!--          <el-col style="padding-top: 10px;">
+	              <el-button
+	                plain
+	                style="width: 80px;height: 32px;background: #FFDDE3;"
+	                v-print="'#printable-content'"
+	                v-hasPermi="['family:note:export']"
+	              >鎵撳嵃</el-button></el-col> -->
+	
+	
+	          </el-row>
+	
+	        </el-container>
+	      </div>
+</el-dialog>
+<el-dialog :visible.sync="open3" width="800px" append-to-body @close="">
     <h2 style="font-size:21px">鐜板瓨鍋ュ悍闂</h2>
 
     <el-container>
@@ -698,6 +802,46 @@
         </el-tab-pane>
       </el-tabs>
     </div>
+	<div style="padding-top:30px" >
+	        <el-container >
+	
+	
+	          <el-row :gutter="10" class="mb8">
+	            <el-col  >
+	              <el-button
+	                plain
+	                @click="handleEdit()"
+	                style="width: 80px;height: 32px;background: #E0EEFE;"
+	                v-if="isShow"
+	                v-hasPermi="['system:role:edit']"
+	              >缂栬緫</el-button>
+	              <el-button v-if="isShow_2"  style="width: 80px;height: 32px;background: #E0EEFE;" @click="submitForm" :disabled="dsb">瀹屾垚</el-button>
+	              <br>
+	
+	            </el-col>
+	
+	<!--            <el-col style="padding-top: 10px;">-->
+	<!--              <el-button-->
+	<!--                plain-->
+	<!--                style="width: 80px;height: 32px;background: #D2F3E0;"-->
+	<!--                @click="handleExport"-->
+	<!--                v-hasPermi="['family:note:export']"-->
+	<!--              >瀵煎嚭</el-button></el-col>-->
+	
+	  <!--          <el-col style="padding-top: 10px;">
+	              <el-button
+	                plain
+	                style="width: 80px;height: 32px;background: #FFDDE3;"
+	                v-print="'#printable-content'"
+	                v-hasPermi="['family:note:export']"
+	              >鎵撳嵃</el-button></el-col> -->
+	
+	
+	          </el-row>
+	
+	        </el-container>
+	      </div>
+	</el-dialog>
   </div>
 </template>
 
@@ -723,6 +867,11 @@
   dicts: ['sys_normal_disable'],
   data() {
     return {
+		open:false,
+		open1:false,
+		open2:false,
+		open3:false,
+	  allBasicInfo:["鍩烘湰鎯呭喌","鐢熸椿涔犳儻","鎶ょ悊鏌ヤ綋","鐜板湪鍋ュ悍闂"],
       dictionary: {},
       // 閬僵灞�
       editMode: false, // 鏄惁澶勪簬缂栬緫妯″紡
@@ -998,7 +1147,7 @@
      // 鏁版嵁鑼冨洿閫夐」
      fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
        '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],
-     
+
       fileList:[
       ],
       fileListOther:[
@@ -1039,10 +1188,23 @@
   },
   created() {
     this.getList()
-
+    this.$route.meta.title = "鐜扮姸鍋ュ悍鎯呭喌";
+    this.$route.meta.title = "鐜扮姸鍋ュ悍鎯呭喌";
   },
 
   methods: {
+	  handleEditInfo(index)
+	  {
+		  
+		  if(index==0)
+			this.open = true
+		   else if(index==1)
+			this.open1 = true; 
+		   else if(index==2)
+			this.open2 = true; 
+		else
+			this.open3 = true; 
+	  },
     saveData() {
       // 灏嗘暟鎹彂閫佺粰鍚庣
 	 // alert(this.bstn)
@@ -2080,7 +2242,7 @@
       };
       console.log(111)
       console.log(this.bloodData)
-	  
+
       if(isObjectEmpty(this.bloodData)){
         this.HealthyBaseList.bloodClass = this.HealthyBaseList.bloodClass;
       }else {
@@ -2200,7 +2362,7 @@
         if (valid) {
           if (this.HealthyBaseList!== undefined) {
             updateHealthBase(this.HealthyBaseList).then(response => {
-              this.$modal.msgSuccess("淇敼鎴愬姛11");
+              this.$modal.msgSuccess("淇敼鎴愬姛");
 
               // this.open = false;
               this.btn=false
@@ -2274,7 +2436,7 @@
         }
       })
       // 鍒锋柊椤甸潰
-   
+
     },
     //骞村害鍋ュ悍鎶ュ憡
     toYearhealthy(){
@@ -2322,4 +2484,30 @@
   position: absolute;
   top: 0;
   padding-right: 90px;
-}</style>
+}
+
+  .bottom {
+    margin-top: 13px;
+    line-height: 12px;
+  }
+
+  .button {
+    padding: 0;
+    float: right;
+  }
+
+  .image {
+    width: 100%;
+    display: block;
+  }
+
+  .clearfix:before,
+  .clearfix:after {
+      display: table;
+      content: "";
+  }
+  
+  .clearfix:after {
+      clear: both
+  }
+</style>

--
Gitblit v1.9.1