Skip to content

T
tokcos-socket-web-ts-user
提交 06549bcf 作者: Hao
操作

add

父级 7c587846
正在显示 包含 155 行增加 和 140 行删除
src/components/AutomaticPrompt.vue
...@@ -266,7 +266,7 @@ defineExpose({ ...@@ -266,7 +266,7 @@ defineExpose({
.chat-bar { .chat-bar {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 8px; margin-bottom: 20px;
justify-content: space-between; justify-content: space-between;
} }
.el-autocomplete { .el-autocomplete {
......
src/views/HomeView.vue
...@@ -182,7 +182,7 @@ ...@@ -182,7 +182,7 @@
</div> </div>
<div class="design-requirements"> <div class="design-requirements">
<div>{{ message.content.flieName }}</div> <div>{{ message.content.flieName }}</div>
<div class="img" @click="downLoad(message)" > <div class="img" @click="downLoad(message)">
<img :src="require('../assets/icon_download.png')" /> <img :src="require('../assets/icon_download.png')" />
</div> </div>
</div> </div>
...@@ -222,7 +222,7 @@ ...@@ -222,7 +222,7 @@
class="shirnk-aside" class="shirnk-aside"
v-shrink="{ isShrink, width: '0px' }" v-shrink="{ isShrink, width: '0px' }"
:style="{ :style="{
height: 'calc( 100vh - 60px )', height: 'calc( 100vh - 50px )',
}" }"
> >
<div class="shrink-text" @click="changeiShrink"> <div class="shrink-text" @click="changeiShrink">
...@@ -231,146 +231,151 @@ ...@@ -231,146 +231,151 @@
<DArrowRight v-if="!isShrink" /> <DArrowRight v-if="!isShrink" />
</el-icon> </el-icon>
</div> </div>
<div v-if="pageType == 1" style="width: 292px;"> <div class="shrink-box">
<div class="recentlyViewd" v-if="pageType == 2"> <div v-if="pageType == 1" style="width: 292px;">
Browsing history <div class="recentlyViewd" v-if="pageType == 2">
</div> Browsing history
<div class="recentlyViewd" v-if="pageType == 1"> </div>
Recommended products <div class="recentlyViewd" v-if="pageType == 1">
</div> Recommended products
<div </div>
v-for="(item, index) in productList" <div
:key="index" v-for="(item, index) in productList"
class="browse-glance" :key="index"
> class="browse-glance"
<img :src="item.productImg" class="browse-img" /> >
<div class="browse-glowup"> <img :src="item.productImg" class="browse-img" />
<div class="title">{{ item.productName }}</div> <div class="browse-glowup">
<div class="units"> <div class="title">{{ item.productName }}</div>
<div class="price">{{ item.price }}</div> <div class="units">
<div class="send" @click="toSendLink(item)"> <div class="price">{{ item.price }}</div>
{{ item.link }} <div class="send" @click="toSendLink(item)">
{{ item.link }}
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div v-else style="width: 292px;">
<div v-else style="width: 292px;"> <div class="recentlyViewd">Request for Quotations</div>
<div class="recentlyViewd">Request for Quotations</div> <div class="recently-input-box">
<div class="recently-input-box"> <el-form
<el-form label-position="top"
label-position="top" style="max-width: 600px;"
style="max-width: 600px;" label-width="auto"
label-width="auto" class="demo-dynamic"
class="demo-dynamic" ref="ruleFormRef"
ref="ruleFormRef" :rules="rules"
:rules="rules" :model="ruleForm"
:model="ruleForm"
>
<el-form-item prop="ProductName" label="Product Name">
<el-input
v-model="ruleForm.ProductName"
style="height: 36px;"
placeholder="Enter a specific product name"
prop="Email"
/>
</el-form-item>
<el-form-item prop="Email" label="Product Category">
<el-select
placeholder="Select"
prop="Email"
style="height: 36px;"
v-model="ruleForm.Email"
>
<el-option label="Restaurant" value="1" />
<el-option label="Order No." value="2" />
<el-option label="Tel" value="3" />
</el-select>
</el-form-item>
<el-form-item prop="purchaseQuantity" label="Purchase Quantity">
<el-input
style="max-width: 600px; height: 36px;"
placeholder="Please enter"
v-model="ruleForm.purchaseQuantity"
class="input-with-select"
prop="Email"
>
<template #append>
<el-select
placeholder="China"
style="width: 96px;"
prop="China"
v-model="ruleForm.China"
>
<el-option label="Restaurant" value="1" />
<el-option label="Order No." value="2" />
<el-option label="Tel" value="3" />
</el-select>
</template>
</el-input>
</el-form-item>
<el-form-item
label="Other requirements explanation"
prop="otherRequirements"
> >
<el-input <el-form-item prop="ProductName" label="Product Name">
v-model="ruleForm.otherRequirements" <el-input
:autosize="{ minRows: 3, maxRows: 10 }" v-model="ruleForm.ProductName"
type="textarea" style="height: 36px;"
placeholder="Please enter" placeholder="Enter a specific product name"
/> prop="Email"
</el-form-item> />
<el-form-item> </el-form-item>
<!-- <input <el-form-item prop="Email" label="Product Category">
class="requirements-box" <el-select
v-if="!isUpload" placeholder="Select"
type="file" prop="Email"
@change="fileImgChange" style="height: 36px;"
/> --> v-model="ruleForm.Email"
<input >
type="file" <el-option label="Restaurant" value="1" />
ref="requireFile" <el-option label="Order No." value="2" />
style="display: none;" <el-option label="Tel" value="3" />
accept="image/bmp,image/jpeg,image/jpg,image/png" </el-select>
@change="fileImgChange" </el-form-item>
/> <el-form-item
<div prop="purchaseQuantity"
class="requirements-box" label="Purchase Quantity"
v-if="!ruleForm.flieUrl" >
@click="requireFileOk" <el-input
style="max-width: 600px; height: 36px;"
placeholder="Please enter"
v-model="ruleForm.purchaseQuantity"
class="input-with-select"
prop="Email"
>
<template #append>
<el-select
placeholder="China"
style="width: 96px;"
prop="China"
v-model="ruleForm.China"
>
<el-option label="Restaurant" value="1" />
<el-option label="Order No." value="2" />
<el-option label="Tel" value="3" />
</el-select>
</template>
</el-input>
</el-form-item>
<el-form-item
label="Other requirements explanation"
prop="otherRequirements"
> >
<el-button icon="UploadFilled" class="uploadInfo" /> <el-input
<div class="upload"> v-model="ruleForm.otherRequirements"
<div class="click-to-upload"> :autosize="{ minRows: 3, maxRows: 10 }"
Click to upload type="textarea"
placeholder="Please enter"
/>
</el-form-item>
<el-form-item>
<!-- <input
class="requirements-box"
v-if="!isUpload"
type="file"
@change="fileImgChange"
/> -->
<input
type="file"
ref="requireFile"
style="display: none;"
accept="image/bmp,image/jpeg,image/jpg,image/png"
@change="fileImgChange"
/>
<div
class="requirements-box"
v-if="!ruleForm.flieUrl"
@click="requireFileOk"
>
<el-button icon="UploadFilled" class="uploadInfo" />
<div class="upload">
<div class="click-to-upload">
Click to upload
</div>
<div class="or-drag-and-drap">or drag and drap</div>
</div> </div>
<div class="or-drag-and-drap">or drag and drap</div>
</div> </div>
</div> <div class="requirements-box1" v-if="ruleForm.flieUrl">
<div class="requirements-box1" v-if="ruleForm.flieUrl"> <div class="box">
<div class="box"> <div class="upload-name">{{ ruleForm.flieName }}</div>
<div class="upload-name">{{ ruleForm.flieName }}</div> <div class="upload-info">
<div class="upload-info"> <el-icon color="green"><CircleCheck /></el-icon>
<el-icon color="green"><CircleCheck /></el-icon> <span>{{ ruleForm.flieSize }}KB</span>
<span>{{ ruleForm.flieSize }}KB</span> </div>
</div> </div>
<el-icon :size="20" @click="deleteFlieName(ruleForm)">
<Delete />
</el-icon>
</div> </div>
<el-icon :size="20" @click="deleteFlieName(ruleForm)"> </el-form-item>
<Delete /> <el-form-item prop="EmailAddress" label="Email Address">
</el-icon> <el-input
style="height: 36px;"
placeholder="Please enter"
v-model="ruleForm.EmailAddress"
/>
</el-form-item>
<div class="footerSubmit" @click="submitForm(ruleForm)">
Submit
</div> </div>
</el-form-item> </el-form>
<el-form-item prop="EmailAddress" label="Email Address"> </div>
<el-input
style="height: 36px;"
placeholder="Please enter"
v-model="ruleForm.EmailAddress"
/>
</el-form-item>
<div class="footerSubmit" @click="submitForm(ruleForm)">
Submit
</div>
</el-form>
</div> </div>
</div> </div>
</el-aside> </el-aside>
...@@ -405,7 +410,7 @@ const ruleForm = ref({ ...@@ -405,7 +410,7 @@ const ruleForm = ref({
China: '', China: '',
price: 5000, price: 5000,
flieName: '', flieName: '',
flieSize:0, flieSize: 0,
flieUrl: '', flieUrl: '',
otherRequirements: otherRequirements:
'Other requirements explanation Other requirements explanation Other requirements explanation Other requirements explanation Other requirements explanation', 'Other requirements explanation Other requirements explanation Other requirements explanation Other requirements explanation Other requirements explanation',
...@@ -451,7 +456,7 @@ function fileImgChange() { ...@@ -451,7 +456,7 @@ function fileImgChange() {
ruleForm.value.flieUrl = result ruleForm.value.flieUrl = result
ruleForm.value.flieName = oFile.name ruleForm.value.flieName = oFile.name
ruleForm.value.flieSize = oFile.size ruleForm.value.flieSize = oFile.size
console.log(ruleForm,'ruleForm') console.log(ruleForm, 'ruleForm')
} }
}) })
const loading: any = ElLoading?.service({ const loading: any = ElLoading?.service({
...@@ -739,9 +744,7 @@ const toSendLink = (e: any) => { ...@@ -739,9 +744,7 @@ const toSendLink = (e: any) => {
<style lang="scss" scoped> <style lang="scss" scoped>
.shirnk-aside { .shirnk-aside {
position: relative; position: relative;
overflow-y: scroll; overflow: initial;
overflow: inherit;
.shrink-text { .shrink-text {
position: absolute; position: absolute;
top: 50%; top: 50%;
...@@ -756,6 +759,10 @@ const toSendLink = (e: any) => { ...@@ -756,6 +759,10 @@ const toSendLink = (e: any) => {
left: -12px; left: -12px;
font-size: 10px; font-size: 10px;
} }
.shrink-box {
overflow-y: scroll;
height: 100%;
}
} }
.inquiry-list { .inquiry-list {
display: flex; display: flex;
...@@ -820,6 +827,7 @@ const toSendLink = (e: any) => { ...@@ -820,6 +827,7 @@ const toSendLink = (e: any) => {
.img { .img {
width: 20px; width: 20px;
height: 20px; height: 20px;
line-height: 20px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -907,7 +915,7 @@ const toSendLink = (e: any) => { ...@@ -907,7 +915,7 @@ const toSendLink = (e: any) => {
color: #0c203d; color: #0c203d;
text-overflow: ellipsis; text-overflow: ellipsis;
font-family: 'Helvetica Neue'; font-family: 'Helvetica Neue';
font-size: 14px; font-size: 13px;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 20px; line-height: 20px;
...@@ -1473,11 +1481,12 @@ const toSendLink = (e: any) => { ...@@ -1473,11 +1481,12 @@ const toSendLink = (e: any) => {
} }
.title { .title {
display: flex; display: flex;
padding: 8px; // padding: 8px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 4px; border-radius: 4px;
background: #f8f8fa; line-height: 20px;
// background: #f8f8fa;
font-size: 12px; font-size: 12px;
font-family: 'PingFang SC'; font-family: 'PingFang SC';
font-weight: 400; font-weight: 400;
...@@ -1700,4 +1709,10 @@ input { ...@@ -1700,4 +1709,10 @@ input {
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 1px solid #e6e8ed; border-bottom: 1px solid #e6e8ed;
} }
.footerSubmit {
font-size: 16px !important;
color: #fff;
background: #000;
}
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论