1.琉璃瓦、墙裙隐藏

src/views/AIDesign/design.vue

@@ -220,7 +220,7 @@
           </div>
         </div>
         <!-- 墙裙 -->
-        <div class="design-option">
+        <!-- <div class="design-option">
           <div class="option-title">墙裙</div>
           <div class="option-grid stone-colors-grid" ref="skirtTypesRef" @mousedown="handleMouseDown"
             @mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
@@ -234,9 +234,9 @@
           <div class="rightArrows">
             <img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />
           </div>
-        </div>
+        </div> -->
         <!-- 琉璃瓦 -->
-        <div class="design-option">
+        <!-- <div class="design-option">
           <div class="option-title">琉璃瓦</div>
           <div class="option-grid stone-colors-grid" ref="tilesRef" @mousedown="handleMouseDown"
             @mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
@@ -249,6 +249,23 @@
           <div class="rightArrows">
             <img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />
           </div>
+        </div> -->
+        <div class="design-option">
+          <div class="option-title">琉璃瓦</div>
+          <div class="option-grid stone-colors-grid" ref="tilesRef" @mousedown="handleMouseDown"
+            @mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
+            <div v-for="(tile, index) in tiles" :key="index" class="option-item"
+              :class="{ active: selectedTile === tile.value }" @click="selectTile(tile.value, 'tilesRef', index)">
+              <div v-if="tile.value != '无'" class="tile-color" :style="{ backgroundColor: tile.value }"></div>
+              <div v-else class="split-icon">
+                <img width="50" :src="require('@/assets/AIDesign/nothing1.png')" />
+              </div>
+              <div class="tile-name">{{ tile.text }}</div>
+            </div>
+          </div>
+          <div class="rightArrows">
+            <img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />
+          </div>
         </div>
       </section>
       <!-- 外墙平涂选项 -->
@@ -383,7 +400,7 @@ export default class extends Vue {
     windowsRef: HTMLDivElement;
     railingsRef: HTMLDivElement;
     tilesRef: HTMLDivElement;
-    skirtTypesRef : HTMLDivElement;
+    skirtTypesRef: HTMLDivElement;
   };
 
   private readState = true;
@@ -681,7 +698,7 @@ export default class extends Vue {
           this.selectedWindowFrame = response.Data.F_WindowsColor || this.windowFrames[0].value;
           this.selectedRailing = response.Data.F_CastRailing || this.railings[0].value;
           this.selectedTile = response.Data.F_GlazedTile || this.tiles[0].value;//新琉璃瓦
-          this.selectedSkirtType = response.Data.F_SkirtType || this.skirtTypes[0].value;//墙裙
+          // this.selectedSkirtType = response.Data.F_SkirtType || this.skirtTypes[0].value;//墙裙
           this.oldf_id = response.Data.F_ID;
           this.color_selValue = response.Data.F_Color || null;// 外墙平涂选中的值
           if (this.color_selValue) {
@@ -921,7 +938,7 @@ export default class extends Vue {
       formData.append('CastRailing', uCastRailing);
       formData.append('GlazedTile', uGlazedTile);
       formData.append('columnType', uColumnType);//罗马柱
-      formData.append('skirtType', uSkirtType);//墙裙
+      // formData.append('skirtType', uSkirtType);//墙裙
 
     } else if (this.activeName === '外墙平涂') {
       formData.append('DesignStyle', "CHANGE_COLOR");
@@ -1126,7 +1143,8 @@ export default class extends Vue {
         // 浇筑栏杆选项
         this.railings = response.Data.dict.CastRailing;
         // 琉璃瓦选项
-        this.tiles = response.Data.dict.NewGlazedTile;
+        // this.tiles = response.Data.dict.NewGlazedTile;
+        this.tiles = response.Data.dict.GlazedTile;
         // 外墙平涂
         this.color_options = response.Data.dict.outsideColor;
         // 墙裙
@@ -1165,7 +1183,7 @@ export default class extends Vue {
     this.selectedWindowFrame = this.windowFrames[0].value;
     this.selectedRailing = this.railings[0].value;
     this.selectedTile = this.tiles[0].value;
-    this.selectedSkirtType = this.skirtTypes[0].value;
+    // this.selectedSkirtType = this.skirtTypes[0].value;
   }
 
   //关联列表模糊查询