From c104bf2b4ecf604245b38590bf1e8119530de10b Mon Sep 17 00:00:00 2001
From: yaowanxin <3588231647@qq.com>
Date: 星期二, 12 八月 2025 16:26:55 +0800
Subject: [PATCH] Merge branch 'ywx' of http://114.132.189.42:9002/r/product-inventory-management into dev_ai
---
src/views/chatHome/chatHomeIndex/home.vue | 175 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 175 insertions(+), 0 deletions(-)
diff --git a/src/views/chatHome/chatHomeIndex/home.vue b/src/views/chatHome/chatHomeIndex/home.vue
new file mode 100644
index 0000000..7796284
--- /dev/null
+++ b/src/views/chatHome/chatHomeIndex/home.vue
@@ -0,0 +1,175 @@
+<template>
+<div class="home">
+ <div style="background: white;color: black;font-size: 30px;" class="logo">
+ <div class="logo-one" style="font-weight: bold">
+<!-- <img src="/src/assets/img/logo.png" style="width: 50px;height: 50px;margin: 0 10px" />-->
+ <div><i>澶фā鍨婣I灏忔櫤姝ｅ湪涓烘偍鏈嶅姟</i></div>
+ </div>
+ <div class="input">
+ <input type="text" v-model="keyWord" class="input-text" placeholder="缁欏皬鏅哄彂閫佹秷鎭�" @keyup.enter="sendMsg" />
+ <div style="font-size: 13px;color: #808080;display: flex;justify-content: space-between;padding: 10px;">
+ <div style="display: flex;justify-content: center;align-items: center;">
+<!-- <div style="display: flex;justify-content: center;align-items: center;">-->
+<!-- <img src="/src/assets/img/logo.png" style="width: 15px;height: 15px;margin: 0 5px" />-->
+<!-- <span>娣卞害鎬濊��(R1)</span>-->
+<!-- </div>-->
+<!-- <div style="display: flex;justify-content: center;align-items: center;">-->
+<!-- <img src="/src/assets/img/logo.png" style="width: 15px;height: 15px;margin: 0 5px" />-->
+<!-- <span>鑱旂綉鎼滅储</span>-->
+<!-- </div>-->
+ </div>
+ <div style="display: flex;justify-content: center;align-items: center;margin-right: 5px;">
+<!-- <img src="/src/assets/img/logo.png" style="width: 25px;height: 25px;margin: 0 5px" />-->
+ <img src="@/assets/img/emoji/rocket.png" style="width: 25px;height: 25px;margin: 0 5px" @click="sendMsg"/>
+ </div>
+ </div>
+ </div>
+ <div style="width: 780px;">
+ <div style="font-weight: bold;margin: 30px 0;">鐑棬鎺ㄨ崘</div>
+ <div class="keywords">
+ <div class="keywordss" @click="sendMsgDefault(keyWordOne)">
+ <p class="fontSize aaa">{{keyWordOne}}</p>
+ <p class="fontSize">闃�闂ㄣ�佺閬撴垨瀹瑰櫒瀵嗗皝澶辨晥瀵艰嚧姘斾綋娉勬紡锛堝姘皵銆佹皑姘旓級銆�</p>
+ <p class="fontSize">鍚庢灉锛氫腑姣掋�佺垎鐐搞�佺幆澧冩薄鏌撱��</p>
+ </div>
+ <div class="keywordss" @click="sendMsgDefault(keyWordTwo)">
+ <p class="fontSize aaa">{{keyWordTwo}}</p>
+ <p class="fontSize">閽㈢摱鎴栫綈浣撳洜鏉愭枡鐤插姵銆佽厫铓�鎴栬秴鍘嬬牬瑁�</p>
+ <p class="fontSize">鍘熷洜锛氭湭瀹氭湡妫�娴嬨�佽繚瑙勫厖瑁呮垨澶栭儴鎾炲嚮銆傘��</p>
+ </div>
+ </div>
+ <div class="keywords">
+ <div class="keywordss" @click="sendMsgDefault(keyWordFive)">
+ <p class="fontSize aaa">{{keyWordFive}}</p>
+ <p class="fontSize">瑁呭嵏杩囩▼涓繚瑙勬搷浣滐紙濡傞噹铔惉杩愩�佹贩瑁呯蹇岀墿璐級銆�</p>
+ <p class="fontSize">杩愯緭閫斾腑鏈浐瀹氬鍣紝瀵艰嚧纰版挒鎴栧�惧�掋��</p>
+ </div>
+ <div class="keywordss" @click="sendMsgDefault(keyWordSix)">
+ <p class="fontSize aaa">{{keyWordSix}}</p>
+ <p class="fontSize">缂轰箯娉勬紡搴旀�ラ妗堬紝浜哄憳鍩硅涓嶈冻銆�</p>
+ <p class="fontSize">鏁戞彺璁惧锛堝闃叉瘨闈㈠叿銆佸牭婕忓伐鍏凤級缂哄け鎴栧け鏁堛��</p>
+ </div>
+ </div>
+ <div class="keywords">
+ <div class="keywordss" @click="sendMsgDefault(keyWordServen)">
+ <p class="fontSize aaa">{{keyWordServen}}</p>
+ <p class="fontSize">鏈彇寰楄繍杈撹祫璐紙濡侫DR/RID绛夊浗闄呰鑼冿級銆�</p>
+ <p class="fontSize">璺嚎瑙勫垝涓嶅悎瑙勶紙濡傜┛瓒婁汉鍙ｅ瘑闆嗗尯锛夈��</p>
+ </div>
+ <div class="keywordss" @click="sendMsgDefault(keyWordEight)">
+ <p class="fontSize aaa">{{keyWordEight}}</p>
+ <p class="fontSize">浼犳劅鍣ㄩ儴缃诧紙濡傜孩澶栨皵浣撴帰娴嬪櫒銆佺數鍖栧浼犳劅鍣級銆�</p>
+ <p class="fontSize">瀹炴椂鏁版嵁浼犺緭鑷崇洃鎺у钩鍙帮紝瑙﹀彂鎶ヨ銆�</p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div></div>
+</div>
+</template>
+
+<script setup>
+import { ref,onMounted } from "vue";
+import {useRoute,useRouter} from "vue-router"
+const route = useRoute();
+const router = useRouter();
+const keyWord = ref('');
+const keyWordOne = ref('鍗遍櫓姘斾綋娉勬紡鎬庝箞鍔�');
+const keyWordTwo = ref('杩愯緭瀹瑰櫒澶辨晥鎬庝箞鍔�');
+const keyWordFive = ref('鎿嶄綔涓嶅綋鎬庝箞鍔�');
+const keyWordSix = ref('搴旀�ュ搷搴斾笉瓒虫�庝箞鍔�');
+const keyWordServen = ref('鍚堣鎬ч棶棰�');
+const keyWordEight = ref('娉勬紡鐩戞祴鎶�鏈湁鍝簺');
+
+const sendMsg = () => {
+ router.push({ path: '/main/MobileChat',query:{ keyWord: keyWord.value} })
+}
+
+const sendMsgDefault = (value) => {
+ router.push({ path: '/main/MobileChat',query:{ keyWord: value} })
+}
+
+</script>
+
+<style lang="scss" scoped>
+.home {
+ width: 100%;
+ height: 91vh;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ .logo {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ z-index: 99;
+ width: 100%;
+ height: 100%;
+ color: #fff;
+ cursor: pointer;
+ overflow: hidden;
+ background-color: #F0F6F9;
+
+ .keywords {
+ display: flex;
+ width: 100%;
+ height: 90px;
+ line-height: 80px;
+ justify-content: space-between;
+ margin: 10px 0;
+
+ .keywordss {
+ box-shadow: 0px 2px 5px #b8b8b8;
+ width: 48%;
+ background: #e0edfc;
+ border-radius: 10px;
+
+ .aaa {
+ font-weight: bold;
+ font-size: 15px !important;
+ }
+
+ .fontSize {
+ font-size: 13px;
+ height: 20px;
+ line-height: 20px;
+ margin: 6px;
+ }
+ }
+ }
+
+ .logo-one {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+
+ .input {
+ width: 780px;
+ height: 150px;
+ background: #f5f4f4;
+ border-radius: 20px;
+
+ .input-text {
+ font-size: 18px;
+ width: 568px;
+ border-radius: 20px 20px 0 0;
+ height: 90px;
+ padding-left: 10px;
+ border: none;
+ color: black;
+ background-color: #f5f4f4;
+ }
+
+ .input-text:focus {
+ outline: none;
+ border: none;
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3