Browse Source

项目信息管理样式更改

duxiangyu 2 years ago
parent
commit
36e0374665

+ 17 - 2
src/components/project-manage/form/items/ImageUpload.vue

@@ -75,6 +75,17 @@
         <div class="p-size-box">
           <!-- <OriginalSize v-if="!isZoomImage" />
           <SmallImage v-else /> -->
+          <!-- <img
+            v-if="!isZoomImage"
+            @click="deleteImage(item)"
+            src="../static/iconSvg/original_size.svg"
+            alt=""
+          />
+          <img
+            v-else
+            @click="deleteImage(item)"
+            src="../static/iconSvg/small_image.svg"
+          /> -->
           <span
             class="p-size-label"
             @click="resetOriginSize"
@@ -91,6 +102,10 @@
         </div>
         <div class="p-close-box">
           <!-- <Close @click.native="closeImageModal" /> -->
+          <img
+            @click.stop="closeImageModal(item)"
+            src="../static/iconSvg/close.svg"
+          />
         </div>
       </div>
       <div class="p-image-content">
@@ -953,7 +968,7 @@ export default {
       }
       .p-close-box {
         position: relative;
-        svg {
+        img {
           height: @height3;
           width: @width3;
           path {
@@ -972,7 +987,7 @@ export default {
           width: 1px;
         }
         &:hover {
-          svg {
+          img {
             path {
               fill: @blue-500;
             }

+ 45 - 34
src/components/project-manage/index.vue

@@ -1,23 +1,25 @@
 <template>
-  <div class="container" v-if="!refresh">
-    <div class="left">
-      <Anchor @goAnchor="goAnchor" :anchorList="anchorList" />
-    </div>
-    <div class="right">
-      <Basic name="基础信息" :info="info" />
-      <Form
-        v-for="(item, index) in anchorList"
-        :key="index"
-        :itemProps="item"
-        :info="info"
-      />
-      <!-- <Geo :PropInfo="info.geo" />
+  <div class="container" v-loading="loading">
+    <template v-if="!refresh">
+      <div class="left">
+        <Anchor @goAnchor="goAnchor" :anchorList="anchorList" />
+      </div>
+      <div class="right">
+        <!-- <Basic name="基础信息" :info="info" /> -->
+        <Form
+          v-for="(item, index) in anchorList"
+          :key="index"
+          :itemProps="item"
+          :info="info"
+        />
+        <!-- <Geo :PropInfo="info.geo" />
       <Project />
       <Business /> -->
+      </div>
       <div class="bottom">
         <Button type="primary" @click="save">保存</Button>
       </div>
-    </div>
+    </template>
   </div>
 </template>
 <script>
@@ -59,6 +61,7 @@ export default {
       refresh: false, // 节点重新渲染
       isSaved: true, // 是否已经保存
       hasChange: false, // 是否有修改
+      loading: false,
     };
   },
   computed: {
@@ -66,9 +69,16 @@ export default {
     ...mapState("layout", ["projectId"]),
   },
   mounted() {
-    this.getInfo();
-    this.getDict();
+    // this.getInfo();
+    // this.getDict();
     this.initEvent();
+    this.loading = true;
+    this.refresh = true;
+    Promise.all([this.getInfo(), this.getDict()]).then(() => {
+      this.refresh = false;
+      // IndexLoading.remove(this.loading);
+      this.loading = false;
+    });
   },
   methods: {
     // 获取参数字典
@@ -120,7 +130,7 @@ export default {
       let dom = document.querySelector(`.${name}-container`);
       let right = document.querySelector(".right");
       if (dom && right) {
-        right.scrollTop = dom.offsetTop - 120;
+        right.scrollTop = dom.offsetTop - 140;
       }
     },
     // 保存
@@ -172,11 +182,13 @@ export default {
   },
   watch: {
     projectId() {
-      this.loading = IndexLoading();
+      // this.loading = IndexLoading();
+      this.loading = true;
       this.refresh = true;
       Promise.all([this.getInfo(), this.getDict()]).then(() => {
         this.refresh = false;
-        IndexLoading.remove(this.loading);
+        // IndexLoading.remove(this.loading);
+        this.loading = false;
       });
     },
   },
@@ -214,22 +226,21 @@ export default {
   }
   .right {
     width: 100%;
-
+    padding: 20px;
     overflow-y: auto;
-    .basic-container,
-    .geo-container,
-    .project-container,
-    .business-container {
-      padding: 20px;
-    }
-    .bottom {
-      width: 100%;
-      height: 72px;
-      box-shadow: 0px 2px 10px rgba(31, 36, 41, 0.2);
-      // display: flex;
-      // align-items: center;
-      padding: 20px;
-    }
+  }
+  .bottom {
+    width: 100%;
+    height: 72px;
+    box-shadow: 0px 2px 10px rgba(31, 36, 41, 0.2);
+    // display: flex;
+    // align-items: center;
+    position: fixed;
+    bottom: 0;
+    padding: 20px;
+    padding-left: 178px;
+    background-color: #fff;
+    z-index: 999;
   }
 }
 </style>