Sfoglia il codice sorgente

试验自检资料填报保存样式增加

duy 2 anni fa
parent
commit
816f541b04
1 ha cambiato i file con 19 aggiunte e 0 eliminazioni
  1. 19 0
      src/views/tentative/detect/test-form.vue

+ 19 - 0
src/views/tentative/detect/test-form.vue

@@ -55,6 +55,14 @@
                 />
             </el-scrollbar>
             <template #action>
+                <div class="hc-table-form-action-tip">
+                            <el-alert title="完善资料填写后记得一定要保存哦"
+                                      show-icon
+                                      type="warning"
+                                      :closable="false"
+                                      class="hc-alert"
+                                      style=""/>
+                </div>
                 <el-button type="primary" hc-btn :disabled="NodeStatus === '3' || listItemData.length <= 0" :loading="tableFormSaveLoading" @click="tableFormSaveClick">
                     <HcIcon name="save"/>
                     <span>保存</span>
@@ -1119,4 +1127,15 @@ const updeviceUseIds = (val) => {
 
 <style lang="scss" scoped>
 @import "../../../styles/tentative/detect/test-form.scss";
+.hc-table-form-action-tip {
+    position: absolute;
+    bottom: 77px;
+    width: 100%;
+}
+.hc-table-form-action-tip .hc-alert {
+    background-color:#f1f5f8;
+    display: inline;
+    vertical-align: middle;
+    box-shadow: -2px 0 10px 0 rgba(32,37,50,0.03), 0 10px 21px 20px rgba(32,37,50,0.03);
+}
 </style>