|
@@ -220,7 +220,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 墙裙 -->
|
|
<!-- 墙裙 -->
|
|
|
- <!-- <div class="design-option">
|
|
|
|
|
|
|
+ <div class="design-option">
|
|
|
<div class="option-title">墙裙</div>
|
|
<div class="option-title">墙裙</div>
|
|
|
<div class="option-grid stone-colors-grid" ref="skirtTypesRef" @mousedown="handleMouseDown"
|
|
<div class="option-grid stone-colors-grid" ref="skirtTypesRef" @mousedown="handleMouseDown"
|
|
|
@mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
|
|
@mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
|
|
@@ -234,32 +234,15 @@
|
|
|
<div class="rightArrows">
|
|
<div class="rightArrows">
|
|
|
<img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />
|
|
<img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />
|
|
|
</div>
|
|
</div>
|
|
|
- </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 class="tile-icon" :style="{ backgroundImage: `url(${imgBaseUrl}${tile.imgPath})` }"></div>
|
|
|
|
|
- <div class="tile-name">{{ tile.text }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="rightArrows">
|
|
|
|
|
- <img width="12" :src="require('@/assets/AIDesign/rightjt.png')" />
|
|
|
|
|
- </div>
|
|
|
|
|
- </div> -->
|
|
|
|
|
<div class="design-option">
|
|
<div class="design-option">
|
|
|
<div class="option-title">琉璃瓦</div>
|
|
<div class="option-title">琉璃瓦</div>
|
|
|
<div class="option-grid stone-colors-grid" ref="tilesRef" @mousedown="handleMouseDown"
|
|
<div class="option-grid stone-colors-grid" ref="tilesRef" @mousedown="handleMouseDown"
|
|
|
@mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
|
|
@mousemove="handleMouseMove" @mouseup="handleMouseUp" @mouseleave="handleMouseUp">
|
|
|
<div v-for="(tile, index) in tiles" :key="index" class="option-item"
|
|
<div v-for="(tile, index) in tiles" :key="index" class="option-item"
|
|
|
:class="{ active: selectedTile === tile.value }" @click="selectTile(tile.value, 'tilesRef', index)">
|
|
: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-icon" :style="{ backgroundImage: `url(${imgBaseUrl}${tile.imgPath})` }"></div>
|
|
|
<div class="tile-name">{{ tile.text }}</div>
|
|
<div class="tile-name">{{ tile.text }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -381,7 +364,7 @@ import { Component, Vue } from "vue-property-decorator";
|
|
|
import { CreateDesign, GetEntity, GetReadState, UpdateReadState, GetProjectlist, GetDictList } from "@/api/indexAI";
|
|
import { CreateDesign, GetEntity, GetReadState, UpdateReadState, GetProjectlist, GetDictList } from "@/api/indexAI";
|
|
|
import { ImagePreview, Popover } from 'vant';
|
|
import { ImagePreview, Popover } from 'vant';
|
|
|
import { Dialog } from 'vant';
|
|
import { Dialog } from 'vant';
|
|
|
-import { getWecomType, toLBHome } from '@/utils/index';
|
|
|
|
|
|
|
+import { getWecomType, toLBHome ,toXiaoChengxu } from '@/utils/index';
|
|
|
declare let wx: any;
|
|
declare let wx: any;
|
|
|
import axios from "axios";
|
|
import axios from "axios";
|
|
|
|
|
|
|
@@ -400,7 +383,7 @@ export default class extends Vue {
|
|
|
windowsRef: HTMLDivElement;
|
|
windowsRef: HTMLDivElement;
|
|
|
railingsRef: HTMLDivElement;
|
|
railingsRef: HTMLDivElement;
|
|
|
tilesRef: HTMLDivElement;
|
|
tilesRef: HTMLDivElement;
|
|
|
- skirtTypesRef: HTMLDivElement;
|
|
|
|
|
|
|
+ skirtTypesRef : HTMLDivElement;
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
private readState = true;
|
|
private readState = true;
|
|
@@ -698,7 +681,7 @@ export default class extends Vue {
|
|
|
this.selectedWindowFrame = response.Data.F_WindowsColor || this.windowFrames[0].value;
|
|
this.selectedWindowFrame = response.Data.F_WindowsColor || this.windowFrames[0].value;
|
|
|
this.selectedRailing = response.Data.F_CastRailing || this.railings[0].value;
|
|
this.selectedRailing = response.Data.F_CastRailing || this.railings[0].value;
|
|
|
this.selectedTile = response.Data.F_GlazedTile || this.tiles[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.oldf_id = response.Data.F_ID;
|
|
|
this.color_selValue = response.Data.F_Color || null;// 外墙平涂选中的值
|
|
this.color_selValue = response.Data.F_Color || null;// 外墙平涂选中的值
|
|
|
if (this.color_selValue) {
|
|
if (this.color_selValue) {
|
|
@@ -938,7 +921,7 @@ export default class extends Vue {
|
|
|
formData.append('CastRailing', uCastRailing);
|
|
formData.append('CastRailing', uCastRailing);
|
|
|
formData.append('GlazedTile', uGlazedTile);
|
|
formData.append('GlazedTile', uGlazedTile);
|
|
|
formData.append('columnType', uColumnType);//罗马柱
|
|
formData.append('columnType', uColumnType);//罗马柱
|
|
|
- // formData.append('skirtType', uSkirtType);//墙裙
|
|
|
|
|
|
|
+ formData.append('skirtType', uSkirtType);//墙裙
|
|
|
|
|
|
|
|
} else if (this.activeName === '外墙平涂') {
|
|
} else if (this.activeName === '外墙平涂') {
|
|
|
formData.append('DesignStyle', "CHANGE_COLOR");
|
|
formData.append('DesignStyle', "CHANGE_COLOR");
|
|
@@ -1099,7 +1082,7 @@ export default class extends Vue {
|
|
|
|
|
|
|
|
//跳转小程序
|
|
//跳转小程序
|
|
|
private toXiaoCX() {
|
|
private toXiaoCX() {
|
|
|
- this.toXiaoChengxu(`${process.env.VUE_APP_BASE_DISID6}`);
|
|
|
|
|
|
|
+ toXiaoChengxu(`${process.env.VUE_APP_BASE_DISID6}`);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
//跳转项目报备链接
|
|
//跳转项目报备链接
|
|
@@ -1143,8 +1126,7 @@ export default class extends Vue {
|
|
|
// 浇筑栏杆选项
|
|
// 浇筑栏杆选项
|
|
|
this.railings = response.Data.dict.CastRailing;
|
|
this.railings = response.Data.dict.CastRailing;
|
|
|
// 琉璃瓦选项
|
|
// 琉璃瓦选项
|
|
|
- // this.tiles = response.Data.dict.NewGlazedTile;
|
|
|
|
|
- this.tiles = response.Data.dict.GlazedTile;
|
|
|
|
|
|
|
+ this.tiles = response.Data.dict.NewGlazedTile;
|
|
|
// 外墙平涂
|
|
// 外墙平涂
|
|
|
this.color_options = response.Data.dict.outsideColor;
|
|
this.color_options = response.Data.dict.outsideColor;
|
|
|
// 墙裙
|
|
// 墙裙
|
|
@@ -1183,7 +1165,7 @@ export default class extends Vue {
|
|
|
this.selectedWindowFrame = this.windowFrames[0].value;
|
|
this.selectedWindowFrame = this.windowFrames[0].value;
|
|
|
this.selectedRailing = this.railings[0].value;
|
|
this.selectedRailing = this.railings[0].value;
|
|
|
this.selectedTile = this.tiles[0].value;
|
|
this.selectedTile = this.tiles[0].value;
|
|
|
- // this.selectedSkirtType = this.skirtTypes[0].value;
|
|
|
|
|
|
|
+ this.selectedSkirtType = this.skirtTypes[0].value;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
//关联列表模糊查询
|
|
//关联列表模糊查询
|
|
@@ -1210,57 +1192,6 @@ export default class extends Vue {
|
|
|
// }
|
|
// }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- //跳转微信小程序
|
|
|
|
|
- toXiaoChengxu(appid) {
|
|
|
|
|
- let url = window.location.href.split("#")[0];
|
|
|
|
|
- wx.ready(function () {
|
|
|
|
|
- wx.checkJsApi({
|
|
|
|
|
- jsApiList: ["agentConfig", "launchMiniprogram"], // 需要检测的JS接口列表
|
|
|
|
|
- success: function (res) {
|
|
|
|
|
- axios.get(`${process.env.VUE_APP_BASE_API}standard/aidesign/wecom/auth`, {
|
|
|
|
|
- params: {
|
|
|
|
|
- url: url,
|
|
|
|
|
- agent: 1
|
|
|
|
|
- }
|
|
|
|
|
- }).then(response => {
|
|
|
|
|
- if (response.status == 200) {
|
|
|
|
|
- let yingyongData = response.data.data;
|
|
|
|
|
- wx.agentConfig({
|
|
|
|
|
- corpid: yingyongData.appId, // 必填,企业微信的corpid,必须与当前登录的企业一致
|
|
|
|
|
- agentid: yingyongData.agentId, // 必填,企业微信的应用id (e.g. 1000247)
|
|
|
|
|
- timestamp: yingyongData.timestamp, // 必填,生成签名的时间戳
|
|
|
|
|
- nonceStr: yingyongData.nonceStr, // 必填,生成签名的随机串
|
|
|
|
|
- signature: yingyongData.signature, // 必填,签名,见附录-JS-SDK使用权限签名算法
|
|
|
|
|
- jsApiList: ["launchMiniprogram"], //必填,传入需要使用的接口名称
|
|
|
|
|
- success: function (res) {
|
|
|
|
|
- wx.invoke(
|
|
|
|
|
- "launchMiniprogram",
|
|
|
|
|
- {
|
|
|
|
|
- appid: appid, // 需跳转的小程序appid
|
|
|
|
|
- path: "" // 所需跳转的小程序内页面路径及参数。非必填
|
|
|
|
|
- },
|
|
|
|
|
- function (res) {
|
|
|
|
|
- if (res.err_msg == "launchMiniprogram:ok") {
|
|
|
|
|
- // 正常
|
|
|
|
|
- console.log("正常");
|
|
|
|
|
- } else {
|
|
|
|
|
- // 错误处理
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- );
|
|
|
|
|
- },
|
|
|
|
|
- fail: function (res) {
|
|
|
|
|
- if (res.errMsg.indexOf("function not exist") > -1) {
|
|
|
|
|
- alert("版本过低请升级");
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
<style>
|
|
<style>
|