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/homeRoot/personInfo.vue | 2 ruoyi-ui/src/assets/images/index.png | 0 ruoyi-ui/src/views/healthy/healthYear.vue | 275 ++++++++++++++++++++++++++++++++++++++++++++++-------- 3 files changed, 232 insertions(+), 45 deletions(-) diff --git a/ruoyi-ui/src/assets/images/index.png b/ruoyi-ui/src/assets/images/index.png index c047632..4302d97 100644 --- a/ruoyi-ui/src/assets/images/index.png +++ b/ruoyi-ui/src/assets/images/index.png Binary files differ diff --git a/ruoyi-ui/src/views/healthy/healthYear.vue b/ruoyi-ui/src/views/healthy/healthYear.vue index dcc293f..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, // 鏄惁澶勪簬缂栬緫妯″紡 @@ -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> diff --git a/ruoyi-ui/src/views/homeRoot/personInfo.vue b/ruoyi-ui/src/views/homeRoot/personInfo.vue index c95ed04..f5f5a84 100644 --- a/ruoyi-ui/src/views/homeRoot/personInfo.vue +++ b/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"> -- Gitblit v1.9.1