diff --git a/package-lock.json b/package-lock.json index d491f29a..9164a405 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "0.1.0", "dependencies": { "@ans1998/vue3-color": "^3.0.7", - "@flaticon/flaticon-uicons": "^2.2.0", + "@flaticon/flaticon-uicons": "^2.3.0", "ant-design-vue": "^3.2.12", "axios": "^1.4.0", "core-js": "^3.8.3", @@ -1811,9 +1811,9 @@ } }, "node_modules/@flaticon/flaticon-uicons": { - "version": "2.2.0", - "resolved": "https://registry.npmmirror.com/@flaticon/flaticon-uicons/-/flaticon-uicons-2.2.0.tgz", - "integrity": "sha512-9rZ9dKhqrR/XLI84HHfOwetK8ew/Y0FONp5l6n+fMhqGBrDZKkOGMjAoEgSfBH6d+VaVGcm0E28xhlBt7ggbRg==", + "version": "2.3.0", + "resolved": "https://registry.npmmirror.com/@flaticon/flaticon-uicons/-/flaticon-uicons-2.3.0.tgz", + "integrity": "sha512-+y2yJhMebrbMUxEvegLULS7ir0GFiKMhpm5Xq1hypqb6mHtpA0mLKkN63/kgI0+V0Dol5dGkRf1Tg+wHVluYfQ==", "optionalDependencies": { "esbuild-linux-64": "^0.14.5" } @@ -13324,9 +13324,9 @@ } }, "@flaticon/flaticon-uicons": { - "version": "2.2.0", - "resolved": "https://registry.npmmirror.com/@flaticon/flaticon-uicons/-/flaticon-uicons-2.2.0.tgz", - "integrity": "sha512-9rZ9dKhqrR/XLI84HHfOwetK8ew/Y0FONp5l6n+fMhqGBrDZKkOGMjAoEgSfBH6d+VaVGcm0E28xhlBt7ggbRg==", + "version": "2.3.0", + "resolved": "https://registry.npmmirror.com/@flaticon/flaticon-uicons/-/flaticon-uicons-2.3.0.tgz", + "integrity": "sha512-+y2yJhMebrbMUxEvegLULS7ir0GFiKMhpm5Xq1hypqb6mHtpA0mLKkN63/kgI0+V0Dol5dGkRf1Tg+wHVluYfQ==", "requires": { "esbuild-linux-64": "^0.14.5" } diff --git a/package.json b/package.json index b5509d3b..4ba1452a 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,7 @@ }, "dependencies": { "@ans1998/vue3-color": "^3.0.7", - "@flaticon/flaticon-uicons": "^2.2.0", + "@flaticon/flaticon-uicons": "^2.3.0", "ant-design-vue": "^3.2.12", "axios": "^1.4.0", "core-js": "^3.8.3", diff --git a/src/assets/style/style.css b/src/assets/style/style.css index dafba0da..121f64a1 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -29,13 +29,14 @@ input { .button_second { width: 9.85rem; text-align: center; - background: #343579; height: 4rem; line-height: 4rem; font-size: 1.4rem; font-weight: 400; - color: #fff; + color: #000; cursor: pointer; + border-radius: 1.5rem; + border: 2px solid; } .system_silder { width: 100%; @@ -80,6 +81,16 @@ input { font-size: 1.3rem; font-weight: bold; } +.started_btn { + padding: 0.5rem 2rem; + display: inline-block; + border-radius: 2rem; + font-size: 12px; + color: #fff; + background-color: #39215b; + cursor: pointer; + zoom: 0.9; +} .modal_component.ant-modal { top: 0; } diff --git a/src/assets/style/style.less b/src/assets/style/style.less index ff7230bd..c9073e8b 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -28,13 +28,15 @@ input{ .button_second{ width: 9.85rem; text-align: center; - background: #343579; + // background: #343579; height: 4rem; line-height: 4rem; font-size: 1.4rem; font-weight: 400; - color: #fff; + color: #000; cursor: pointer; + border-radius: 1.5rem; + border: 2px solid; } .system_silder{ @@ -85,7 +87,17 @@ input{ font-weight: bold; } } - +//started公共按钮样式 +.started_btn{ + padding: .5rem 2rem; + display: inline-block; + border-radius: 2rem; + font-size: 12px; + color: #fff; + background-color: #39215b; + cursor: pointer; + zoom: .9; +} //弹窗公共样式 diff --git a/src/component/Detail/habit.vue b/src/component/Detail/habit.vue index d87e4ffb..30f22b44 100644 --- a/src/component/Detail/habit.vue +++ b/src/component/Detail/habit.vue @@ -10,15 +10,9 @@

Workspace Setting

adjust your workspace setting
-
- - +
+ + {{habitType.habitTypeone}} @@ -26,7 +20,21 @@
- +
+
+ 男 +
+ +
+ 女 +
+
System
Seleves @@ -121,7 +129,9 @@ - + diff --git a/src/component/HomePage/PrintboardUpload.vue b/src/component/HomePage/PrintboardUpload.vue index 3a4e0b35..d98060cd 100644 --- a/src/component/HomePage/PrintboardUpload.vue +++ b/src/component/HomePage/PrintboardUpload.vue @@ -4,12 +4,27 @@
-
- Upload -
-
- My Library -
+
+ Upload +
+
+ Library +
+
+ Generate +
@@ -17,7 +32,7 @@
Generate
-
+
@@ -65,6 +80,8 @@ Maximum 15 images can be uploaded, Maximum 2M per image
+ +
@@ -88,7 +105,6 @@
-
+ diff --git a/src/component/HomePage/collectionModal.vue b/src/component/HomePage/collectionModal.vue index 00629dde..619325b5 100644 --- a/src/component/HomePage/collectionModal.vue +++ b/src/component/HomePage/collectionModal.vue @@ -6,21 +6,37 @@ width="80%" :maskClosable="false" :centered="true" + :closable="false" > - - +
+
+
Moodboard
+
Printboard
+
Colorboard
+
Sketchboard
+
Markets Sketch
+
select moodboard for your collection
+
+
+ +
+ +
+
+ + +
+
+ + + + + + + +
@@ -34,6 +50,8 @@ + diff --git a/src/component/HomePage/layout.vue b/src/component/HomePage/layout.vue new file mode 100644 index 00000000..b8f086af --- /dev/null +++ b/src/component/HomePage/layout.vue @@ -0,0 +1,394 @@ + + + + + \ No newline at end of file diff --git a/src/store/uploadFile/uploadFile.ts b/src/store/uploadFile/uploadFile.ts index a53f4db9..0af4f41c 100644 --- a/src/store/uploadFile/uploadFile.ts +++ b/src/store/uploadFile/uploadFile.ts @@ -1,10 +1,14 @@ import {Module} from 'vuex' import {RootState} from '../index' +import { message } from "ant-design-vue"; interface UploadFiles{ moodboardFiles:any, printboardFiles:any, generatePrintFiles:any, + generateFiles:any, + MaterialFiles:any, + generateList:any, colorBoards:any, skecthboardFiles:any, marketingSketchFiles:any, @@ -17,6 +21,9 @@ const UploadFilesModule : Module = { moodboardFiles:[], printboardFiles:[], generatePrintFiles:[], + generateFiles:[], + MaterialFiles:[], + generateList:[], colorBoards:[], skecthboardFiles:[], marketingSketchFiles:[], @@ -25,7 +32,7 @@ const UploadFilesModule : Module = { }, mutations:{ setMoodboardFile(state,files){ - state.moodboardFiles = files + state.moodboardFiles = files }, setPrintboardFile(state,files){ state.printboardFiles = files @@ -33,6 +40,53 @@ const UploadFilesModule : Module = { setGeneratePrintFile(state,files){ state.generatePrintFiles = files }, + addGenerateMaterialFils(state,data){ + let file + let arr = [...state.generateFiles,...state.MaterialFiles,...state.moodboardFiles] + if(data.type_ == 'generate'){ + file = state.generateFiles + }else{ + file = state.MaterialFiles + } + if(file.length == 0){ + if(arr.length >= 8){ + message.error('You can select up to 8 images') + }else{ + data.checked = true + file.push(data) + } + }else{ + let str = true + for (let index = 0; index < file.length; index++) { + if(file[index].id_ == data.id_){ + // data.id_ = GO.id++ + str = false + } + } + if(str){ + if(arr.length >= 8){ + message.error('You can select up to 8 images') + }else{ + data.checked = true + file.push(data) + } + }else{ + data.checked = false + file = file.filter((v:any)=> v.id_ != data.id_) + } + } + if(data.type_ == 'generate'){ + state.generateFiles = file + }else{ + state.MaterialFiles = file + } + }, + getGenerateList(state,list){ + state.generateList = list + }, + // setGenerateFils(state,files){ + // state.generateFiles = files + // }, setColorboardList(state,colorBoards){ state.colorBoards = colorBoards }, @@ -47,6 +101,7 @@ const UploadFilesModule : Module = { moodboardFiles:state.moodboardFiles, printboardFiles:state.printboardFiles, generatePrintFiles:state.generatePrintFiles, + generateFiles:state.generateFiles, colorBoards:state.colorBoards, skecthboardFiles:state.skecthboardFiles, marketingSketchFiles:state.marketingSketchFiles, @@ -60,6 +115,8 @@ const UploadFilesModule : Module = { state.moodboardFiles = [] state.printboardFiles = [] state.generatePrintFiles=[] + state.generateFiles = [] + state.MaterialFiles = [] state.colorBoards = [] state.skecthboardFiles = [] state.marketingSketchFiles = [] diff --git a/src/tool/GO.ts b/src/tool/GO.ts new file mode 100644 index 00000000..e1269108 --- /dev/null +++ b/src/tool/GO.ts @@ -0,0 +1,4 @@ +export default { + id : 1, + testUrl:'http://192.168.1.5:10086' +} \ No newline at end of file diff --git a/src/tool/https.js b/src/tool/https.js index deb00a8c..737e6069 100644 --- a/src/tool/https.js +++ b/src/tool/https.js @@ -1,7 +1,6 @@ import axios from 'axios' // import qs from 'qs' // import message from '@/components/public/message/src' - import router from '@/router/index' import {getCookie} from '@/tool/cookie' // import cookie from '@/tools/cookie.js' @@ -15,11 +14,12 @@ axios.defaults.headers.post['lang'] = 'en'; //配置语言请求头 axios.defaults.withCredentials = true; //跨域携带cookie import { message } from 'ant-design-vue'; -if(process.env.NODE_ENV == "development"){ - axios.defaults.baseURL = ""; //配置接口地址 -}else{ - axios.defaults.baseURL = process.env.VUE_APP_BASE_URL; //配置接口地址 -} +// if(process.env.NODE_ENV == "development"){ +// axios.defaults.baseURL = ""; //配置接口地址 +// }else{ +// axios.defaults.baseURL = process.env.VUE_APP_BASE_URL; //配置接口地址 +// } +axios.defaults.baseURL = process.env.VUE_APP_BASE_URL; //配置接口地址 //POST传参序列化(添加请求拦截器) axios.interceptors.request.use((config) => { @@ -99,6 +99,7 @@ export const Https = { saveOrEditTemplatePoint:'/api/library/saveOrEditTemplatePoint',//保存或者编辑template打点 libraryModelsDot:'/api/library/modelsDot',//Models打点预览 pythonChatStream:'/api/python/chatStream',//机器人助力 + workspaceDetail:'http://192.168.1.5:10086/api/workspace/detail',//用户习惯详情 }, diff --git a/src/tool/moodb.ts b/src/tool/moodb.ts new file mode 100644 index 00000000..9bab2560 --- /dev/null +++ b/src/tool/moodb.ts @@ -0,0 +1,12 @@ +export default { + moodb_ : [ + [['wh4']], + [['wh4','wh4']], + [['wh4','w1h2','w1h2'],['w1h2','w1h2','wh4'],['w2h1','w2h1','wh4'],['wh4','w2h1','w2h1']], + [['wh1','wh1','w1h2','wh4'],['w1h2','wh1','wh1','wh4'],['wh4','wh1','wh1','w1h2'],['w1h2','w1h2','w1h2','w1h2']], + [['wh1','wh1','wh1','wh1','wh4'],['wh1','wh1','wh4','wh1','wh1'],['wh4','wh1','wh1','wh1','wh1'],['w1h2','w1h2','w1h2','wh1','wh1'],['wh1','wh1','w1h2','w1h2','w1h2'],['w1h2','w1h2','wh1','wh1','w1h2'],['w1h2','wh1','wh1','w1h2','w1h2']], + [['wh1','wh1','wh1','wh1','w1h2','w1h2'],['wh1','wh1','w1h2','wh1','wh1','w1h2'],['w1h2','w1h2','wh1','wh1','wh1','wh1'],['wh1','wh1','wh1','wh1','w2h1','w2h1'],['wh1','wh1','w2h1','w2h1','wh1','wh1'],['w2h1','w2h1','wh1','wh1','wh1','wh1']], + [['wh1','wh1','wh1','wh1','wh1','wh1','w1h2'],['wh1','wh1','wh1','wh1','w1h2','wh1','wh1'],['wh1','wh1','w1h2','wh1','wh1','wh1','wh1'],['w1h2','wh1','wh1','wh1','wh1','wh1','wh1'],['wh1','wh1','wh1','wh1','wh1','wh1','w2h1']], + [['wh1','wh1','wh1','wh1','wh1','wh1','wh1','wh1']] + ] +} \ No newline at end of file diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index b1e8cf2c..15d1972b 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -53,7 +53,7 @@ @click="resDesignCollection()"> Redesign
-
+