Skip to content

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

add

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