修改了对应的样式

feige

2024-11-26 a2c92276402a4c5ad6373928986e040cf1a87483

 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, // 是否处于编辑模式
@@ -1044,6 +1193,18 @@
  },

  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)
@@ -2201,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
@@ -2323,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>