Forráskód Böngészése

调整保存按钮样式

duy 2 éve
szülő
commit
d99535b8ae
1 módosított fájl, 9 hozzáadás és 5 törlés
  1. 9 5
      src/views/data-fill/wbs.vue

+ 9 - 5
src/views/data-fill/wbs.vue

@@ -180,12 +180,16 @@
 
                     <!--底部按钮区域-->
                     <template #action >
-                        <div style="display:flex">
-                            <el-alert title="完善资料后记得一定填写保存哦" type="warning" :closable="false" style="width:30%;margin-right:20px"/>
+                            <el-alert title="完善资料填写后记得一定要保存哦"
+                            show-icon 
+                            type="warning"
+                             :closable="false" 
+                             style="background-color:#f1f5f8;font-weight: 400;display: inline;"/>
+
                             <HcTooltip keys="wbs_save" v-if="NodeStatus !== '3'">
                                 <el-button 
                                 type="primary"
-                                style="font-weight: bolder;font-size: larger;"          
+                                style="width:150px;font-weight: bold;font-size:larger"       
                                 hc-btn 
                                 :disabled="NodeStatus === '3' || ListItemDatas.length <= 0" 
                                 :loading="tableFormSaveLoading" 
@@ -212,7 +216,7 @@
                                     <span>撤回上报流程</span>
                                 </el-button>
                             </HcTooltip>
-                        </div>
+                      
                         
                     </template>
                 </HcCard>
@@ -369,7 +373,7 @@
 </template>
 
 <script setup>
-import {  DocumentCopy } from '@element-plus/icons-vue'
+import { Warning ,DocumentCopy } from '@element-plus/icons-vue'
 import {ref,watch,onMounted} from "vue";
 import {useRouter, useRoute} from 'vue-router'
 import {useAppStore} from "~src/store";