修改了对应的样式

feige

2024-11-26 a2c92276402a4c5ad6373928986e040cf1a87483

修改了对应的样式

 ruoyi-ui/src/assets/images/index.png

 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)
@@ -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>

 ruoyi-ui/src/views/homeRoot/personInfo.vue

@@ -57,7 +57,7 @@
                  <el-col>
                    <el-row :span="8">
                      <el-form-item label="性别" prop="sex" label-width="45px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
                        <el-input v-model="personInfos[0].sex === 1 ? '男':'女'" placeholder="请输入性别" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
                        <el-input v-model="personInfos[0].sex === 0 ? '男':'女'" placeholder="请输入性别" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
                      </el-form-item>
                    </el-row>
                    <el-row :span="8">